.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 0.3em;
}

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

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

.button-action {
    display: inline-block;
    padding: 0.2em 0.5em 0.3em;
    text-decoration: none;
    line-height: 160%;
}

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

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

.breadcrumb {
    padding-bottom: 0.5em;
}

.breadcrumb ol {
    margin: 0;
    padding: 0;
}

[dir="rtl"] .breadcrumb ol {
    margin-right: 0;
}

.breadcrumb li {
    display: inline;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.breadcrumb li:before {
    content: " \BB ";
}

.breadcrumb li:first-child:before {
    content: none;
}

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

.collapse-processed>summary:before {
    float: left;
    width: 1em;
    height: 1em;
    content: "";
    background: url(/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: 0.5em 1.5em;
}

summary {
    padding: 0.2em 0.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 0.1em 0;
    padding: 0;
}

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

[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: bold;
    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: bold;
}

.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: 0.5em;
}

[dir="rtl"] .field--label-inline .field__label,
[dir="rtl"] .field--label-inline .field__items {
    padding-right: 0;
    padding-left: 0.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: 0.5em;
}

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

form .field-add-more-submit {
    margin: 0.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: 0.85em;
}

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

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

.form-checkboxes .form-item,
.form-radios .form-item {
    margin-top: 0.4em;
    margin-bottom: 0.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 0.3em;
    content: "";
    vertical-align: super;
    background-image: url(/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(/core/misc/icons/e32700/error.svg) no-repeat;
    background-size: contain;
}

.icon-help {
    padding: 1px 0 1px 20px;
    background: url(/core/misc/help.png) 0 50% no-repeat;
}

[dir="rtl"] .icon-help {
    padding: 1px 20px 1px 0;
    background-position: 100% 50%;
}

.feed-icon {
    display: block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/core/misc/feed.svg) no-repeat;
}

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

label button.link {
    font-weight: bold;
}

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 0.5em;
    list-style-type: none;
}

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

tr.drag {
    background-color: #fffff0;
}

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

body div.tabledrag-changed-warning {
    margin-bottom: 0.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;
}

.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%;
    }
}

.messages {
    padding: 15px 20px 15px 35px;
    word-wrap: break-word;
    border: 1px solid;
    border-width: 1px 1px 1px 0;
    border-radius: 2px;
    background: no-repeat 10px 17px;
    overflow-wrap: break-word;
}

[dir="rtl"] .messages {
    padding-right: 35px;
    padding-left: 20px;
    text-align: right;
    border-width: 1px 0 1px 1px;
    background-position: right 10px top 17px;
}

.messages+.messages {
    margin-top: 1.538em;
}

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

.messages__item+.messages__item {
    margin-top: 0.769em;
}

.messages--status {
    color: #325e1c;
    border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
    background-color: #f3faef;
    background-image: url(/core/misc/icons/73b355/check.svg);
    box-shadow: -8px 0 0 #77b259;
}

[dir="rtl"] .messages--status {
    margin-left: 0;
    border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
    box-shadow: 8px 0 0 #77b259;
}

.messages--warning {
    color: #734c00;
    border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
    background-color: #fdf8ed;
    background-image: url(/core/misc/icons/e29700/warning.svg);
    box-shadow: -8px 0 0 #e09600;
}

[dir="rtl"] .messages--warning {
    border-color: #f4daa6 transparent #f4daa6 #f4daa6;
    box-shadow: 8px 0 0 #e09600;
}

.messages--error {
    color: #a51b00;
    border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
    background-color: #fcf4f2;
    background-image: url(/core/misc/icons/e32700/error.svg);
    box-shadow: -8px 0 0 #e62600;
}

[dir="rtl"] .messages--error {
    border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
    box-shadow: 8px 0 0 #e62600;
}

.messages--error p.error {
    color: #a51b00;
}

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

.tns-outer {
    padding: 0 !important
}

.tns-outer [hidden] {
    display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
    cursor: pointer
}

.tns-slider {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s
}

.tns-slider>.tns-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
    white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
    content: '';
    display: table;
    clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
    float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
    margin-right: -100%
}

.tns-no-calc {
    position: relative;
    left: 0
}

.tns-gallery {
    position: relative;
    left: 0;
    min-height: 1px
}

.tns-gallery>.tns-item {
    position: absolute;
    left: -100%;
    -webkit-transition: transform 0s, opacity 0s;
    -moz-transition: transform 0s, opacity 0s;
    transition: transform 0s, opacity 0s
}

.tns-gallery>.tns-slide-active {
    position: relative;
    left: auto !important
}

.tns-gallery>.tns-moving {
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    transition: all .25s
}

.tns-autowidth {
    display: inline-block
}

.tns-lazy-img {
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    transition: opacity .6s;
    opacity: .6
}

.tns-lazy-img.tns-complete {
    opacity: 1
}

.tns-ah {
    -webkit-transition: height 0s;
    -moz-transition: height 0s;
    transition: height 0s
}

.tns-ovh {
    overflow: hidden
}

.tns-visually-hidden {
    position: absolute;
    left: -10000em
}

.tns-transparent {
    opacity: 0;
    visibility: hidden
}

.tns-fadeIn {
    opacity: 1;
    z-index: 0
}

.tns-fadeOut,
.tns-normal {
    opacity: 0;
    z-index: -1
}

.tns-vpfix {
    white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
    display: inline-block
}

.tns-t-subp2 {
    margin: 0 auto;
    width: 310px;
    position: relative;
    height: 10px;
    overflow: hidden
}

.tns-t-ct {
    width: 2333.3333333%;
    width: -webkit-calc(100% * 70 / 3);
    width: -moz-calc(100% * 70 / 3);
    width: calc(100% * 70 / 3);
    position: absolute;
    right: 0
}

.tns-t-ct:after {
    content: '';
    display: table;
    clear: both
}

.tns-t-ct>div {
    width: 1.4285714%;
    width: -webkit-calc(100% / 70);
    width: -moz-calc(100% / 70);
    width: calc(100% / 70);
    height: 10px;
    float: left
}

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

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-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 {
    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-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

@font-face {
    font-family: 'EB Garamond';
    src: url(../static/themes/fonts/EBGaramond-Regular.ttf) format("truetype");
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: 'EB Garamond';
    src: url(../static/themes/fonts/EBGaramond-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: 'Open Sans';
    src: url(../static/themes/fonts/OpenSans-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    nioo/assetsfont-display: fallback
}

@font-face {
    font-family: 'Open Sans';
    src: url(../static/themes/fonts/OpenSans-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: 'Open Sans';
    src: url(../static/themes/fonts/OpenSans-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: fallback
}

[tabindex]:focus,
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: .2rem solid;
    outline-offset: .2rem
}

[tabindex="-1"]:focus {
    outline: 0
}

:focus:not(:focus-visible) {
    outline: 0
}

fieldset {
    border: 0;
    padding: 0
}

.label,
label:not(.option),
legend {
    display: contents;
    margin-bottom: .5rem;
    font-weight: 600
}

.label-above+ul {
    margin-top: 0
}

.label-inline {
    display: inline-block
}

.label-strong {
    font-weight: 700
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer
}

input[data-textual-input=true],
select,
textarea {
    width: 100%;
    padding: 1.2rem 1.5rem;
    border: .1rem solid var(--palette-border, #e2dfdc);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .8rem;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .12)
}

input[data-textual-input=true]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1
}

input[data-textual-input=true]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1
}

input[data-textual-input=true]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1
}

input[data-textual-input=true]::placeholder,
select::placeholder,
textarea::placeholder {
    opacity: 1
}

details input[data-textual-input=true] {
    width: auto
}

select {
    background-image: url(../static/themes/nioo/assets/images/chevron-down.svg);
    background-size: 1em .44em;
    background-repeat: no-repeat;
    padding-right: 4.3em;
    background-position: calc(100% - 2.3rem) center
}

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

input[data-pseudo-input=true] {
    position: absolute !important;
    height: 0;
    width: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

input[data-pseudo-input=true]+label {
    --bg: #fff;
    --text: #082235;
    --border: #000
}

input[data-pseudo-input=true]:checked+label {
    --bg: #007663;
    --text: #fff
}

.has-color-palette input[data-pseudo-input=true]:checked+label {
    --bg: var(--palette-button);
    --text: var(--palette-text)
}

input[data-pseudo-input=true]+label {
    position: relative;
    display: inline-block;
    padding-left: 3.5rem;
    margin: 0;
    font-weight: 400
}

input[data-pseudo-input=true]+label .icon {
    content: '';
    display: inline-block;
    width: 2.1rem;
    height: 2.1rem;
    vertical-align: top;
    border: .1rem solid #000;
    margin: .6rem .75rem 0 -3.5rem;
    background-color: var(--bg);
    transition: all .2s ease;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .12)
}

input[data-pseudo-input=true]+label svg {
    display: none
}

.form-item--error input[data-pseudo-input=true]+label .icon {
    border-color: red
}

input[data-pseudo-input=true]:hover+label .icon {
    box-shadow: 0 0 10px .2rem rgba(0, 0, 0, .2)
}

input[data-pseudo-input=true]:focus+label .icon {
    outline: .2rem solid var(--border);
    outline-offset: .2rem
}

input[data-pseudo-input=true]:checked+label svg {
    display: inline-block;
    position: absolute;
    left: 0;
    transform: scale(.65)
}

input[data-pseudo-input=true][type=checkbox]:checked+label .icon {
    background-color: var(--bg);
    color: var(--text)
}

input[data-pseudo-input=true][type=radio]+label .icon {
    margin-top: .5rem;
    border-radius: 50%
}

input[data-pseudo-input=true][type=radio]:checked+label .icon {
    box-shadow: inset 0 0 0 .25rem #fff
}

input[data-pseudo-input=true][type=radio]:checked:hover+label .icon {
    box-shadow: inset 0 0 0 .25rem #fff, 0 0 10px .2rem rgba(0, 0, 0, .2)
}

.description {
    margin-top: .5rem
}

.form--inline {
    display: flex;
    flex-wrap: wrap;
    margin: -1rem;
    align-items: flex-end
}

.form--inline>* {
    margin: 1rem
}

html {
    box-sizing: border-box
}

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

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.text--xlarge {
    line-height: 1.8
}

.page,
.profile--view-mode-full .tab-section--content .field__label,
.text--large {
    line-height: 1.8
}

#colorbox,
.profile--view-mode-full .tab-sections--outer .tab-sections--nav,
.text--medium,
nav.pager ul.pager__items {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8
}

.text--small {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8
}

.text--xsmall {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8
}

.profile--view-mode-full .tab-section--content .field__label,
.text--font-default {
    font-family: "Open Sans", serif
}

.text--bold {
    font-weight: 600
}

.truncate-text--2 {
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.truncate-text--2>* {
    display: inline
}

.truncate-text--3 {
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.truncate-text--3>* {
    display: inline
}

.textual--centered {
    text-align: center
}

.textual--centered ol,
.textual--centered ul {
    text-align: left
}

.page {
    font-family: "Open Sans", serif;
    color: var(--palette-text, #082235)
}

.cc-banner .cc-user-settings form legend,
.cc-window .cc-user-settings form legend,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "EB Garamond", serif;
    font-weight: 600;
    margin: 0 0 .35em 0;
    color: var(--palette-title, #004b85)
}

.cc-banner .cc-user-settings form legend a,
.cc-window .cc-user-settings form legend a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-underline-offset: 20%
}

.h1,
h1 {
    line-height: 1.25
}

.page-title {
    color: var(--palette-title, #004b85)
}

.h2,
h2 {
    line-height: 1.25
}

.h2--larger {
    line-height: 1.25
}

.cc-banner .cc-user-settings form legend,
.cc-window .cc-user-settings form legend,
.h3,
h3 {
    line-height: 1.25
}

.h4,
h4 {
    line-height: 1.25
}

p {
    margin: 0
}

.ck-editor__editable p+*,
.text-formatted p+* {
    margin-top: 1.56em
}

p.intro {
    font-weight: 700
}

img,
video {
    display: block;
    max-width: 100%;
    height: auto;
    font-size: smaller
}

svg {
    fill: currentColor
}

svg.svg-use {
    display: flex
}

.svg-use--wrapper {
    display: flex
}

figure {
    margin: 0
}

figure figcaption {
    margin-top: .5rem
}

figure figcaption .credits {
    display: inline-flex;
    align-items: baseline;
    font-weight: 400
}

figure figcaption .credits .icon {
    display: inline-block
}

a {
    color: currentColor;
    text-underline-offset: 40%
}

.ck-editor__editable a,
.text-formatted a {
    text-decoration: underline;
    transition: all .2s ease;
    color: var(--palette-links-and-box-background, #007663)
}

.ck-editor__editable a:focus,
.ck-editor__editable a:hover,
.text-formatted a:focus,
.text-formatted a:hover {
    text-decoration: none
}

.ck-editor__editable a.is-active,
.text-formatted a.is-active {
    text-decoration: none
}

.ck-editor__editable a:focus,
.ck-editor__editable a:hover,
.text-formatted a:focus,
.text-formatted a:hover {
    color: var(--palette-title, #004b85)
}

.ck-editor__editable a.is-active,
.text-formatted a.is-active {
    color: var(--palette-title, #004b85)
}

.ck-editor__editable a.is-active:focus,
.ck-editor__editable a.is-active:hover,
.text-formatted a.is-active:focus,
.text-formatted a.is-active:hover {
    color: var(--palette-title, #004b85)
}

a img {
    outline: 0 none;
    border: 0 none
}

button {
    color: currentColor
}

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

ul>li:before {
    content: "\200B";
    position: absolute
}

.ck-editor__editable ul,
.text-formatted ul {
    list-style: none;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8
}

.ck-editor__editable ul>li:before,
.text-formatted ul>li:before {
    content: none
}

.ck-editor__editable ul li+li,
.text-formatted ul li+li {
    margin-top: 2rem
}

.ck-editor__editable ul li,
.text-formatted ul li {
    padding-left: 2em;
    background-position: 0 .7em;
    background-repeat: no-repeat;
    background-image: url(../static/themes/nioo/assets/images/bullet-blue.svg)
}

.ck-editor__editable ul+*,
.text-formatted ul+* {
    margin-top: 1.56em
}

ol {
    margin: 0;
    padding: 0;
    list-style: none
}

ol>li:before {
    content: "\200B";
    position: absolute
}

.ck-editor__editable ol,
.text-formatted ol {
    list-style: decimal;
    padding-left: 1.7rem;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8
}

.ck-editor__editable ol>li:before,
.text-formatted ol>li:before {
    content: none
}

.ck-editor__editable ol li+li,
.text-formatted ol li+li {
    margin-top: 2rem
}

.ck-editor__editable ol li,
.text-formatted ol li {
    padding-left: 2rem
}

.ck-editor__editable ol li::marker,
.text-formatted ol li::marker {
    color: #004b85;
    font-weight: 600
}

.ck-editor__editable ol+*,
.text-formatted ol+* {
    margin-top: 1.56em
}

hr {
    border: none;
    height: 1px;
    width: 100%;
    background-color: #000
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

blockquote {
    font-family: "EB Garamond", serif;
    quotes: "“" "”" "‘" "’";
    margin: 0
}

.ck-editor__editable blockquote+*,
.text-formatted blockquote+* {
    margin-top: 1.56em
}

blockquote p {
    line-height: 1.5;
    display: inline
}

blockquote:before {
    content: open-quote;
    line-height: 0;
    position: absolute;
    margin-top: .55em;
    margin-left: -.6em
}

blockquote:after {
    content: close-quote;
    line-height: 0;
    display: inline;
    position: relative;
    top: .25em
}

address {
    font-style: normal
}

dl {
    margin: 0
}

dl dd {
    margin: 0
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8
}

table caption {
    margin-bottom: 1.5rem;
    text-align: left;
    font-weight: 600
}

table thead {
    background-color: #eff3f4;
    border-bottom: .1rem solid var(--palette-border, #e2dfdc)
}

table th {
    padding: 1.3rem 2rem;
    text-align: left;
    border: 0 none;
    vertical-align: top
}

table td {
    padding: 2.3rem;
    text-align: left;
    border: 0 none;
    vertical-align: top
}

table tbody tr {
    border-bottom: .1rem solid var(--palette-border, #e2dfdc);
    background-color: #fff
}

table tbody tr th {
    background-color: #eff3f4
}

::-moz-selection {
    background: #fdd447;
    text-shadow: none
}

::selection {
    background: #fdd447;
    text-shadow: none
}

.content--main--with-bg--large .content--main .content--main--wrapper {
    padding-bottom: 4rem
}

.cc-banner .cc-layout,
.cc-banner .cc-message-wrapper,
.cc-window .cc-layout,
.cc-window .cc-message-wrapper,
.grid-container {
    position: relative;
    width: calc(100% - 15vw);
    max-width: 1318px;
    margin-left: auto;
    margin-right: auto
}

.cc-banner .cc-layout .cc-layout,
.cc-banner .cc-layout .cc-message-wrapper,
.cc-banner .cc-layout .grid-container,
.cc-banner .cc-message-wrapper .cc-layout,
.cc-banner .cc-message-wrapper .cc-message-wrapper,
.cc-banner .cc-message-wrapper .grid-container,
.cc-banner .grid-container .cc-layout,
.cc-banner .grid-container .cc-message-wrapper,
.cc-window .cc-layout .cc-layout,
.cc-window .cc-layout .cc-message-wrapper,
.cc-window .cc-layout .grid-container,
.cc-window .cc-message-wrapper .cc-layout,
.cc-window .cc-message-wrapper .cc-message-wrapper,
.cc-window .cc-message-wrapper .grid-container,
.cc-window .grid-container .cc-layout,
.cc-window .grid-container .cc-message-wrapper,
.grid-container .cc-banner .cc-layout,
.grid-container .cc-banner .cc-message-wrapper,
.grid-container .cc-window .cc-layout,
.grid-container .cc-window .cc-message-wrapper,
.grid-container .grid-container {
    width: auto
}

.limit-page-main .page-main {
    position: relative;
    width: calc(100% - 15vw);
    max-width: 1318px;
    margin-left: auto;
    margin-right: auto
}

.cc-banner .limit-page-main .page-main .cc-layout,
.cc-banner .limit-page-main .page-main .cc-message-wrapper,
.cc-window .limit-page-main .page-main .cc-layout,
.cc-window .limit-page-main .page-main .cc-message-wrapper,
.limit-page-main .page-main .cc-banner .cc-layout,
.limit-page-main .page-main .cc-banner .cc-message-wrapper,
.limit-page-main .page-main .cc-window .cc-layout,
.limit-page-main .page-main .cc-window .cc-message-wrapper,
.limit-page-main .page-main .grid-container {
    width: auto
}

.list--col-1>*+* {
    margin-top: 1.5rem
}

.list--col-1.small-spacing>*+* {
    margin-top: .5rem
}

.list--row--2-items {
    display: flex;
    flex-wrap: wrap
}

.list--row--2-items>* {
    display: flex
}

.list--row--3-items,
.news-events--events ol.more-of,
.news-events--events ul.more-of,
.paragraph--type--logo-list ul.inner,
.paragraph--type--logo-media-list ul.inner,
.view-vacancies-block ol.content-list {
    display: flex;
    flex-wrap: wrap;
    margin: -1rem
}

.list--row--3-items>*,
.news-events--events ol.more-of>*,
.news-events--events ul.more-of>*,
.paragraph--type--logo-list ul.inner>*,
.paragraph--type--logo-media-list ul.inner>*,
.view-vacancies-block ol.content-list>* {
    margin: 1rem
}

.list--row--4-items {
    display: flex;
    flex-wrap: wrap;
    margin: -1rem
}

.list--row--4-items>* {
    display: flex;
    margin: 1rem
}

.list--row--4-items>*>* {
    width: 100%
}

.list--with-scroll {
    display: flex;
    flex: 1 1 100%;
    overflow-x: auto;
    overflow-y: hidden
}

.list--with-scroll>* {
    display: flex
}

.list--with-scroll>*>.profile--view-mode-tile {
    width: 20rem
}

.list--with-slider {
    display: flex;
    overflow: hidden;
    width: 100%
}

.list--with-slider>* {
    width: 100%
}

.maintenance-page .page-header {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.cc-banner .maintenance-page .page-header>.cc-layout,
.cc-banner .maintenance-page .page-header>.cc-message-wrapper,
.cc-window .maintenance-page .page-header>.cc-layout,
.cc-window .maintenance-page .page-header>.cc-message-wrapper,
.maintenance-page .cc-banner .page-header>.cc-layout,
.maintenance-page .cc-banner .page-header>.cc-message-wrapper,
.maintenance-page .cc-window .page-header>.cc-layout,
.maintenance-page .cc-window .page-header>.cc-message-wrapper,
.maintenance-page .page-header>.grid-container {
    display: flex
}

.maintenance-page .page-header .site-logo a {
    display: flex
}

.latest-blogs .limit-1-col ol.more-of>:nth-child(2),
.latest-blogs .limit-1-col ul.more-of>:nth-child(2),
.latest-events ol.more-of>:nth-child(2),
.latest-events ul.more-of>:nth-child(2),
.latest-news ol.more-of>:nth-child(2),
.latest-news ul.more-of>:nth-child(2),
.news-events--news ol.more-of>:nth-child(2),
.news-events--news ul.more-of>:nth-child(2) {
    border-radius: .6rem .6rem 0 0
}

.latest-blogs .limit-1-col ol.more-of>:not(:first-child),
.latest-blogs .limit-1-col ul.more-of>:not(:first-child),
.latest-events ol.more-of>:not(:first-child),
.latest-events ul.more-of>:not(:first-child),
.latest-news ol.more-of>:not(:first-child),
.latest-news ul.more-of>:not(:first-child),
.news-events--news ol.more-of>:not(:first-child),
.news-events--news ul.more-of>:not(:first-child) {
    display: flex;
    background-color: #fff
}

.latest-blogs .limit-1-col ol.more-of>:not(:first-child)>*,
.latest-blogs .limit-1-col ul.more-of>:not(:first-child)>*,
.latest-events ol.more-of>:not(:first-child)>*,
.latest-events ul.more-of>:not(:first-child)>*,
.latest-news ol.more-of>:not(:first-child)>*,
.latest-news ul.more-of>:not(:first-child)>*,
.news-events--news ol.more-of>:not(:first-child)>*,
.news-events--news ul.more-of>:not(:first-child)>* {
    width: 100%
}

.latest-blogs .limit-1-col ol.more-of>:not(:first-child)+*>*,
.latest-blogs .limit-1-col ul.more-of>:not(:first-child)+*>*,
.latest-events ol.more-of>:not(:first-child)+*>*,
.latest-events ul.more-of>:not(:first-child)+*>*,
.latest-news ol.more-of>:not(:first-child)+*>*,
.latest-news ul.more-of>:not(:first-child)+*>*,
.news-events--news ol.more-of>:not(:first-child)+*>*,
.news-events--news ul.more-of>:not(:first-child)+*>* {
    border-top: .1rem solid var(--palette-border, #e2dfdc)
}

.latest-blogs .limit-1-col ol.more-of>:last-child:not(:first-child),
.latest-blogs .limit-1-col ul.more-of>:last-child:not(:first-child),
.latest-events ol.more-of>:last-child:not(:first-child),
.latest-events ul.more-of>:last-child:not(:first-child),
.latest-news ol.more-of>:last-child:not(:first-child),
.latest-news ul.more-of>:last-child:not(:first-child),
.news-events--news ol.more-of>:last-child:not(:first-child),
.news-events--news ul.more-of>:last-child:not(:first-child) {
    border-radius: 0 0 .6rem .6rem
}

.news-events--events ol.more-of .meta,
.news-events--events ul.more-of .meta {
    background-color: #fdd447;
    padding: .3rem 1rem;
    z-index: 1
}

.news-events--events ol.more-of .node--type-event,
.news-events--events ul.more-of .node--type-event {
    height: 100%
}

.news-events--events ol.more-of .node--type-event .card-wrapper,
.news-events--events ul.more-of .node--type-event .card-wrapper {
    height: 100%
}

.news-events--events ol.more-of .node--type-event .card-wrapper .card,
.news-events--events ul.more-of .node--type-event .card-wrapper .card {
    height: 100%;
    width: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    margin-top: -1.5rem
}

html {
    scroll-behavior: smooth;
    height: 100%
}

body {
    background-color: var(--palette-page-background, #f7f2ef);
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll
}

body.page--bg-light-blue {
    --palette-page-background: #EFF3F4
}

.dialog-off-canvas-main-canvas {
    height: 100%
}

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

.page>* {
    flex-shrink: 0
}

.page>main {
    margin-bottom: auto
}

.adjust-order--vert {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.adjust-order--vert>* {
    max-width: 100%;
    flex: 0 0 auto
}

.adjust-order--vert .order-min {
    order: -1
}

.adjust-order--hor {
    display: flex
}

.adjust-order--hor .order-min {
    order: -1
}

a.skip-link {
    display: block;
    padding: 1rem;
    text-align: center;
    background-color: #0068b8;
    color: #fff;
    text-decoration: underline;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.8;
    font-family: "Open Sans", serif
}

a.skip-link:focus,
a.skip-link:hover {
    text-decoration: none
}

a.skip-link.is-active {
    text-decoration: none
}

.block-bundle-list-page-header .content--header .textual {
    text-align: center
}

.block-bundle-list-page-header .content--header .textual .textual--inner {
    align-items: center
}

.highlighted .highlighted-inner {
    position: relative;
    display: flex
}

.highlighted .highlighted-inner .textual {
    width: 100%
}

.highlighted .highlighted-inner .textual .highlighted-text {
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    width: 100%
}

.highlighted .highlighted-inner .textual .highlighted-text>* {
    display: inline
}

.highlighted .highlighted-inner .textual .btn-green {
    margin-top: 2rem
}

.highlighted .highlighted-inner .visual {
    max-height: 68rem;
    position: relative;
    z-index: -1
}

.highlighted .highlighted-inner .visual .media {
    height: 100%;
    position: relative;
    z-index: -1
}

.highlighted .highlighted-inner .visual .media:after {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) -14%, rgba(0, 0, 0, .7) 89%);
    content: "";
    position: absolute;
    top: 0
}

.highlighted .highlighted-inner .visual .media img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.highlighted .highlighted-inner .visual .collapsible-credits {
    display: none
}

.highlighted .bg-wave {
    color: var(--palette-page-background, #f7f2ef);
    height: 4rem;
    position: relative
}

.highlighted .bg-wave.at-start {
    margin-bottom: -4rem
}

.highlighted .bg-wave.at-end {
    margin-top: -4rem
}

.highlighted .facts-numbers h2.heading {
    margin-bottom: 1rem
}

.btn-reset {
    border: none;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0
}

.btn-yellow,
.ck-editor__editable .path-login p:not(:last-child) a,
.lg-cookiecontrol-placeholder button.cc-adjust-settings,
.text-formatted .path-login p:not(:last-child) a {
    --bg: #FDD447;
    --bg--hover: transparent;
    --text: #082235;
    --text--hover: #082235;
    border: none;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    transition: all .2s ease;
    line-height: 100%;
    border-radius: 20rem;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    border: .2rem solid transparent;
    padding-top: .9rem;
    padding-right: 2.3rem;
    padding-bottom: .9rem;
    padding-left: 2.3rem;
    background-color: var(--bg);
    transition: all .2s ease;
    color: var(--text)
}

.ck-editor__editable .path-login p:not(:last-child) .has-color-palette a,
.has-color-palette .btn-yellow,
.has-color-palette .ck-editor__editable .path-login p:not(:last-child) a,
.has-color-palette .lg-cookiecontrol-placeholder button.cc-adjust-settings,
.has-color-palette .text-formatted .path-login p:not(:last-child) a,
.lg-cookiecontrol-placeholder .has-color-palette button.cc-adjust-settings,
.text-formatted .path-login p:not(:last-child) .has-color-palette a {
    --bg: var(--palette-button);
    --text: var(--palette-text);
    --text--hover: var(--palette-text)
}

.btn-yellow:focus,
.btn-yellow:hover,
.ck-editor__editable .path-login p:not(:last-child) a:focus,
.ck-editor__editable .path-login p:not(:last-child) a:hover,
.lg-cookiecontrol-placeholder button.cc-adjust-settings:focus,
.lg-cookiecontrol-placeholder button.cc-adjust-settings:hover,
.text-formatted .path-login p:not(:last-child) a:focus,
.text-formatted .path-login p:not(:last-child) a:hover {
    background-color: var(--bg--hover);
    border-color: currentColor
}

.btn-yellow.is-active,
.ck-editor__editable .path-login p:not(:last-child) a.is-active,
.lg-cookiecontrol-placeholder button.is-active.cc-adjust-settings,
.text-formatted .path-login p:not(:last-child) a.is-active {
    background-color: var(--bg--hover);
    border-color: currentColor
}

.btn-yellow:focus,
.btn-yellow:hover,
.ck-editor__editable .path-login p:not(:last-child) a:focus,
.ck-editor__editable .path-login p:not(:last-child) a:hover,
.lg-cookiecontrol-placeholder button.cc-adjust-settings:focus,
.lg-cookiecontrol-placeholder button.cc-adjust-settings:hover,
.text-formatted .path-login p:not(:last-child) a:focus,
.text-formatted .path-login p:not(:last-child) a:hover {
    color: var(--text--hover)
}

.btn-yellow.is-active,
.ck-editor__editable .path-login p:not(:last-child) a.is-active,
.lg-cookiecontrol-placeholder button.is-active.cc-adjust-settings,
.text-formatted .path-login p:not(:last-child) a.is-active {
    color: var(--text--hover)
}

.btn-yellow.is-active:focus,
.btn-yellow.is-active:hover,
.ck-editor__editable .path-login p:not(:last-child) a.is-active:focus,
.ck-editor__editable .path-login p:not(:last-child) a.is-active:hover,
.lg-cookiecontrol-placeholder button.is-active.cc-adjust-settings:focus,
.lg-cookiecontrol-placeholder button.is-active.cc-adjust-settings:hover,
.text-formatted .path-login p:not(:last-child) a.is-active:focus,
.text-formatted .path-login p:not(:last-child) a.is-active:hover {
    color: var(--text--hover)
}

.btn-yellow--dark-context,
.cc-banner .cc-btn,
.cc-window .cc-btn {
    --bg: #FDD447;
    --bg--hover: transparent;
    --text: #082235;
    --text--hover: #FDD447;
    border: none;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    transition: all .2s ease;
    line-height: 100%;
    border-radius: 20rem;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    border: .2rem solid transparent;
    padding-top: .9rem;
    padding-right: 2.3rem;
    padding-bottom: .9rem;
    padding-left: 2.3rem;
    background-color: var(--bg);
    transition: all .2s ease;
    color: var(--text)
}

.cc-banner .has-color-palette .cc-btn,
.cc-window .has-color-palette .cc-btn,
.has-color-palette .btn-yellow--dark-context,
.has-color-palette .cc-banner .cc-btn,
.has-color-palette .cc-window .cc-btn {
    --bg: var(--palette-button);
    --text: var(--palette-text);
    --text--hover: #fff
}

.btn-yellow--dark-context:focus,
.btn-yellow--dark-context:hover,
.cc-banner .cc-btn:focus,
.cc-banner .cc-btn:hover,
.cc-window .cc-btn:focus,
.cc-window .cc-btn:hover {
    background-color: var(--bg--hover);
    border-color: currentColor
}

.btn-yellow--dark-context.is-active,
.cc-banner .is-active.cc-btn,
.cc-window .is-active.cc-btn {
    background-color: var(--bg--hover);
    border-color: currentColor
}

.btn-yellow--dark-context:focus,
.btn-yellow--dark-context:hover,
.cc-banner .cc-btn:focus,
.cc-banner .cc-btn:hover,
.cc-window .cc-btn:focus,
.cc-window .cc-btn:hover {
    color: var(--text--hover)
}

.btn-yellow--dark-context.is-active,
.cc-banner .is-active.cc-btn,
.cc-window .is-active.cc-btn {
    color: var(--text--hover)
}

.btn-yellow--dark-context.is-active:focus,
.btn-yellow--dark-context.is-active:hover,
.cc-banner .is-active.cc-btn:focus,
.cc-banner .is-active.cc-btn:hover,
.cc-window .is-active.cc-btn:focus,
.cc-window .is-active.cc-btn:hover {
    color: var(--text--hover)
}

.btn-green {
    --bg: #007663;
    --bg--hover: transparent;
    --text: #fff;
    --text--hover: #007663;
    border: none;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    transition: all .2s ease;
    line-height: 100%;
    border-radius: 20rem;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    border: .2rem solid transparent;
    padding-top: .9rem;
    padding-right: 2.3rem;
    padding-bottom: .9rem;
    padding-left: 2.3rem;
    background-color: var(--bg);
    transition: all .2s ease;
    color: var(--text)
}

.has-color-palette .btn-green {
    --bg: var(--palette-button);
    --text: var(--palette-text);
    --text--hover: var(--palette-text)
}

.btn-green:focus,
.btn-green:hover {
    background-color: var(--bg--hover);
    border-color: currentColor
}

.btn-green.is-active {
    background-color: var(--bg--hover);
    border-color: currentColor
}

.btn-green:focus,
.btn-green:hover {
    color: var(--text--hover)
}

.btn-green.is-active {
    color: var(--text--hover)
}

.btn-green.is-active:focus,
.btn-green.is-active:hover {
    color: var(--text--hover)
}

.btn-green--dark-context {
    --bg: #007663;
    --bg--hover: transparent;
    --text: #fff;
    --text--hover: #fff;
    border: none;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    transition: all .2s ease;
    line-height: 100%;
    border-radius: 20rem;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    border: .2rem solid transparent;
    padding-top: .9rem;
    padding-right: 2.3rem;
    padding-bottom: .9rem;
    padding-left: 2.3rem;
    background-color: var(--bg);
    transition: all .2s ease;
    color: var(--text)
}

.has-color-palette .btn-green--dark-context {
    --bg: var(--palette-button);
    --text: var(--palette-text);
    --text--hover: #fff
}

.btn-green--dark-context:focus,
.btn-green--dark-context:hover {
    background-color: var(--bg--hover);
    border-color: currentColor
}

.btn-green--dark-context.is-active {
    background-color: var(--bg--hover);
    border-color: currentColor
}

.btn-green--dark-context:focus,
.btn-green--dark-context:hover {
    color: var(--text--hover)
}

.btn-green--dark-context.is-active {
    color: var(--text--hover)
}

.btn-green--dark-context.is-active:focus,
.btn-green--dark-context.is-active:hover {
    color: var(--text--hover)
}

.btn-white {
    --bg: #fff;
    --bg--hover: transparent;
    --text: #082235;
    --text--hover: #082235;
    border: none;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    transition: all .2s ease;
    line-height: 100%;
    border-radius: 20rem;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    border: .2rem solid transparent;
    padding-top: .9rem;
    padding-right: 2.3rem;
    padding-bottom: .9rem;
    padding-left: 2.3rem;
    background-color: var(--bg);
    transition: all .2s ease;
    color: var(--text)
}

.btn-white:focus,
.btn-white:hover {
    background-color: var(--bg--hover);
    border-color: currentColor
}

.btn-white.is-active {
    background-color: var(--bg--hover);
    border-color: currentColor
}

.btn-white:focus,
.btn-white:hover {
    color: var(--text--hover)
}

.btn-white.is-active {
    color: var(--text--hover)
}

.btn-white.is-active:focus,
.btn-white.is-active:hover {
    color: var(--text--hover)
}

.btn-white--dark-context {
    --bg: #fff;
    --bg--hover: transparent;
    --text: #082235;
    --text--hover: #fff;
    border: none;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    transition: all .2s ease;
    line-height: 100%;
    border-radius: 20rem;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    border: .2rem solid transparent;
    padding-top: .9rem;
    padding-right: 2.3rem;
    padding-bottom: .9rem;
    padding-left: 2.3rem;
    background-color: var(--bg);
    transition: all .2s ease;
    color: var(--text)
}

.btn-white--dark-context:focus,
.btn-white--dark-context:hover {
    background-color: var(--bg--hover);
    border-color: currentColor
}

.btn-white--dark-context.is-active {
    background-color: var(--bg--hover);
    border-color: currentColor
}

.btn-white--dark-context:focus,
.btn-white--dark-context:hover {
    color: var(--text--hover)
}

.btn-white--dark-context.is-active {
    color: var(--text--hover)
}

.btn-white--dark-context.is-active:focus,
.btn-white--dark-context.is-active:hover {
    color: var(--text--hover)
}

.btn-white-inversed,
.content--header--with-bg--visual-wide>.content--header .textual .themes a {
    --bg: transparent;
    --bg--hover: #fff;
    --text: #fff;
    --text--hover: #082235;
    border: none;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    transition: all .2s ease;
    line-height: 100%;
    border-radius: 20rem;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    border: .2rem solid transparent;
    padding-top: .9rem;
    padding-right: 2.3rem;
    padding-bottom: .9rem;
    padding-left: 2.3rem;
    background-color: var(--bg);
    transition: all .2s ease;
    color: var(--text);
    border-color: var(--text)
}

.btn-white-inversed:focus,
.btn-white-inversed:hover,
.content--header--with-bg--visual-wide>.content--header .textual .themes a:focus,
.content--header--with-bg--visual-wide>.content--header .textual .themes a:hover {
    background-color: var(--bg--hover);
    border-color: currentColor
}

.btn-white-inversed.is-active,
.content--header--with-bg--visual-wide>.content--header .textual .themes a.is-active {
    background-color: var(--bg--hover);
    border-color: currentColor
}

.btn-white-inversed:focus,
.btn-white-inversed:hover,
.content--header--with-bg--visual-wide>.content--header .textual .themes a:focus,
.content--header--with-bg--visual-wide>.content--header .textual .themes a:hover {
    color: var(--text--hover)
}

.btn-white-inversed.is-active,
.content--header--with-bg--visual-wide>.content--header .textual .themes a.is-active {
    color: var(--text--hover)
}

.btn-white-inversed.is-active:focus,
.btn-white-inversed.is-active:hover,
.content--header--with-bg--visual-wide>.content--header .textual .themes a.is-active:focus,
.content--header--with-bg--visual-wide>.content--header .textual .themes a.is-active:hover {
    color: var(--text--hover)
}

.btn-green-inversed {
    --bg: #fff;
    --bg--hover: #007663;
    --text: #082235;
    --text--hover: #fff;
    border: none;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    transition: all .2s ease;
    line-height: 100%;
    border-radius: 20rem;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    border: .2rem solid transparent;
    padding-top: .9rem;
    padding-right: 2.3rem;
    padding-bottom: .9rem;
    padding-left: 2.3rem;
    background-color: var(--bg);
    transition: all .2s ease;
    color: var(--text);
    border-color: var(--palette-border, #e2dfdc)
}

.has-color-palette .btn-green-inversed {
    --bg--hover: var(--palette-button);
    --text: var(--palette-text);
    --text--hover: var(--palette-text)
}

.btn-green-inversed:focus,
.btn-green-inversed:hover {
    background-color: var(--bg--hover);
    border-color: currentColor
}

.btn-green-inversed.is-active {
    background-color: var(--bg--hover);
    border-color: currentColor
}

.btn-green-inversed:focus,
.btn-green-inversed:hover {
    color: var(--text--hover)
}

.btn-green-inversed.is-active {
    color: var(--text--hover)
}

.btn-green-inversed.is-active:focus,
.btn-green-inversed.is-active:hover {
    color: var(--text--hover)
}

.btn-green-inversed:focus,
.btn-green-inversed:hover {
    border-color: transparent
}

.btn-light-blue {
    --bg: #EFF3F4;
    --bg--hover: #082235;
    --text: #082235;
    --text--hover: #fff;
    border: none;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    transition: all .2s ease;
    line-height: 100%;
    border-radius: 20rem;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    border: .2rem solid transparent;
    padding-top: .9rem;
    padding-right: 2.3rem;
    padding-bottom: .9rem;
    padding-left: 2.3rem;
    background-color: var(--bg);
    transition: all .2s ease;
    color: var(--text)
}

.has-color-palette .btn-light-blue {
    --bg: var(--palette-page-background);
    --bg--hover: transparent;
    --text: var(--palette-text);
    --text--hover: var(--palette-text)
}

.has-color-palette .btn-light-blue:focus,
.has-color-palette .btn-light-blue:hover {
    border-color: currentColor
}

.btn-light-blue:focus,
.btn-light-blue:hover {
    background-color: var(--bg--hover);
    border-color: currentColor
}

.btn-light-blue.is-active {
    background-color: var(--bg--hover);
    border-color: currentColor
}

.btn-light-blue:focus,
.btn-light-blue:hover {
    color: var(--text--hover)
}

.btn-light-blue.is-active {
    color: var(--text--hover)
}

.btn-light-blue.is-active:focus,
.btn-light-blue.is-active:hover {
    color: var(--text--hover)
}

.btn-light-blue:focus,
.btn-light-blue:hover {
    border-color: transparent
}

.btn-small,
.content--header--with-bg--visual-wide>.content--header .textual .themes a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .6px;
    line-height: 100%;
    padding: 1rem 1.5rem .9rem 1.5rem;
    max-width: 100%;
    border-radius: 1.8rem;
    transition: all .2s ease
}

.btn-small a,
.content--header--with-bg--visual-wide>.content--header .textual .themes a a {
    text-decoration: none
}

[class*=btn-] {
    display: inline-flex;
    align-items: baseline
}

[class*=btn-]>:not(:last-child) {
    margin-right: .65em
}

[class*=btn-] .text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1 1 auto
}

[class*=btn-]:not([class*=toggler]):focus {
    outline: 0
}

.btn--more-toggler {
    border: none;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0
}

.btn--more-toggler .when-closed,
.btn--more-toggler .when-open,
.btn--open-toggler .when-closed,
.btn--open-toggler .when-open,
.btn--show-all-toggler .when-closed,
.btn--show-all-toggler .when-open {
    margin-right: 0 !important
}

.btn--more-toggler.open .when-closed,
.btn--open-toggler.open .when-closed,
.btn--show-all-toggler.open .when-closed {
    display: none
}

.btn--more-toggler:not(.open) .when-open,
.btn--open-toggler:not(.open) .when-open,
.btn--show-all-toggler:not(.open) .when-open {
    display: none
}

.card {
    background-color: #fff
}

.card--with--shadow--small {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .09)
}

.card--with--shadow--large {
    box-shadow: 0 0 22px 0 rgba(0, 0, 0, .12)
}

.card--with--round--edges {
    border-radius: 6px;
    overflow: hidden
}

.directly-links .field__label {
    color: #004b85;
    margin-bottom: 1em
}

.directly-links a {
    color: #082235;
    font-weight: 600;
    width: 100%
}

.full-click {
    position: relative
}

.full-click .full-click__trigger::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.full-click a:not(.full-click__trigger),
.full-click button:not(.full-click__trigger) {
    position: relative;
    z-index: 3
}

.lnk--hide {
    text-decoration: underline
}

.lnk--hide:focus,
.lnk--hide:hover {
    text-decoration: none
}

.lnk--hide.is-active {
    text-decoration: none
}

.lnk--show {
    text-decoration: none
}

.lnk--show:focus,
.lnk--show:hover {
    text-decoration: underline
}

.lnk--show.is-active {
    text-decoration: underline
}

.lnk--off {
    text-decoration: none
}

[class*=lnk-] {
    display: inline-flex;
    align-items: baseline
}

[class*=lnk-]>:not(:last-child) {
    margin-right: .65em
}

.align-icon-defaults {
    display: inline-flex;
    align-items: baseline
}

.align-icon-defaults>:not(:last-child) {
    margin-right: .65em
}

.align-icon-defaults-center {
    display: inline-flex;
    align-items: center
}

.align-icon-defaults-center>:not(:last-child) {
    margin-right: .65em
}

.lnk--ext {
    margin-right: .25em
}

.lnk--ext .text {
    margin-right: .25em
}

.lnk--green {
    color: var(--palette-links-and-box-background, #007663)
}

.lnk--underline--green {
    -webkit-text-decoration-color: #007663;
    text-decoration-color: #007663
}

.lnk--icon--green .icon {
    color: var(--palette-links-and-box-background, #007663)
}

.lnk--icon--green[class*="--dark-context"]:focus .icon,
.lnk--icon--green[class*="--dark-context"]:hover .icon {
    color: #fff
}

.lnk-show-more-green {
    color: var(--palette-links-and-box-background, #007663);
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    text-decoration: underline;
    text-underline-offset: .6rem
}

.lnk-show-more-green:focus,
.lnk-show-more-green:hover {
    text-decoration: none
}

.lnk-show-more-green.is-active {
    text-decoration: none
}

.lnk--icon-inline {
    display: inline
}

.lnk--icon-inline>:not(:last-child) {
    margin-right: 0
}

.lnk--icon-inline>.icon {
    display: inline-block
}

.lnk--icon-inline>.icon:not(:first-child) {
    margin-left: .35em
}

.links-documents .bg-wave {
    color: var(--palette-links-and-box-background, #007663) !important
}

.links-documents .links-documents--content {
    background-color: var(--palette-links-and-box-background, #007663)
}

.links-documents .links-documents--content * {
    color: #fff
}

.links-documents .links-documents--content .list--with-border {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8
}

.links-documents .links-documents--content .list--with-border a {
    text-underline-offset: .1rem;
    font-weight: 600;
    text-decoration: underline
}

.links-documents .links-documents--content .list--with-border a:focus,
.links-documents .links-documents--content .list--with-border a:hover {
    text-decoration: none
}

.links-documents .links-documents--content .list--with-border a.is-active {
    text-decoration: none
}

.links-documents .links-documents--content .list--with-border .description {
    margin-left: 2.2rem
}

.pills {
    margin: -.5rem
}

.pills>* {
    margin: .5rem
}

.pills+.pills {
    margin-top: 1rem
}

.paragraph--type--text-image .read-more {
    margin-top: 2.5rem
}

.read-more .when-closed,
.read-more .when-open {
    margin-right: 0 !important
}

.read-more.open .when-closed {
    display: none
}

.read-more:not(.open) .when-open {
    display: none
}

.more-text {
    display: none
}

.more-text.open {
    display: block
}

.card--with--shadow--large .more-text.open {
    display: inline
}

.show-all-wrapper ul.togglable.max-4:not(.open) li:nth-child(n+5) {
    display: none
}

.show-all-wrapper ul.togglable.max-4.open li:nth-child(n+5) {
    display: block
}

#colorbox {
    font-family: "Open Sans", serif;
    color: var(--palette-text, #082235)
}

#cboxTitle {
    color: var(--palette-text, #082235);
    padding: .5em 1em
}

.component--info-block {
    position: relative;
    width: 100%;
    padding: 4rem;
    background-color: #eff3f4;
    background-image: linear-gradient(51deg, rgba(0, 75, 133, .9) 24%, rgba(35, 195, 169, .7) 152%);
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8
}

.component--info-block * {
    color: #fff
}

.component--info-block .title {
    margin-bottom: .75em
}

.component--info-block .bg-pattern--web {
    opacity: .1;
    mix-blend-mode: multiply;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: radial-gradient(circle at 50% 50%, rgba(0, 75, 133, 0), #004b85 85%, #004b85 85%)
}

.component--info-block .bg-pattern--web img {
    -o-object-fit: cover;
    object-fit: cover;
    min-width: 100rem;
    width: 100%;
    max-width: unset;
    min-height: 100%
}

.component--info-block .component__inner {
    position: relative;
    z-index: 1
}

.component--info-block a {
    text-decoration: underline
}

.component--info-block a:focus,
.component--info-block a:hover {
    text-decoration: none
}

.component--info-block a.is-active {
    text-decoration: none
}

.component--info-block ul li {
    display: flex;
    align-items: baseline
}

.component--info-block ul li .text {
    margin-left: 1rem
}

.component--info-block ul li+li {
    margin-top: .75em
}

.component--info-block.details--bg-pattern--web .details-info {
    margin: -1.5rem
}

.component--info-block.details--bg-pattern--web .details-info .details-item {
    padding: 1.5rem
}

.component--info-block.details--bg-pattern--web .details-info .details-item dt {
    margin-bottom: .5em
}

.component--info-block.details--bg-pattern--web .details-info .details-item dd {
    font-weight: 600
}

.component--info-block.details--bg-pattern--web .actions {
    margin-top: 2rem
}

.component--info-block.details--bg-pattern--web .actions button {
    text-underline-offset: .5rem;
    text-decoration: underline
}

.component--info-block.details--bg-pattern--web .actions .text {
    font-weight: 500
}

.content--main--aside--large .component--info-block .title {
    color: #fff
}

.content--main--main--large .component--info-block {
    margin-bottom: 3rem
}

.dataset {
    margin-bottom: 3rem;
    width: 100%;
    align-items: center
}

.content--header--with-bg--visual-wide>.content--header .textual .themes .dataset a,
.dataset .btn-small,
.dataset .content--header--with-bg--visual-wide>.content--header .textual .themes a {
    margin-left: 0
}

.dataset .btn-grey {
    color: rgba(8, 34, 53, .4);
    background-color: #e2dfdc
}

.expandable .expandable__trigger .text {
    margin-right: auto;
    padding-right: 1.5rem;
    white-space: normal
}

.expandable .expandable__trigger .icon {
    color: #007663;
    margin-right: 0
}

.expandable .expandable__trigger .icon.icon--minus {
    display: none
}

.expandable .expandable__trigger.open .icon--plus {
    display: none
}

.expandable .expandable__trigger.open .icon--minus {
    display: block
}

.expandable-table table {
    position: relative;
    border-top: .1rem solid var(--palette-border, #e2dfdc)
}

.expandable-table table:last-of-type {
    border-bottom: .1rem solid var(--palette-border, #e2dfdc)
}

.expandable-table table thead {
    border-bottom: none;
    position: relative
}

.expandable-table table thead.open:after {
    transform: rotateX(180deg);
    top: -50%
}

.expandable-table table th {
    padding: 1.3rem 0;
    background-color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    width: 40%;
    font-weight: 600
}

.expandable-table table tbody tr {
    border-bottom: none
}

.expandable-table table tbody tr:nth-child(odd) {
    background: var(--palette-page-background, #f7f2ef)
}

.expandable-table table tbody tr td {
    position: relative
}

.expandable-table table tbody tr td:nth-child(1) {
    text-transform: uppercase
}

.expandable-table table tbody tr td a {
    z-index: 2;
    position: relative
}

.expandable-table table button {
    margin-left: auto;
    display: inline-block;
    vertical-align: middle;
    border: none;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0
}

.expandable-table table button svg {
    color: #004b85
}

.expandable-table table button .open svg {
    transform: rotate(180deg)
}

.expandable-table table .dropdown {
    text-align: right
}

.experts--with-scroll .list--with-scroll {
    background-color: #fff;
    padding-top: 1rem;
    padding-bottom: 1.5rem
}

.experts--with-scroll .actions {
    margin-top: 3rem
}

.contact-person .contact--inner {
    padding-top: 2rem
}

.contact-person address {
    margin-top: 2rem;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8
}

.contact-person address .contact-cta {
    margin: 1.3rem 0
}

.contact-person address .contact-cta>* {
    margin: .7rem 0
}

.contact-person address a {
    -webkit-text-decoration-color: #007663;
    text-decoration-color: #007663
}

.related-experts h2 {
    color: #082235
}

.related-experts .experts--inner,
.related-experts .items--field-dossier-experts {
    padding-top: 2rem
}

.related-experts .experts--inner>*+*,
.related-experts .items--field-dossier-experts>*+* {
    margin-top: 2rem
}

.related-experts .actions {
    margin-top: 2rem
}

.group-members--inner .item-list>ul>*+* {
    margin-top: 2rem
}

.bottom-cta .bg-wave,
.content--main--with-bg--white .bottom-cta .bg-wave {
    height: 3rem
}

.bottom-cta .publications {
    margin-bottom: 4rem
}

.bottom-cta .contact-expert {
    padding: 4rem 0;
    background-color: #fff
}

.bottom-cta .contact-expert .profile {
    margin-top: 1.5rem
}

.bottom-cta .contact-expert .item--field-experts {
    margin-top: 2rem
}

.bottom-cta .contact-expert .item--field-experts:not(:first-child) {
    display: none
}

.bottom-cta .node-cta {
    background-color: #fff
}

.bottom-cta .node-cta .tag {
    padding-top: 2rem;
    margin: -.5rem
}

.bottom-cta .node-cta .tag a {
    margin: .5rem
}

.more-info .introduction {
    text-align: center
}

.more-info .more-info-cta {
    margin-top: 3rem;
    text-align: center
}

.paragraph--type--news-and-events .more-info .more-info-cta {
    margin-top: 0;
    justify-content: center
}

.more-info .publications--peer .card,
.more-info .publications--popular .card {
    width: 100%;
    height: 100%
}

.more-info .publications--peer h4.heading,
.more-info .publications--popular h4.heading {
    line-height: 1.5;
    margin-top: .2rem
}

.more-info .publications--peer .authors,
.more-info .publications--popular .authors {
    line-height: 2
}

.more-info+.dossiers>h2 {
    text-align: center
}

.more-info+.dossiers .item-list>ul li:nth-child(n+4) {
    display: none
}

.content--header .contact {
    position: relative
}

.content--header .contact .actions {
    margin: -.5em
}

.content--header .contact .actions>* {
    margin: .5rem
}

.content--header .contact .actions .contact-button.open .icon {
    transform: rotate(180deg)
}

.content--header .contact .card {
    width: calc(100vw - 15vw);
    max-width: 30rem;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    color: #082235;
    left: 0;
    position: absolute;
    z-index: 2;
    top: calc(100% + 2rem)
}

.content--header .contact .card:not(.open) {
    display: none
}

.content--header .contact .card address>*+* {
    border-top: .1rem solid var(--palette-border, #e2dfdc);
    margin-top: 3rem;
    padding-top: 2rem
}

.content--header .contact .card address .content>*+* {
    margin-top: 1rem
}

.content--header .contact .card h2 {
    margin-bottom: 1em;
    color: #082235
}

.content--header .contact .card a {
    word-break: break-word
}

.content--header .contact .card .numbers a {
    text-decoration: underline
}

.content--header .contact .card .numbers a:focus,
.content--header .contact .card .numbers a:hover {
    text-decoration: none
}

.content--header .contact .card .numbers a.is-active {
    text-decoration: none
}

.content--header--with-bg.content--main--move-up .content--main--aside h2 {
    color: #082235
}

.content--header--with-bg--dark-blue>.content--header {
    background-color: #004b85;
    color: #fff
}

.content--header--with-bg--dark-blue>.content--header .text-formatted a {
    color: #fff
}

.content--header--with-bg--dark-blue>.content--header .h1,
.content--header--with-bg--dark-blue>.content--header h1 {
    color: #fff
}

.content--header--with-bg--gradient--dark-blue--green--vertical>.content--header {
    background: linear-gradient(0deg, rgba(0, 75, 133, .9) 20%, rgba(35, 195, 169, .7) 100%);
    color: #fff
}

.content--header--with-bg--gradient--dark-blue--green--vertical>.content--header .text-formatted a {
    color: #fff
}

.content--header--with-bg--gradient--dark-blue--green--vertical.large-visual>.content--header .textual--inner .type-label span.icon {
    display: none
}

.content--header--with-bg--gradient--dark-blue--green>.content--header {
    background: linear-gradient(47deg, rgba(0, 75, 133, .9) 60%, rgba(35, 195, 169, .7) 100%);
    color: #fff
}

.content--header--with-bg--gradient--dark-blue--green>.content--header .text-formatted a {
    color: #fff
}

.content--header--with-bg--gradient--dark-blue--light-blue>.content--header {
    background: linear-gradient(35deg, rgba(0, 75, 133, .9) 58%, rgba(25, 155, 185, .7) 110%);
    color: #fff
}

.content--header--with-bg--gradient--dark-blue--light-blue>.content--header .text-formatted a {
    color: #fff
}

.content--header--with-bg--gradient--palette--background>.content--header {
    background: linear-gradient(to bottom, rgba(var(--palette-links-and-box-background--as-rgb, 0, 75, 133), .8), var(--palette-links-and-box-background, #004b85));
    color: #fff
}

.content--header--with-bg.has-visual.avatar-visual .content--header-inner {
    display: flex
}

.content--header--with-bg.has-visual.avatar-visual .content--header-inner .textual {
    flex: 1 1 auto
}

.content--header--with-bg.has-visual.avatar-visual .content--header-inner .textual .page-title>* {
    display: inline-block
}

.content--header--with-bg.has-visual.avatar-visual .content--header-inner .textual .themes {
    margin-top: 0
}

.content--header--with-bg.has-visual.avatar-visual .content--header-inner .textual .themes a {
    text-decoration: none
}

.content--header--with-bg.has-visual.avatar-visual .content--header-inner .textual .themes a:focus,
.content--header--with-bg.has-visual.avatar-visual .content--header-inner .textual .themes a:hover {
    text-decoration: underline
}

.content--header--with-bg.has-visual.avatar-visual .content--header-inner .textual .contact {
    margin-top: 2rem
}

.content--header--with-bg.has-visual.avatar-visual .content--header-inner .visual {
    flex: 0 0 auto;
    order: -1
}

.content--header--with-bg.has-visual.avatar-visual .content--header-inner .visual img {
    border-radius: 50%
}

.content--header--with-bg.has-visual.large-visual .bullet--down {
    left: 53%
}

.content--header--with-bg.has-visual.large-visual .content--header-inner {
    display: flex
}

.content--header--with-bg.has-visual.large-visual .content--header-inner .visual .media,
.content--header--with-bg.has-visual.large-visual .content--header-inner .visual .pseudo-media {
    display: flex
}

.content--header--with-bg.has-visual.large-visual .content--header-inner .visual .media picture,
.content--header--with-bg.has-visual.large-visual .content--header-inner .visual .pseudo-media picture {
    width: 100%
}

.content--header--with-bg.has-visual.large-visual .content--header-inner .visual .media img,
.content--header--with-bg.has-visual.large-visual .content--header-inner .visual .pseudo-media img {
    width: 100%
}

.content--header--with-bg.has-visual.tile-visual .content--header .bg-wave {
    color: var(--palette-page-background, #f7f2ef);
    height: 7rem;
    position: relative
}

.content--header--with-bg.has-visual.tile-visual .content--header-inner {
    display: flex
}

.page-node-type-landing-page .content--header--with-bg.has-visual.tile-visual .content--header-inner .meta {
    display: none
}

.content--header--with-bg.has-visual.tile-visual .content--header-inner .textual {
    flex: 1 1 auto
}

.content--header--with-bg.has-visual.tile-visual .content--header-inner .visual {
    flex: 0 0 auto;
    width: 40%;
    max-width: 34rem;
    margin-bottom: -7rem;
    position: relative;
    z-index: 2;
    position: relative
}

.page-node-type-landing-page .content--header--with-bg.has-visual.tile-visual .content--header-inner .visual {
    max-width: 100%
}

.content--header--with-bg.has-visual.tile-visual .content--header-inner .visual .theme-icon {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%)
}

.content--header--with-bg.has-visual.tile-visual .content--header-inner .visual .theme-icon svg {
    height: auto
}

.page-node-type-landing-page .content--header--with-bg.has-visual.tile-visual .content--header-inner .visual .media {
    display: none
}

.content--header--with-bg--visual-wide>.content--header {
    position: relative;
    overflow: hidden
}

.content--header--with-bg--visual-wide>.content--header .content--header-inner {
    display: flex;
    z-index: 0;
    position: relative
}

.content--header--with-bg--visual-wide>.content--header .textual {
    width: 100%;
    color: #fff;
    z-index: 2;
    display: flex;
    flex: 1 1 auto
}

.content--header--with-bg--visual-wide>.content--header .textual .page-title {
    color: currentColor
}

.content--header--with-bg--visual-wide>.content--header .textual .meta {
    font-family: "Open Sans", serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    display: flex;
    margin-bottom: 1rem
}

.content--header--with-bg--visual-wide>.content--header .textual .summary {
    font-weight: 600
}

.content--header--with-bg--visual-wide>.content--header .textual .slogan {
    line-height: 1.8
}

.cc-banner .content--header--with-bg--visual-wide>.content--header .textual .cc-btn:focus svg,
.cc-banner .content--header--with-bg--visual-wide>.content--header .textual .cc-btn:hover svg,
.cc-window .content--header--with-bg--visual-wide>.content--header .textual .cc-btn:focus svg,
.cc-window .content--header--with-bg--visual-wide>.content--header .textual .cc-btn:hover svg,
.content--header--with-bg--visual-wide>.content--header .textual .btn-yellow--dark-context:focus svg,
.content--header--with-bg--visual-wide>.content--header .textual .btn-yellow--dark-context:hover svg,
.content--header--with-bg--visual-wide>.content--header .textual .cc-banner .cc-btn:focus svg,
.content--header--with-bg--visual-wide>.content--header .textual .cc-banner .cc-btn:hover svg,
.content--header--with-bg--visual-wide>.content--header .textual .cc-window .cc-btn:focus svg,
.content--header--with-bg--visual-wide>.content--header .textual .cc-window .cc-btn:hover svg {
    color: #fdd447
}

.content--header--with-bg--visual-wide>.content--header .textual .btn-white--dark-context:focus svg,
.content--header--with-bg--visual-wide>.content--header .textual .btn-white--dark-context:hover svg {
    color: #fff
}

.content--header--with-bg--visual-wide>.content--header .textual .theme-icon {
    position: absolute;
    top: 50px;
    transform: translate(-50%, -50%)
}

.content--header--with-bg--visual-wide>.content--header .textual .theme-icon svg {
    height: auto
}

.content--header--with-bg--visual-wide>.content--header .visual {
    width: 100%;
    margin-left: -100%;
    position: relative
}

.content--header--with-bg--visual-wide>.content--header .visual:before {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) -14%, rgba(0, 0, 0, .7) 89%);
    content: "";
    position: absolute;
    z-index: 1
}

.content--header--with-bg--visual-wide>.content--header .visual .media {
    height: 100%
}

.content--header--with-bg--visual-wide>.content--header .visual img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.content--header--with-bg--visual-wide>.content--header .visual .collapsible-credits {
    z-index: 2
}

.content--header--with-bg--visual-wide .flag-subscribe-follow-dossier .btn-white--dark-context .icon {
    order: -1;
    position: relative;
    margin-right: 1rem;
    height: 2rem
}

.content--header--with-bg--visual-wide.header--image--short .visual {
    max-height: 50rem
}

.content--header--with-bg>.content--header {
    position: relative
}

.content--header--with-bg>.content--header .bg-pattern--web {
    opacity: .1;
    mix-blend-mode: multiply;
    overflow: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: radial-gradient(circle at 50% 50%, rgba(0, 75, 133, 0), #004b85 85%, #004b85 85%)
}

.content--header--with-bg>.content--header .bg-pattern--web img {
    -o-object-fit: cover;
    object-fit: cover;
    min-width: 100rem;
    width: 100%;
    max-width: unset;
    min-height: 100%
}

.content--header--with-bg>.content--header .bullet--down {
    transform: translateX(-50%);
    position: absolute;
    left: 50%
}

.page-node-type-theme .content--header--with-bg>.content--header .bullet--down {
    display: none
}

.ck-editor__editable .content--header--with-bg>.content--header .textual a,
.text-formatted .content--header--with-bg>.content--header .textual a {
    color: #fff
}

.content--header--with-bg>.content--header .page-title {
    color: currentColor
}

.content--header--with-bg>.content--header .flag {
    margin-bottom: 2rem
}

.content--header--with-bg>.content--header .title-prefix {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8
}

.content--header--with-bg>.content--header .meta {
    font-family: "Open Sans", serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    display: flex;
    margin-bottom: 1rem
}

.content--header--with-full-wave .content--main>.bg-wave {
    color: var(--palette-page-background, #f7f2ef);
    position: relative;
    height: 8rem
}

.content--header--with-slider .content--main {
    position: relative;
    z-index: 1
}

.content--header--with-slider .content--main>.bg--wave--top {
    top: -5rem;
    color: var(--palette-page-background, #f7f2ef)
}

.content--header--with-slider .content--main>.bg--wave--top~* {
    position: relative
}

.content--main--aside--large .content-right p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8
}

.content--main--aside--large .title {
    color: #004b85
}

.content--main--aside--large .group-members h2 {
    margin-bottom: 1.5rem
}

.content--main--aside--large .other-experts h3.heading {
    font-family: "Open Sans", serif;
    color: #082235;
    text-transform: uppercase;
    font-weight: 300
}

.content--main--aside--large .department-research-groups {
    display: flex;
    flex-direction: column
}

.content--main--aside--large .department-research-groups .research-groups a {
    text-decoration: none
}

.content--main--aside--large .department-research-groups .research-groups a:hover {
    text-decoration: underline
}

.related--authors .items--field-authors {
    display: flex;
    margin: -1.5rem
}

.related--authors .items--field-authors>* {
    margin: 1.5rem
}

.content--main--bottom .contact-expert .contact-expert-inner {
    width: 100%
}

.content--main--main--large .collapsed-paragraphs .paragraph:nth-child(n+3) {
    display: none
}

.content--main--main--large .vert-rhythm.open .paragraph:nth-child(n+3) {
    display: block
}

.content--main--main--large .actions {
    z-index: 3;
    position: relative
}

.content--main--main--large .btn-read-more-paragraphs {
    margin-top: 2rem
}

.content--main--main--large .btn-read-more-paragraphs .when-closed,
.content--main--main--large .btn-read-more-paragraphs .when-open {
    margin-right: 0 !important
}

.content--main--main--large .btn-read-more-paragraphs.open .when-closed {
    display: none
}

.content--main--main--large .btn-read-more-paragraphs:not(.open) .when-open {
    display: none
}

.content--main--main--large .divider {
    margin-bottom: 5rem
}

.content--main--main .related--authors {
    margin-bottom: 3rem
}

.content--main--main .related--authors .divider {
    margin-top: 2rem
}

.content--main--main .latest-news-list ul.more-of>* {
    border-bottom: .1rem solid var(--palette-border, #e2dfdc)
}

.content--main--main .latest-news-list .more-info-cta {
    text-align: center
}

.content--main--no-bg .bottom-cta .bg-wave {
    color: #fff;
    position: relative
}

.content--main--top {
    background-color: var(--palette-accent, #fdd447);
    box-shadow: 0 5rem 0 0 var(--palette-accent, #fdd447)
}

.content--main--top .meta-data {
    padding: 2rem 3rem
}

.content--main--with-bg--white .bg-wave {
    position: relative;
    color: #fff
}

.content--main--with-bg--white .content--main--bg-color {
    background-color: #fff;
    box-shadow: 0 5rem 0 0 #fff
}

.content--main--with-bg--white.content--main--with-bg--rounded .content--main--bg-color,
.content--main--with-bg--white.content--main--with-bg--rounded .content--main--top {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.cc-banner,
.cc-window {
    padding: 2.5rem 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    font-family: "Open Sans", serif;
    background-color: #004b85;
    text-align: left;
    overflow-y: auto;
    overflow-x: hidden
}

.cc-banner *,
.cc-window * {
    color: #fff
}

.cc-banner .cc-layout>.cc-user-settings,
.cc-banner .cc-message-wrapper>.cc-user-settings,
.cc-window .cc-layout>.cc-user-settings,
.cc-window .cc-message-wrapper>.cc-user-settings {
    padding-right: 3rem
}

.cc-banner .cc-message-wrapper .cc-message,
.cc-window .cc-message-wrapper .cc-message {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8
}

.cc-banner .cc-user-settings,
.cc-window .cc-user-settings {
    margin-top: 3rem
}

.cc-banner .cc-user-settings form,
.cc-window .cc-user-settings form {
    margin-top: 3rem
}

.cc-banner .cc-user-settings form legend,
.cc-window .cc-user-settings form legend {
    margin-bottom: 1.5rem
}

.cc-banner .cc-user-settings form .cc-option,
.cc-window .cc-user-settings form .cc-option {
    position: relative
}

.cc-banner .cc-user-settings form .cc-option+.cc-option,
.cc-window .cc-user-settings form .cc-option+.cc-option {
    margin-top: .5rem
}

.cc-banner .cc-user-settings form .cc-option input[type=checkbox]+label:hover,
.cc-window .cc-user-settings form .cc-option input[type=checkbox]+label:hover {
    background-color: #003d6c
}

.cc-banner .cc-user-settings form .cc-option input[type=checkbox],
.cc-window .cc-user-settings form .cc-option input[type=checkbox] {
    position: absolute;
    margin-left: 3px;
    margin-top: 3px;
    opacity: 0
}

.cc-banner .cc-user-settings form .cc-option input[type=checkbox].small+label,
.cc-window .cc-user-settings form .cc-option input[type=checkbox].small+label {
    font-size: 1.4px;
    font-size: .14rem;
    line-height: 1.8
}

.cc-banner .cc-user-settings form .cc-option input[type=checkbox]+label,
.cc-window .cc-user-settings form .cc-option input[type=checkbox]+label {
    cursor: pointer;
    display: inline-flex;
    align-items: baseline;
    font-weight: 600
}

.form-item.error .cc-banner .cc-user-settings form .cc-option input[type=checkbox]+label,
.form-item.error .cc-window .cc-user-settings form .cc-option input[type=checkbox]+label {
    border-color: red
}

.cc-banner .cc-user-settings form .cc-option input[type=checkbox]+label .icon,
.cc-window .cc-user-settings form .cc-option input[type=checkbox]+label .icon {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    border: .2rem solid #004b85;
    margin-right: 1.2rem;
    transition: background-color .1s, border-color .2s, box-shadow .2s;
    display: flex;
    justify-content: center;
    align-items: center
}

.cc-banner .cc-user-settings form .cc-option input[type=checkbox]+label .icon svg,
.cc-window .cc-user-settings form .cc-option input[type=checkbox]+label .icon svg {
    fill: transparent;
    transition: fill .2s
}

.cc-banner .cc-user-settings form .cc-option input[type=checkbox]:checked+label,
.cc-window .cc-user-settings form .cc-option input[type=checkbox]:checked+label {
    color: #004b85
}

.cc-banner .cc-user-settings form .cc-option input[type=checkbox]:checked:not(.bare)+label,
.cc-window .cc-user-settings form .cc-option input[type=checkbox]:checked:not(.bare)+label {
    font-weight: 700
}

.cc-banner .cc-user-settings form .cc-option input[type=checkbox]:checked:not(.bare):focus+label,
.cc-banner .cc-user-settings form .cc-option input[type=checkbox]:checked:not(.bare):hover+label,
.cc-window .cc-user-settings form .cc-option input[type=checkbox]:checked:not(.bare):focus+label,
.cc-window .cc-user-settings form .cc-option input[type=checkbox]:checked:not(.bare):hover+label {
    border-color: #000
}

.cc-banner .cc-user-settings form .cc-option input[type=checkbox]:focus+label .icon,
.cc-banner .cc-user-settings form .cc-option input[type=checkbox]:hover+label .icon,
.cc-window .cc-user-settings form .cc-option input[type=checkbox]:focus+label .icon,
.cc-window .cc-user-settings form .cc-option input[type=checkbox]:hover+label .icon {
    box-shadow: 0 0 .6rem rgba(0, 0, 0, .35)
}

.cc-banner .cc-user-settings form .cc-option input[type=checkbox]+label .icon,
.cc-window .cc-user-settings form .cc-option input[type=checkbox]+label .icon {
    border-radius: .3rem
}

.cc-banner .cc-user-settings form .cc-option input[type=checkbox]+label .icon svg,
.cc-window .cc-user-settings form .cc-option input[type=checkbox]+label .icon svg {
    position: relative;
    top: 4%
}

.cc-banner .cc-user-settings form .cc-option input[type=checkbox]:checked+label .icon,
.cc-window .cc-user-settings form .cc-option input[type=checkbox]:checked+label .icon {
    border-color: #004b85
}

.cc-banner .cc-user-settings form .cc-option input[type=checkbox]:checked+label .icon svg,
.cc-window .cc-user-settings form .cc-option input[type=checkbox]:checked+label .icon svg {
    fill: #004b85
}

.cc-banner .cc-buttons,
.cc-window .cc-buttons {
    flex-wrap: wrap;
    display: flex;
    align-items: center
}

.cc-banner .cc-close,
.cc-window .cc-close {
    border: none;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(2rem, -2rem);
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    background-position: center center;
    padding: 0;
    width: 2rem;
    height: 2rem;
    text-indent: -9999px;
    padding: 2.2rem;
    background-image: url(../static/themes/nioo/assets/images/cross-white.svg);
    fill: #fff
}

.cc-banner .cc-link,
.cc-window .cc-link {
    text-decoration: underline
}

.cc-banner .cc-link:focus,
.cc-banner .cc-link:hover,
.cc-window .cc-link:focus,
.cc-window .cc-link:hover {
    text-decoration: none
}

.cc-banner .cc-link.is-active,
.cc-window .cc-link.is-active {
    text-decoration: none
}

.lg-cookiecontrol-placeholder {
    position: relative;
    z-index: 1
}

.lg-cookiecontrol-placeholder button.cc-adjust-settings {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: normal
}

#admin-menu .dropdown .admin-menu-search,
#admin-menu .dropdown li {
    line-height: inherit
}

#l10n-client.hidden {
    display: block !important;
    visibility: visible
}

tr.draggable a.tabledrag-handle .handle {
    box-sizing: content-box
}

tr.draggable.drag-previous td,
tr.draggable.selected td {
    background: #fffbdd
}

ul.tabs {
    position: relative;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: -.25rem
}

ul.tabs>li {
    display: inline-block;
    margin: .25rem
}

ul.tabs>li>a {
    display: block;
    padding: .75rem 1.25rem;
    text-decoration: none;
    color: var(--palette-text, #082235);
    background-color: #fff;
    border: .2rem solid #000;
    font-weight: 600;
    transition: all .2s ease
}

ul.tabs>li>a:focus,
ul.tabs>li>a:hover {
    background-color: #333;
    color: #fff
}

ul.tabs>li>a.is-active {
    background-color: var(--palette-text, #082235);
    color: #fff
}

ul.tabs>li>a.is-active:focus,
ul.tabs>li>a.is-active:hover {
    background-color: #333
}

.throbber {
    display: none
}

.ajax-progress-throbber {
    position: absolute !important;
    height: 0;
    width: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

.facets h2 {
    flex: 0 0 100%;
    margin-bottom: 1.5rem
}

.facets .button-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: -.5rem
}

.facets .button-wrapper>* {
    margin: .5rem
}

.facets button {
    outline: 0;
    transition: all .2s ease;
    color: #082235;
    display: inline-block;
    vertical-align: middle;
    transition: all .2s ease;
    line-height: 100%;
    border-radius: 20rem;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    border: .2rem solid transparent;
    padding-top: .9rem;
    padding-right: 2.3rem;
    padding-bottom: .9rem;
    padding-left: 2.3rem;
    background-color: #fff;
    display: inline-flex;
    align-items: baseline;
    border: .1rem solid var(--palette-border, #e2dfdc)
}

.facets button:focus,
.facets button:hover {
    color: #082235
}

.facets button.is-active {
    color: #082235
}

.facets button.is-active:focus,
.facets button.is-active:hover {
    color: #082235
}

.facets button:focus,
.facets button:hover {
    background-color: #eff3f4;
    border-color: currentColor
}

.facets button.is-active {
    background-color: #eff3f4;
    border-color: currentColor
}

.facets button>:not(:last-child) {
    margin-right: .65em
}

.facets button:active,
.facets button:focus,
.facets button:hover {
    border: .1rem solid var(--palette-border, #e2dfdc)
}

.facets button .icon {
    color: #007663
}

.facets button .icon:not(.open) .svg-use--wrapper--minus {
    display: none
}

.facets button .icon.open .svg-use--wrapper--plus {
    display: none
}

.facets ul {
    margin-top: 1rem
}

.facets ul li {
    display: inline-block
}

.facets ul li a {
    text-decoration: none
}

.facets ul:not(.item-list__links) {
    width: 100%
}

.facets .facet-item,
.facets .facet-summary-item--facet {
    padding: .5rem
}

.facets .facet-item>a,
.facets .facet-summary-item--facet>a {
    outline: 0
}

.facets .active-facet button {
    background-color: #eff3f4
}

.facets .button-wrapper button.open {
    background-color: #eff3f4
}

.bg--wave--bottom,
.bg--wave--top {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.bg--wave--bottom svg,
.bg--wave--top svg {
    position: absolute;
    width: 100%;
    height: 100%
}

.bullet--down {
    display: flex;
    flex-direction: column;
    align-items: center
}

.bullet--down .dot {
    height: .7rem;
    width: .7rem;
    background-color: currentColor;
    border-radius: 50%
}

.bullet--down .stripe {
    height: 3.2rem;
    width: .1rem;
    background-color: currentColor
}

.divider {
    color: var(--palette-border, #e2dfdc);
    display: flex;
    align-items: center
}

.divider .dot {
    height: .5rem;
    width: .5rem;
    background-color: currentColor;
    border-radius: 50%
}

.divider .stripe {
    width: 100%;
    height: .1rem;
    background-color: currentColor
}

.list--bordered>*+* {
    border-top: .1rem solid var(--palette-border, #e2dfdc)
}

.list--with-border {
    border-top: 1px solid rgba(255, 255, 255, .3);
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    margin: 2rem 0;
    padding: 2rem 0
}

.list--with-border li+li {
    border-top: 1px solid rgba(255, 255, 255, .3);
    margin-top: 2rem;
    padding-top: 2rem
}

.list--zebra--light-blue>* {
    padding: 1.75rem 3rem
}

.list--zebra--light-blue>:nth-child(odd) {
    background-color: #eff3f4
}

.list--zebra--light-blue.list--timeline>* {
    position: relative;
    padding-left: 4rem
}

.list--zebra--light-blue.list--timeline>:after,
.list--zebra--light-blue.list--timeline>:before {
    content: "";
    position: absolute;
    background-color: currentColor;
    top: 2.25rem;
    transform: translateX(-50%);
    z-index: 1;
    left: 1.5rem
}

.list--zebra--light-blue.list--timeline>:before {
    width: .7rem;
    height: .7rem;
    border-radius: 50%
}

.list--zebra--light-blue.list--timeline>:after {
    width: .2rem;
    height: 100%
}

.list--zebra--light-blue.list--timeline>:last-child:after {
    height: calc(100% - 4.5rem)
}

.field-zebra h3 {
    color: #082235
}

.field-zebra .togglable:not(.open).max-3>:nth-child(3):after {
    height: calc(100% - 4.5rem)
}

.field-zebra .togglable:not(.open).max-3>:nth-child(n+4) {
    display: none
}

.field-zebra .togglable:not(.open).max-5>:nth-child(5):after {
    height: calc(100% - 4.5rem)
}

.field-zebra .togglable:not(.open).max-5>:nth-child(n+6) {
    display: none
}

.wavy-box--with-bird {
    position: relative;
    z-index: 1
}

.wavy-box--with-bird.wavy-box--light-blue .bg--wave--top {
    color: var(--palette-accent, #eff3f4)
}

.wavy-box--with-bird.wavy-box--yellow .bg--wave--top {
    color: var(--palette-accent, #fdd447)
}

.wavy-box--with-bird .bg--wave--top {
    padding-top: .75rem
}

.wavy-box--with-bird .wavy-box--inner {
    position: relative
}

.wavy-box--with-bird .wavy-box--inner .visual {
    position: absolute;
    top: 0;
    right: 4%
}

.group--card {
    height: 100%
}

.group--card .textual {
    flex: 1
}

.page--subsite .region-footer-bottom {
    border-top: .1rem solid var(--palette-border, #e2dfdc)
}

.page--subsite .region-footer-bottom .block-entity-viewgroup {
    width: 100%
}

.page--subsite .region-footer-bottom .block-entity-viewgroup .group--footer {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem
}

.page--subsite .region-footer-bottom .block-entity-viewgroup .group--footer .items--field-footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.5rem
}

.page--subsite .region-footer-bottom .block-entity-viewgroup .group--footer .items--field-footer-links a {
    transition: all .2s ease;
    color: currentColor;
    text-decoration: underline;
    text-underline-offset: .6rem
}

.page--subsite .region-footer-bottom .block-entity-viewgroup .group--footer .items--field-footer-links a:focus,
.page--subsite .region-footer-bottom .block-entity-viewgroup .group--footer .items--field-footer-links a:hover {
    color: var(--palette-title, #004b85)
}

.page--subsite .region-footer-bottom .block-entity-viewgroup .group--footer .items--field-footer-links a.is-active {
    color: currentColor
}

.page--subsite .region-footer-bottom .block-entity-viewgroup .group--footer .items--field-footer-links a.is-active:focus,
.page--subsite .region-footer-bottom .block-entity-viewgroup .group--footer .items--field-footer-links a.is-active:hover {
    color: var(--palette-title, #004b85)
}

.page--subsite .region-footer-bottom .block-entity-viewgroup .group--footer .items--field-footer-links a:focus,
.page--subsite .region-footer-bottom .block-entity-viewgroup .group--footer .items--field-footer-links a:hover {
    text-decoration: none
}

.page--subsite .region-footer-bottom .block-entity-viewgroup .group--footer .items--field-footer-links a.is-active {
    text-decoration: none
}

.group--header-branding {
    padding: 2rem 0;
    height: calc(0px + 13.2rem);
    display: flex;
    align-items: center;
    justify-content: center
}

html.header--menu-main--oh-active .group--header-branding {
    height: calc(0px + 7.4rem)
}

html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .header-sticky-by-scroll .group--header-branding {
    height: calc(0px + 8.3rem)
}

.group--header-branding a {
    height: 100%
}

.group--header-branding img {
    flex: 0 0 auto;
    max-height: 100%
}

html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .group--header {
    display: inline-flex;
    align-items: center
}

html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .group--header>:not(:last-child) {
    margin-right: 4rem
}

.page-header-inner .contextual-region .contextual {
    display: none !important
}

.senior-research-group {
    margin: 0 -1rem;
    padding-bottom: 1rem
}

.senior-research-group>* {
    margin: 0 1rem
}

.content--main--aside .senior-research-group h3.heading {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    font-family: "Open Sans", serif;
    color: #082235
}

.content--main--aside .senior-research-group h3.heading a {
    text-decoration: none
}

.content--main--aside .senior-research-group h3.heading a:focus,
.content--main--aside .senior-research-group h3.heading a:hover {
    text-decoration: underline
}

.content--main--aside .senior-research-group h3.heading a.is-active {
    text-decoration: underline
}

.content--main--aside .senior-research-group>* {
    margin: 1rem 0
}

.page-footer .region-footer-top .cta-block {
    padding-bottom: 5rem;
    margin-bottom: -5rem
}

.page-footer .region-footer {
    min-height: 5rem;
    position: relative;
    z-index: 1
}

.page-footer .region-footer .bg--wave--top {
    color: #fff
}

.region-footer-bottom {
    background-color: var(--palette-page-background, #f7f2ef)
}

.page--subsite .region-footer-bottom {
    background-color: transparent
}

.region-footer-bottom .region-footer-bottom-inner {
    padding: 2rem 0
}

.region-footer-bottom .menu--footer-bottom {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8
}

.region-footer-bottom .menu--footer-bottom ul.menu {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 3rem
}

.region-footer-bottom .menu--footer-bottom ul.menu li a {
    text-decoration: none;
    transition: all .2s ease;
    color: currentColor;
    text-underline-offset: .6rem
}

.region-footer-bottom .menu--footer-bottom ul.menu li a:focus,
.region-footer-bottom .menu--footer-bottom ul.menu li a:hover {
    text-decoration: underline
}

.region-footer-bottom .menu--footer-bottom ul.menu li a.is-active {
    text-decoration: underline
}

.region-footer-bottom .menu--footer-bottom ul.menu li a:focus,
.region-footer-bottom .menu--footer-bottom ul.menu li a:hover {
    color: var(--palette-title, #004b85)
}

.region-footer-bottom .menu--footer-bottom ul.menu li a.is-active {
    color: currentColor
}

.region-footer-bottom .menu--footer-bottom ul.menu li a.is-active:focus,
.region-footer-bottom .menu--footer-bottom ul.menu li a.is-active:hover {
    color: var(--palette-title, #004b85)
}

.region-footer-bottom .footer-meta {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8
}

.region-footer-bottom .footer-meta .knaw a {
    display: inline;
    text-decoration: underline;
    transition: all .2s ease;
    color: currentColor
}

.region-footer-bottom .footer-meta .knaw a:focus,
.region-footer-bottom .footer-meta .knaw a:hover {
    text-decoration: none
}

.region-footer-bottom .footer-meta .knaw a.is-active {
    text-decoration: none
}

.region-footer-bottom .footer-meta .knaw a:focus,
.region-footer-bottom .footer-meta .knaw a:hover {
    color: var(--palette-title, #004b85)
}

.region-footer-bottom .footer-meta .knaw a.is-active {
    color: currentColor
}

.region-footer-bottom .footer-meta .knaw a.is-active:focus,
.region-footer-bottom .footer-meta .knaw a.is-active:hover {
    color: var(--palette-title, #004b85)
}

.region-footer-bottom .footer-meta .knaw .icon {
    margin-right: 1rem;
    width: 3.2rem;
    height: 3.2rem
}

.region-footer-top h2 {
    color: #fff
}

.region-footer-top .cta-block {
    background-color: #004b85;
    color: #fff
}

.region-footer-top .cta-block .block-inner {
    background-repeat: no-repeat;
    background-position: 0 center
}

.page-footer .footer-content {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    display: flex;
    justify-content: space-around
}

.page-footer .footer-content h2 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    font-family: "Open Sans", serif;
    font-weight: 700;
    color: var(--palette-text, #082235)
}

.page-footer .menu--footer ul.menu li {
    padding: 1rem 0;
    display: flex;
    align-items: center;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column
}

.page-footer .menu--footer ul.menu a {
    text-decoration: none;
    transition: all .2s ease;
    color: currentColor
}

.page-footer .menu--footer ul.menu a:focus,
.page-footer .menu--footer ul.menu a:hover {
    text-decoration: underline
}

.page-footer .menu--footer ul.menu a.is-active {
    text-decoration: underline
}

.page-footer .menu--footer ul.menu a:focus,
.page-footer .menu--footer ul.menu a:hover {
    color: var(--palette-title, #004b85)
}

.page-footer .menu--footer ul.menu a.is-active {
    color: currentColor
}

.page-footer .menu--footer ul.menu a.is-active:focus,
.page-footer .menu--footer ul.menu a.is-active:hover {
    color: var(--palette-title, #004b85)
}

.page-footer .contact .contact-cta {
    margin: 1.3rem 0
}

.page-footer .contact .contact-cta>* {
    margin: .7rem 0
}

.page-footer .contact .contact-cta a {
    transition: all .2s ease;
    color: currentColor
}

.page-footer .contact .contact-cta a:focus,
.page-footer .contact .contact-cta a:hover {
    color: var(--palette-title, #004b85)
}

.page-footer .contact .contact-cta a.is-active {
    color: currentColor
}

.page-footer .contact .contact-cta a.is-active:focus,
.page-footer .contact .contact-cta a.is-active:hover {
    color: var(--palette-title, #004b85)
}

.page-header .block-language .block-content ul {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    font-weight: 700;
    display: flex
}

.page--subsite .page-header .block-language .block-content ul {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.8;
    font-weight: 600
}

.page-header .block-language .block-content ul li:not(:last-child) {
    margin-right: 1rem
}

.page-header .block-language .block-content ul li.is-active {
    display: none
}

.page-header .block-language .block-content .language-link {
    text-decoration: none
}

.page-header .block-language .block-content .language-link:focus,
.page-header .block-language .block-content .language-link:hover {
    text-decoration: underline
}

.page-header .block-language .block-content .language-link.is-active {
    text-decoration: underline
}

.page-header {
    height: calc(0px + 13.2rem);
    background-color: #fff;
    box-shadow: 0 .5rem .8rem 0 rgba(0, 0, 0, .06)
}

html.header--menu-main--oh-active .page-header {
    height: calc(0px + 7.4rem)
}

.content--header-no-logo .page-header {
    height: calc(0px + 8.3rem)
}

html.header--menu-main--oh-active .content--header-no-logo .page-header {
    height: calc(0px + 0rem)
}

.fast-to-sticky-by-scroll .page-header {
    box-shadow: unset
}

.page-header .page-header-inner {
    display: flex
}

.content--header-no-logo .page-header .page-header-inner {
    height: 8rem
}

.page-header .page-header-inner .region-header-branding {
    flex: 0 0 auto;
    -ms-grid-row-align: center;
    align-self: center
}

.page-header .page-header-inner .page-header--without-branding {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column
}

.page-header .page-header-inner .page-header--without-branding .region-header-top {
    order: -1
}

.page-header {
    position: absolute;
    width: 100%;
    z-index: 10
}

body.toolbar-tray-open.toolbar-vertical.toolbar-fixed .page-header {
    width: calc(100% - 15rem)
}

html.header--menu-main--oh-active .page-header,
html.header--menu-top--oh-active .page-header {
    position: fixed
}

body.header-sticky-by-scroll .page-header {
    height: calc(0px + 8.3rem)
}

.content--header-no-logo body.header-sticky-by-scroll .page-header {
    height: calc(0px + 8.3rem)
}

html:not(.header--menu-main--oh-active) .page-header.sticky-by-scroll {
    position: fixed
}

html:not(.header--menu-main--oh-active) .page-header.sticky-by-scroll .region-header-top {
    display: none
}

.page-header+* {
    margin-top: calc(0px + 13.2rem)
}

html.header--menu-main--oh-active .page-header+* {
    margin-top: calc(0px + 7.4rem)
}

.content--header-no-logo .page-header+* {
    margin-top: 5rem
}

.region-header {
    display: flex;
    justify-content: flex-end;
    height: calc(0px + 8.3rem)
}

html.header--menu-main--oh-active .region-header {
    height: calc(0px + 0rem)
}

.region-header nav.menu--main.contextual-region {
    position: static
}

.region-header nav.menu--main>ul>li>.menu_link_content {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%)
}

.region-header-inner {
    display: flex;
    align-items: center;
    gap: 3rem
}

.region-header-inner>* {
    flex: 0 0 auto
}

.page--subsite .region-header-inner>*+* {
    border-left: .1rem solid var(--palette-border, #e2dfdc);
    padding-left: 3rem
}

.region-header nav.menu--main>ul.menu>li {
    height: 3.2rem
}

html.no-touch .region-header nav.menu--main>ul.menu>li.has-submenu:hover:after {
    content: "";
    width: calc(100% + 16rem);
    height: 8rem;
    margin: -4rem -8rem 0 -8rem;
    border-radius: calc(50% + 15rem) calc(50% + 15rem) 0 0;
    display: block;
    position: relative;
    z-index: 1
}

html.no-touch .region-header nav.menu--main>ul.menu>li.has-submenu:hover>a {
    position: relative;
    z-index: 2
}

.region-header nav.menu--main>ul.menu>li>.menu_link_content {
    opacity: 0;
    transition: opacity .2s ease .2s;
    z-index: -1
}

.region-header nav.menu--main>ul.menu>li>.menu_link_content>.inner {
    display: none
}

.region-header nav.menu--main>ul.menu>li.open>.menu_link_content,
.region-header nav.menu--main>ul.menu>li:hover>.menu_link_content {
    opacity: 1
}

.region-header nav.menu--main>ul.menu>li.open>.menu_link_content>.inner,
.region-header nav.menu--main>ul.menu>li:hover>.menu_link_content>.inner {
    display: block
}

html.no-touch .region-header nav.menu--main>ul.menu>li:hover .sub-menu-toggler:not(.open) {
    pointer-events: none
}

html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .page-header button.main-navigation-toggler {
    display: none
}

html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .page-header .overflow-container {
    display: none
}

html.header--menu-main--oh-active .page,
html.header--menu-top--oh-active .page {
    position: relative;
    left: 0
}

.page-header .overflow-container {
    position: fixed;
    top: 0;
    left: 100%;
    bottom: 0;
    overflow: auto
}

body.toolbar-fixed .page-header .overflow-container,
body:not(.toolbar-fixed).toolbar-vertical .page-header .overflow-container {
    top: calc(0px + 39px)
}

body.toolbar-tray-open.toolbar-horizontal.toolbar-fixed .page-header .overflow-container {
    top: calc(0px + 79px)
}

.page-header .overflow-container.open {
    box-shadow: -500vw 0 0 500vw rgba(0, 0, 0, .5);
    transition: left .6s ease
}

.page-header .overflow-container:not(.open) .overflow-container-inner {
    display: none
}

.main-navigation-open.header--menu-main--oh-active body,
.main-navigation-open.header--menu-top--oh-active body {
    overflow: hidden;
    pointer-events: none
}

.main-navigation-open.header--menu-main--oh-active body .overflow-container,
.main-navigation-open.header--menu-top--oh-active body .overflow-container {
    pointer-events: auto
}

.main-navigation-open.header--menu-main--oh-active .page,
.main-navigation-open.header--menu-top--oh-active .page {
    transition: left .6s ease;
    transition-delay: 50ms;
    position: relative
}

.page-header .overflow-container .overflow-items nav.menu--main>ul>li.has-submenu:not(.open) .menu_link_content {
    display: none
}

.page-header .overflow-container .overflow-items nav.menu--main>ul>li.has-submenu.no-children .sub-menu-toggler {
    display: none
}

.page-header .overflow-container .overflow-items nav.menu--main>ul>li .menu_link_content .layout>.textual>.main {
    display: none
}

.page-header .overflow-container .overflow-items nav.menu--main>ul>li .menu_link_content .layout>.visual {
    display: none
}

.page-header .overflow-container {
    background-color: var(--palette-links-and-box-background, #004b85);
    color: #fff
}

.page-header .overflow-container .overflow-container-inner>.header {
    height: calc(0px + 13.2rem);
    padding: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    font-weight: 600;
    text-transform: uppercase
}

html.header--menu-main--oh-active .page-header .overflow-container .overflow-container-inner>.header {
    height: calc(0px + 7.4rem)
}

.page-header .overflow-container .overflow-container-inner>.header .btn-close {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: .1rem solid #fff;
    align-items: center;
    justify-content: center
}

.page-header .overflow-container .overflow-items a {
    text-decoration: none;
    text-underline-offset: .35em
}

.page-header .overflow-container .overflow-items a:focus,
.page-header .overflow-container .overflow-items a:hover {
    text-decoration: underline
}

.page-header .overflow-container .overflow-items a.is-active {
    text-decoration: underline
}

.page-header .overflow-container .overflow-items.menu-main nav.block-menu>ul {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: 600
}

.page-header .overflow-container .overflow-items.menu-main nav.block-menu>ul>li {
    border-top: .1rem solid rgba(255, 255, 255, .4);
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    padding: 2rem
}

.page-header .overflow-container .overflow-items.menu-main nav.block-menu>ul>li>a {
    display: inline-flex;
    flex-grow: 1
}

.page-header .overflow-container .overflow-items.menu-main nav.block-menu>ul>li .menu_link_content {
    flex-shrink: 0;
    width: 100%;
    padding: 2rem 0
}

.page-header .overflow-container .overflow-items.menu-main nav.block-menu>ul>li .menu_link_content ul {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    border-left: .1rem solid #fff;
    padding-left: 2rem;
    margin-left: .5rem;
    position: relative
}

.page-header .overflow-container .overflow-items.menu-main nav.block-menu>ul>li .menu_link_content ul:after,
.page-header .overflow-container .overflow-items.menu-main nav.block-menu>ul>li .menu_link_content ul:before {
    content: "";
    display: block;
    background-color: #fff;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    position: absolute;
    left: -.4rem
}

.page-header .overflow-container .overflow-items.menu-main nav.block-menu>ul>li .menu_link_content ul:before {
    top: -.35rem
}

.page-header .overflow-container .overflow-items.menu-main nav.block-menu>ul>li .menu_link_content ul:after {
    bottom: -.35rem
}

.page-header .overflow-container .overflow-items.menu-main nav.block-menu>ul>li .menu_link_content ul li+li {
    margin-top: 2rem
}

.page-header .overflow-container .overflow-items.menu-main nav.block-menu>ul>li .sub-menu-toggler {
    padding: 1rem;
    margin: -1rem -1rem -1rem 0
}

.page-header .overflow-container .overflow-items.menu-main nav.block-menu>ul>li .sub-menu-toggler.open svg {
    transform: rotate(180deg)
}

.page-header .overflow-container .overflow-items.menu-main nav.block-menu>ul>li .sub-menu-toggler .icon {
    background-color: #fff;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    color: #082235;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-header .overflow-container .overflow-items.menu-top {
    border-top: .1rem solid rgba(255, 255, 255, .4);
    padding: 1rem 0
}

.page-header .overflow-container .overflow-items.menu-top ul.menu {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8
}

.page-header .overflow-container .overflow-items.menu-top ul.menu>li {
    padding: .8rem 1.6rem
}

.page-header .overflow-container .overflow-items.menu-top ul.menu>li>a {
    display: block
}

.region-header nav.menu--main>ul {
    display: flex;
    align-items: center
}

.region-header nav.menu--main>ul>li>span {
    font-weight: 600
}

.region-header nav.menu--main>ul>li>a {
    font-weight: 600;
    text-decoration: none;
    transition: all .2s ease;
    color: currentColor
}

.region-header nav.menu--main>ul>li>a:focus,
.region-header nav.menu--main>ul>li>a:hover {
    text-decoration: underline
}

.region-header nav.menu--main>ul>li>a.is-active {
    text-decoration: underline
}

.region-header nav.menu--main>ul>li>a:focus,
.region-header nav.menu--main>ul>li>a:hover {
    color: var(--palette-links-and-box-background, #004b85)
}

.region-header nav.menu--main>ul>li>a.is-active {
    color: var(--palette-links-and-box-background, #004b85)
}

.region-header nav.menu--main>ul>li>a.is-active:focus,
.region-header nav.menu--main>ul>li>a.is-active:hover {
    color: var(--palette-links-and-box-background, #004b85)
}

.region-header nav.menu--main>ul>li>a:focus+.sub-menu-toggler,
.region-header nav.menu--main>ul>li>a:hover+.sub-menu-toggler {
    color: var(--palette-links-and-box-background, #004b85)
}

.region-header nav.menu--main>ul>li>a.is-active+.sub-menu-toggler {
    color: var(--palette-links-and-box-background, #004b85)
}

.region-header nav.menu--main>ul>li.open>.sub-menu-toggler .icon,
.region-header nav.menu--main>ul>li:hover>.sub-menu-toggler .icon {
    transform: rotate(180deg)
}

.region-header nav.menu--main>ul>li>.menu_link_content {
    background-color: var(--palette-links-and-box-background, #004b85);
    color: #fff;
    box-shadow: 0 500vh 0 500vh rgba(8, 34, 53, .6)
}

.region-header nav.menu--main>ul>li>.menu_link_content .layout {
    display: flex;
    justify-content: space-between
}

.region-header nav.menu--main>ul>li>.menu_link_content .layout>.textual .actions {
    margin-top: 2rem
}

.region-header nav.menu--main>ul>li>.menu_link_content .layout>.textual .sub-menu {
    margin-top: 1rem
}

.region-header nav.menu--main>ul>li>.menu_link_content .layout>.textual .sub-menu ul.menu>li+li {
    margin-top: 1rem
}

.region-header nav.menu--main>ul>li>.menu_link_content .layout>.textual .sub-menu a {
    text-decoration: none
}

.region-header nav.menu--main>ul>li>.menu_link_content .layout>.textual .sub-menu a:focus,
.region-header nav.menu--main>ul>li>.menu_link_content .layout>.textual .sub-menu a:hover {
    text-decoration: underline
}

.region-header nav.menu--main>ul>li>.menu_link_content .layout>.textual .sub-menu a.is-active {
    text-decoration: underline
}

.region-header nav.menu--main>ul>li>.menu_link_content .layout>.visual {
    display: flex;
    align-items: flex-end
}

.region-header nav.menu--main>ul>li>.menu_link_content .layout>.visual>* {
    width: 100%
}

.region-header nav.menu--main>ul>li>.menu_link_content .layout>.visual>*+* {
    margin-left: -100%;
    z-index: -1
}

.region-header nav.menu--main>ul>li>.menu_link_content .layout>.visual .link-outer {
    padding: 2.5rem 2rem
}

.region-header nav.menu--main>ul>li>.menu_link_content .layout>.visual .link-outer a {
    margin-bottom: 0;
    text-decoration: none;
    color: #fff
}

.region-header nav.menu--main>ul>li>.menu_link_content .layout>.visual .link-outer a:focus,
.region-header nav.menu--main>ul>li>.menu_link_content .layout>.visual .link-outer a:hover {
    text-decoration: underline
}

.region-header nav.menu--main>ul>li>.menu_link_content .layout>.visual .link-outer a.is-active {
    text-decoration: underline
}

.region-header nav.menu--main>ul>li>.menu_link_content .layout>.visual .image-outer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
    position: relative
}

.region-header nav.menu--main>ul>li>.menu_link_content .layout>.visual .image-outer:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 47%, rgba(0, 0, 0, .75) 82%);
    z-index: 1
}

.region-header nav.menu--main>ul>li>.menu_link_content .layout>.visual .image-outer img {
    position: absolute;
    min-width: 100%;
    min-height: 100%
}

button.main-navigation-toggler .text {
    position: absolute !important;
    height: 0;
    width: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

button.main-navigation-toggler .icon--hamburger {
    position: relative;
    overflow: hidden;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: .1rem solid #c8c8c8;
    margin-right: 0
}

button.main-navigation-toggler .icon--hamburger .slice {
    position: absolute;
    display: block;
    width: 1.6rem;
    height: .2rem;
    background-color: #fff;
    text-indent: -99999px;
    transition: all .2s ease;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    background-color: #082235
}

button.main-navigation-toggler .icon--hamburger .slice:nth-child(1) {
    margin-top: -.6rem
}

button.main-navigation-toggler .icon--hamburger .slice:nth-child(2) {
    margin-top: -.1rem
}

button.main-navigation-toggler .icon--hamburger .slice:nth-child(3) {
    margin-top: .4rem
}

.page--subsite .page-header--without-branding {
    justify-content: center
}

.page--subsite .region-header {
    align-items: center
}

html.header--menu-main--oh-active .page--subsite .region-header {
    height: calc(0px + 7.4rem)
}

html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .page--subsite .page-header .menu {
    display: flex;
    align-items: center;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.8;
    font-weight: 600
}

html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .page--subsite .page-header .menu a {
    transition: all .2s ease;
    color: currentColor;
    text-decoration: none
}

html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .page--subsite .page-header .menu a:focus,
html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .page--subsite .page-header .menu a:hover {
    color: var(--palette-links-and-box-background, #004b85)
}

html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .page--subsite .page-header .menu a.is-active {
    color: var(--palette-links-and-box-background, #004b85)
}

html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .page--subsite .page-header .menu a.is-active:focus,
html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .page--subsite .page-header .menu a.is-active:hover {
    color: var(--palette-links-and-box-background, #004b85)
}

html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .page--subsite .page-header .menu a:focus,
html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .page--subsite .page-header .menu a:hover {
    text-decoration: underline
}

html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .page--subsite .page-header .menu a.is-active {
    text-decoration: underline
}

html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .page--subsite .page-header .menu>* {
    flex-shrink: 0
}

html.header--menu-main--oh-active .page--subsite .page-header .menu,
html.header--menu-top--oh-active .page--subsite .page-header .menu {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: 600
}

html.header--menu-main--oh-active .page--subsite .page-header .menu>*,
html.header--menu-top--oh-active .page--subsite .page-header .menu>* {
    border-top: .1rem solid rgba(255, 255, 255, .4);
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    padding: 2rem
}

html.header--menu-main--oh-active .page--subsite .page-header .menu>*>a,
html.header--menu-top--oh-active .page--subsite .page-header .menu>*>a {
    display: inline-flex;
    flex-grow: 1
}

html.header--menu-main--oh-active .page--subsite .block-language,
html.header--menu-top--oh-active .page--subsite .block-language {
    border-top: .1rem solid rgba(255, 255, 255, .4);
    padding: 2rem
}

.region-header-top {
    display: flex;
    justify-content: flex-end;
    height: calc(0px + 4.9rem)
}

html.header--menu-main--oh-active .region-header-top {
    height: calc(0px + 7.4rem)
}

.region-header-top-inner {
    display: flex;
    align-items: center
}

.region-header-top-inner>*+* {
    margin-left: 2rem
}

.region-header-top-inner .menus--outer {
    display: flex;
    align-items: center
}

.region-header-top-inner .menus--outer>*+* {
    margin-left: 2rem
}

html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .region-header-top-inner .for-mobile {
    display: none
}

html.header--menu-main--oh-active .region-header-top-inner .for-desktop,
html.header--menu-top--oh-active .region-header-top-inner .for-desktop {
    display: none
}

html.header--menu-main--oh-active .region-header-top-inner .menus--outer {
    width: 1px
}

.region-header-top .menus--outer ul.menu {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.8
}

.region-header-top .menus--outer ul.menu a {
    text-decoration: none
}

.region-header-top .menus--outer ul.menu a:focus,
.region-header-top .menus--outer ul.menu a:hover {
    text-decoration: underline
}

.region-header-top .menus--outer ul.menu a.is-active {
    text-decoration: underline
}

.region-header-top .menus--outer ul.menu>li {
    flex-shrink: 0
}

.region-header-top .menus--outer ul.menu>li:not(:last-child) {
    padding-right: .7rem
}

.region-header-top .menus--outer ul.menu>li:not(:first-child) {
    padding-left: .7rem
}

.region-header-top .search-link {
    display: flex;
    align-items: center;
    justify-content: center
}

html.header--menu-main--oh-active .region-header-top .search-link,
html.header--menu-top--oh-active .region-header-top .search-link {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: .1rem solid #c8c8c8
}

html.header--menu-main--oh-active .region-header-top .search-link svg,
html.header--menu-top--oh-active .region-header-top .search-link svg {
    transform: translate(.1rem, -.1rem)
}

html:not(.header--menu-main--oh-active) .region-header-top-inner {
    background-color: #eff3f4;
    border-radius: 0 0 .8rem .8rem;
    padding-left: 2rem;
    padding-right: 2rem
}

.leaflet-container a.leaflet-popup-close-button {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 50%;
    background-color: #fff;
    color: var(--palette-text, #082235);
    top: .75rem;
    right: .75rem;
    font-family: monospace;
    font-size: 40px;
    font-size: 4rem;
    line-height: 1;
    font-weight: 400;
    border: .1rem solid var(--palette-border, #e2dfdc)
}

.leaflet-popup-content {
    min-width: 25rem;
    margin: 0;
    border: 0
}

.leaflet-popup-content p {
    margin: 0
}

.leaflet-popup-content .entity--view-mode-map {
    margin: -.1rem
}

.collapsible-credits {
    top: 0;
    right: 0;
    position: absolute;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    background-color: #082235;
    color: #fff;
    opacity: .8;
    border-radius: 0 0 0 .8rem;
    display: flex
}

.collapsible-credits>* {
    flex: 0 0 auto;
    padding: 1.25rem
}

.collapsible-credits .credits {
    padding-left: 0;
    line-height: 1
}

.collapsible-credits .credits:not(.open) {
    display: none
}

.file-link .file-info {
    margin-left: 2.2rem;
    margin-top: 1.4rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8
}

.media-name {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: 600
}

.meta-data .meta-data--inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    margin: -1rem
}

.meta-data .meta-data--inner>* {
    margin: 1rem
}

.meta-data .meta-data--inner dl {
    margin: -.5rem -1rem
}

.meta-data .meta-data--inner dl>* {
    display: inline-flex;
    align-items: baseline;
    margin: .5rem 1rem
}

.meta-data .meta-data--inner dl>*>:not(:last-child) {
    margin-right: .65em
}

.fast-to .btn--more-toggler .text,
.label-small {
    font-family: "Open Sans", serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: .7px
}

.last-edited {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0 1rem
}

.last-edited .datetime {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    font-weight: 700
}

.meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.meta>:not(:last-child):after {
    font-size: 100%;
    content: '\2022';
    margin: 0 .6em
}

.meta a {
    text-decoration: none
}

.meta a:focus,
.meta a:hover {
    text-decoration: underline
}

.meta a.is-active {
    text-decoration: underline
}

.statistics-wrapper {
    background-color: #fdd447;
    border-radius: .3rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.statistics-wrapper ul.statistics {
    display: flex;
    justify-content: center;
    width: 100%
}

.statistics-wrapper ul.statistics .statistics-statistic {
    align-items: center
}

.statistics-wrapper ul.statistics .statistics-statistic * {
    text-align: center
}

.statistics-wrapper ul.statistics .statistics-statistic .statistics-statistic-value {
    font-weight: 700;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.8;
    white-space: nowrap
}

.statistics-wrapper ul.statistics .statistics-statistic .statistics-statistic-label {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.type-label {
    padding: 0 .6rem;
    border-radius: .3rem;
    display: inline-flex;
    align-items: baseline;
    color: var(--palette-text, #082235)
}

.type-label>:not(:last-child) {
    margin-right: .65em
}

.type-label.blue {
    background-color: #00add9
}

.type-label.green {
    background-color: #23c3a9
}

.type-label.white {
    background-color: #fff
}

.type-label.none {
    color: #fff
}

.fast-to {
    margin-bottom: 3rem
}

.fast-to .fast-to-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.fast-to .fast-to-inner h2 {
    margin-right: 2rem;
    margin-bottom: 0;
    white-space: nowrap;
    color: var(--palette-text, #082235)
}

.fast-to .fast-to-inner .fast-to-links {
    margin: 0 -.5rem
}

.fast-to .fast-to-inner .fast-to-links>li {
    display: inline-block
}

.fast-to .fast-to-inner .fast-to-links>li.ipn-active-item .btn-light-blue {
    --bg: var(--bg--hover);
    --text: var(--text--hover);
    border-color: transparent
}

.has-color-palette .fast-to .fast-to-inner .fast-to-links>li.ipn-active-item .btn-light-blue {
    border-color: currentColor
}

.fast-to .fast-to-inner .fast-to-links .btn-light-blue {
    margin: .5rem
}

.fast-to .divider {
    width: 100%
}

.page-node-type-theme .fast-to .divider {
    display: none
}

.fast-to .actions {
    width: 100%
}

.fast-to .btn--more-toggler {
    border: none;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0;
    width: 100%
}

.fast-to .btn--more-toggler .text {
    flex-grow: 0
}

.fast-to .btn--more-toggler .icon {
    margin-left: auto;
    transform: rotate(0);
    transition: all .2s ease
}

.fast-to .btn--more-toggler.open .icon {
    transform: rotate(180deg)
}

.fast-to:not(.sticky-by-scroll) .btn-light-blue {
    margin: .5rem
}

.page-node-type-theme .fast-to:not(.sticky-by-scroll) .btn-light-blue {
    --bg: #fff
}

.fast-to-anchor {
    scroll-margin-top: 7rem
}

.user-logged-in .fast-to-anchor {
    scroll-margin-top: 15rem
}

.fast-to-anchor.statistics-wrapper {
    scroll-margin-top: 17rem
}

.user-logged-in .fast-to-anchor.statistics-wrapper {
    scroll-margin-top: 25rem
}

:target {
    pointer-events: none
}

:target * {
    pointer-events: auto
}

:target::before {
    content: "";
    display: block;
    height: 10rem;
    margin-top: -10rem
}

.menu--content-view-switch ul {
    display: flex;
    align-items: center;
    font-weight: 600;
    line-height: 1
}

.menu--content-view-switch ul li {
    display: inline-flex;
    align-items: center
}

.menu--content-view-switch ul li.active {
    color: #007663
}

.menu--content-view-switch ul li:first-child {
    padding-right: 1.25rem;
    border-right: .1rem solid var(--palette-border, #e2dfdc)
}

.menu--content-view-switch ul li:last-child {
    padding-left: 1.25rem
}

.menu--content-view-switch ul li>*+* {
    margin-left: .75rem
}

.menu--content-view-switch ul li a {
    transition: all .2s ease;
    color: var(--palette-text, #082235)
}

.menu--content-view-switch ul li a:focus,
.menu--content-view-switch ul li a:hover {
    color: var(--palette-text, #082235)
}

.menu--content-view-switch ul li a.is-active {
    color: var(--palette-text, #082235)
}

.menu--content-view-switch ul li a.is-active:focus,
.menu--content-view-switch ul li a.is-active:hover {
    color: var(--palette-text, #082235)
}

.menu--content-view-switch ul li a.active {
    transition: all .2s ease;
    color: #007663
}

.menu--content-view-switch ul li a.active:focus,
.menu--content-view-switch ul li a.active:hover {
    color: #007663
}

.menu--content-view-switch ul li a.active.is-active {
    color: #007663
}

.menu--content-view-switch ul li a.active.is-active:focus,
.menu--content-view-switch ul li a.active.is-active:hover {
    color: #007663
}

nav.pager ul.pager__items {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    font-weight: 600;
    margin: -1rem
}

nav.pager ul.pager__items>li:before {
    content: "\200B";
    position: absolute
}

nav.pager ul.pager__items li {
    display: inline-block;
    margin: 1rem
}

nav.pager ul.pager__items li a {
    text-decoration: none;
    display: block;
    transition: all .2s ease
}

nav.pager ul.pager__items li a:focus,
nav.pager ul.pager__items li a:hover {
    text-decoration: underline
}

nav.pager ul.pager__items li a.is-active {
    text-decoration: underline
}

nav.pager ul.pager__items li.is-active a {
    text-decoration: none;
    background-color: #004b85;
    color: #fff;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 50%
}

nav.pager ul.pager__items li.is-active a:focus,
nav.pager ul.pager__items li.is-active a:hover {
    background-color: #000
}

.site-logo {
    margin-bottom: 0;
    display: flex;
    align-items: flex-start
}

.site-logo a {
    text-decoration: none
}

.site-logo span.site-name {
    pointer-events: none;
    position: relative;
    width: 14rem;
    margin-left: 1.5rem;
    padding-left: 1.5rem;
    color: #004b85;
    text-transform: uppercase;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.9;
    font-family: "Open Sans", serif;
    font-weight: 500;
    letter-spacing: .26rem;
    border-left: 1px solid #004b85
}

body.header-sticky-by-scroll .site-logo span.site-name {
    opacity: 0;
    height: 0
}

html.header--menu-main--oh-active .site-logo span.site-name,
html.header--menu-top--oh-active .site-logo span.site-name {
    font-size: 7px;
    font-size: .7rem;
    line-height: 1.8
}

.paragraph--layout--image-first .visual {
    order: -1
}

.paragraph--layout--image-first .textual {
    margin-left: auto
}

.paragraph--layout--text-first .visual {
    right: 0
}

.paragraph--type--content-tiles {
    text-align: center
}

.paragraph--type--content-tiles ul.content-list {
    margin-top: 2rem
}

.paragraph--type--editorial-content-tile {
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 2.2rem 0 rgba(0, 0, 0, .12)
}

.paragraph--type--editorial-content-tile .textual {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    position: relative;
    margin-top: -3rem;
    z-index: 1
}

.paragraph--type--editorial-content-tile .textual .bg-wave {
    color: #fff
}

.paragraph--type--editorial-content-tile .textual .textual--inner {
    padding-bottom: 5rem;
    position: relative
}

.paragraph--type--editorial-content-tile .textual h3 a {
    transition: all .2s ease;
    color: #007663
}

.paragraph--type--editorial-content-tile .textual h3 a:focus,
.paragraph--type--editorial-content-tile .textual h3 a:hover {
    color: #007663
}

.paragraph--type--editorial-content-tile .textual h3 a.is-active {
    color: #007663
}

.paragraph--type--editorial-content-tile .textual h3 a.is-active:focus,
.paragraph--type--editorial-content-tile .textual h3 a.is-active:hover {
    color: #007663
}

.paragraph--type--editorial-content-tile .textual .pseudo-link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 5rem;
    height: 5rem;
    border-radius: 5rem 0 0 0;
    bottom: 0;
    right: 0;
    background-color: #007663;
    color: #fff
}

.paragraph--type--editorial-content-tile .textual .pseudo-link .svg-use--wrapper {
    transform: translateX(.5rem)
}

.paragraph--type--editorial-content-tile .visual {
    width: 100%;
    order: -1
}

.paragraph--type--editorial-content-tile .visual img {
    width: 100%
}

.paragraph--type--embed iframe {
    width: 100%
}

.paragraph--type--embed iframe:not(.path-profile) .paragraph--type--embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.group--project .paragraph--type--embed iframe,
.group--research-group .paragraph--type--embed iframe,
.node--department--full .paragraph--type--embed iframe,
.node--dossier--full .paragraph--type--embed iframe {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 75%
}

.group--project .paragraph--type--embed iframe.embed-instagram,
.group--research-group .paragraph--type--embed iframe.embed-instagram,
.node--department--full .paragraph--type--embed iframe.embed-instagram,
.node--dossier--full .paragraph--type--embed iframe.embed-instagram {
    padding-top: 86%;
    border: .1rem solid var(--palette-border, #e2dfdc);
    border-radius: .3rem
}

.group--project .paragraph--type--embed iframe.embed-twitter,
.group--research-group .paragraph--type--embed iframe.embed-twitter,
.node--department--full .paragraph--type--embed iframe.embed-twitter,
.node--dossier--full .paragraph--type--embed iframe.embed-twitter {
    padding-top: 62.5%
}

.node--blog--full .paragraph--type--embed iframe .content--main--indent--1-on-8,
.node--event--full .paragraph--type--embed iframe .content--main--indent--1-on-8,
.node--page--full .paragraph--type--embed iframe .content--main--indent--1-on-8,
.node--vacancy--full .paragraph--type--embed iframe .content--main--indent--1-on-8,
.paragraph--type--embed iframe .node--type-news-item .content--main--indent--1-on-8 {
    position: relative;
    padding-top: 75%
}

.node--blog--full .paragraph--type--embed iframe.embed-instagram .content--main--indent--1-on-8,
.node--event--full .paragraph--type--embed iframe.embed-instagram .content--main--indent--1-on-8,
.node--page--full .paragraph--type--embed iframe.embed-instagram .content--main--indent--1-on-8,
.node--vacancy--full .paragraph--type--embed iframe.embed-instagram .content--main--indent--1-on-8,
.paragraph--type--embed iframe .node--type-news-item.embed-instagram .content--main--indent--1-on-8 {
    padding-top: 86%;
    border: .1rem solid var(--palette-border, #e2dfdc);
    border-radius: .3rem
}

.node--blog--full .paragraph--type--embed iframe.embed-twitter .content--main--indent--1-on-8,
.node--event--full .paragraph--type--embed iframe.embed-twitter .content--main--indent--1-on-8,
.node--page--full .paragraph--type--embed iframe.embed-twitter .content--main--indent--1-on-8,
.node--vacancy--full .paragraph--type--embed iframe.embed-twitter .content--main--indent--1-on-8,
.paragraph--type--embed iframe .node--type-news-item.embed-twitter .content--main--indent--1-on-8 {
    padding-top: 45%
}

.paragraph--type--embed.is-twitter iframe {
    padding-top: 0
}

.path-profile .paragraph--type--embed {
    height: 65rem
}

.path-profile .paragraph--type--embed iframe {
    height: 100%;
    width: 100%
}

.paragraph--type--harmonica .no-header ul.items--field-harmonica-items {
    margin-top: 0
}

.paragraph--type--harmonica .paragraph--type--harmonica-item h3 {
    font-family: "Open Sans", serif;
    line-height: 1.8
}

.paragraph--type--harmonica .paragraph--type--harmonica-item h3 .btn--open-toggler {
    border: none;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.paragraph--type--harmonica .paragraph--type--harmonica-item h3 .btn--open-toggler.open .icon {
    transform: rotateX(180deg)
}

.paragraph--type--harmonica .paragraph--type--harmonica-item h3 .btn--open-toggler .action {
    position: absolute !important;
    height: 0;
    width: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

.cc-banner .paragraph--type--highlighted-text .cc-layout,
.cc-banner .paragraph--type--highlighted-text .cc-message-wrapper,
.cc-window .paragraph--type--highlighted-text .cc-layout,
.cc-window .paragraph--type--highlighted-text .cc-message-wrapper,
.paragraph--type--highlighted-text .cc-banner .cc-layout,
.paragraph--type--highlighted-text .cc-banner .cc-message-wrapper,
.paragraph--type--highlighted-text .cc-window .cc-layout,
.paragraph--type--highlighted-text .cc-window .cc-message-wrapper,
.paragraph--type--highlighted-text .grid-container {
    overflow: hidden
}

.paragraph--type--highlighted-text .bg-pattern--web {
    position: absolute;
    top: 0;
    opacity: .2;
    overflow: hidden;
    height: 100%;
    z-index: 0
}

.paragraph--type--highlighted-text .bg-pattern--web:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2
}

.paragraph--type--highlighted-text .bg-pattern--web img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100vw;
    margin: auto;
    min-width: 150rem
}

.paragraph--type--highlighted-text .textual {
    text-align: center;
    position: relative;
    z-index: 10
}

.paragraph--type--highlighted-text .textual .actions {
    margin-top: 3rem
}

.image-carrousel .list--with-scroll>* img {
    width: 75vw;
    max-width: 75vw
}

.image-caption:not(.entity--view-mode-image-carrousel) figure figcaption {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.8
}

.paragraph--type--logo-list li.logo .visual,
.paragraph--type--logo-media-list li.logo .visual {
    margin-bottom: .5em
}

.paragraph--type--logo-list li.logo .textual .text-formatted p,
.paragraph--type--logo-media-list li.logo .textual .text-formatted p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    opacity: .75;
    line-height: 1
}

.paragraph--type--logo-list li.logo figure,
.paragraph--type--logo-media-list li.logo figure {
    border: .1rem solid var(--palette-border, #e2dfdc);
    border-radius: 5px
}

.paragraph--type--logo-list li.logo figure img,
.paragraph--type--logo-media-list li.logo figure img {
    border-radius: 5px
}

.paragraph--type--logo-list li.logo h3.heading,
.paragraph--type--logo-media-list li.logo h3.heading {
    line-height: 1.25;
    color: var(--palette-text, #082235);
    font-family: "Open Sans", serif
}

.paragraph--type--map-switcher div[role=tablist] button.switcher {
    background-position: 0 center;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    margin-left: 5px;
    margin-right: 5px;
    font-weight: 600;
    text-underline-offset: 40%;
    text-decoration: underline
}

.paragraph--type--map-switcher div[role=tablist] button.switcher.map {
    padding-left: 16px;
    background-size: 11px 16px;
    background-image: url(../static/themes/nioo/assets/images/location-inversed.svg);
    padding-right: 1.25rem;
    border-right: .1rem solid var(--palette-border, #e2dfdc)
}

.paragraph--type--map-switcher div[role=tablist] button.switcher.list {
    padding-left: 22px;
    background-size: 17px 14px;
    background-image: url(../static/themes/nioo/assets/images/list.svg)
}

.paragraph--type--map-switcher div[role=tablist] button.switcher.active {
    color: #007663
}

.paragraph--type--map-switcher span.list-label,
.paragraph--type--map-switcher span.map-label {
    display: none
}

.paragraph--type--map-switcher .paragraph--type--view .facilities-map-subsite .view-header {
    margin-top: 3rem
}

.paragraph--type--media-snippet .paragraph__inner {
    border-radius: .6rem;
    background-color: var(--palette-page-background, #eff3f4)
}

.paragraph--type--media-snippet .paragraph__inner>.textual {
    display: flex;
    flex-wrap: wrap
}

.paragraph--type--media-snippet .paragraph__inner>.textual>* {
    width: 100%
}

.paragraph--type--media-snippet .paragraph__inner>.textual>*+* {
    margin-top: .5rem
}

.paragraph--type--media-snippet .paragraph__inner>.textual .media-snippet__source {
    align-self: flex-end
}

.paragraph--type--media-snippet .paragraph__inner>.textual .media-snippet__source>* {
    margin-top: 1rem
}

.paragraph--type--media-snippet .paragraph__inner>.textual .media-snippet__source .textual {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    font-weight: 600;
    font-style: italic;
    margin-right: 1rem
}

.paragraph--type--media-snippet .paragraph__inner>.textual .media-snippet__source .visual img {
    max-width: 5rem
}

.paragraph--type--media-snippet .paragraph__inner>.visual {
    flex-shrink: 0
}

.paragraph--type--media-snippet .paragraph__inner>.visual img {
    border-radius: .6rem 0 0 .6rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.paragraph--type--project .duration {
    color: #004b85;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .7px
}

.paragraph--type--quote figure figcaption {
    display: inline-flex;
    align-items: baseline
}

.paragraph--type--quote figure figcaption>:not(:last-child) {
    margin-right: .65em
}

.paragraph--type--related-content h2.heading {
    color: #082235
}

.paragraph--type--related-content ul.paragraph-inner li .list-inner {
    display: flex
}

.paragraph--type--related-content ul.paragraph-inner li .list-inner .visual {
    order: -1;
    flex-shrink: 0
}

.paragraph--type--stack-two-text .text--row--2-items {
    display: flex;
    flex-wrap: wrap
}

.paragraph--type--stack-two-text .text--row--2-items>* {
    display: flex
}

.paragraph--type--subsite-agenda-block .view,
.paragraph--type--subsite-latest-news-block .view {
    border-top: .1rem solid var(--palette-border, #e2dfdc)
}

.paragraph--type--subsite-agenda-block .view .actions,
.paragraph--type--subsite-latest-news-block .view .actions {
    border-top: .1rem solid var(--palette-border, #e2dfdc);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem
}

.paragraph--type--text-block-image {
    display: flex;
    flex-wrap: wrap
}

.paragraph--type--text-block-image .textual {
    width: 100%;
    position: relative;
    z-index: 1
}

.paragraph--type--text-block-image .textual .textual__inner {
    background-color: #fff
}

.paragraph--type--text-block-image .textual .textual__inner h2 {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.paragraph--type--text-block-image .textual .textual__inner .actions {
    margin-top: 1.2em
}

.paragraph--type--text-block-image .visual {
    width: 100%;
    order: -1
}

.paragraph--type--text-block-image .visual .media {
    height: 100%
}

.paragraph--type--text-block-image .visual img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.paragraph--type--text-image .paragraph-content,
.paragraph--type--text-image-upload .paragraph-content {
    display: flex;
    position: relative;
    align-items: flex-start
}

.ck-editor__editable .paragraph--type--text-image .paragraph-content .textual .textual-inner,
.ck-editor__editable .paragraph--type--text-image-upload .paragraph-content .textual .textual-inner,
.text-formatted .paragraph--type--text-image .paragraph-content .textual .textual-inner,
.text-formatted .paragraph--type--text-image-upload .paragraph-content .textual .textual-inner {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8
}

.paragraph--type--text-image .paragraph-content .textual .paragraph-toggler:not(.open) .icon--minus,
.paragraph--type--text-image-upload .paragraph-content .textual .paragraph-toggler:not(.open) .icon--minus {
    display: none
}

.paragraph--type--text-image .paragraph-content .textual .paragraph-toggler.open .icon--plus,
.paragraph--type--text-image-upload .paragraph-content .textual .paragraph-toggler.open .icon--plus {
    display: none
}

.paragraph--type--text-image .paragraph-content .visual img,
.paragraph--type--text-image-upload .paragraph-content .visual img {
    width: 100%
}

.paragraph--type--text-image-upload.has-toggle:not(.open) .textual-inner,
.paragraph--type--text-image.has-toggle:not(.open) .textual-inner {
    overflow: hidden
}

.paragraph--type--text-image-upload.has-toggle:not(.open) .textual-inner:not(:focus-within),
.paragraph--type--text-image.has-toggle:not(.open) .textual-inner:not(:focus-within) {
    position: relative
}

.paragraph--type--text-image-upload.has-toggle:not(.open) .textual-inner:not(:focus-within):after,
.paragraph--type--text-image.has-toggle:not(.open) .textual-inner:not(:focus-within):after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to top, #fff 0, rgba(255, 255, 255, 0) 100%)
}

.paragraph--type--text-image-upload.paragraph--layout--image-first .visual,
.paragraph--type--text-image.paragraph--layout--image-first .visual {
    overflow: hidden
}

.paragraph--type--text-image-upload.paragraph--layout--image-first .textual,
.paragraph--type--text-image.paragraph--layout--image-first .textual {
    overflow: hidden
}

.paragraph--type--text-image-upload.paragraph--layout--text-first .textual,
.paragraph--type--text-image.paragraph--layout--text-first .textual {
    overflow: hidden
}

.paragraph--type--text-image-upload.paragraph--layout--text-first .visual,
.paragraph--type--text-image.paragraph--layout--text-first .visual {
    overflow: hidden
}

.paragraph--type--video .paragraph-content .content {
    width: 100%;
    height: 100%;
    position: relative
}

.paragraph--type--video .paragraph-content .content .contextual-region {
    position: static
}

.paragraph--type--video .paragraph-content iframe {
    width: 100%
}

.video-caption:not(.entity--view-mode-image-carrousel) figure figcaption {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.8
}

.paragraph--type--view .viewsreference--view-title {
    position: absolute !important;
    height: 0;
    width: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

.paragraph--type--view .view-header {
    margin-top: 3rem;
    position: relative;
    width: calc(100% - 15vw);
    max-width: 1318px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3rem
}

.paragraph--type--view .facilities-map-subsite .view-facilities {
    background-color: #fff
}

.paragraph--type--view .facilities-map-subsite .view-header {
    margin-top: 0;
    margin-bottom: 0
}

.paragraph--type--view .facilities-map-subsite .view-header .view-header__top {
    background-color: #fff;
    padding-bottom: 3rem
}

.group--subsite .paragraph--type--view .facilities-list-subsite .view-facilities {
    background-color: #fff
}

.group--subsite .paragraph--type--view .facilities-list-subsite .view-header {
    margin-top: 3rem;
    margin-bottom: 0;
    width: 100%
}

.group--subsite .paragraph--type--view .facilities-list-subsite .view-header .view-header__top {
    background-color: #fff;
    padding-bottom: 3rem;
    width: 100%;
    margin: 0
}

.profile--view-mode-full .tab-section--about .divider .dot {
    display: none
}

.fast-to .btn--more-toggler .profile--view-mode-full .tab-section--cv .field-zebra .text,
.profile--view-mode-full .tab-section--cv .field-zebra .fast-to .btn--more-toggler .text,
.profile--view-mode-full .tab-section--cv .field-zebra .label-small {
    color: #004b85
}

.profile--view-mode-full .tab-section--outreach .categories .heading {
    margin-bottom: 0
}

.profile--view-mode-full .tab-section--outreach .categories .heading button {
    width: 100%;
    padding: 2.3rem 0;
    font-weight: inherit;
    text-align: left
}

.profile--view-mode-full .tab-section--outreach .categories .heading button .icon {
    position: relative;
    top: -.075em;
    transition: .2s ease
}

.profile--view-mode-full .tab-section--outreach .categories .heading button.open .icon {
    transform: rotate(180deg)
}

.profile--view-mode-full .tab-section--outreach .categories .introduction {
    margin-bottom: 2rem
}

.profile--view-mode-full .tab-section--outreach .categories .categories-inner .categories-item {
    border-top: .1rem solid var(--palette-border, #e2dfdc)
}

.profile--view-mode-full .tab-section--outreach .categories .categories-inner .categories-item:last-child {
    border-bottom: .1rem solid var(--palette-border, #e2dfdc)
}

.profile--view-mode-full .tab-section--outreach .actions {
    margin-bottom: 1rem
}

.profile--view-mode-full .field-activities {
    margin-top: 2rem
}

.profile--view-mode-full .field-activities .duration {
    color: #004b85;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .7px
}

.profile--view-mode-full .tab-section--publications .publication .content a {
    word-break: break-all
}

.profile--view-mode-full .tab-section--title {
    color: #004b85
}

.profile--view-mode-full .tab-section--content h3.field__label,
.profile--view-mode-full .tab-section--content h3.text--font-default {
    color: #082235
}

.profile--view-mode-full .tab-section--content .field-zebra>.actions {
    margin-top: 1rem;
    text-align: right
}

.profile--view-mode-full .tab-sections--outer .tab-sections--nav {
    margin-bottom: 3rem
}

.profile--view-mode-full .tab-sections--outer .tab-sections--nav button {
    border: none;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0;
    padding: .625em;
    font-weight: 600;
    white-space: normal;
    text-align: left
}

.profile--view-mode-full .tab-sections--outer .tab-sections--nav--inner {
    display: flex;
    position: relative
}

.profile--view-mode-full .tab-sections--outer h3.field__label {
    color: #082235
}

html:not(.tab-togglers--oh-active) .profile--view-mode-full .tab-sections--outer .tab-togglers-overflow-toggler {
    display: none
}

.profile--view-mode-full .tab-sections--outer .tab-togglers-overflow-toggler .mobile-text {
    margin-bottom: 0
}

.profile--view-mode-full .tab-sections--outer .tab-togglers-overflow-toggler .svg-use--wrapper {
    position: relative;
    top: -.1em
}

.profile--view-mode-full .tab-sections--outer .tab-togglers-overflow-toggler .svg-use--wrapper.open {
    transform: rotate(180deg)
}

.profile--view-mode-full .tab-sections--outer [role=tablist] {
    display: flex
}

.profile--view-mode-full .tab-sections--outer [role=tablist] button {
    flex-shrink: 0;
    transition: all .2s ease
}

.profile--view-mode-full .tab-sections--outer [role=tablist] button:focus,
.profile--view-mode-full .tab-sections--outer [role=tablist] button:hover {
    color: #007663
}

.profile--view-mode-full .tab-sections--outer [role=tablist] button.active {
    color: #007663;
    box-shadow: 0 .1rem 0 0 currentColor;
    position: relative
}

.profile--view-mode-full .tab-sections--outer [role=tablist] button.active:after,
.profile--view-mode-full .tab-sections--outer [role=tablist] button.active:before {
    content: "";
    display: block;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background-color: currentColor;
    display: block;
    position: absolute;
    bottom: 0
}

.profile--view-mode-full .tab-sections--outer [role=tablist] button.active:before {
    transform: translate(-50%, 50%);
    left: 0
}

.profile--view-mode-full .tab-sections--outer [role=tablist] button.active:after {
    transform: translate(50%, 50%);
    right: 0
}

.profile--view-mode-full .tab-sections--outer .overflow-container {
    position: absolute;
    background-color: #fff;
    box-shadow: 0 .5rem .8rem 0 rgba(0, 0, 0, .06);
    right: 0;
    top: 100%;
    border: .1rem solid var(--palette-border, #e2dfdc);
    border-radius: 0 0 .8rem .8rem;
    z-index: 10
}

html:not(.tab-togglers--oh-active) .profile--view-mode-full .tab-sections--outer .overflow-container {
    display: none
}

.profile--view-mode-full .tab-sections--outer .overflow-container button {
    display: block;
    width: 100%
}

.profile--view-mode-full .tab-sections--outer .overflow-container button.active {
    color: #007663
}

.profile--view-mode-list-large {
    display: flex;
    align-items: center
}

.profile--view-mode-list-large .personal-page-inner {
    align-items: center
}

.profile--view-mode-list-large .heading {
    font-family: "Open Sans", serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    margin-bottom: 0
}

.profile--view-mode-list-large .heading a {
    text-decoration: none;
    color: #082235
}

.profile--view-mode-list-large .heading a:focus,
.profile--view-mode-list-large .heading a:hover {
    text-decoration: underline
}

.profile--view-mode-list-large .heading a.is-active {
    text-decoration: underline
}

.profile--view-mode-list-large .function {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    opacity: .5;
    line-height: 1
}

.profile--view-mode-list-large .function a {
    text-decoration: none
}

.profile--view-mode-list-large .function a:focus,
.profile--view-mode-list-large .function a:hover {
    text-decoration: underline
}

.profile--view-mode-list-large .function a.is-active {
    text-decoration: underline
}

.profile--view-mode-list-large .visual {
    margin-right: 2rem
}

.profile--view-mode-list-minimal {
    display: flex;
    align-items: center
}

.profile--view-mode-list-minimal .heading {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    font-weight: 600
}

.profile--view-mode-list-minimal .heading a {
    text-decoration: none;
    color: #082235
}

.profile--view-mode-list-minimal .heading a:focus,
.profile--view-mode-list-minimal .heading a:hover {
    text-decoration: underline
}

.profile--view-mode-list-minimal .heading a.is-active {
    text-decoration: underline
}

.profile--view-mode-list-minimal .questions-link a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8
}

.profile--view-mode-list-minimal .visual {
    margin-right: 1.2rem
}

.profile--view-mode-list-contact .list-contact-inner {
    display: flex
}

.profile--view-mode-list-contact .textual .heading {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: 600
}

.profile--view-mode-list-contact .textual .heading a {
    text-decoration: none
}

.profile--view-mode-list-contact .textual .heading a:focus,
.profile--view-mode-list-contact .textual .heading a:hover {
    text-decoration: underline
}

.profile--view-mode-list-contact .textual .heading a.is-active {
    text-decoration: underline
}

.profile--view-mode-search-result .visual {
    -ms-grid-row-align: center;
    align-self: center
}

.profile--view-mode-search-result .visual img {
    border-radius: 50%;
    border: .1rem solid var(--palette-border, #e2dfdc)
}

.profile--view-mode-tile {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 2.5rem;
    background-color: #eff3f4;
    transition: all .2s ease;
    border-radius: .6rem
}

.profile--view-mode-tile:focus-within,
.profile--view-mode-tile:hover {
    background-color: #fff;
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, .14)
}

.profile--view-mode-tile .textual {
    padding: 2rem 3rem 4rem 3rem;
    width: 100%;
    text-align: center;
    height: 100%
}

.profile--view-mode-tile .textual .display-name {
    line-height: 1.25;
    color: #007663;
    font-family: "Open Sans", serif;
    margin-bottom: 0
}

.profile--view-mode-tile .textual .display-name a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.profile--view-mode-tile .textual .display-name a * {
    margin-right: 0
}

.profile--view-mode-tile .textual .display-name a .title {
    font-weight: 400;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    color: var(--palette-text, #082235)
}

.profile--view-mode-tile .textual .function {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    color: rgba(8, 34, 53, .5)
}

.profile--view-mode-tile .visual {
    order: -1;
    margin-top: -2.5rem
}

.profile--view-mode-tile .visual img {
    border-radius: 50%;
    max-width: 10rem
}

ul.social-media-links li {
    margin: 2rem 0
}

ul.social-media-links li a {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    align-items: center
}

ul.social-media-links li svg {
    margin-right: 1rem
}

.social-media {
    z-index: 1;
    position: relative
}

.social-media h2 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    font-family: "Open Sans", serif;
    font-weight: 700;
    color: #082235
}

.social-media .divider {
    margin-top: 3rem;
    margin-bottom: 2rem
}

ul.social-share {
    display: flex;
    flex-wrap: wrap;
    margin: -.75rem
}

ul.social-share li {
    margin: .75rem
}

.content--main ul.social-share li a {
    color: #fff;
    border: none
}

.content--main ul.social-share li a:focus,
.content--main ul.social-share li a:hover {
    opacity: .5
}

.content--main ul.social-share li .twitter {
    background-color: #56acee
}

.content--main ul.social-share li .email {
    background-color: #ef7c2c
}

.content--main ul.social-share li .linkedin {
    background-color: #0072b1
}

.content--main ul.social-share li .whatsapp {
    background-color: #1cab53
}

.content--main ul.social-share li .facebook-share {
    background-color: #38559f
}

.btn-share {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 50%;
    border: .1rem solid var(--palette-border, #e2dfdc);
    transition: all .2s ease;
    color: var(--palette-text, #007663)
}

.btn-share:focus,
.btn-share:hover {
    color: var(--palette-text, #fff)
}

.btn-share.is-active {
    color: var(--palette-text, #fff)
}

.btn-share.is-active:focus,
.btn-share.is-active:hover {
    color: var(--palette-text, #fff)
}

.btn-share:focus,
.btn-share:hover {
    background-color: var(--palette-button, #007663);
    border-color: var(--palette-button, currentColor)
}

.btn-share .icon {
    margin-right: 0
}

.tns-wrapper {
    position: relative;
    overflow: hidden
}

.tns-wrapper button {
    border: none;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0
}

.tns-wrapper button:focus {
    outline-color: #fff
}

.tns-wrapper button+button {
    margin-left: 1rem
}

.tns-wrapper .tns-nav {
    position: absolute;
    bottom: 6rem;
    left: 50%;
    transform: translateX(-50%)
}

.tns-wrapper .tns-nav button {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .6)
}

.tns-wrapper .tns-nav button.tns-nav-active {
    background-color: #fff
}

.tns-wrapper .tns-controls {
    position: absolute;
    right: 7.5vw;
    bottom: 6rem
}

.tns-wrapper .tns-controls .btn-as-disc {
    border: none;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    transition: all .2s ease;
    line-height: 100%;
    border-radius: 20rem;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    border: .2rem solid transparent;
    padding-top: .9rem;
    padding-right: 2.3rem;
    padding-bottom: .9rem;
    padding-left: 2.3rem;
    background-color: #fff;
    padding: 0;
    width: 3.5rem;
    height: 3.5rem
}

.tns-wrapper .tns-controls .btn-as-disc:focus,
.tns-wrapper .tns-controls .btn-as-disc:hover {
    background-color: #fff;
    border-color: currentColor
}

.tns-wrapper .tns-controls .btn-as-disc.is-active {
    background-color: #fff;
    border-color: currentColor
}

.tns-wrapper .tns-controls .btn-as-disc svg {
    margin: auto
}

.tns-wrapper .tns-controls button.auto {
    text-indent: -999999px
}

.tns-wrapper .tns-controls button.auto~.svg-use--wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.tns-wrapper .tns-controls button.auto~.svg-use--wrapper.svg-use--wrapper--play svg {
    position: relative;
    left: .2rem
}

.tns-wrapper .tns-controls button.auto:not([data-action=start])~.svg-use--wrapper--play {
    display: none
}

.tns-wrapper .tns-controls button.auto:not([data-action=stop])~.svg-use--wrapper--pause {
    display: none
}

.entity--view-mode-card-big .card-big-inner {
    display: flex;
    position: relative
}

.entity--view-mode-card-big .card-big-inner .textual {
    bottom: 0;
    width: 100%;
    z-index: 2;
    color: #fff;
    margin-top: auto
}

.entity--view-mode-card-big .card-big-inner .textual .heading {
    margin-bottom: 0;
    color: #fff
}

.entity--view-mode-card-big .card-big-inner .textual .meta {
    margin-bottom: 1.25em
}

.entity--view-mode-card-big .card-big-inner .visual {
    position: relative;
    width: 100%;
    margin-left: -100%
}

.entity--view-mode-card-big .card-big-inner .visual:before {
    width: 100%;
    height: 100%;
    opacity: .6;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 45%, #000 65%);
    content: "";
    position: absolute;
    z-index: 1
}

.entity--view-mode-card-big .card-big-inner .visual .media {
    height: 100%
}

.entity--view-mode-card-big .card-big-inner .visual img {
    width: 100%
}

.entity--view-mode-card {
    height: 100%
}

.entity--view-mode-card a {
    text-decoration: none
}

.entity--view-mode-card a:focus,
.entity--view-mode-card a:hover {
    text-decoration: underline
}

.entity--view-mode-card a.is-active {
    text-decoration: underline
}

.entity--view-mode-card .card-inner {
    height: 100%;
    display: flex;
    flex-direction: column-reverse
}

.entity--view-mode-card .card-inner .textual {
    height: 100%
}

.entity--view-mode-card .card-inner .textual h3.heading {
    margin-bottom: 1rem
}

.entity--view-mode-card .card-inner .textual .meta {
    margin-bottom: 1rem
}

.entity--view-mode-card .card-inner .textual .meta a {
    text-decoration: none;
    color: #082235
}

.entity--view-mode-card .card-inner .textual .meta a:focus,
.entity--view-mode-card .card-inner .textual .meta a:hover {
    text-decoration: underline
}

.entity--view-mode-card .card-inner .textual .meta a.is-active {
    text-decoration: underline
}

.entity--view-mode-card .card-inner .textual .additional-info {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1rem
}

.entity--view-mode-card .card-inner .textual .additional-info>* {
    margin: 0 1rem
}

.entity--view-mode-card .card-inner .bg-wave {
    height: 1rem;
    margin-top: -1rem
}

.entity--view-mode-card .card-inner .visual img {
    width: 100%
}

.entity--view-mode-hero {
    display: flex;
    flex-wrap: wrap;
    height: 100%
}

.entity--view-mode-hero .textual {
    position: relative;
    z-index: 2;
    width: 100%;
    color: #fff;
    padding-bottom: 5rem
}

.entity--view-mode-hero .textual .textual__inner>*+* {
    margin-top: 1.5rem
}

.entity--view-mode-hero .textual h2.title {
    margin-bottom: 0;
    color: #fff;
    line-height: 1.25
}

.entity--view-mode-hero .textual .dossiers .list--row--3-items,
.entity--view-mode-hero .textual .dossiers .news-events--events ol.more-of,
.entity--view-mode-hero .textual .dossiers .news-events--events ul.more-of,
.entity--view-mode-hero .textual .dossiers .paragraph--type--logo-list ul.inner,
.entity--view-mode-hero .textual .dossiers .paragraph--type--logo-media-list ul.inner,
.entity--view-mode-hero .textual .dossiers .view-vacancies-block ol.content-list,
.news-events--events .entity--view-mode-hero .textual .dossiers ol.more-of,
.news-events--events .entity--view-mode-hero .textual .dossiers ul.more-of,
.paragraph--type--logo-list .entity--view-mode-hero .textual .dossiers ul.inner,
.paragraph--type--logo-media-list .entity--view-mode-hero .textual .dossiers ul.inner,
.view-vacancies-block .entity--view-mode-hero .textual .dossiers ol.content-list {
    display: block;
    margin: 0
}

.entity--view-mode-hero .textual .dossiers .list--row--3-items li,
.entity--view-mode-hero .textual .dossiers .news-events--events ol.more-of li,
.entity--view-mode-hero .textual .dossiers .news-events--events ul.more-of li,
.entity--view-mode-hero .textual .dossiers .paragraph--type--logo-list ul.inner li,
.entity--view-mode-hero .textual .dossiers .paragraph--type--logo-media-list ul.inner li,
.entity--view-mode-hero .textual .dossiers .view-vacancies-block ol.content-list li,
.news-events--events .entity--view-mode-hero .textual .dossiers ol.more-of li,
.news-events--events .entity--view-mode-hero .textual .dossiers ul.more-of li,
.paragraph--type--logo-list .entity--view-mode-hero .textual .dossiers ul.inner li,
.paragraph--type--logo-media-list .entity--view-mode-hero .textual .dossiers ul.inner li,
.view-vacancies-block .entity--view-mode-hero .textual .dossiers ol.content-list li {
    display: inline-block;
    width: auto;
    padding: 0 .5rem .5rem .5rem;
    background-color: transparent;
    margin: 0 1rem 0 0;
    border: 0;
    color: #fff
}

.entity--view-mode-hero .textual .dossiers .list--row--3-items li:not(:only-child):not(:last-child):after,
.entity--view-mode-hero .textual .dossiers .news-events--events ol.more-of li:not(:only-child):not(:last-child):after,
.entity--view-mode-hero .textual .dossiers .news-events--events ul.more-of li:not(:only-child):not(:last-child):after,
.entity--view-mode-hero .textual .dossiers .paragraph--type--logo-list ul.inner li:not(:only-child):not(:last-child):after,
.entity--view-mode-hero .textual .dossiers .paragraph--type--logo-media-list ul.inner li:not(:only-child):not(:last-child):after,
.entity--view-mode-hero .textual .dossiers .view-vacancies-block ol.content-list li:not(:only-child):not(:last-child):after,
.news-events--events .entity--view-mode-hero .textual .dossiers ol.more-of li:not(:only-child):not(:last-child):after,
.news-events--events .entity--view-mode-hero .textual .dossiers ul.more-of li:not(:only-child):not(:last-child):after,
.paragraph--type--logo-list .entity--view-mode-hero .textual .dossiers ul.inner li:not(:only-child):not(:last-child):after,
.paragraph--type--logo-media-list .entity--view-mode-hero .textual .dossiers ul.inner li:not(:only-child):not(:last-child):after,
.view-vacancies-block .entity--view-mode-hero .textual .dossiers ol.content-list li:not(:only-child):not(:last-child):after {
    position: static;
    margin-left: 1rem;
    display: inline-block;
    content: "\2022"
}

.entity--view-mode-hero .textual .dossiers .list--row--3-items li a,
.entity--view-mode-hero .textual .dossiers .news-events--events ol.more-of li a,
.entity--view-mode-hero .textual .dossiers .news-events--events ul.more-of li a,
.entity--view-mode-hero .textual .dossiers .paragraph--type--logo-list ul.inner li a,
.entity--view-mode-hero .textual .dossiers .paragraph--type--logo-media-list ul.inner li a,
.entity--view-mode-hero .textual .dossiers .view-vacancies-block ol.content-list li a,
.news-events--events .entity--view-mode-hero .textual .dossiers ol.more-of li a,
.news-events--events .entity--view-mode-hero .textual .dossiers ul.more-of li a,
.paragraph--type--logo-list .entity--view-mode-hero .textual .dossiers ul.inner li a,
.paragraph--type--logo-media-list .entity--view-mode-hero .textual .dossiers ul.inner li a,
.view-vacancies-block .entity--view-mode-hero .textual .dossiers ol.content-list li a {
    text-decoration: none
}

.entity--view-mode-hero .textual .dossiers .list--row--3-items li a:focus,
.entity--view-mode-hero .textual .dossiers .list--row--3-items li a:hover,
.entity--view-mode-hero .textual .dossiers .news-events--events ol.more-of li a:focus,
.entity--view-mode-hero .textual .dossiers .news-events--events ol.more-of li a:hover,
.entity--view-mode-hero .textual .dossiers .news-events--events ul.more-of li a:focus,
.entity--view-mode-hero .textual .dossiers .news-events--events ul.more-of li a:hover,
.entity--view-mode-hero .textual .dossiers .paragraph--type--logo-list ul.inner li a:focus,
.entity--view-mode-hero .textual .dossiers .paragraph--type--logo-list ul.inner li a:hover,
.entity--view-mode-hero .textual .dossiers .paragraph--type--logo-media-list ul.inner li a:focus,
.entity--view-mode-hero .textual .dossiers .paragraph--type--logo-media-list ul.inner li a:hover,
.entity--view-mode-hero .textual .dossiers .view-vacancies-block ol.content-list li a:focus,
.entity--view-mode-hero .textual .dossiers .view-vacancies-block ol.content-list li a:hover,
.news-events--events .entity--view-mode-hero .textual .dossiers ol.more-of li a:focus,
.news-events--events .entity--view-mode-hero .textual .dossiers ol.more-of li a:hover,
.news-events--events .entity--view-mode-hero .textual .dossiers ul.more-of li a:focus,
.news-events--events .entity--view-mode-hero .textual .dossiers ul.more-of li a:hover,
.paragraph--type--logo-list .entity--view-mode-hero .textual .dossiers ul.inner li a:focus,
.paragraph--type--logo-list .entity--view-mode-hero .textual .dossiers ul.inner li a:hover,
.paragraph--type--logo-media-list .entity--view-mode-hero .textual .dossiers ul.inner li a:focus,
.paragraph--type--logo-media-list .entity--view-mode-hero .textual .dossiers ul.inner li a:hover,
.view-vacancies-block .entity--view-mode-hero .textual .dossiers ol.content-list li a:focus,
.view-vacancies-block .entity--view-mode-hero .textual .dossiers ol.content-list li a:hover {
    text-decoration: underline
}

.entity--view-mode-hero .textual .dossiers .list--row--3-items li a.is-active,
.entity--view-mode-hero .textual .dossiers .news-events--events ol.more-of li a.is-active,
.entity--view-mode-hero .textual .dossiers .news-events--events ul.more-of li a.is-active,
.entity--view-mode-hero .textual .dossiers .paragraph--type--logo-list ul.inner li a.is-active,
.entity--view-mode-hero .textual .dossiers .paragraph--type--logo-media-list ul.inner li a.is-active,
.entity--view-mode-hero .textual .dossiers .view-vacancies-block ol.content-list li a.is-active,
.news-events--events .entity--view-mode-hero .textual .dossiers ol.more-of li a.is-active,
.news-events--events .entity--view-mode-hero .textual .dossiers ul.more-of li a.is-active,
.paragraph--type--logo-list .entity--view-mode-hero .textual .dossiers ul.inner li a.is-active,
.paragraph--type--logo-media-list .entity--view-mode-hero .textual .dossiers ul.inner li a.is-active,
.view-vacancies-block .entity--view-mode-hero .textual .dossiers ol.content-list li a.is-active {
    text-decoration: underline
}

.entity--view-mode-hero .textual .actions a:focus,
.entity--view-mode-hero .textual .actions a:hover {
    background-color: #082235
}

.entity--view-mode-hero .textual .actions a:focus *,
.entity--view-mode-hero .textual .actions a:hover * {
    color: #fff
}

.entity--view-mode-hero .textual .actions .icon {
    color: #007663
}

.entity--view-mode-hero .visual {
    position: relative;
    width: 100%;
    margin-left: -100%
}

.entity--view-mode-hero .visual:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 1
}

.entity--view-mode-hero .visual .media {
    display: flex;
    height: 100%
}

.entity--view-mode-hero .visual .media.contextual {
    position: static
}

.entity--view-mode-hero .visual .media picture {
    width: 100%
}

.entity--view-mode-hero .visual .media picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.entity--view-mode-list-compact .heading {
    color: #007663;
    font-family: "Open Sans", serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: 600;
    margin-bottom: 0
}

.entity--view-mode-list-compact .heading a {
    text-align: left
}

.entity--view-mode-list-compact .meta {
    margin-bottom: .25em
}

.entity--view-mode-list-minified .heading {
    color: #007663;
    font-family: "Open Sans", serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: 600;
    margin-bottom: 0
}

.entity--view-mode-list-minified .year {
    font-weight: 400
}

.entity--view-mode-list-tile .textual-wrapper {
    width: 100%;
    margin-top: -1rem;
    z-index: 2
}

.entity--view-mode-list-tile .textual-wrapper .bg-wave {
    height: 2rem
}

.entity--view-mode-list-tile .textual-wrapper .meta {
    margin-bottom: .8rem
}

.entity--view-mode-list-tile .textual-wrapper .meta span.icon {
    display: none
}

.entity--view-mode-list-tile .textual-wrapper .divider {
    width: 100%;
    margin: 1.5rem 0 2.5rem 0
}

.entity--view-mode-list-tile .list-inner>.visual {
    flex-shrink: 0;
    width: 100%
}

.entity--view-mode-list-tile .list-inner>.visual img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.entity--view-mode-list-tile ul.items--field-authors>li:nth-child(n+2) {
    display: none
}

.entity--view-mode-list-with-visual-left {
    display: flex
}

.entity--view-mode-list-with-visual-left .textual .meta {
    margin-bottom: .8rem
}

.entity--view-mode-list-with-visual-left .textual .heading {
    color: #007663
}

.entity--view-mode-list-with-visual-left .textual .heading a {
    transition: all .2s ease;
    color: currentColor;
    text-decoration: none
}

.entity--view-mode-list-with-visual-left .textual .heading a:focus,
.entity--view-mode-list-with-visual-left .textual .heading a:hover {
    color: currentColor
}

.entity--view-mode-list-with-visual-left .textual .heading a.is-active {
    color: currentColor
}

.entity--view-mode-list-with-visual-left .textual .heading a.is-active:focus,
.entity--view-mode-list-with-visual-left .textual .heading a.is-active:hover {
    color: currentColor
}

.entity--view-mode-list-with-visual-left .textual .heading a:focus,
.entity--view-mode-list-with-visual-left .textual .heading a:hover {
    text-decoration: underline
}

.entity--view-mode-list-with-visual-left .textual .heading a.is-active {
    text-decoration: underline
}

.entity--view-mode-list-with-visual-left .visual {
    order: -1;
    flex-shrink: 0
}

.entity--view-mode-list-with-visual-left .visual img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.entity--view-mode-map {
    font-family: "Open Sans", serif
}

.entity--view-mode-map>* {
    width: 100%
}

.entity--view-mode-map .textual {
    padding: 2rem
}

.entity--view-mode-map .textual>:not(:last-child) {
    margin-bottom: .75rem
}

.entity--view-mode-map .textual>:not(:last-child).address {
    margin-bottom: 1.2rem
}

.entity--view-mode-map .textual h3 a {
    transition: all .2s ease;
    color: #007663
}

.entity--view-mode-map .textual h3 a:focus,
.entity--view-mode-map .textual h3 a:hover {
    color: #007663
}

.entity--view-mode-map .textual h3 a.is-active {
    color: #007663
}

.entity--view-mode-map .textual h3 a.is-active:focus,
.entity--view-mode-map .textual h3 a.is-active:hover {
    color: #007663
}

.entity--view-mode-map .textual .institute {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .6px;
    font-size: 11px
}

.entity--view-mode-map .textual .institute>*+* {
    margin-left: .5rem
}

.entity--view-mode-map .textual .address {
    line-height: 1.2
}

.entity--view-mode-map .textual .items--field-landscape-type {
    display: inline-flex;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .6px;
    font-size: 11px
}

.entity--view-mode-map .textual .items--field-landscape-type .item--field-landscape-type+li {
    display: flex;
    align-items: center;
    padding-left: .5rem
}

.entity--view-mode-map .textual .items--field-landscape-type .item--field-landscape-type+li:before {
    content: '';
    display: block;
    height: .5rem;
    width: .5rem;
    background-color: currentColor;
    border-radius: 50%
}

.entity--view-mode-map .textual .items--field-landscape-type .item--field-landscape-type+li .text {
    padding-left: 1rem
}

.entity--view-mode-map .visual img {
    width: 100%;
    border-top-left-radius: .6rem;
    border-top-right-radius: .6rem
}

.entity--view-mode-facility-search-result,
.entity--view-mode-population-search-result,
.entity--view-mode-search-result {
    display: flex
}

.entity--view-mode-facility-search-result .textual,
.entity--view-mode-population-search-result .textual,
.entity--view-mode-search-result .textual {
    flex-grow: 1
}

.entity--view-mode-facility-search-result .textual .meta,
.entity--view-mode-population-search-result .textual .meta,
.entity--view-mode-search-result .textual .meta {
    margin-bottom: .8rem
}

.entity--view-mode-facility-search-result .textual .heading,
.entity--view-mode-population-search-result .textual .heading,
.entity--view-mode-search-result .textual .heading {
    color: var(--palette-links-and-box-background, #007663)
}

.entity--view-mode-facility-search-result .textual .heading a,
.entity--view-mode-population-search-result .textual .heading a,
.entity--view-mode-search-result .textual .heading a {
    transition: all .2s ease;
    color: currentColor;
    text-decoration: none
}

.entity--view-mode-facility-search-result .textual .heading a:focus,
.entity--view-mode-facility-search-result .textual .heading a:hover,
.entity--view-mode-population-search-result .textual .heading a:focus,
.entity--view-mode-population-search-result .textual .heading a:hover,
.entity--view-mode-search-result .textual .heading a:focus,
.entity--view-mode-search-result .textual .heading a:hover {
    color: currentColor
}

.entity--view-mode-facility-search-result .textual .heading a.is-active,
.entity--view-mode-population-search-result .textual .heading a.is-active,
.entity--view-mode-search-result .textual .heading a.is-active {
    color: currentColor
}

.entity--view-mode-facility-search-result .textual .heading a.is-active:focus,
.entity--view-mode-facility-search-result .textual .heading a.is-active:hover,
.entity--view-mode-population-search-result .textual .heading a.is-active:focus,
.entity--view-mode-population-search-result .textual .heading a.is-active:hover,
.entity--view-mode-search-result .textual .heading a.is-active:focus,
.entity--view-mode-search-result .textual .heading a.is-active:hover {
    color: currentColor
}

.entity--view-mode-facility-search-result .textual .heading a:focus,
.entity--view-mode-facility-search-result .textual .heading a:hover,
.entity--view-mode-population-search-result .textual .heading a:focus,
.entity--view-mode-population-search-result .textual .heading a:hover,
.entity--view-mode-search-result .textual .heading a:focus,
.entity--view-mode-search-result .textual .heading a:hover {
    text-decoration: underline
}

.entity--view-mode-facility-search-result .textual .heading a.is-active,
.entity--view-mode-population-search-result .textual .heading a.is-active,
.entity--view-mode-search-result .textual .heading a.is-active {
    text-decoration: underline
}

.entity--view-mode-facility-search-result .textual address,
.entity--view-mode-population-search-result .textual address,
.entity--view-mode-search-result .textual address {
    margin-top: 1rem
}

.entity--view-mode-facility-search-result .textual address>*,
.entity--view-mode-population-search-result .textual address>*,
.entity--view-mode-search-result .textual address>* {
    margin-right: 1em
}

.entity--view-mode-facility-search-result .visual,
.entity--view-mode-population-search-result .visual,
.entity--view-mode-search-result .visual {
    flex-shrink: 0
}

.entity--view-mode-facility-search-result .visual img,
.entity--view-mode-population-search-result .visual img,
.entity--view-mode-search-result .visual img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.tab-section .entity--view-mode-facility-search-result.group--search-result,
.tab-section .entity--view-mode-population-search-result.group--search-result,
.tab-section .entity--view-mode-search-result.group--search-result {
    box-shadow: 0 0 22px 0 rgba(0, 0, 0, .12)
}

.tab-section .entity--view-mode-facility-search-result.group--search-result .textual,
.tab-section .entity--view-mode-population-search-result.group--search-result .textual,
.tab-section .entity--view-mode-search-result.group--search-result .textual {
    padding: 2rem
}

.entity--view-mode-tile:not(.profile--view-mode-tile) {
    display: flex
}

.entity--view-mode-tile:not(.profile--view-mode-tile) * {
    color: #fff
}

.entity--view-mode-tile:not(.profile--view-mode-tile).full-click:focus>.visual:after,
.entity--view-mode-tile:not(.profile--view-mode-tile).full-click:hover>.visual:after {
    background-color: #000
}

.entity--view-mode-tile:not(.profile--view-mode-tile).full-click:focus>.visual .read-more,
.entity--view-mode-tile:not(.profile--view-mode-tile).full-click:hover>.visual .read-more {
    transform: translateY(0);
    transition-duration: .4s
}

.entity--view-mode-tile:not(.profile--view-mode-tile).full-click:focus>.textual .tags,
.entity--view-mode-tile:not(.profile--view-mode-tile).full-click:hover>.textual .tags {
    max-height: 20rem;
    margin-top: 2rem
}

.entity--view-mode-tile:not(.profile--view-mode-tile)>.visual {
    width: 100%
}

.entity--view-mode-tile:not(.profile--view-mode-tile)>.textual {
    width: 100%;
    margin-right: -100%;
    z-index: 1
}

.entity--view-mode-tile:not(.profile--view-mode-tile)>.textual {
    text-align: center;
    align-self: flex-end
}

.entity--view-mode-tile:not(.profile--view-mode-tile)>.textual .theme-icon {
    margin-bottom: 1rem
}

.entity--view-mode-tile:not(.profile--view-mode-tile)>.textual .theme-icon svg {
    width: 10rem;
    height: auto
}

.entity--view-mode-tile:not(.profile--view-mode-tile)>.textual .tags {
    max-height: 0;
    overflow: hidden;
    transition: max-height .6s ease, margin .2s ease
}

.entity--view-mode-tile:not(.profile--view-mode-tile)>.textual .tags>* {
    margin: .5rem 0
}

.entity--view-mode-tile:not(.profile--view-mode-tile)>.visual {
    padding-bottom: 122.5%;
    border-radius: .8rem;
    overflow: hidden;
    position: relative
}

.entity--view-mode-tile:not(.profile--view-mode-tile)>.visual:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .5;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 41%, #000 70%);
    background-color: transparent;
    transition: background .2s ease;
    z-index: -1
}

.entity--view-mode-tile:not(.profile--view-mode-tile)>.visual img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: -2
}

.entity--view-mode-tile:not(.profile--view-mode-tile)>.visual .read-more {
    background-color: #007663;
    width: 8rem;
    height: 6rem;
    border-radius: 100% 0 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateY(100%);
    transition: transform .2s ease
}

.entity--view-mode-tile:not(.profile--view-mode-tile)>.visual .read-more .icon {
    position: absolute;
    left: 50%;
    top: 50%
}

.entity--view-mode-tile:not(.profile--view-mode-tile)>.visual .media.contextual-region {
    position: static
}

.page--search-result--bg-light-blue .view {
    position: relative
}

.page--search-result--bg-light-blue .view .view--inner {
    position: relative
}

.page--search-result--bg-light-blue .view>.bg-wave {
    color: #eff3f4
}

.page--search-result--bg-light-blue .view .view-header .view-header__top {
    padding-bottom: 3rem
}

.page--search-result--bg-light-blue .view .view-header .view-header__bottom {
    display: flex
}

.page--search-result--bg-light-blue .view .view-header .view-header__bottom .result-summary em,
.page--search-result--bg-light-blue .view .view-header .view-header__bottom .result-summary strong {
    color: #004b85
}

.page--search-result--bg-light-blue .view .view-content {
    position: relative
}

.page--search-result--bg-light-blue .view .view-content .bg-wave {
    height: 3rem;
    color: #fff
}

.page--search-result--bg-light-blue .view .view-content .view-content__indent {
    padding: 5rem 0
}

.page--search-result .view .view--inner {
    position: relative
}

.page--search-result .view .view--inner .bg-wave {
    color: #fff
}

.page--search-result .view .view--inner .bg-wave+.view-content--outer {
    position: relative
}

.page--search-result .view .view--inner .view-content--outer .view-intro>* {
    padding-bottom: 2rem
}

.page--search-result .view .view--inner .view-content--outer .view-intro>.view-filters {
    padding-bottom: 3rem
}

.page--search-result .view .view--inner .view-content--outer .view-intro>*+* {
    margin-top: 2rem
}

.page--search-result .view .view--inner .view-content--outer .view-intro .view-header p[role=status] {
    margin-top: 3rem;
    padding: 1.5rem 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    border-top: .1rem solid var(--palette-border, #e2dfdc);
    border-bottom: .1rem solid var(--palette-border, #e2dfdc)
}

.page--search-result .view .view--inner .view-content--outer .view-intro .view-header p[role=status] em {
    font-weight: 700;
    color: #004b85;
    font-style: normal
}

.page--search-result .view .view--inner .view-content--outer .view-filters .form--inline .form-item :not(:label) {
    line-height: 1
}

.page--search-result .view {
    position: relative;
    z-index: 1
}

.page--search-result.path-news .view {
    position: relative;
    z-index: 1
}

.page--search-result.path-pressreleases .view {
    position: relative;
    z-index: 1
}

.path-themes .block-bundle-list-page-header .content--header .textual {
    padding-bottom: 7rem
}

.path-themes .view-display-id-page_themes {
    margin-top: -7rem;
    z-index: 1
}

.view-vacancies-block .node--type-vacancy {
    height: 100%
}

.visual--rounded {
    flex: 0 0 auto
}

.visual--rounded img {
    border-radius: 50%
}

.visual--rounded--large img {
    width: 22.5rem;
    height: 22.5rem
}

.visual--rounded--small img {
    width: 3.8rem;
    height: 3.8rem
}

.webform-progress__status {
    text-align: left
}

.webform-progress .webform-progress-tracker .progress-step {
    --text: #082235;
    --text--hover: #fff;
    --bg: #fff;
    --bg--hover: #082235;
    --border: #082235
}

.webform-progress .webform-progress-tracker .progress-step.is-active {
    --bg: #007663;
    --text: #fff;
    --text--hover: #007663
}

.has-color-palette .webform-progress .webform-progress-tracker .progress-step.is-active {
    --bg: var(--palette-button);
    --text: var(--palette-text);
    --text--hover: var(--palette-text)
}

.webform-progress .webform-progress-tracker .progress-step {
    z-index: 2
}

.webform-progress .webform-progress-tracker .progress-step [role=link] {
    text-decoration: underline;
    color: currentColor
}

.webform-progress .webform-progress-tracker .progress-step .progress-marker {
    color: currentColor
}

.webform-progress .webform-progress-tracker .progress-step .progress-marker:before {
    width: 3.5rem;
    height: 3.5rem;
    background-color: var(--bg);
    border: .2rem solid var(--border);
    font-weight: 700
}

.webform-progress .webform-progress-tracker .progress-step .progress-marker:after {
    top: 1.5rem;
    height: .2rem;
    background-color: var(--border)
}

.webform-progress .webform-progress-tracker .progress-step .progress-marker .svg-use--wrapper {
    display: none;
    position: absolute;
    top: 1.1rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20
}

.webform-progress .webform-progress-tracker .progress-step .progress-marker[role=link]:hover {
    color: var(--text--hover)
}

.webform-progress .webform-progress-tracker .progress-step .progress-marker[role=link]:hover:before {
    background-color: var(--bg--hover)
}

.webform-progress .webform-progress-tracker .progress-step .progress-text {
    color: currentColor
}

.webform-progress .webform-progress-tracker .progress-step.is-active {
    font-weight: 700;
    color: var(--text)
}

.webform-progress .webform-progress-tracker .progress-step.is-active .progress-text {
    color: var(--text--hover)
}

.webform-progress .webform-progress-tracker .progress-step.is-active .progress-marker:before {
    background-color: var(--bg);
    border-color: var(--bg)
}

.webform-progress .webform-progress-tracker .progress-step.is-active:last-child:hover .progress-marker[role=link],
.webform-progress .webform-progress-tracker .progress-step.is-complete:hover .progress-marker[role=link] {
    color: var(--text--hover)
}

.webform-progress .webform-progress-tracker .progress-step.is-active:last-child:hover .progress-marker[role=link]:before,
.webform-progress .webform-progress-tracker .progress-step.is-complete:hover .progress-marker[role=link]:before {
    background-color: var(--bg--hover)
}

.webform-progress .webform-progress-tracker .progress-step.is-active:last-child .progress-marker:before,
.webform-progress .webform-progress-tracker .progress-step.is-complete .progress-marker:before {
    content: ''
}

.webform-progress .webform-progress-tracker .progress-step.is-active:last-child .svg-use--wrapper,
.webform-progress .webform-progress-tracker .progress-step.is-complete .svg-use--wrapper {
    display: inline-block
}

@media (min-width:0em) and (max-width:47.9375em) {
    .text--xlarge {
        font-size: 18px;
        font-size: 1.8rem
    }
    .page,
    .profile--view-mode-full .tab-section--content .field__label,
    .text--large {
        font-size: 16px;
        font-size: 1.6rem
    }
    .h1,
    h1 {
        font-size: 32px;
        font-size: 3.2rem
    }
    .h2,
    h2 {
        font-size: 24px;
        font-size: 2.4rem
    }
    .h2--larger {
        font-size: 24px;
        font-size: 2.4rem
    }
    .cc-banner .cc-user-settings form legend,
    .cc-window .cc-user-settings form legend,
    .h3,
    h3 {
        font-size: 20px;
        font-size: 2rem
    }
    .h4,
    h4 {
        font-size: 18px;
        font-size: 1.8rem
    }
    blockquote p {
        font-size: 18px;
        font-size: 1.8rem
    }
    blockquote:before {
        font-size: 33px;
        font-size: 3.3rem
    }
    blockquote:after {
        font-size: 33px;
        font-size: 3.3rem
    }
    .list--row--2-items {
        margin: -1rem
    }
    .list--row--2-items>* {
        width: 100%;
        padding: 1rem
    }
    .latest-blogs .limit-2-col+ol.more-of li,
    .latest-blogs .limit-2-col+ul.more-of li {
        margin-top: 3rem
    }
    .highlighted .bg-wave.at-start {
        display: none
    }
    .content--main--with-bg--large .bottom-cta .contact-expert {
        padding-top: 0
    }
    .page-node-type-facility .content--bottom>* {
        margin-top: 0
    }
    .content--header--with-bg--gradient--dark-blue--green--vertical.large-visual>.content--header {
        background: 0 0
    }
    .content--header--with-bg--gradient--dark-blue--green--vertical.large-visual>.content--header .textual {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        padding-left: calc(50vw - 50%);
        padding-right: calc(50vw - 50%);
        background: linear-gradient(0deg, rgba(0, 75, 133, .9) 20%, rgba(35, 195, 169, .7) 100%)
    }
    .content--header--with-bg--gradient--dark-blue--light-blue.large-visual>.content--header {
        background: 0 0
    }
    .content--header--with-bg--gradient--dark-blue--light-blue.large-visual>.content--header .textual {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        padding-left: calc(50vw - 50%);
        padding-right: calc(50vw - 50%);
        background: linear-gradient(35deg, rgba(0, 75, 133, .9) 58%, rgba(25, 155, 185, .7) 110%)
    }
    .content--header--with-bg.has-visual.avatar-visual .content--header-inner {
        flex-direction: column
    }
    .content--header--with-bg.has-visual.avatar-visual .content--header-inner .visual {
        -ms-grid-row-align: center;
        align-self: center
    }
    .content--header--with-bg.has-visual.avatar-visual .content--header-inner .visual img {
        max-width: 20rem
    }
    .content--header--with-bg.has-visual.large-visual .bullet--down {
        display: none
    }
    .content--header--with-bg.has-visual.large-visual .content--header-inner {
        flex-direction: column
    }
    .content--header--with-bg.has-visual.large-visual .content--header-inner .visual {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        position: relative
    }
    .content--header--with-bg.has-visual.tile-visual .content--header-inner {
        flex-direction: column
    }
    .page-node-type-landing-page .content--header--with-bg.has-visual.tile-visual .content--header-inner .visual {
        width: 100%
    }
    .content--header--with-bg.has-visual.tile-visual .content--header-inner .visual {
        -ms-grid-row-align: center;
        align-self: center
    }
    .content--header--with-bg.has-visual.tile-visual .content--header-inner .visual .theme-icon svg {
        width: 8rem
    }
    .content--header--with-bg--visual-wide>.content--header .textual .textual--inner {
        min-height: 25vh
    }
    .content--header--with-bg--visual-wide>.content--header .textual .slogan {
        font-size: 18px;
        font-size: 1.8rem
    }
    .content--header--with-bg--visual-wide>.content--header .textual .theme-icon {
        right: 0
    }
    .content--header--with-bg--visual-wide>.content--header .visual img {
        position: absolute
    }
    .content--header--with-bg>.content--header .bullet--down .stripe {
        height: 2rem
    }
    .cc-banner .cc-layout>.inner,
    .cc-banner .cc-message-wrapper>.inner,
    .cc-window .cc-layout>.inner,
    .cc-window .cc-message-wrapper>.inner {
        padding-right: 3rem
    }
    .facets button {
        width: 100%
    }
    .facets .facet {
        width: 100%;
        margin: 1rem 0
    }
    .wavy-box--with-bird .wavy-box--inner .visual {
        width: 10rem
    }
    .region-footer-bottom .footer-meta .knaw .icon {
        margin-bottom: 1rem
    }
    .page-footer .footer-content {
        flex-direction: column
    }
    .page-footer .footer-content>*+* {
        margin-top: 1.5rem
    }
    .page-footer .menu--footer ul.menu {
        display: flex;
        flex-wrap: wrap
    }
    .page-footer .menu--footer ul.menu li {
        width: 50%
    }
    .region-header nav.menu--main>ul>li>.menu_link_content .layout>.visual {
        display: none
    }
    .region-header nav.menu--main>ul>li>.menu_link_content .layout>.textual>*+* {
        margin-top: 2rem
    }
    .statistics-wrapper {
        padding: 3rem
    }
    .statistics-wrapper ul.statistics {
        flex-wrap: wrap;
        justify-content: center
    }
    .statistics-wrapper ul.statistics>* {
        width: 50%
    }
    .statistics-wrapper ul.statistics>:nth-child(even) {
        border-left: .1rem solid rgba(0, 0, 0, .1)
    }
    .statistics-wrapper ul.statistics>:nth-child(1),
    .statistics-wrapper ul.statistics>:nth-child(2) {
        border-bottom: .1rem solid rgba(0, 0, 0, .1)
    }
    .statistics-wrapper ul.statistics .statistics-statistic {
        padding: 1rem
    }
    .fast-to .fast-to-inner .fast-to-links {
        margin: 1rem -.5rem
    }
    .paragraph--type--harmonica .paragraph--type--harmonica-item h3 {
        font-size: 16px;
        font-size: 1.6rem
    }
    .cc-banner .paragraph--type--highlighted-text .cc-layout,
    .cc-banner .paragraph--type--highlighted-text .cc-message-wrapper,
    .cc-window .paragraph--type--highlighted-text .cc-layout,
    .cc-window .paragraph--type--highlighted-text .cc-message-wrapper,
    .paragraph--type--highlighted-text .cc-banner .cc-layout,
    .paragraph--type--highlighted-text .cc-banner .cc-message-wrapper,
    .paragraph--type--highlighted-text .cc-window .cc-layout,
    .paragraph--type--highlighted-text .cc-window .cc-message-wrapper,
    .paragraph--type--highlighted-text .grid-container {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        width: 100vw
    }
    .paragraph--type--highlighted-text .bg-pattern--web:before {
        background: radial-gradient(circle at 50% 50%, rgba(239, 243, 244, 0), #eff3f4 100%)
    }
    .paragraph--type--highlighted-text .bg-pattern--web {
        left: -7.5vw;
        right: -7.5vw;
        width: calc(100vw + (7.5vw * 2))
    }
    .paragraph--type--highlighted-text .textual {
        padding-left: 7.5vw;
        padding-right: 7.5vw
    }
    .paragraph--type--logo-list li.logo h3.heading,
    .paragraph--type--logo-media-list li.logo h3.heading {
        font-size: 14px;
        font-size: 1.4rem
    }
    .paragraph--type--media-snippet .paragraph__inner>.visual {
        display: none
    }
    .paragraph--type--stack-two-text .text--row--2-items {
        margin: -1rem
    }
    .paragraph--type--stack-two-text .text--row--2-items>* {
        width: 100%;
        padding: 1rem
    }
    .paragraph--type--text-image .paragraph-content,
    .paragraph--type--text-image-upload .paragraph-content {
        flex-direction: column
    }
    .paragraph--type--text-image .paragraph-content .textual,
    .paragraph--type--text-image-upload .paragraph-content .textual {
        width: 100%
    }
    .paragraph--type--text-image .paragraph-content .visual,
    .paragraph--type--text-image-upload .paragraph-content .visual {
        width: 100%
    }
    .paragraph--type--text-image-upload.has-toggle:not(.open) .textual-inner:not(:focus-within),
    .paragraph--type--text-image.has-toggle:not(.open) .textual-inner:not(:focus-within) {
        height: 100px
    }
    .paragraph--type--text-image-upload.paragraph--layout--image-first .visual,
    .paragraph--type--text-image.paragraph--layout--image-first .visual {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }
    .paragraph--type--text-image-upload.paragraph--layout--image-first .textual,
    .paragraph--type--text-image.paragraph--layout--image-first .textual {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px
    }
    .paragraph--type--text-image-upload.paragraph--layout--text-first .textual,
    .paragraph--type--text-image.paragraph--layout--text-first .textual {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }
    .paragraph--type--text-image-upload.paragraph--layout--text-first .visual,
    .paragraph--type--text-image.paragraph--layout--text-first .visual {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px
    }
    .profile--view-mode-tile .textual .display-name {
        font-size: 14px;
        font-size: 1.4rem
    }
    .entity--view-mode-hero .textual h2.title {
        font-size: 28px;
        font-size: 2.8rem
    }
    .page--search-result .view .view--inner .view-content--outer .view-filters .form--inline .form-item {
        width: 100%
    }
}

@media (min-width:0) and (max-width:767px) {
    .heading--centered--space-beneath {
        margin-bottom: 2.5rem
    }
    .limit-page-main .page-main .region-content {
        margin-top: 2.5rem
    }
    .limit-page-main .page-main .region-content .block-page-title-block {
        margin-bottom: 2rem
    }
    .maintenance-page .page-main {
        padding-top: 2.5rem
    }
    .latest-blogs .limit-1-col ol.more-of>:nth-child(2)>*,
    .latest-blogs .limit-1-col ul.more-of>:nth-child(2)>*,
    .latest-events ol.more-of>:nth-child(2)>*,
    .latest-events ul.more-of>:nth-child(2)>*,
    .latest-news ol.more-of>:nth-child(2)>*,
    .latest-news ul.more-of>:nth-child(2)>*,
    .news-events--news ol.more-of>:nth-child(2)>*,
    .news-events--news ul.more-of>:nth-child(2)>* {
        padding-top: 2rem
    }
    .latest-blogs .limit-1-col ol.more-of>:not(:first-child)>*,
    .latest-blogs .limit-1-col ul.more-of>:not(:first-child)>*,
    .latest-events ol.more-of>:not(:first-child)>*,
    .latest-events ul.more-of>:not(:first-child)>*,
    .latest-news ol.more-of>:not(:first-child)>*,
    .latest-news ul.more-of>:not(:first-child)>*,
    .news-events--news ol.more-of>:not(:first-child)>*,
    .news-events--news ul.more-of>:not(:first-child)>* {
        margin-left: 2rem
    }
    .latest-blogs .limit-1-col ol.more-of>:not(:first-child)>*,
    .latest-blogs .limit-1-col ul.more-of>:not(:first-child)>*,
    .latest-events ol.more-of>:not(:first-child)>*,
    .latest-events ul.more-of>:not(:first-child)>*,
    .latest-news ol.more-of>:not(:first-child)>*,
    .latest-news ul.more-of>:not(:first-child)>*,
    .news-events--news ol.more-of>:not(:first-child)>*,
    .news-events--news ul.more-of>:not(:first-child)>* {
        margin-right: 2rem
    }
    .latest-blogs .limit-1-col ol.more-of>:not(:first-child)+*>*,
    .latest-blogs .limit-1-col ul.more-of>:not(:first-child)+*>*,
    .latest-events ol.more-of>:not(:first-child)+*>*,
    .latest-events ul.more-of>:not(:first-child)+*>*,
    .latest-news ol.more-of>:not(:first-child)+*>*,
    .latest-news ul.more-of>:not(:first-child)+*>*,
    .news-events--news ol.more-of>:not(:first-child)+*>*,
    .news-events--news ul.more-of>:not(:first-child)+*>* {
        padding-top: 2rem
    }
    .latest-blogs .limit-1-col ol.more-of>:not(:first-child):not(:last-child)>*,
    .latest-blogs .limit-1-col ul.more-of>:not(:first-child):not(:last-child)>*,
    .latest-events ol.more-of>:not(:first-child):not(:last-child)>*,
    .latest-events ul.more-of>:not(:first-child):not(:last-child)>*,
    .latest-news ol.more-of>:not(:first-child):not(:last-child)>*,
    .latest-news ul.more-of>:not(:first-child):not(:last-child)>*,
    .news-events--news ol.more-of>:not(:first-child):not(:last-child)>*,
    .news-events--news ul.more-of>:not(:first-child):not(:last-child)>* {
        padding-bottom: 2rem
    }
    .latest-blogs .limit-1-col ol.more-of>:last-child:not(:first-child)>*,
    .latest-blogs .limit-1-col ul.more-of>:last-child:not(:first-child)>*,
    .latest-events ol.more-of>:last-child:not(:first-child)>*,
    .latest-events ul.more-of>:last-child:not(:first-child)>*,
    .latest-news ol.more-of>:last-child:not(:first-child)>*,
    .latest-news ul.more-of>:last-child:not(:first-child)>*,
    .news-events--news ol.more-of>:last-child:not(:first-child)>*,
    .news-events--news ul.more-of>:last-child:not(:first-child)>* {
        padding-bottom: 2rem
    }
    .news-events--events ol.more-of,
    .news-events--events ul.more-of {
        margin-top: 1.75rem
    }
    .news-events--events ol.more-of .meta,
    .news-events--events ul.more-of .meta {
        margin-left: 1.5rem
    }
    .news-events--events ol.more-of .meta,
    .news-events--events ul.more-of .meta {
        margin-right: 1.5rem
    }
    .news-events--events ol.more-of .node--type-event .card-wrapper .card,
    .news-events--events ul.more-of .node--type-event .card-wrapper .card {
        padding-right: 1.5rem
    }
    .news-events--events ol.more-of .node--type-event .card-wrapper .card,
    .news-events--events ul.more-of .node--type-event .card-wrapper .card {
        padding-left: 1.5rem
    }
    .highlighted {
        margin-bottom: 4rem
    }
    .card {
        padding-top: 1.5rem
    }
    .card {
        padding-right: 2rem
    }
    .card {
        padding-bottom: 1.5rem
    }
    .card {
        padding-left: 2rem
    }
    .links-documents .links-documents--content {
        padding-bottom: 2.5rem
    }
    .content--bottom .links-documents .links-documents--content {
        padding-top: 2.5rem
    }
    .experts--with-scroll .list--with-scroll>* {
        padding: 1.25rem
    }
    .bottom-cta .node-cta {
        padding-top: 1.5rem
    }
    .bottom-cta .node-cta {
        padding-bottom: 1.5rem
    }
    .bottom-cta .node-cta .divider {
        padding-top: 1.5rem
    }
    .bottom-cta .node-cta .divider {
        padding-bottom: 1.25rem
    }
    .content--bottom>* {
        margin-top: 4rem
    }
    .more-info .publications--peer .card,
    .more-info .publications--popular .card {
        padding-top: 1.25rem
    }
    .more-info .publications--peer .card,
    .more-info .publications--popular .card {
        padding-bottom: .75rem
    }
    .more-info+.dossiers>h2 {
        margin-bottom: 1.5rem
    }
    .content--header--basic>.content--header {
        margin-top: 2.5rem
    }
    .content--header--with-bg:not(.content--main--move-up):not(.content--main--move-up--small)>.content--main {
        margin-top: 2.5rem
    }
    .content--header--with-bg.content--main--move-up .content--main--aside {
        margin-top: 2rem
    }
    .content--header--with-bg--gradient--dark-blue--green--vertical.large-visual>.content--header .textual--inner a {
        margin-top: 1.25rem
    }
    .content--header--with-bg.has-visual.avatar-visual .content--header-inner .visual {
        padding-top: 3rem
    }
    .content--header--with-bg--visual-wide>.content--header .textual .textual--inner {
        padding-top: 3rem
    }
    .content--header--with-bg--visual-wide>.content--header .textual .textual--inner {
        padding-bottom: 3rem
    }
    .content--header--with-bg--visual-wide>.content--header .textual .summary {
        margin-top: 1rem
    }
    .content--header--with-bg--visual-wide>.content--header .textual .facility {
        margin-top: 2rem
    }
    .cc-banner .content--header--with-bg--visual-wide>.content--header .textual .cc-btn,
    .cc-window .content--header--with-bg--visual-wide>.content--header .textual .cc-btn,
    .content--header--with-bg--visual-wide>.content--header .textual .btn-yellow--dark-context,
    .content--header--with-bg--visual-wide>.content--header .textual .cc-banner .cc-btn,
    .content--header--with-bg--visual-wide>.content--header .textual .cc-window .cc-btn {
        margin-top: 1rem
    }
    .content--header--with-bg--visual-wide>.content--header .textual .btn-white--dark-context {
        margin-top: 1rem
    }
    .content--header--with-bg>.content--header .textual--inner {
        padding-top: 3rem
    }
    .content--header--with-bg>.content--header .textual--inner {
        padding-bottom: 3rem
    }
    .content--header--with-bg>.content--header .themes {
        margin-top: 1.5rem
    }
    .content--main--aside>*+* {
        margin-top: 2rem
    }
    .content--main--basic>.content--main {
        margin-top: 2rem
    }
    .content--main--bottom {
        padding-top: 2rem
    }
    .content--main--bottom>*+* {
        margin-top: 3rem
    }
    .content--main--intro {
        padding-bottom: 1.5rem
    }
    .content--main--intro .divider {
        padding-top: 1.5rem
    }
    .content--main--main .latest-news-list ul.more-of>* {
        margin-bottom: 1rem
    }
    .content--main--main .latest-news-list ul.more-of>* {
        padding-bottom: 1rem
    }
    .content--main--no-bg .vert-rhythm>*+* {
        padding-top: 5rem
    }
    .content--main--with-bg--white .vert-rhythm>*+* .content--main--bg-color {
        padding-top: 3rem
    }
    .content--main--with-bg--white .vert-rhythm>*+* .content--main--no--bg-color {
        padding-top: 7rem
    }
    .content--main--with-bg--white .vert-rhythm>*+* .content--main--no--bg-color {
        padding-bottom: 2rem
    }
    .content--main--with-bg--white.content--main--bg-color--switch .vert-rhythm>* .content--main--bg-color {
        padding-top: 3rem
    }
    .content--main--with-bg--white.content--main--bg-color--switch .vert-rhythm>* .content--main--no--bg-color {
        padding-top: 7rem
    }
    .content--main--with-bg--white.content--main--bg-color--switch .vert-rhythm>* .content--main--no--bg-color {
        padding-bottom: 2rem
    }
    .cc-banner .cc-message-wrapper .cc-message,
    .cc-window .cc-message-wrapper .cc-message {
        margin-right: 2rem
    }
    div.messages {
        margin-top: 1.5rem
    }
    div.messages {
        margin-bottom: 1.5rem
    }
    ul.tabs {
        margin-top: 1.5rem
    }
    ul.tabs {
        margin-bottom: 1.5rem
    }
    .list--bordered>*+* {
        margin-top: 2rem
    }
    .list--bordered>*+* {
        padding-top: 2rem
    }
    .content--main--main--large .wavy-box--with-bird {
        margin-left: 0
    }
    .content--main--main--large .wavy-box--with-bird {
        margin-right: 0
    }
    .wavy-box--with-bird .wavy-box--inner {
        padding-left: 2.5rem
    }
    .wavy-box--with-bird .wavy-box--inner {
        padding-bottom: 3rem
    }
    .wavy-box--with-bird .wavy-box--inner {
        padding-right: 2.5rem
    }
    .wavy-box--with-bird .wavy-box--inner {
        padding-top: 7rem
    }
    .group--full .content--main--main {
        margin-bottom: 2.5rem
    }
    .group--full .content--main--main .content--main--main--inner {
        padding-top: 2rem
    }
    .group--full.group--subsite .ipn-section+.ipn-section {
        padding-top: 7rem
    }
    .region-footer-top .cta-block .block-inner {
        padding-top: 3rem
    }
    .region-footer-top .cta-block .block-inner {
        padding-bottom: 3rem
    }
    .page-footer {
        margin-top: 4.5rem
    }
    .page-footer .footer-content {
        padding-top: 3rem
    }
    .page-footer .footer-content {
        padding-bottom: 2rem
    }
    .page-header .page-header-inner .region-header-branding {
        margin-right: 1.5rem
    }
    .region-header nav.menu--main>ul>li:not(:last-child) {
        padding-right: 1rem
    }
    .region-header nav.menu--main>ul>li:not(:first-child) {
        padding-left: 1rem
    }
    .region-header nav.menu--main>ul>li>.menu_link_content .layout>.textual {
        padding-top: 3rem
    }
    .region-header nav.menu--main>ul>li>.menu_link_content .layout>.textual {
        padding-bottom: 3.5rem
    }
    html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .page--subsite .page-header .menu li:not(:last-child) {
        padding-right: 1rem
    }
    html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .page--subsite .page-header .menu li:not(:first-child) {
        padding-left: 1rem
    }
    .fast-to .divider {
        margin-top: .5rem
    }
    .paragraph--type--content-tiles {
        margin-top: 2rem
    }
    .paragraph--type--editorial-content-tile .textual .textual--inner {
        padding-top: 2.5rem
    }
    .paragraph--type--editorial-content-tile .textual .textual--inner {
        padding-left: 2rem
    }
    .paragraph--type--editorial-content-tile .textual .textual--inner {
        padding-right: 2rem
    }
    .group--project .paragraph--type--embed iframe,
    .group--research-group .paragraph--type--embed iframe,
    .node--department--full .paragraph--type--embed iframe,
    .node--dossier--full .paragraph--type--embed iframe {
        margin-top: 3rem
    }
    .paragraph--type--embed .embed-explanation {
        margin-bottom: 3rem
    }
    .image-carrousel .list--with-scroll>* {
        padding-left: 1.25rem
    }
    .image-carrousel .list--with-scroll>* {
        padding-right: 1.25rem
    }
    .paragraph--type--media-snippet .paragraph__inner>.textual {
        margin-top: 1.5rem
    }
    .paragraph--type--media-snippet .paragraph__inner>.textual {
        margin-right: 1rem
    }
    .paragraph--type--media-snippet .paragraph__inner>.textual {
        margin-bottom: 1.5rem
    }
    .paragraph--type--media-snippet .paragraph__inner>.textual {
        margin-left: 1.5rem
    }
    .paragraph--type--quote .wavy-box--with-bird .wavy-box--inner {
        padding-left: 5rem
    }
    .paragraph--type--subsite-agenda-block .view,
    .paragraph--type--subsite-latest-news-block .view {
        margin-top: 1.5rem
    }
    .paragraph--type--subsite-agenda-block .view,
    .paragraph--type--subsite-latest-news-block .view {
        padding-top: 1.5rem
    }
    .paragraph--type--subsite-agenda-block .view .list--bordered>*+*,
    .paragraph--type--subsite-latest-news-block .view .list--bordered>*+* {
        margin-top: 1.5rem
    }
    .paragraph--type--subsite-agenda-block .view .list--bordered>*+*,
    .paragraph--type--subsite-latest-news-block .view .list--bordered>*+* {
        padding-top: 1.5rem
    }
    .paragraph--type--subsite-agenda-block .view .actions,
    .paragraph--type--subsite-latest-news-block .view .actions {
        margin-top: 1.5rem
    }
    .paragraph--type--subsite-agenda-block .view .actions,
    .paragraph--type--subsite-latest-news-block .view .actions {
        padding-top: 1.5rem
    }
    .paragraph--type--text-block-image .textual .textual__inner {
        padding: 3.5rem
    }
    .paragraph--type--text-image .paragraph-content .textual,
    .paragraph--type--text-image-upload .paragraph-content .textual {
        padding-top: 2.5rem
    }
    .paragraph--type--text-image .paragraph-content .textual,
    .paragraph--type--text-image-upload .paragraph-content .textual {
        padding-right: 3rem
    }
    .paragraph--type--text-image .paragraph-content .textual,
    .paragraph--type--text-image-upload .paragraph-content .textual {
        padding-bottom: 3.5rem
    }
    .paragraph--type--text-image .paragraph-content .textual,
    .paragraph--type--text-image-upload .paragraph-content .textual {
        padding-left: 2.5rem
    }
    .paragraph--type--text-image .paragraph-content .textual .textual-inner .textual-actions,
    .paragraph--type--text-image-upload .paragraph-content .textual .textual-inner .textual-actions {
        margin-top: 1rem
    }
    .paragraph--type--text-image .paragraph-content .textual .paragraph-actions,
    .paragraph--type--text-image-upload .paragraph-content .textual .paragraph-actions {
        padding-top: 1rem
    }
    .profile--view-mode-full .tab-section--about .pitch .wavy-box--with-bird .wavy-box--inner {
        padding-left: 5rem
    }
    .profile--view-mode-full .tab-section--about .biography .vert-rhythm>*+* {
        margin-top: 3rem
    }
    .profile--view-mode-full .tab-section--content {
        margin-top: 2rem
    }
    .profile--view-mode-full .tab-section--content>*+* {
        margin-top: 2rem
    }
    .entity--view-mode-card-big .card-big-inner .textual {
        padding-right: 2rem
    }
    .entity--view-mode-card-big .card-big-inner .textual {
        padding-bottom: 2.5rem
    }
    .entity--view-mode-card-big .card-big-inner .textual {
        padding-left: 2rem
    }
    .entity--view-mode-hero .textual .textual__inner {
        padding-top: 2.5rem
    }
    .entity--view-mode-hero .textual .textual__inner {
        padding-bottom: 2.5rem
    }
    .entity--view-mode-list-with-visual-left .visual {
        margin-right: 1.5rem
    }
    .entity--view-mode-facility-search-result .visual,
    .entity--view-mode-population-search-result .visual,
    .entity--view-mode-search-result .visual {
        margin-left: 2rem
    }
    .entity--view-mode-tile:not(.profile--view-mode-tile).full-click:focus>.textual .tags,
    .entity--view-mode-tile:not(.profile--view-mode-tile).full-click:hover>.textual .tags {
        margin-bottom: 2rem
    }
    .entity--view-mode-tile:not(.profile--view-mode-tile)>.textual {
        padding: 2rem
    }
    .entity--view-mode-tile:not(.profile--view-mode-tile)>.textual {
        padding-bottom: 0
    }
    .entity--view-mode-tile:not(.profile--view-mode-tile)>.textual .tags {
        margin-top: 2rem
    }
    .entity--view-mode-tile:not(.profile--view-mode-tile)>.textual>:last-child:not(.tags) {
        margin-bottom: 2rem
    }
    .page--search-result--bg-light-blue .view .view-header .view-header__top {
        padding-top: 3rem
    }
    .page--search-result--bg-light-blue .view nav.pager {
        margin-top: 2.5rem
    }
    .page--search-result--bg-light-blue .content--header .textual {
        padding-bottom: 6.5rem
    }
    .page--search-result--bg-light-blue .view {
        margin-top: -6.5rem
    }
    .page--search-result .view .view--inner .view-content--outer {
        padding-top: 5rem
    }
    .page--search-result .view .view--inner .view-content--outer {
        padding-bottom: 4rem
    }
    .page--search-result .view .view--inner .view-content--outer .view-intro {
        margin-bottom: 2.5rem
    }
    .page--search-result .view nav.pager {
        margin-top: 2.5rem
    }
    .page--search-result .content--header .textual {
        padding-bottom: 6.5rem
    }
    .page--search-result .view {
        margin-top: -6.5rem
    }
    .page--search-result.path-news .block-nioo-message-news-notification {
        margin-top: -6.5rem
    }
    .page--search-result.path-news .block-nioo-message-news-notification {
        margin-bottom: 1rem
    }
    .page--search-result.path-news .view {
        margin-top: 0
    }
    .page--search-result.path-pressreleases .block-nioo-message-press-notification {
        margin-top: -6.5rem
    }
    .page--search-result.path-pressreleases .block-nioo-message-press-notification {
        margin-bottom: 1rem
    }
    .page--search-result.path-pressreleases .view {
        margin-top: 0
    }
    .view-vacancies-block {
        margin-top: 1.5rem
    }
    .webform-progress .webform-progress-tracker {
        margin-top: 3rem
    }
    .webform-progress .webform-progress-tracker {
        margin-bottom: 3rem
    }
}

@media (min-width:0em) and (max-width:63.9375em) {
    .content--main--with-bg--large .content--main .content--main--wrapper {
        background-color: #fff
    }
    .content--main--with-bg--large .content--main .content--main--wrapper .content--main--aside--large {
        margin: 3rem 0
    }
    .latest-blogs .limit-1-col ol.more-of>:nth-child(2),
    .latest-blogs .limit-1-col ul.more-of>:nth-child(2),
    .latest-events ol.more-of>:nth-child(2),
    .latest-events ul.more-of>:nth-child(2),
    .latest-news ol.more-of>:nth-child(2),
    .latest-news ul.more-of>:nth-child(2),
    .news-events--news ol.more-of>:nth-child(2),
    .news-events--news ul.more-of>:nth-child(2) {
        margin-top: 1rem
    }
    .highlighted .highlighted-inner {
        flex-direction: column
    }
    .highlighted .highlighted-inner .textual {
        margin-top: -15rem;
        margin-bottom: 3rem
    }
    .highlighted .highlighted-inner .visual {
        order: -1
    }
    .btn--more-toggler.large-only,
    .btn--open-toggler.large-only,
    .btn--show-all-toggler.large-only {
        display: none
    }
    .links-documents .links-documents--content {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        padding-left: calc(50vw - 50%);
        padding-right: calc(50vw - 50%)
    }
    .content--main--aside--large .component--info-block.details--bg-pattern--web {
        display: none
    }
    .component--info-block.expandable {
        background-image: none;
        background-color: transparent;
        padding-top: 0;
        padding-bottom: 0;
        width: 100vw
    }
    .component--info-block.expandable * {
        color: var(--palette-text, #082235)
    }
    .expandable {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        padding-left: calc(50vw - 50%);
        padding-right: calc(50vw - 50%);
        border-bottom: .1rem solid var(--palette-border, #e2dfdc)
    }
    .expandable:first-child {
        border-top: .1rem solid var(--palette-border, #e2dfdc)
    }
    .expandable>* {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        padding-left: calc(50vw - 50%);
        padding-right: calc(50vw - 50%);
        width: 100vw;
        background-color: transparent;
        transition: all .2s ease
    }
    .expandable>.open {
        background-color: #eff3f4
    }
    .expandable .expandable__trigger {
        display: flex;
        align-items: center;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        text-align: left;
        font-weight: 700
    }
    .expandable .expandable__content {
        padding-bottom: 3rem
    }
    .related-experts .experts--inner:not(.open)+.actions,
    .related-experts .items--field-dossier-experts:not(.open)+.actions {
        margin-top: 0
    }
    .bottom-cta .bg-wave {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%)
    }
    .bottom-cta .publications {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%)
    }
    .bottom-cta .contact-expert {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%)
    }
    .bottom-cta .contact-expert>div {
        margin-left: 7.5vw;
        margin-right: 7.5vw
    }
    .bottom-cta .node-cta {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%)
    }
    .bottom-cta .node-cta>div {
        margin-left: 7.5vw;
        margin-right: 7.5vw
    }
    .content--header--with-bg--visual-wide>.content--header .textual .theme-icon svg {
        width: 6rem
    }
    .content--main--aside--large>*+* {
        margin-top: 3rem
    }
    .content--main--aside--large .title {
        position: absolute !important;
        height: 0;
        width: 0;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
        white-space: nowrap
    }
    .content--main--with-bg--white .bg--straight,
    .content--main--with-bg--white .bg-wave {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        height: 5rem
    }
    .content--main--with-bg--white .content--main--bg-color {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        padding-left: calc(50vw - 50%);
        padding-right: calc(50vw - 50%)
    }
    .region-footer-bottom .footer-meta {
        margin-top: 1rem
    }
    .region-footer-bottom .footer-meta>* {
        padding: 1rem 0
    }
    .region-footer-top .cta-block .block-content .actions {
        margin-top: 2rem
    }
    .fast-to .visually-hidden-on-mobile {
        display: none
    }
    .paragraph--type--related-content ul.paragraph-inner li:not(:last-child) {
        margin-bottom: 2rem
    }
    .paragraph--type--text-block-image .textual .textual__inner {
        width: 100%;
        margin-top: -7rem
    }
    .profile--view-mode-list-contact .list-contact-inner {
        flex-direction: column;
        gap: 1rem
    }
    .page--search-result--bg-light-blue .view .view--inner {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        padding-left: calc(50vw - 50%);
        padding-right: calc(50vw - 50%)
    }
    .page--search-result--bg-light-blue .view .view-header .view-header__bottom {
        flex-direction: column
    }
    .page--search-result--bg-light-blue .view .view-header .view-header__bottom .result-summary+.menu--content-view-switch {
        margin: 1.5rem 0;
        padding: 2rem 0 2.5rem 0;
        border-top: .1rem solid var(--palette-border, #e2dfdc);
        border-bottom: .1rem solid var(--palette-border, #e2dfdc)
    }
    .page--search-result .view .view--inner {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        padding-left: calc(50vw - 50%);
        padding-right: calc(50vw - 50%)
    }
    .page--search-result .view .view--inner .bg-wave {
        margin-left: calc(-50vw + 50%)
    }
}

@media (min-width:0em) and (max-width:29.9375em) {
    .list--row--3-items>*,
    .news-events--events ol.more-of>*,
    .news-events--events ul.more-of>*,
    .paragraph--type--logo-list ul.inner>*,
    .paragraph--type--logo-media-list ul.inner>*,
    .view-vacancies-block ol.content-list>* {
        width: calc(100% - 2rem)
    }
    .list--row--4-items>* {
        width: calc(100% - 2rem)
    }
    .highlighted .facts-numbers h2.heading {
        text-align: center
    }
    .btn-small--on-mobile {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.8;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 600;
        line-height: 100%;
        padding: 1rem 1.5rem .9rem 1.5rem;
        max-width: 100%;
        transition: all .2s ease
    }
    .component--info-block.details--bg-pattern--web .details-info .details-item:nth-child(n+3) {
        display: none
    }
    .component--info-block.details--bg-pattern--web .details-info.open .details-item:nth-child(n+3) {
        display: block
    }
    .content--header--with-bg--visual-wide>.content--header .textual .themes .dataset a,
    .dataset .btn-small,
    .dataset .content--header--with-bg--visual-wide>.content--header .textual .themes a {
        margin-top: 1rem
    }
    .dataset .btn-grey {
        width: 100%
    }
    .content--header--with-bg.content--main--move-up .content--main--top {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%)
    }
    .content--header--with-bg--visual-wide>.content--header .textual .facility {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.8;
        padding: .5rem 2rem;
        max-width: 100%
    }
    .lg-cookiecontrol-placeholder button.cc-adjust-settings {
        font-size: 12px
    }
    .page-header .page-header-inner .region-header-branding {
        margin-right: 0
    }
    .region-header-inner {
        width: 1px
    }
    .page-header .overflow-container {
        width: calc(0px + 80vw)
    }
    .page-header .overflow-container.open {
        left: calc(100% - 80vw)
    }
    .main-navigation-open.header--menu-main--oh-active .page,
    .main-navigation-open.header--menu-top--oh-active .page {
        left: calc(0px - 80vw)
    }
    .site-logo span.site-name {
        margin-left: 1rem;
        padding-left: 1rem;
        width: 10rem
    }
    .image-caption:not(.entity--view-mode-image-carrousel) figure img {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        max-width: 100vw
    }
    .paragraph--type--related-content ul.paragraph-inner li .list-inner {
        flex-direction: column;
        align-items: flex-start;
        width: 100%
    }
    .paragraph--type--related-content ul.paragraph-inner li .list-inner .textual {
        width: 100%
    }
    .paragraph--type--related-content ul.paragraph-inner li .list-inner .visual {
        width: 100%;
        margin-bottom: 1rem
    }
    .video-caption:not(.entity--view-mode-image-carrousel) figure iframe {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        width: 100vw;
        max-width: unset
    }
    .profile--view-mode-full .tab-section--publications .key-publications {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%)
    }
    .profile--view-mode-full .tab-sections--outer .tab-togglers-overflow-toggler {
        color: #004b85;
        flex-grow: 1;
        justify-content: space-between
    }
    .profile--view-mode-full .tab-sections--outer .tab-togglers-overflow-toggler .text {
        position: absolute !important;
        height: 0;
        width: 0;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
        white-space: nowrap
    }
    .profile--view-mode-full .tab-sections--outer [role=tablist] {
        width: .1rem;
        flex: 0 0 auto
    }
    .profile--view-mode-full .tab-sections--outer .overflow-container {
        width: 100%
    }
    .view-employees .profile--view-mode-tile {
        margin-top: 0;
        flex-direction: row-reverse;
        align-items: center;
        flex-wrap: nowrap;
        margin-right: 2.5rem
    }
    .view-employees .profile--view-mode-tile .textual {
        text-align: left;
        padding: 2rem
    }
    .view-employees .profile--view-mode-tile .textual .display-name a {
        align-items: flex-start;
        text-align: left
    }
    .view-employees .profile--view-mode-tile .visual {
        margin-right: -2.5rem;
        margin-top: 0
    }
    .view-employees .profile--view-mode-tile .visual img {
        max-width: 6rem
    }
    .tns-wrapper .tns-nav {
        display: none
    }
    .tns-wrapper .tns-controls {
        display: none
    }
    .entity--view-mode-hero .visual:before {
        background-image: linear-gradient(to bottom, #000 32%, rgba(0, 0, 0, 0) 56%)
    }
    .entity--view-mode-hero .visual .media picture img {
        position: absolute
    }
    .entity--view-mode-list-with-visual-left .visual {
        display: none
    }
    .entity--view-mode-facility-search-result .visual,
    .entity--view-mode-population-search-result .visual,
    .entity--view-mode-search-result .visual {
        display: none
    }
}

@media (min-width:0) {
    .news-events--events ol.more-of .node--type-event .card-wrapper .card,
    .news-events--events ul.more-of .node--type-event .card-wrapper .card {
        padding-top: 2.8rem;
        padding-bottom: 2.5rem
    }
}

@media (min-width:0em) and (max-width:63.9375em) and (min-width:0) and (max-width:767px) {
    .content--header--with-bg.content--main--move-up .content--main--main {
        margin-top: 2rem
    }
}

@media (min-width:0em) and (max-width:63.9375em) and (min-width:768px) and (max-width:1023px) {
    .content--header--with-bg.content--main--move-up .content--main--main {
        margin-top: 3rem
    }
}

@media (min-width:0em) and (max-width:63.9375em) and (min-width:1024px) {
    .content--header--with-bg.content--main--move-up .content--main--main {
        margin-top: 4rem
    }
}

@media (min-width:0em) and (max-width:76.1875em) {
    .statistics-wrapper {
        flex-wrap: wrap
    }
    .statistics-wrapper .actions {
        margin-top: 3rem
    }
}

@media (min-width:0em) and (max-width:24.3125em) {
    .site-logo span.site-name {
        display: none
    }
}

@media (min-width:30em) and (max-width:47.9375em) {
    .image-carrousel .list--with-scroll>* img {
        width: auto;
        max-width: 65vw
    }
    .tns-wrapper .entity--view-mode-hero .textual {
        margin-bottom: 5rem
    }
}

@media (min-width:48em) and (min-width:0) and (max-width:767px) {
    .content--header--with-bg.has-visual.avatar-visual .content--header-inner .visual {
        margin-right: 2.5rem
    }
    .content--header--with-bg.has-visual.tile-visual .content--header-inner .visual {
        margin-top: 5rem
    }
    .content--header--with-bg.has-visual.tile-visual .content--header-inner .visual {
        margin-left: 6rem
    }
    .statistics-wrapper {
        padding-left: 1.5rem
    }
    .statistics-wrapper {
        padding-right: 1.5rem
    }
    .statistics-wrapper ul.statistics>* {
        padding-left: .75rem
    }
    .statistics-wrapper ul.statistics>* {
        padding-right: .75rem
    }
}

@media (min-width:48em) and (min-width:768px) and (max-width:1023px) {
    .content--header--with-bg.has-visual.avatar-visual .content--header-inner .visual {
        margin-right: 3.75rem
    }
    .content--header--with-bg.has-visual.tile-visual .content--header-inner .visual {
        margin-top: 7.5rem
    }
    .content--header--with-bg.has-visual.tile-visual .content--header-inner .visual {
        margin-left: 9rem
    }
    .statistics-wrapper {
        padding-left: 2.25rem
    }
    .statistics-wrapper {
        padding-right: 2.25rem
    }
    .statistics-wrapper ul.statistics>* {
        padding-left: 1.125rem
    }
    .statistics-wrapper ul.statistics>* {
        padding-right: 1.125rem
    }
}

@media (min-width:48em) and (min-width:1024px) {
    .content--header--with-bg.has-visual.avatar-visual .content--header-inner .visual {
        margin-right: 5rem
    }
    .content--header--with-bg.has-visual.tile-visual .content--header-inner .visual {
        margin-top: 10rem
    }
    .content--header--with-bg.has-visual.tile-visual .content--header-inner .visual {
        margin-left: 12rem
    }
    .statistics-wrapper {
        padding-left: 3rem
    }
    .statistics-wrapper {
        padding-right: 3rem
    }
    .statistics-wrapper ul.statistics>* {
        padding-left: 1.5rem
    }
    .statistics-wrapper ul.statistics>* {
        padding-right: 1.5rem
    }
}

@media (min-width:48em) and (max-width:76.1875em) {
    .statistics-wrapper {
        padding: 3rem 0
    }
}

@media (min-width:64em) and (min-width:0) and (max-width:767px) {
    .latest-blogs .limit-1-col ol.more-of>:nth-child(1),
    .latest-blogs .limit-1-col ul.more-of>:nth-child(1),
    .latest-events ol.more-of>:nth-child(1),
    .latest-events ul.more-of>:nth-child(1),
    .latest-news ol.more-of>:nth-child(1),
    .latest-news ul.more-of>:nth-child(1),
    .news-events--news ol.more-of>:nth-child(1),
    .news-events--news ul.more-of>:nth-child(1) {
        margin-right: 1.5rem
    }
    .content--header--with-bg.content--main--move-up--small>.content--header .textual {
        padding-bottom: 3.5rem
    }
    .content--header--with-bg.content--main--move-up--small .content--main--main {
        margin-top: -3.5rem
    }
    .content--header--with-bg.content--main--move-up--small .content--main--aside {
        padding-top: 3.5rem
    }
    .content--header--with-bg.content--main--move-up--large>.content--header .textual {
        padding-bottom: 6.5rem
    }
    .content--header--with-bg.content--main--move-up--large .content--main--main {
        margin-top: -6.5rem
    }
    .content--header--with-bg.content--main--move-up--large .content--main--aside {
        padding-top: 6.5rem
    }
    .content--header--with-bg--visual-wide.content--main--move-up--large>.content--header .textual {
        padding-bottom: 3.5rem
    }
    .content--header--with-bg--visual-wide.content--main--move-up--large .content--main {
        margin-top: -3.5rem
    }
    .content--header--with-bg--visual-wide.content--main--move-up--large .content--main--aside--large>.highlighted-info {
        margin-top: -8rem
    }
    .content--header--with-bg--visual-wide.group--project>.content--header .textual {
        padding-bottom: 8.5rem
    }
    .content--header--with-bg--visual-wide.group--project .content--main {
        margin-top: -8.5rem
    }
    .content--header--with-bg--visual-wide.content--main--move-up--extra-large>.content--header .textual {
        padding-bottom: 13rem
    }
    .content--header--with-bg--visual-wide.content--main--move-up--extra-large .content--main--main {
        margin-top: -13rem
    }
    .content--header--with-bg--visual-wide.content--main--move-up--extra-large .content--main--main .content--main--main--inner {
        min-height: 13rem
    }
    .content--main--no-bg .vert-rhythm>:last-child.paragraph--type--text-block-image {
        margin-bottom: -4.5rem
    }
    .content--main--with-bg--white .wavy-box--with-bird {
        margin-left: -2.5rem
    }
    .content--main--with-bg--white .wavy-box--with-bird {
        margin-right: -2.5rem
    }
}

@media (min-width:64em) and (min-width:768px) and (max-width:1023px) {
    .latest-blogs .limit-1-col ol.more-of>:nth-child(1),
    .latest-blogs .limit-1-col ul.more-of>:nth-child(1),
    .latest-events ol.more-of>:nth-child(1),
    .latest-events ul.more-of>:nth-child(1),
    .latest-news ol.more-of>:nth-child(1),
    .latest-news ul.more-of>:nth-child(1),
    .news-events--news ol.more-of>:nth-child(1),
    .news-events--news ul.more-of>:nth-child(1) {
        margin-right: 1.75rem
    }
    .content--header--with-bg.content--main--move-up--small>.content--header .textual {
        padding-bottom: 5.25rem
    }
    .content--header--with-bg.content--main--move-up--small .content--main--main {
        margin-top: -5.25rem
    }
    .content--header--with-bg.content--main--move-up--small .content--main--aside {
        padding-top: 5.25rem
    }
    .content--header--with-bg.content--main--move-up--large>.content--header .textual {
        padding-bottom: 9.75rem
    }
    .content--header--with-bg.content--main--move-up--large .content--main--main {
        margin-top: -9.75rem
    }
    .content--header--with-bg.content--main--move-up--large .content--main--aside {
        padding-top: 9.75rem
    }
    .content--header--with-bg--visual-wide.content--main--move-up--large>.content--header .textual {
        padding-bottom: 5.25rem
    }
    .content--header--with-bg--visual-wide.content--main--move-up--large .content--main {
        margin-top: -5.25rem
    }
    .content--header--with-bg--visual-wide.content--main--move-up--large .content--main--aside--large>.highlighted-info {
        margin-top: -12rem
    }
    .content--header--with-bg--visual-wide.group--project>.content--header .textual {
        padding-bottom: 12.75rem
    }
    .content--header--with-bg--visual-wide.group--project .content--main {
        margin-top: -12.75rem
    }
    .content--header--with-bg--visual-wide.content--main--move-up--extra-large>.content--header .textual {
        padding-bottom: 19.5rem
    }
    .content--header--with-bg--visual-wide.content--main--move-up--extra-large .content--main--main {
        margin-top: -19.5rem
    }
    .content--header--with-bg--visual-wide.content--main--move-up--extra-large .content--main--main .content--main--main--inner {
        min-height: 19.5rem
    }
    .content--main--no-bg .vert-rhythm>:last-child.paragraph--type--text-block-image {
        margin-bottom: -6.75rem
    }
    .content--main--with-bg--white .wavy-box--with-bird {
        margin-left: -3.75rem
    }
    .content--main--with-bg--white .wavy-box--with-bird {
        margin-right: -3.75rem
    }
}

@media (min-width:64em) and (min-width:1024px) {
    .latest-blogs .limit-1-col ol.more-of>:nth-child(1),
    .latest-blogs .limit-1-col ul.more-of>:nth-child(1),
    .latest-events ol.more-of>:nth-child(1),
    .latest-events ul.more-of>:nth-child(1),
    .latest-news ol.more-of>:nth-child(1),
    .latest-news ul.more-of>:nth-child(1),
    .news-events--news ol.more-of>:nth-child(1),
    .news-events--news ul.more-of>:nth-child(1) {
        margin-right: 2rem
    }
    .content--header--with-bg.content--main--move-up--small>.content--header .textual {
        padding-bottom: 7rem
    }
    .content--header--with-bg.content--main--move-up--small .content--main--main {
        margin-top: -7rem
    }
    .content--header--with-bg.content--main--move-up--small .content--main--aside {
        padding-top: 7rem
    }
    .content--header--with-bg.content--main--move-up--large>.content--header .textual {
        padding-bottom: 13rem
    }
    .content--header--with-bg.content--main--move-up--large .content--main--main {
        margin-top: -13rem
    }
    .content--header--with-bg.content--main--move-up--large .content--main--aside {
        padding-top: 13rem
    }
    .content--header--with-bg--visual-wide.content--main--move-up--large>.content--header .textual {
        padding-bottom: 7rem
    }
    .content--header--with-bg--visual-wide.content--main--move-up--large .content--main {
        margin-top: -7rem
    }
    .content--header--with-bg--visual-wide.content--main--move-up--large .content--main--aside--large>.highlighted-info {
        margin-top: -16rem
    }
    .content--header--with-bg--visual-wide.group--project>.content--header .textual {
        padding-bottom: 17rem
    }
    .content--header--with-bg--visual-wide.group--project .content--main {
        margin-top: -17rem
    }
    .content--header--with-bg--visual-wide.content--main--move-up--extra-large>.content--header .textual {
        padding-bottom: 26rem
    }
    .content--header--with-bg--visual-wide.content--main--move-up--extra-large .content--main--main {
        margin-top: -26rem
    }
    .content--header--with-bg--visual-wide.content--main--move-up--extra-large .content--main--main .content--main--main--inner {
        min-height: 26rem
    }
    .content--main--no-bg .vert-rhythm>:last-child.paragraph--type--text-block-image {
        margin-bottom: -9rem
    }
    .content--main--with-bg--white .wavy-box--with-bird {
        margin-left: -5rem
    }
    .content--main--with-bg--white .wavy-box--with-bird {
        margin-right: -5rem
    }
}

@media (min-width:76.25em) {
    .list--row--4-items>* {
        width: calc(25% - 2rem)
    }
    .latest-blogs .limit-1-col ol.more-of>:nth-child(1)>* .visual,
    .latest-blogs .limit-1-col ul.more-of>:nth-child(1)>* .visual,
    .latest-events ol.more-of>:nth-child(1)>* .visual,
    .latest-events ul.more-of>:nth-child(1)>* .visual,
    .latest-news ol.more-of>:nth-child(1)>* .visual,
    .latest-news ul.more-of>:nth-child(1)>* .visual,
    .news-events--news ol.more-of>:nth-child(1)>* .visual,
    .news-events--news ul.more-of>:nth-child(1)>* .visual {
        max-height: 42rem;
        overflow: hidden
    }
    .component--info-block.details--bg-pattern--web .details-info {
        display: flex;
        flex-wrap: wrap
    }
    .component--info-block.details--bg-pattern--web .details-info .details-item {
        width: 50%;
        align-items: center
    }
    .statistics-wrapper {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .statistics-wrapper ul.statistics {
        margin-right: auto
    }
    .statistics-wrapper ul.statistics>:last-child {
        margin-right: auto
    }
    .statistics-wrapper .actions {
        margin-left: 3rem
    }
    .page--search-result .view .view--inner .view-content--outer .view-filters .form--inline .form-item.form-type-select {
        width: calc(33.33% - 2rem)
    }
}

@media (min-width:76.25em) and (min-width:0) and (max-width:767px) {
    .statistics-wrapper .actions {
        padding-right: 4rem
    }
}

@media (min-width:76.25em) and (min-width:768px) and (max-width:1023px) {
    .statistics-wrapper .actions {
        padding-right: 6rem
    }
}

@media (min-width:76.25em) and (min-width:1024px) {
    .statistics-wrapper .actions {
        padding-right: 8rem
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .heading--centered--space-beneath {
        margin-bottom: 3.75rem
    }
    .limit-page-main .page-main .region-content {
        margin-top: 3.75rem
    }
    .limit-page-main .page-main .region-content .block-page-title-block {
        margin-bottom: 3rem
    }
    .maintenance-page .page-main {
        padding-top: 3.75rem
    }
    .latest-blogs .limit-1-col ol.more-of>:nth-child(2)>*,
    .latest-blogs .limit-1-col ul.more-of>:nth-child(2)>*,
    .latest-events ol.more-of>:nth-child(2)>*,
    .latest-events ul.more-of>:nth-child(2)>*,
    .latest-news ol.more-of>:nth-child(2)>*,
    .latest-news ul.more-of>:nth-child(2)>*,
    .news-events--news ol.more-of>:nth-child(2)>*,
    .news-events--news ul.more-of>:nth-child(2)>* {
        padding-top: 3rem
    }
    .latest-blogs .limit-1-col ol.more-of>:not(:first-child)>*,
    .latest-blogs .limit-1-col ul.more-of>:not(:first-child)>*,
    .latest-events ol.more-of>:not(:first-child)>*,
    .latest-events ul.more-of>:not(:first-child)>*,
    .latest-news ol.more-of>:not(:first-child)>*,
    .latest-news ul.more-of>:not(:first-child)>*,
    .news-events--news ol.more-of>:not(:first-child)>*,
    .news-events--news ul.more-of>:not(:first-child)>* {
        margin-left: 2.5rem
    }
    .latest-blogs .limit-1-col ol.more-of>:not(:first-child)>*,
    .latest-blogs .limit-1-col ul.more-of>:not(:first-child)>*,
    .latest-events ol.more-of>:not(:first-child)>*,
    .latest-events ul.more-of>:not(:first-child)>*,
    .latest-news ol.more-of>:not(:first-child)>*,
    .latest-news ul.more-of>:not(:first-child)>*,
    .news-events--news ol.more-of>:not(:first-child)>*,
    .news-events--news ul.more-of>:not(:first-child)>* {
        margin-right: 2.5rem
    }
    .latest-blogs .limit-1-col ol.more-of>:not(:first-child)+*>*,
    .latest-blogs .limit-1-col ul.more-of>:not(:first-child)+*>*,
    .latest-events ol.more-of>:not(:first-child)+*>*,
    .latest-events ul.more-of>:not(:first-child)+*>*,
    .latest-news ol.more-of>:not(:first-child)+*>*,
    .latest-news ul.more-of>:not(:first-child)+*>*,
    .news-events--news ol.more-of>:not(:first-child)+*>*,
    .news-events--news ul.more-of>:not(:first-child)+*>* {
        padding-top: 2.25rem
    }
    .latest-blogs .limit-1-col ol.more-of>:not(:first-child):not(:last-child)>*,
    .latest-blogs .limit-1-col ul.more-of>:not(:first-child):not(:last-child)>*,
    .latest-events ol.more-of>:not(:first-child):not(:last-child)>*,
    .latest-events ul.more-of>:not(:first-child):not(:last-child)>*,
    .latest-news ol.more-of>:not(:first-child):not(:last-child)>*,
    .latest-news ul.more-of>:not(:first-child):not(:last-child)>*,
    .news-events--news ol.more-of>:not(:first-child):not(:last-child)>*,
    .news-events--news ul.more-of>:not(:first-child):not(:last-child)>* {
        padding-bottom: 2.25rem
    }
    .latest-blogs .limit-1-col ol.more-of>:last-child:not(:first-child)>*,
    .latest-blogs .limit-1-col ul.more-of>:last-child:not(:first-child)>*,
    .latest-events ol.more-of>:last-child:not(:first-child)>*,
    .latest-events ul.more-of>:last-child:not(:first-child)>*,
    .latest-news ol.more-of>:last-child:not(:first-child)>*,
    .latest-news ul.more-of>:last-child:not(:first-child)>*,
    .news-events--news ol.more-of>:last-child:not(:first-child)>*,
    .news-events--news ul.more-of>:last-child:not(:first-child)>* {
        padding-bottom: 3rem
    }
    .news-events--events ol.more-of,
    .news-events--events ul.more-of {
        margin-top: 2.625rem
    }
    .news-events--events ol.more-of .meta,
    .news-events--events ul.more-of .meta {
        margin-left: 2.25rem
    }
    .news-events--events ol.more-of .meta,
    .news-events--events ul.more-of .meta {
        margin-right: 2.25rem
    }
    .news-events--events ol.more-of .node--type-event .card-wrapper .card,
    .news-events--events ul.more-of .node--type-event .card-wrapper .card {
        padding-right: 2.25rem
    }
    .news-events--events ol.more-of .node--type-event .card-wrapper .card,
    .news-events--events ul.more-of .node--type-event .card-wrapper .card {
        padding-left: 2.25rem
    }
    .highlighted {
        margin-bottom: 6rem
    }
    .card {
        padding-top: 2.25rem
    }
    .card {
        padding-right: 3rem
    }
    .card {
        padding-bottom: 2.25rem
    }
    .card {
        padding-left: 3rem
    }
    .links-documents .links-documents--content {
        padding-bottom: 3.25rem
    }
    .content--bottom .links-documents .links-documents--content {
        padding-top: 3.75rem
    }
    .experts--with-scroll .list--with-scroll>* {
        padding: 1.875rem
    }
    .bottom-cta .node-cta {
        padding-top: 2.25rem
    }
    .bottom-cta .node-cta {
        padding-bottom: 2.25rem
    }
    .bottom-cta .node-cta .divider {
        padding-top: 2.25rem
    }
    .bottom-cta .node-cta .divider {
        padding-bottom: 1.875rem
    }
    .content--bottom>* {
        margin-top: 6rem
    }
    .more-info .publications--peer .card,
    .more-info .publications--popular .card {
        padding-top: 1.875rem
    }
    .more-info .publications--peer .card,
    .more-info .publications--popular .card {
        padding-bottom: 1.125rem
    }
    .more-info+.dossiers>h2 {
        margin-bottom: 2.25rem
    }
    .content--header--basic>.content--header {
        margin-top: 3.75rem
    }
    .content--header--with-bg:not(.content--main--move-up):not(.content--main--move-up--small)>.content--main {
        margin-top: 3.75rem
    }
    .content--header--with-bg.content--main--move-up .content--main--aside {
        margin-top: 3rem
    }
    .content--header--with-bg--gradient--dark-blue--green--vertical.large-visual>.content--header .textual--inner a {
        margin-top: 1.875rem
    }
    .content--header--with-bg.has-visual.avatar-visual .content--header-inner .visual {
        padding-top: 5.5rem
    }
    .content--header--with-bg--visual-wide>.content--header .textual .textual--inner {
        padding-top: 5.5rem
    }
    .content--header--with-bg--visual-wide>.content--header .textual .textual--inner {
        padding-bottom: 4rem
    }
    .content--header--with-bg--visual-wide>.content--header .textual .summary {
        margin-top: 1.5rem
    }
    .content--header--with-bg--visual-wide>.content--header .textual .facility {
        margin-top: 3rem
    }
    .cc-banner .content--header--with-bg--visual-wide>.content--header .textual .cc-btn,
    .cc-window .content--header--with-bg--visual-wide>.content--header .textual .cc-btn,
    .content--header--with-bg--visual-wide>.content--header .textual .btn-yellow--dark-context,
    .content--header--with-bg--visual-wide>.content--header .textual .cc-banner .cc-btn,
    .content--header--with-bg--visual-wide>.content--header .textual .cc-window .cc-btn {
        margin-top: 1.5rem
    }
    .content--header--with-bg--visual-wide>.content--header .textual .btn-white--dark-context {
        margin-top: 1.5rem
    }
    .content--header--with-bg>.content--header .textual--inner {
        padding-top: 5.5rem
    }
    .content--header--with-bg>.content--header .textual--inner {
        padding-bottom: 4rem
    }
    .content--header--with-bg>.content--header .themes {
        margin-top: 2.25rem
    }
    .content--main--aside>*+* {
        margin-top: 3rem
    }
    .content--main--basic>.content--main {
        margin-top: 3rem
    }
    .content--main--bottom {
        padding-top: 3rem
    }
    .content--main--bottom>*+* {
        margin-top: 3.5rem
    }
    .content--main--intro {
        padding-bottom: 2.25rem
    }
    .content--main--intro .divider {
        padding-top: 2.25rem
    }
    .content--main--main .latest-news-list ul.more-of>* {
        margin-bottom: 1.5rem
    }
    .content--main--main .latest-news-list ul.more-of>* {
        padding-bottom: 1.5rem
    }
    .content--main--no-bg .vert-rhythm>*+* {
        padding-top: 6.5rem
    }
    .content--main--with-bg--white .vert-rhythm>*+* .content--main--bg-color {
        padding-top: 3.5rem
    }
    .content--main--with-bg--white .vert-rhythm>*+* .content--main--no--bg-color {
        padding-top: 8rem
    }
    .content--main--with-bg--white .vert-rhythm>*+* .content--main--no--bg-color {
        padding-bottom: 3rem
    }
    .content--main--with-bg--white.content--main--bg-color--switch .vert-rhythm>* .content--main--bg-color {
        padding-top: 3.5rem
    }
    .content--main--with-bg--white.content--main--bg-color--switch .vert-rhythm>* .content--main--no--bg-color {
        padding-top: 8rem
    }
    .content--main--with-bg--white.content--main--bg-color--switch .vert-rhythm>* .content--main--no--bg-color {
        padding-bottom: 3rem
    }
    .cc-banner .cc-message-wrapper .cc-message,
    .cc-window .cc-message-wrapper .cc-message {
        margin-right: 3rem
    }
    div.messages {
        margin-top: 2.25rem
    }
    div.messages {
        margin-bottom: 2.25rem
    }
    ul.tabs {
        margin-top: 2.25rem
    }
    ul.tabs {
        margin-bottom: 2.25rem
    }
    .list--bordered>*+* {
        margin-top: 3rem
    }
    .list--bordered>*+* {
        padding-top: 3rem
    }
    .content--main--main--large .wavy-box--with-bird {
        margin-left: 0
    }
    .content--main--main--large .wavy-box--with-bird {
        margin-right: 0
    }
    .wavy-box--with-bird .wavy-box--inner {
        padding-left: 3.75rem
    }
    .wavy-box--with-bird .wavy-box--inner {
        padding-bottom: 3.5rem
    }
    .wavy-box--with-bird .wavy-box--inner {
        padding-right: 3.75rem
    }
    .wavy-box--with-bird .wavy-box--inner {
        padding-top: 7.5rem
    }
    .group--full .content--main--main {
        margin-bottom: 3.75rem
    }
    .group--full .content--main--main .content--main--main--inner {
        padding-top: 3rem
    }
    .group--full.group--subsite .ipn-section+.ipn-section {
        padding-top: 8rem
    }
    .region-footer-top .cta-block .block-inner {
        padding-top: 4.5rem
    }
    .region-footer-top .cta-block .block-inner {
        padding-bottom: 4.5rem
    }
    .page-footer {
        margin-top: 6.75rem
    }
    .page-footer .footer-content {
        padding-top: 4.5rem
    }
    .page-footer .footer-content {
        padding-bottom: 3rem
    }
    .page-header .page-header-inner .region-header-branding {
        margin-right: 2.25rem
    }
    .region-header nav.menu--main>ul>li:not(:last-child) {
        padding-right: 1.5rem
    }
    .region-header nav.menu--main>ul>li:not(:first-child) {
        padding-left: 1.5rem
    }
    .region-header nav.menu--main>ul>li>.menu_link_content .layout>.textual {
        padding-top: 4.5rem
    }
    .region-header nav.menu--main>ul>li>.menu_link_content .layout>.textual {
        padding-bottom: 5.25rem
    }
    html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .page--subsite .page-header .menu li:not(:last-child) {
        padding-right: 1.5rem
    }
    html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .page--subsite .page-header .menu li:not(:first-child) {
        padding-left: 1.5rem
    }
    .fast-to .divider {
        margin-top: 1.5rem
    }
    .paragraph--type--content-tiles {
        margin-top: 3rem
    }
    .paragraph--type--editorial-content-tile .textual .textual--inner {
        padding-top: 3.75rem
    }
    .paragraph--type--editorial-content-tile .textual .textual--inner {
        padding-left: 2.5rem
    }
    .paragraph--type--editorial-content-tile .textual .textual--inner {
        padding-right: 2.5rem
    }
    .group--project .paragraph--type--embed iframe,
    .group--research-group .paragraph--type--embed iframe,
    .node--department--full .paragraph--type--embed iframe,
    .node--dossier--full .paragraph--type--embed iframe {
        margin-top: 3.5rem
    }
    .paragraph--type--embed .embed-explanation {
        margin-bottom: 3rem
    }
    .image-carrousel .list--with-scroll>* {
        padding-left: 1.875rem
    }
    .image-carrousel .list--with-scroll>* {
        padding-right: 1.875rem
    }
    .paragraph--type--media-snippet .paragraph__inner>.textual {
        margin-top: 2.25rem
    }
    .paragraph--type--media-snippet .paragraph__inner>.textual {
        margin-right: 1.5rem
    }
    .paragraph--type--media-snippet .paragraph__inner>.textual {
        margin-bottom: 2.25rem
    }
    .paragraph--type--media-snippet .paragraph__inner>.textual {
        margin-left: 2.25rem
    }
    .paragraph--type--quote .wavy-box--with-bird .wavy-box--inner {
        padding-left: 7.5rem
    }
    .paragraph--type--subsite-agenda-block .view,
    .paragraph--type--subsite-latest-news-block .view {
        margin-top: 2.25rem
    }
    .paragraph--type--subsite-agenda-block .view,
    .paragraph--type--subsite-latest-news-block .view {
        padding-top: 2.25rem
    }
    .paragraph--type--subsite-agenda-block .view .list--bordered>*+*,
    .paragraph--type--subsite-latest-news-block .view .list--bordered>*+* {
        margin-top: 2.25rem
    }
    .paragraph--type--subsite-agenda-block .view .list--bordered>*+*,
    .paragraph--type--subsite-latest-news-block .view .list--bordered>*+* {
        padding-top: 2.25rem
    }
    .paragraph--type--subsite-agenda-block .view .actions,
    .paragraph--type--subsite-latest-news-block .view .actions {
        margin-top: 2.25rem
    }
    .paragraph--type--subsite-agenda-block .view .actions,
    .paragraph--type--subsite-latest-news-block .view .actions {
        padding-top: 2.25rem
    }
    .paragraph--type--text-block-image .textual .textual__inner {
        padding: 4.25rem
    }
    .paragraph--type--text-image .paragraph-content .textual,
    .paragraph--type--text-image-upload .paragraph-content .textual {
        padding-top: 3.75rem
    }
    .paragraph--type--text-image .paragraph-content .textual,
    .paragraph--type--text-image-upload .paragraph-content .textual {
        padding-right: 4.5rem
    }
    .paragraph--type--text-image .paragraph-content .textual,
    .paragraph--type--text-image-upload .paragraph-content .textual {
        padding-bottom: 5.25rem
    }
    .paragraph--type--text-image .paragraph-content .textual,
    .paragraph--type--text-image-upload .paragraph-content .textual {
        padding-left: 3.75rem
    }
    .paragraph--type--text-image .paragraph-content .textual .textual-inner .textual-actions,
    .paragraph--type--text-image-upload .paragraph-content .textual .textual-inner .textual-actions {
        margin-top: 1.5rem
    }
    .paragraph--type--text-image .paragraph-content .textual .paragraph-actions,
    .paragraph--type--text-image-upload .paragraph-content .textual .paragraph-actions {
        padding-top: 1.5rem
    }
    .profile--view-mode-full .tab-section--about .pitch .wavy-box--with-bird .wavy-box--inner {
        padding-left: 7.5rem
    }
    .profile--view-mode-full .tab-section--about .biography .vert-rhythm>*+* {
        margin-top: 3.5rem
    }
    .profile--view-mode-full .tab-section--content {
        margin-top: 2.5rem
    }
    .profile--view-mode-full .tab-section--content>*+* {
        margin-top: 3rem
    }
    .entity--view-mode-card-big .card-big-inner .textual {
        padding-right: 3rem
    }
    .entity--view-mode-card-big .card-big-inner .textual {
        padding-bottom: 2.75rem
    }
    .entity--view-mode-card-big .card-big-inner .textual {
        padding-left: 3rem
    }
    .entity--view-mode-hero .textual .textual__inner {
        padding-top: 3.75rem
    }
    .entity--view-mode-hero .textual .textual__inner {
        padding-bottom: 3.75rem
    }
    .entity--view-mode-list-with-visual-left .visual {
        margin-right: 2.25rem
    }
    .entity--view-mode-facility-search-result .visual,
    .entity--view-mode-population-search-result .visual,
    .entity--view-mode-search-result .visual {
        margin-left: 3rem
    }
    .entity--view-mode-tile:not(.profile--view-mode-tile).full-click:focus>.textual .tags,
    .entity--view-mode-tile:not(.profile--view-mode-tile).full-click:hover>.textual .tags {
        margin-bottom: 3rem
    }
    .entity--view-mode-tile:not(.profile--view-mode-tile)>.textual {
        padding: 3rem
    }
    .entity--view-mode-tile:not(.profile--view-mode-tile)>.textual {
        padding-bottom: 0
    }
    .entity--view-mode-tile:not(.profile--view-mode-tile)>.textual .tags {
        margin-top: 3rem
    }
    .entity--view-mode-tile:not(.profile--view-mode-tile)>.textual>:last-child:not(.tags) {
        margin-bottom: 3rem
    }
    .page--search-result--bg-light-blue .view .view-header .view-header__top {
        padding-top: 4.5rem
    }
    .page--search-result--bg-light-blue .view nav.pager {
        margin-top: 3.75rem
    }
    .page--search-result--bg-light-blue .content--header .textual {
        padding-bottom: 9.75rem
    }
    .page--search-result--bg-light-blue .view {
        margin-top: -9.75rem
    }
    .page--search-result .view .view--inner .view-content--outer {
        padding-top: 6.5rem
    }
    .page--search-result .view .view--inner .view-content--outer {
        padding-bottom: 6rem
    }
    .page--search-result .view .view--inner .view-content--outer .view-intro {
        margin-bottom: 3.75rem
    }
    .page--search-result .view nav.pager {
        margin-top: 3.75rem
    }
    .page--search-result .content--header .textual {
        padding-bottom: 9.75rem
    }
    .page--search-result .view {
        margin-top: -9.75rem
    }
    .page--search-result.path-news .block-nioo-message-news-notification {
        margin-top: -9.75rem
    }
    .page--search-result.path-news .block-nioo-message-news-notification {
        margin-bottom: 1.5rem
    }
    .page--search-result.path-news .view {
        margin-top: 0
    }
    .page--search-result.path-pressreleases .block-nioo-message-press-notification {
        margin-top: -9.75rem
    }
    .page--search-result.path-pressreleases .block-nioo-message-press-notification {
        margin-bottom: 1.5rem
    }
    .page--search-result.path-pressreleases .view {
        margin-top: 0
    }
    .view-vacancies-block {
        margin-top: 2.25rem
    }
    .webform-progress .webform-progress-tracker {
        margin-top: 4rem
    }
    .webform-progress .webform-progress-tracker {
        margin-bottom: 4rem
    }
}

@media (min-width:1024px) {
    .heading--centered--space-beneath {
        margin-bottom: 5rem
    }
    .limit-page-main .page-main .region-content {
        margin-top: 5rem
    }
    .limit-page-main .page-main .region-content .block-page-title-block {
        margin-bottom: 4rem
    }
    .maintenance-page .page-main {
        padding-top: 5rem
    }
    .latest-blogs .limit-1-col ol.more-of>:nth-child(2)>*,
    .latest-blogs .limit-1-col ul.more-of>:nth-child(2)>*,
    .latest-events ol.more-of>:nth-child(2)>*,
    .latest-events ul.more-of>:nth-child(2)>*,
    .latest-news ol.more-of>:nth-child(2)>*,
    .latest-news ul.more-of>:nth-child(2)>*,
    .news-events--news ol.more-of>:nth-child(2)>*,
    .news-events--news ul.more-of>:nth-child(2)>* {
        padding-top: 4rem
    }
    .latest-blogs .limit-1-col ol.more-of>:not(:first-child)>*,
    .latest-blogs .limit-1-col ul.more-of>:not(:first-child)>*,
    .latest-events ol.more-of>:not(:first-child)>*,
    .latest-events ul.more-of>:not(:first-child)>*,
    .latest-news ol.more-of>:not(:first-child)>*,
    .latest-news ul.more-of>:not(:first-child)>*,
    .news-events--news ol.more-of>:not(:first-child)>*,
    .news-events--news ul.more-of>:not(:first-child)>* {
        margin-left: 3rem
    }
    .latest-blogs .limit-1-col ol.more-of>:not(:first-child)>*,
    .latest-blogs .limit-1-col ul.more-of>:not(:first-child)>*,
    .latest-events ol.more-of>:not(:first-child)>*,
    .latest-events ul.more-of>:not(:first-child)>*,
    .latest-news ol.more-of>:not(:first-child)>*,
    .latest-news ul.more-of>:not(:first-child)>*,
    .news-events--news ol.more-of>:not(:first-child)>*,
    .news-events--news ul.more-of>:not(:first-child)>* {
        margin-right: 3rem
    }
    .latest-blogs .limit-1-col ol.more-of>:not(:first-child)+*>*,
    .latest-blogs .limit-1-col ul.more-of>:not(:first-child)+*>*,
    .latest-events ol.more-of>:not(:first-child)+*>*,
    .latest-events ul.more-of>:not(:first-child)+*>*,
    .latest-news ol.more-of>:not(:first-child)+*>*,
    .latest-news ul.more-of>:not(:first-child)+*>*,
    .news-events--news ol.more-of>:not(:first-child)+*>*,
    .news-events--news ul.more-of>:not(:first-child)+*>* {
        padding-top: 2.5rem
    }
    .latest-blogs .limit-1-col ol.more-of>:not(:first-child):not(:last-child)>*,
    .latest-blogs .limit-1-col ul.more-of>:not(:first-child):not(:last-child)>*,
    .latest-events ol.more-of>:not(:first-child):not(:last-child)>*,
    .latest-events ul.more-of>:not(:first-child):not(:last-child)>*,
    .latest-news ol.more-of>:not(:first-child):not(:last-child)>*,
    .latest-news ul.more-of>:not(:first-child):not(:last-child)>*,
    .news-events--news ol.more-of>:not(:first-child):not(:last-child)>*,
    .news-events--news ul.more-of>:not(:first-child):not(:last-child)>* {
        padding-bottom: 2.5rem
    }
    .latest-blogs .limit-1-col ol.more-of>:last-child:not(:first-child)>*,
    .latest-blogs .limit-1-col ul.more-of>:last-child:not(:first-child)>*,
    .latest-events ol.more-of>:last-child:not(:first-child)>*,
    .latest-events ul.more-of>:last-child:not(:first-child)>*,
    .latest-news ol.more-of>:last-child:not(:first-child)>*,
    .latest-news ul.more-of>:last-child:not(:first-child)>*,
    .news-events--news ol.more-of>:last-child:not(:first-child)>*,
    .news-events--news ul.more-of>:last-child:not(:first-child)>* {
        padding-bottom: 4rem
    }
    .news-events--events ol.more-of,
    .news-events--events ul.more-of {
        margin-top: 3.5rem
    }
    .news-events--events ol.more-of .meta,
    .news-events--events ul.more-of .meta {
        margin-left: 3rem
    }
    .news-events--events ol.more-of .meta,
    .news-events--events ul.more-of .meta {
        margin-right: 3rem
    }
    .news-events--events ol.more-of .node--type-event .card-wrapper .card,
    .news-events--events ul.more-of .node--type-event .card-wrapper .card {
        padding-right: 3rem
    }
    .news-events--events ol.more-of .node--type-event .card-wrapper .card,
    .news-events--events ul.more-of .node--type-event .card-wrapper .card {
        padding-left: 3rem
    }
    .highlighted {
        margin-bottom: 8rem
    }
    .card {
        padding-top: 3rem
    }
    .card {
        padding-right: 4rem
    }
    .card {
        padding-bottom: 3rem
    }
    .card {
        padding-left: 4rem
    }
    .links-documents .links-documents--content {
        padding-bottom: 4rem
    }
    .content--bottom .links-documents .links-documents--content {
        padding-top: 5rem
    }
    .experts--with-scroll .list--with-scroll>* {
        padding: 2.5rem
    }
    .bottom-cta .node-cta {
        padding-top: 3rem
    }
    .bottom-cta .node-cta {
        padding-bottom: 3rem
    }
    .bottom-cta .node-cta .divider {
        padding-top: 3rem
    }
    .bottom-cta .node-cta .divider {
        padding-bottom: 2.5rem
    }
    .content--bottom>* {
        margin-top: 8rem
    }
    .more-info .publications--peer .card,
    .more-info .publications--popular .card {
        padding-top: 2.5rem
    }
    .more-info .publications--peer .card,
    .more-info .publications--popular .card {
        padding-bottom: 1.5rem
    }
    .more-info+.dossiers>h2 {
        margin-bottom: 3rem
    }
    .content--header--basic>.content--header {
        margin-top: 5rem
    }
    .content--header--with-bg:not(.content--main--move-up):not(.content--main--move-up--small)>.content--main {
        margin-top: 5rem
    }
    .content--header--with-bg.content--main--move-up .content--main--aside {
        margin-top: 4rem
    }
    .content--header--with-bg--gradient--dark-blue--green--vertical.large-visual>.content--header .textual--inner a {
        margin-top: 2.5rem
    }
    .content--header--with-bg.has-visual.avatar-visual .content--header-inner .visual {
        padding-top: 8rem
    }
    .content--header--with-bg--visual-wide>.content--header .textual .textual--inner {
        padding-top: 8rem
    }
    .content--header--with-bg--visual-wide>.content--header .textual .textual--inner {
        padding-bottom: 5rem
    }
    .content--header--with-bg--visual-wide>.content--header .textual .summary {
        margin-top: 2rem
    }
    .content--header--with-bg--visual-wide>.content--header .textual .facility {
        margin-top: 4rem
    }
    .cc-banner .content--header--with-bg--visual-wide>.content--header .textual .cc-btn,
    .cc-window .content--header--with-bg--visual-wide>.content--header .textual .cc-btn,
    .content--header--with-bg--visual-wide>.content--header .textual .btn-yellow--dark-context,
    .content--header--with-bg--visual-wide>.content--header .textual .cc-banner .cc-btn,
    .content--header--with-bg--visual-wide>.content--header .textual .cc-window .cc-btn {
        margin-top: 2rem
    }
    .content--header--with-bg--visual-wide>.content--header .textual .btn-white--dark-context {
        margin-top: 2rem
    }
    .content--header--with-bg>.content--header .textual--inner {
        padding-top: 8rem
    }
    .content--header--with-bg>.content--header .textual--inner {
        padding-bottom: 5rem
    }
    .content--header--with-bg>.content--header .themes {
        margin-top: 3rem
    }
    .content--main--aside>*+* {
        margin-top: 4rem
    }
    .content--main--basic>.content--main {
        margin-top: 4rem
    }
    .content--main--bottom {
        padding-top: 4rem
    }
    .content--main--bottom>*+* {
        margin-top: 4rem
    }
    .content--main--intro {
        padding-bottom: 3rem
    }
    .content--main--intro .divider {
        padding-top: 3rem
    }
    .content--main--main .latest-news-list ul.more-of>* {
        margin-bottom: 2rem
    }
    .content--main--main .latest-news-list ul.more-of>* {
        padding-bottom: 2rem
    }
    .content--main--no-bg .vert-rhythm>*+* {
        padding-top: 8rem
    }
    .content--main--with-bg--white .vert-rhythm>*+* .content--main--bg-color {
        padding-top: 4rem
    }
    .content--main--with-bg--white .vert-rhythm>*+* .content--main--no--bg-color {
        padding-top: 9rem
    }
    .content--main--with-bg--white .vert-rhythm>*+* .content--main--no--bg-color {
        padding-bottom: 4rem
    }
    .content--main--with-bg--white.content--main--bg-color--switch .vert-rhythm>* .content--main--bg-color {
        padding-top: 4rem
    }
    .content--main--with-bg--white.content--main--bg-color--switch .vert-rhythm>* .content--main--no--bg-color {
        padding-top: 9rem
    }
    .content--main--with-bg--white.content--main--bg-color--switch .vert-rhythm>* .content--main--no--bg-color {
        padding-bottom: 4rem
    }
    .cc-banner .cc-message-wrapper .cc-message,
    .cc-window .cc-message-wrapper .cc-message {
        margin-right: 4rem
    }
    div.messages {
        margin-top: 3rem
    }
    div.messages {
        margin-bottom: 3rem
    }
    ul.tabs {
        margin-top: 3rem
    }
    ul.tabs {
        margin-bottom: 3rem
    }
    .list--bordered>*+* {
        margin-top: 4rem
    }
    .list--bordered>*+* {
        padding-top: 4rem
    }
    .content--main--main--large .wavy-box--with-bird {
        margin-left: 0
    }
    .content--main--main--large .wavy-box--with-bird {
        margin-right: 0
    }
    .wavy-box--with-bird .wavy-box--inner {
        padding-left: 5rem
    }
    .wavy-box--with-bird .wavy-box--inner {
        padding-bottom: 4rem
    }
    .wavy-box--with-bird .wavy-box--inner {
        padding-right: 5rem
    }
    .wavy-box--with-bird .wavy-box--inner {
        padding-top: 8rem
    }
    .group--full .content--main--main {
        margin-bottom: 5rem
    }
    .group--full .content--main--main .content--main--main--inner {
        padding-top: 4rem
    }
    .group--full.group--subsite .ipn-section+.ipn-section {
        padding-top: 9rem
    }
    .region-footer-top .cta-block .block-inner {
        padding-top: 6rem
    }
    .region-footer-top .cta-block .block-inner {
        padding-bottom: 6rem
    }
    .page-footer {
        margin-top: 9rem
    }
    .page-footer .footer-content {
        padding-top: 6rem
    }
    .page-footer .footer-content {
        padding-bottom: 4rem
    }
    .page-header .page-header-inner .region-header-branding {
        margin-right: 3rem
    }
    .region-header nav.menu--main>ul>li:not(:last-child) {
        padding-right: 2rem
    }
    .region-header nav.menu--main>ul>li:not(:first-child) {
        padding-left: 2rem
    }
    .region-header nav.menu--main>ul>li>.menu_link_content .layout>.textual {
        padding-top: 6rem
    }
    .region-header nav.menu--main>ul>li>.menu_link_content .layout>.textual {
        padding-bottom: 7rem
    }
    html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .page--subsite .page-header .menu li:not(:last-child) {
        padding-right: 2rem
    }
    html:not(.header--menu-main--oh-active):not(.header--menu-top--oh-active) .page--subsite .page-header .menu li:not(:first-child) {
        padding-left: 2rem
    }
    .fast-to .divider {
        margin-top: 2.5rem
    }
    .paragraph--type--content-tiles {
        margin-top: 4rem
    }
    .paragraph--type--editorial-content-tile .textual .textual--inner {
        padding-top: 5rem
    }
    .paragraph--type--editorial-content-tile .textual .textual--inner {
        padding-left: 3rem
    }
    .paragraph--type--editorial-content-tile .textual .textual--inner {
        padding-right: 3rem
    }
    .group--project .paragraph--type--embed iframe,
    .group--research-group .paragraph--type--embed iframe,
    .node--department--full .paragraph--type--embed iframe,
    .node--dossier--full .paragraph--type--embed iframe {
        margin-top: 4rem
    }
    .paragraph--type--embed .embed-explanation {
        margin-bottom: 3rem
    }
    .image-carrousel .list--with-scroll>* {
        padding-left: 2.5rem
    }
    .image-carrousel .list--with-scroll>* {
        padding-right: 2.5rem
    }
    .paragraph--type--media-snippet .paragraph__inner>.textual {
        margin-top: 3rem
    }
    .paragraph--type--media-snippet .paragraph__inner>.textual {
        margin-right: 2rem
    }
    .paragraph--type--media-snippet .paragraph__inner>.textual {
        margin-bottom: 3rem
    }
    .paragraph--type--media-snippet .paragraph__inner>.textual {
        margin-left: 3rem
    }
    .paragraph--type--quote .wavy-box--with-bird .wavy-box--inner {
        padding-left: 10rem
    }
    .paragraph--type--subsite-agenda-block .view,
    .paragraph--type--subsite-latest-news-block .view {
        margin-top: 3rem
    }
    .paragraph--type--subsite-agenda-block .view,
    .paragraph--type--subsite-latest-news-block .view {
        padding-top: 3rem
    }
    .paragraph--type--subsite-agenda-block .view .list--bordered>*+*,
    .paragraph--type--subsite-latest-news-block .view .list--bordered>*+* {
        margin-top: 3rem
    }
    .paragraph--type--subsite-agenda-block .view .list--bordered>*+*,
    .paragraph--type--subsite-latest-news-block .view .list--bordered>*+* {
        padding-top: 3rem
    }
    .paragraph--type--subsite-agenda-block .view .actions,
    .paragraph--type--subsite-latest-news-block .view .actions {
        margin-top: 3rem
    }
    .paragraph--type--subsite-agenda-block .view .actions,
    .paragraph--type--subsite-latest-news-block .view .actions {
        padding-top: 3rem
    }
    .paragraph--type--text-block-image .textual .textual__inner {
        padding: 5rem
    }
    .paragraph--type--text-image .paragraph-content .textual,
    .paragraph--type--text-image-upload .paragraph-content .textual {
        padding-top: 5rem
    }
    .paragraph--type--text-image .paragraph-content .textual,
    .paragraph--type--text-image-upload .paragraph-content .textual {
        padding-right: 6rem
    }
    .paragraph--type--text-image .paragraph-content .textual,
    .paragraph--type--text-image-upload .paragraph-content .textual {
        padding-bottom: 7rem
    }
    .paragraph--type--text-image .paragraph-content .textual,
    .paragraph--type--text-image-upload .paragraph-content .textual {
        padding-left: 5rem
    }
    .paragraph--type--text-image .paragraph-content .textual .textual-inner .textual-actions,
    .paragraph--type--text-image-upload .paragraph-content .textual .textual-inner .textual-actions {
        margin-top: 2rem
    }
    .paragraph--type--text-image .paragraph-content .textual .paragraph-actions,
    .paragraph--type--text-image-upload .paragraph-content .textual .paragraph-actions {
        padding-top: 2rem
    }
    .profile--view-mode-full .tab-section--about .pitch .wavy-box--with-bird .wavy-box--inner {
        padding-left: 10rem
    }
    .profile--view-mode-full .tab-section--about .biography .vert-rhythm>*+* {
        margin-top: 4rem
    }
    .profile--view-mode-full .tab-section--content {
        margin-top: 3rem
    }
    .profile--view-mode-full .tab-section--content>*+* {
        margin-top: 4rem
    }
    .entity--view-mode-card-big .card-big-inner .textual {
        padding-right: 4rem
    }
    .entity--view-mode-card-big .card-big-inner .textual {
        padding-bottom: 3rem
    }
    .entity--view-mode-card-big .card-big-inner .textual {
        padding-left: 4rem
    }
    .entity--view-mode-hero .textual .textual__inner {
        padding-top: 5rem
    }
    .entity--view-mode-hero .textual .textual__inner {
        padding-bottom: 5rem
    }
    .entity--view-mode-list-with-visual-left .visual {
        margin-right: 3rem
    }
    .entity--view-mode-facility-search-result .visual,
    .entity--view-mode-population-search-result .visual,
    .entity--view-mode-search-result .visual {
        margin-left: 4rem
    }
    .entity--view-mode-tile:not(.profile--view-mode-tile).full-click:focus>.textual .tags,
    .entity--view-mode-tile:not(.profile--view-mode-tile).full-click:hover>.textual .tags {
        margin-bottom: 4rem
    }
    .entity--view-mode-tile:not(.profile--view-mode-tile)>.textual {
        padding: 4rem
    }
    .entity--view-mode-tile:not(.profile--view-mode-tile)>.textual {
        padding-bottom: 0
    }
    .entity--view-mode-tile:not(.profile--view-mode-tile)>.textual .tags {
        margin-top: 4rem
    }
    .entity--view-mode-tile:not(.profile--view-mode-tile)>.textual>:last-child:not(.tags) {
        margin-bottom: 4rem
    }
    .page--search-result--bg-light-blue .view .view-header .view-header__top {
        padding-top: 6rem
    }
    .page--search-result--bg-light-blue .view nav.pager {
        margin-top: 5rem
    }
    .page--search-result--bg-light-blue .content--header .textual {
        padding-bottom: 13rem
    }
    .page--search-result--bg-light-blue .view {
        margin-top: -13rem
    }
    .page--search-result .view .view--inner .view-content--outer {
        padding-top: 8rem
    }
    .page--search-result .view .view--inner .view-content--outer {
        padding-bottom: 8rem
    }
    .page--search-result .view .view--inner .view-content--outer .view-intro {
        margin-bottom: 5rem
    }
    .page--search-result .view nav.pager {
        margin-top: 5rem
    }
    .page--search-result .content--header .textual {
        padding-bottom: 13rem
    }
    .page--search-result .view {
        margin-top: -13rem
    }
    .page--search-result.path-news .block-nioo-message-news-notification {
        margin-top: -13rem
    }
    .page--search-result.path-news .block-nioo-message-news-notification {
        margin-bottom: 2rem
    }
    .page--search-result.path-news .view {
        margin-top: 0
    }
    .page--search-result.path-pressreleases .block-nioo-message-press-notification {
        margin-top: -13rem
    }
    .page--search-result.path-pressreleases .block-nioo-message-press-notification {
        margin-bottom: 2rem
    }
    .page--search-result.path-pressreleases .view {
        margin-top: 0
    }
    .view-vacancies-block {
        margin-top: 3rem
    }
    .webform-progress .webform-progress-tracker {
        margin-top: 5rem
    }
    .webform-progress .webform-progress-tracker {
        margin-bottom: 5rem
    }
}

.header-title-section {
    font-family: "EB Garamond", serif;
    font-size: 40px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hidden_map {
    display: none;
}