@font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,
swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,
swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: rgba(0, 0, 0, 0)
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

@keyframes body-state_backdrop-in {
    to {
        opacity: 1
    }
}

.has-hScroll {
    position: relative
}

.has-hScroll:before,
.has-hScroll:after {
    content: "";
    position: sticky;
    left: 0;
    top: 0;
    height: 100%;
    display: block;
    min-height: 100%;
    min-width: 100px;
    pointer-events: none;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 250ms linear, visibility 250ms;
    will-change: opacity;
    margin-left: -100px
}

.has-hScroll::before {
    left: -2.5rem;
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)
}

.has-hScroll::after {
    right: -2.5rem;
    background: linear-gradient(270deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)
}

.has-hScroll:not(.is-at-left)::before {
    visibility: visible;
    opacity: 1;
    transform: none
}

.has-hScroll:not(.is-at-right)::after {
    visibility: visible;
    opacity: 1;
    transform: none
}

* {
    font: inherit;
    color: inherit;
    line-height: inherit;
    text-decoration: inherit;
    margin: 0;
    padding: 0
}

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

html {
    color: #000;
    background: #fff
}

figure {
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    margin-left: 0;
    margin-right: 0
}

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

audio,
canvas,
video {
    display: inline-block
}

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

fieldset,
img {
    border: 0
}

del,
ins {
    text-decoration: none
}

li {
    list-style: none
}

caption,
th {
    text-align: left
}

q:before,
q:after {
    content: ""
}

abbr,
acronym {
    border: 0;
    text-decoration: none;
    font-variant: normal
}

sup {
    vertical-align: baseline
}

sub {
    vertical-align: baseline
}

iframe {
    border: 0
}

legend {
    color: inherit;
    *color: #000
}

button,
input[type=button],
input[type=submit] {
    background: rgba(0, 0, 0, 0);
    -webkit-appearance: button;
    cursor: pointer;
    border-radius: 0;
    border: 0
}

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

input[type=search] {
    -webkit-appearance: textfield
}

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

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

textarea {
    overflow: auto;
    vertical-align: top
}

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

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

audio,
canvas,
img,
svg,
video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

* {
    font: inherit;
    color: inherit;
    line-height: inherit;
    text-decoration: inherit;
    margin: 0;
    padding: 0
}

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

html {
    color: #000;
    background: #fff
}

figure {
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    margin-left: 0;
    margin-right: 0
}

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

audio,
canvas,
video {
    display: inline-block
}

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

fieldset,
img {
    border: 0
}

del,
ins {
    text-decoration: none
}

li {
    list-style: none
}

caption,
th {
    text-align: left
}

q:before,
q:after {
    content: ""
}

abbr,
acronym {
    border: 0;
    text-decoration: none;
    font-variant: normal
}

sup {
    vertical-align: baseline
}

sub {
    vertical-align: baseline
}

iframe {
    border: 0
}

legend {
    color: inherit;
    *color: #000
}

button,
input[type=button],
input[type=submit] {
    background: rgba(0, 0, 0, 0);
    -webkit-appearance: button;
    cursor: pointer;
    border-radius: 0;
    border: 0
}

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

input[type=search] {
    -webkit-appearance: textfield
}

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

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

textarea {
    overflow: auto;
    vertical-align: top
}

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

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

audio,
canvas,
img,
svg,
video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

:root {
    --c-trueblack: 0, 0, 0;
    --c-black: 18, 18, 18;
    --c-white: 255, 255, 255;
    --c-truewhite: 255, 255, 255;
    --c-grey: 102, 102, 102;
    --c-grey-medium: 233, 233, 233;
    --c-grey-light: 250, 250, 250;
    --c-blue: 0, 40, 165;
    --c-blue-muted: 27, 33, 74;
    --c-blue-light: 245, 245, 251;
    --c-green: 40, 150, 12;
    --c-green-attention: 0, 126, 42;
    --c-red: 255, 0, 0;
    --c-text-black: 18, 18, 18;
    --c-text-grey: 102, 102, 102
}

html {
    width: 100%;
    height: 100%;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    background: rgba(var(--c-white), 1)
}

html.breadcrumb-open body:before {
    display: block;
    animation: body-state_backdrop-in .2s ease-in-out forwards
}

html.breadcrumb-open body::before {
    z-index: 98
}

html.lightbox-open body:before {
    display: block;
    animation: body-state_backdrop-in .2s ease-in-out forwards
}

html.prevent-scroll body {
    position: fixed !important;
    left: 0;
    width: 100%;
    overflow-y: scroll
}

@media(max-width: 900px) {
    html.mobilenav-open body:before {
        display: block;
        animation: body-state_backdrop-in .2s ease-in-out forwards
    }

    html.mobilenav-open body {
        overflow: hidden
    }
}

@media(min-width: 901px) {
    html.navitem-open body:before {
        display: block;
        animation: body-state_backdrop-in .2s ease-in-out forwards
    }
}

body {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    font-family: "Source Sans Pro", sans-serif;
    color: rgba(var(--c-text-black), 1);
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-wrap: break-word;
    scroll-behavior: smooth
}

@media(max-width: 700px) {
    body {
        font-size: 1rem
    }
}

body:before {
    display: none;
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(var(--c-black), 0.2);
    opacity: 0;
    z-index: 999
}

::-moz-selection {
    background: rgba(var(--c-blue), 0.3)
}

::selection {
    background: rgba(var(--c-blue), 0.3)
}

body,
input,
select,
button,
textarea {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    width: 100%;
    display: block
}

a:active {
    outline: none
}

*:focus {
    outline: none
}

abbr {
    border-bottom: 1px dotted gray
}

p sup {
    position: relative;
    top: -0.75ex
}

p sub {
    position: relative;
    top: .5ex
}

button {
    cursor: pointer
}

main {
    width: 100%;
    flex-grow: 1;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

#FlyingFocus {
    position: absolute;
    margin: 0;
    top: -100px;
    background: rgba(0, 0, 0, 0);
    transition-property: left, top, width, height, opacity;
    transition-timing-function: cubic-bezier(0, 0.2, 0, 1);
    visibility: hidden;
    pointer-events: none;
    display: none
}

#FlyingFocus.FlyingFocus-visible {
    visibility: visible;
    z-index: 10000000;
    display: block
}

#FlyingFocus:after {
    content: "";
    position: absolute;
    top: -19px;
    left: -19px;
    bottom: -19px;
    right: -19px;
    border-radius: 13px;
    box-shadow: 0 0 54px 0px rgba(0, 0, 0, .2), 0 0 2px 2px rgba(0, 10, 20, .1);
    border: 1px solid rgba(42, 113, 184, .75)
}

#FlyingFocus:before {
    content: "";
    position: absolute;
    top: -18px;
    left: -18px;
    bottom: -18px;
    right: -18px;
    border-radius: 13px;
    box-shadow: 0 0 2px rgba(255, 255, 255, .9) inset;
    border: 1px solid rgba(255, 255, 255, .8)
}

.FocusOnly {
    position: absolute;
    clip: rect(0 0 0 0);
    -webkit-clip-path: polygon(0 0);
    clip-path: polygon(0 0)
}

.FocusOnly:focus,
.FocusOnly:focus-within {
    position: static;
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none
}

button.FocusOnly:focus {
    display: block;
    width: 100%;
    padding: 1em;
    text-align: center;
    background-color: rgba(var(--c-black), 1);
    color: rgba(var(--c-white), 1)
}

.visuallyhidden {
    position: absolute;
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
    white-space: nowrap
}

:root {
    --font-family-base: Source Sans Pro, sans-serif
}

@font-face {
    font-family: "Source Sans Pro";
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    src: url("../fonts/WOFF2/SourceSans3-Regular.otf.woff2") format("woff2"), url("../fonts/WOFF/SourceSans3-Regular.otf.woff") format("woff")
}

@font-face {
    font-family: "Source Sans Pro";
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    font-display: swap;
    src: url("../fonts/WOFF2/SourceSans3-It.otf.woff2") format("woff2"), url("../fonts/WOFF/SourceSans3-It.otf.woff") format("woff")
}

@font-face {
    font-family: "Source Sans Pro";
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    src: url("../fonts/WOFF2/SourceSans3-Semibold.otf.woff2") format("woff2"), url("../fonts/WOFF/SourceSans3-Semibold.otf.woff") format("woff")
}

@font-face {
    font-family: "Source Sans Pro";
    font-weight: bold;
    font-style: italic;
    font-stretch: normal;
    font-display: swap;
    src: url("../fonts/WOFF2/SourceSans3-SemiboldIt.otf.woff2") format("woff2"), url("../fonts/WOFF/SourceSans3-SemiboldIt.otf.woff") format("woff")
}

.Icon {
    display: inline-flex;
    vertical-align: middle;
    position: relative;
    font-size: 100%;
    width: 2rem;
    height: 2rem;
    line-height: 1
}

.Icon>svg {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible
}

.Icon[data-name^="24"] {
    width: 1.5rem;
    height: 1.5rem
}

.Icon[data-name^="16"] {
    width: 1rem;
    height: 1rem
}

.Image {
    --image_width-custom: var(--image-local_width, var(--image_width));
    --image_height-custom: var(--image-local_height, var(--image_height));
    position: relative;
    width: calc(var(--image_width-custom)*1px);
    max-width: 100%
}

.Image::before {
    content: "";
    display: block;
    padding-bottom: calc(var(--image_height-custom)/var(--image_width-custom)*100%)
}

.Image.layout-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 0
}

.Image.layout-cover .Image--img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center
}

.Image.layout-fixed-height {
    --image_height-custom: var(--image-local_height, 500);
    width: calc(1px*var(--image_height-custom)*var(--image_width)/var(--image_height));
    height: calc(var(--image_height-custom)*1px);
    padding-bottom: 0
}

.Image--wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.Image--img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -o-object-fit: cover;
    object-fit: cover
}

.richtext h1 {
    font-size: 2.625rem;
    line-height: 1.2;
    font-weight: 700;
    color: rgba(var(--c-black), 1);
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .richtext h1 {
        font-size: 2.125rem
    }
}

@media(max-width: 700px) {
    .richtext h1 {
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

.richtext h2 {
    font-size: 1.625rem;
    line-height: 1.2;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-top: 1.5em;
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .richtext h2 {
        font-size: 1.375rem
    }
}

.richtext h3 {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-top: 1.5em;
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .richtext h3 {
        font-size: 1rem
    }
}

.richtext h4 {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-top: 1.5em;
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .richtext h4 {
        font-size: 0.875rem
    }
}

.richtext h5 {
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .richtext h5 {
        font-size: 0.875rem
    }
}

.richtext h6 {
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .richtext h6 {
        font-size: 0.875rem
    }
}

.richtext pre {
    padding: 20px;
    background: rgba(var(--c-white), 1);
    margin: 1em 0
}

.richtext code {
    background: #fff
}

.richtext pre code,
.richtext pre pre,
.richtext code pre {
    background: rgba(0, 0, 0, 0)
}

.richtext figure {
    margin-top: 1em;
    margin-bottom: 1em
}

.richtext figure img {
    width: 100%
}

.richtext figure figcaption {
    margin-top: 1em;
    display: block
}

.richtext hr {
    border: none;
    border-bottom: 1px solid rgba(var(--c-trueblack), 0.08);
    margin-top: 1em;
    margin-bottom: 1em
}

.richtext sub {
    vertical-align: sub;
    font-size: .75em
}

.richtext sup {
    vertical-align: super;
    font-size: .75em
}

.richtext del {
    text-decoration: line-through
}

.richtext mark {
    background-color: rgba(var(--c-blue), 0.1)
}

.richtext p,
.richtext q,
.richtext blockquote {
    color: rgba(var(--c-text-grey), 1)
}

.richtext p:not(:first-child),
.richtext q:not(:first-child),
.richtext blockquote:not(:first-child) {
    margin-top: 1em
}

.richtext p:not(:last-child),
.richtext q:not(:last-child),
.richtext blockquote:not(:last-child) {
    margin-bottom: 1em
}

.richtext ul {
    display: block;
    margin-left: 1.25rem;
    margin-left: 0;
    color: rgba(var(--c-text-grey), 1)
}

.richtext ul>li {
    list-style-type: none;
    position: relative;
    margin-bottom: .33em;
    padding-left: 0.75rem
}

.richtext ul>li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: .65em;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: currentColor
}

.richtext ul.type3>li:before {
    height: 1px;
    width: 8px;
    margin-top: 1px
}

.richtext ul.type4>li:before {
    content: none
}

.richtext ul:not(:first-child) {
    margin-top: 1em
}

.richtext ul:not(:last-child) {
    margin-bottom: 1em
}

.richtext ol {
    display: block;
    margin-left: 1.25rem;
    display: block;
    counter-reset: ol--counter;
    margin: 1em 0;
    color: rgba(var(--c-text-grey), 1)
}

.richtext ol>li {
    list-style-type: none;
    position: relative;
    margin-bottom: .33em;
    padding-left: 0.75rem
}

.richtext ol>li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: .65em;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: currentColor
}

.richtext ol.type3>li:before {
    height: 1px;
    width: 8px;
    margin-top: 1px
}

.richtext ol.type4>li:before {
    content: none
}

.richtext ol>li {
    padding-left: 1.25rem
}

.richtext ol>li:before {
    counter-increment: ol--counter;
    content: counter(ol--counter) ".";
    text-align: right;
    background-color: unset;
    top: 0;
    left: 0.25rem;
    width: unset;
    height: unset
}

.richtext ol.type2>li:before {
    content: counter(ol--counter, lower-alpha) "."
}

.ie .richtext ol>li {
    list-style: decimal inside none
}

.richtext ol:not(:first-child) {
    margin-top: 1em
}

.richtext ol:not(:last-child) {
    margin-bottom: 1em
}

.richtext table {
    border-collapse: collapse;
    border-spacing: 0;
    overflow: hidden;
    float: none;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%
}

.richtext table caption {
    padding: 1em 0
}

.richtext table th {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .richtext table th {
        font-size: 1rem
    }
}

.richtext table th,
.richtext table td {
    padding: 1rem;
    vertical-align: text-top
}

.richtext table th:first-child,
.richtext table td:first-child {
    border-left: none !important;
    padding-left: 0
}

.richtext table th:last-child,
.richtext table td:last-child {
    border-right: none !important;
    padding-right: 0
}

.richtext table th h3,
.richtext table th h4,
.richtext table th h5,
.richtext table td h3,
.richtext table td h4,
.richtext table td h5 {
    margin-top: 0
}

.richtext table th p,
.richtext table th p:not(:first-child),
.richtext table td p,
.richtext table td p:not(:first-child) {
    margin-top: 0
}

.richtext table th p:last-child,
.richtext table td p:last-child {
    margin-bottom: 0
}

.richtext table td {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .richtext table td {
        font-size: 1rem
    }
}

.richtext table.grid th,
.richtext table.grid td,
.richtext table.striped th,
.richtext table.striped td {
    border: 1px solid rgba(0, 0, 0, .08)
}

.richtext table.ornate tr {
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.richtext table.ornate strong {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    display: block;
    margin-top: 1rem
}

@media(max-width: 700px) {
    .richtext table.ornate strong {
        font-size: 1rem
    }
}

.richtext table.sortable thead tr th,
.richtext table.tablesorter thead tr th {
    cursor: pointer;
    white-space: nowrap
}

.richtext table.sortable thead tr th::after,
.richtext table.tablesorter thead tr th::after {
    position: relative;
    display: inline-block;
    width: 1em;
    height: .75em;
    margin-left: .25em;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L4 0.5L7 3.5M7 8.5L4 11.5L1 8.5' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right center;
    content: ""
}

.richtext table.sortable thead tr th.asc::after,
.richtext table.sortable thead tr th[data-sort-dir=ASC i]::after,
.richtext table.tablesorter thead tr th.asc::after,
.richtext table.tablesorter thead tr th[data-sort-dir=ASC i]::after {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L4 0.5L7 3.5' stroke='%23666666' stroke-opacity='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 8.5L4 11.5L1 8.5' stroke='%230028A5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.richtext table.sortable thead tr th.desc::after,
.richtext table.sortable thead tr th[data-sort-dir=DESC i]::after,
.richtext table.tablesorter thead tr th.desc::after,
.richtext table.tablesorter thead tr th[data-sort-dir=DESC i]::after {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L4 0.5L7 3.5' stroke='%230028A5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 8.5L4 11.5L1 8.5' stroke='%23666666' stroke-opacity='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.richtext table th,
.richtext table td {
    border: 1px solid rgba(0, 0, 0, .08)
}

.richtext table.basic th,
.richtext table.basic td {
    border: unset
}

.richtext strong,
.richtext b {
    font-weight: 700
}

.richtext a {
    background-repeat: no-repeat;
    background-position: 0.875rem 100%;
    background-size: 100% 0px;
    background-image: linear-gradient(currentColor, currentColor);
    position: relative;
    padding-left: 0.5rem;
    white-space: normal;
    color: rgba(var(--c-blue), 1);
    cursor: pointer
}

@media(hover: hover) {
    .richtext a[href]:hover {
        background-size: 100% 1px
    }
}

.richtext a::before {
    display: inline-block;
    position: relative;
    left: -0.375rem;
    top: 0.6875rem;
    vertical-align: top;
    width: 0.375rem;
    height: 0.375rem;
    border-style: solid;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    content: ""
}

.richtext a:visited {
    color: rgba(var(--c-blue-muted), 1)
}

.richtext a[href*="/dam/"],
.richtext a.download,
.richtext a[download],
.richtext a[href*="//"]:not([href*="uzh.ch/"]) {
    margin-right: .375em
}

.richtext a[href*="/dam/"]::after,
.richtext a.download::after,
.richtext a[download]::after,
.richtext a[href*="//"]:not([href*="uzh.ch/"])::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: .85em;
    margin-left: .125em;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='17' viewBox='0 0 12 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 15.5L11 15.5' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10 8.5L6 12.5L2 8.5' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 1.5L6 12.5' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right center
}

.richtext a[href*="//"]:not([href*="uzh.ch/"])::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 11.1064L8.77817 3.32827' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M3.12109 3.32861L8.77795 3.32861L8.77795 8.98547' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ")
}

.richtext a:has(img) {
    display: inline-block;
    padding-left: 0 !important;
    margin-right: 0 !important;
    background-image: unset
}

.richtext a:has(img) img {
    display: inline-block
}

.richtext a:has(img)::before,
.richtext a:has(img)::after {
    content: none !important
}

.richtext a[id]:not([href]),
.richtext a[name]:not([href]) {
    padding-left: 0;
    color: inherit;
    cursor: default
}

.richtext a[id]:not([href])::before,
.richtext a[name]:not([href])::before {
    content: none
}

.richtext i,
.richtext cite,
.richtext em {
    font-style: italic
}

.richtext u {
    text-decoration: underline
}

.richtext big {
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: 400
}

@media(max-width: 700px) {
    .richtext big {
        font-size: 1.125rem
    }
}

.richtext small {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .richtext small {
        font-size: 0.875rem
    }
}

.richtext strike {
    text-decoration: line-through
}

.richtext tt,
.richtext code {
    font-family: monospace
}

.richtext q::before,
.richtext q::after {
    content: '"'
}

.richtext blockquote::before,
.richtext blockquote::after {
    content: '"'
}

.richtext .attention {
    color: rgba(var(--c-text-black), 1);
    background-color: rgba(var(--c-blue), 0.1)
}

.t-nowrap {
    white-space: nowrap
}

.t-hyphenate {
    -webkit-hyphens: auto;
    hyphens: auto
}

.t-text-h1 {
    font-size: 2.625rem;
    line-height: 1.2;
    font-weight: 700;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .t-text-h1 {
        font-size: 2.125rem
    }
}

@media(max-width: 700px) {
    .t-text-h1 {
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

.t-text-h2 {
    font-size: 1.625rem;
    line-height: 1.2;
    font-weight: 600;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .t-text-h2 {
        font-size: 1.375rem
    }
}

.t-text-h3 {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .t-text-h3 {
        font-size: 1rem
    }
}

.t-text-h4 {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 600;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .t-text-h4 {
        font-size: 0.875rem
    }
}

.t-text-h5 {
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: 600
}

@media(max-width: 700px) {
    .t-text-h5 {
        font-size: 0.875rem
    }
}

.t-text-copy-m {
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: 400
}

@media(max-width: 700px) {
    .t-text-copy-m {
        font-size: 1.125rem
    }
}

.t-text-copy-s {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .t-text-copy-s {
        font-size: 1rem
    }
}

.t-text-copy-xs {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .t-text-copy-xs {
        font-size: 0.875rem
    }
}

.t-text-copy-xxs {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .t-text-copy-xxs {
        font-size: 0.75rem
    }
}

html.js .is-hidden-js {
    display: none !important
}

html.no-js .is-visible-js {
    display: none !important
}

@media(min-width: 1151px) {
    .is-hidden-desktop {
        display: none !important
    }

    .is-visible-tablet {
        display: none !important
    }
}

@media(max-width: 1150px) {
    .is-visible-desktop {
        display: none !important
    }

    .is-hidden-tablet {
        display: none !important
    }
}

@media(min-width: 901px) {
    .is-visible-tablet-portrait {
        display: none !important
    }
}

@media(max-width: 900px) {
    .is-hidden-tablet-portrait {
        display: none !important
    }
}

@media(min-width: 701px) {
    .is-visible-mobile {
        display: none !important
    }
}

@media(max-width: 700px) {
    .is-hidden-mobile {
        display: none !important
    }
}

@media(min-width: 401px) {
    .is-visible-mobile-portrait {
        display: none !important
    }
}

@media(max-width: 400px) {
    .is-hidden-mobile-portrait {
        display: none !important
    }
}

@media only screen {
    .is-visible-print {
        display: none !important
    }
}

@media print {
    .is-hidden-print {
        display: none !important
    }
}

.Fullwidth {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media(max-width: 700px) {
    .Fullwidth {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

.ContentArea .Fullwidth,
.RelatedArea .Fullwidth {
    padding-left: calc(var(--page-margin)*-1);
    padding-right: calc(var(--page-margin)*-1)
}

.l-Flex {
    display: flex;
    flex-wrap: wrap;
    --gutter: 50px;
    margin-left: calc(-1*var(--gutter));
    --gap: 50px;
    margin-bottom: calc(-1*var(--gap))
}

.l-Flex.gutter-none {
    --gutter: 0px
}

.l-Flex.gutter-small {
    --gutter: 25px
}

.l-Flex.gap-none {
    --gap: 0px
}

.l-Flex.gap-small {
    --gap: 25px
}

.l-Flex>* {
    flex: 0 0 auto;
    margin-left: var(--gutter);
    margin-bottom: var(--gap)
}

.l-Flex>.l-1of1 {
    width: calc(100% / 1 * 1 - var(--gutter))
}

.l-Flex>.l-1of2 {
    width: calc(100% / 2 * 1 - var(--gutter))
}

.l-Flex>.l-1of3 {
    width: calc(100% / 3 * 1 - var(--gutter))
}

.l-Flex>.l-2of3 {
    width: calc(100% / 3 * 2 - var(--gutter))
}

.l-Flex>.l-1of4 {
    width: calc(100% / 4 * 1 - var(--gutter))
}

.l-Flex>.l-3of4 {
    width: calc(100% / 4 * 3 - var(--gutter))
}

.l-Flex>.l-1of5 {
    width: calc(100% / 5 * 1 - var(--gutter))
}

.l-Flex>.l-2of5 {
    width: calc(100% / 5 * 2 - var(--gutter))
}

.l-Flex>.l-3of5 {
    width: calc(100% / 5 * 3 - var(--gutter))
}

.l-Flex>.l-4of5 {
    width: calc(100% / 5 * 4 - var(--gutter))
}

.l-Flex>.l-flex {
    flex-grow: 1
}

@media(max-width: 1150px) {
    .l-Flex>.tl-1of1 {
        width: calc(100% / 1 * 1 - var(--gutter))
    }

    .l-Flex>.tl-1of2 {
        width: calc(100% / 2 * 1 - var(--gutter))
    }

    .l-Flex>.tl-1of3 {
        width: calc(100% / 3 * 1 - var(--gutter))
    }

    .l-Flex>.tl-2of3 {
        width: calc(100% / 3 * 2 - var(--gutter))
    }

    .l-Flex>.tl-1of4 {
        width: calc(100% / 4 * 1 - var(--gutter))
    }

    .l-Flex>.tl-3of4 {
        width: calc(100% / 4 * 3 - var(--gutter))
    }

    .l-Flex>.tl-1of5 {
        width: calc(100% / 5 * 1 - var(--gutter))
    }

    .l-Flex>.tl-2of5 {
        width: calc(100% / 5 * 2 - var(--gutter))
    }

    .l-Flex>.tl-3of5 {
        width: calc(100% / 5 * 3 - var(--gutter))
    }

    .l-Flex>.tl-4of5 {
        width: calc(100% / 5 * 4 - var(--gutter))
    }

    .l-Flex>.tl-flex {
        flex-grow: 1
    }
}

@media(max-width: 900px) {
    .l-Flex>.tp-1of1 {
        width: calc(100% / 1 * 1 - var(--gutter))
    }

    .l-Flex>.tp-1of2 {
        width: calc(100% / 2 * 1 - var(--gutter))
    }

    .l-Flex>.tp-1of3 {
        width: calc(100% / 3 * 1 - var(--gutter))
    }

    .l-Flex>.tp-2of3 {
        width: calc(100% / 3 * 2 - var(--gutter))
    }

    .l-Flex>.tp-1of4 {
        width: calc(100% / 4 * 1 - var(--gutter))
    }

    .l-Flex>.tp-3of4 {
        width: calc(100% / 4 * 3 - var(--gutter))
    }

    .l-Flex>.tp-1of5 {
        width: calc(100% / 5 * 1 - var(--gutter))
    }

    .l-Flex>.tp-2of5 {
        width: calc(100% / 5 * 2 - var(--gutter))
    }

    .l-Flex>.tp-3of5 {
        width: calc(100% / 5 * 3 - var(--gutter))
    }

    .l-Flex>.tp-4of5 {
        width: calc(100% / 5 * 4 - var(--gutter))
    }

    .l-Flex>.tp-flex {
        flex-grow: 1
    }
}

@media(max-width: 700px) {
    .l-Flex>.ml-1of1 {
        width: calc(100% / 1 * 1 - var(--gutter))
    }

    .l-Flex>.ml-1of2 {
        width: calc(100% / 2 * 1 - var(--gutter))
    }

    .l-Flex>.ml-1of3 {
        width: calc(100% / 3 * 1 - var(--gutter))
    }

    .l-Flex>.ml-2of3 {
        width: calc(100% / 3 * 2 - var(--gutter))
    }

    .l-Flex>.ml-1of4 {
        width: calc(100% / 4 * 1 - var(--gutter))
    }

    .l-Flex>.ml-3of4 {
        width: calc(100% / 4 * 3 - var(--gutter))
    }

    .l-Flex>.ml-1of5 {
        width: calc(100% / 5 * 1 - var(--gutter))
    }

    .l-Flex>.ml-2of5 {
        width: calc(100% / 5 * 2 - var(--gutter))
    }

    .l-Flex>.ml-3of5 {
        width: calc(100% / 5 * 3 - var(--gutter))
    }

    .l-Flex>.ml-4of5 {
        width: calc(100% / 5 * 4 - var(--gutter))
    }

    .l-Flex>.ml-flex {
        flex-grow: 1
    }
}

@media(max-width: 400px) {
    .l-Flex>.mp-1of1 {
        width: calc(100% / 1 * 1 - var(--gutter))
    }

    .l-Flex>.mp-1of2 {
        width: calc(100% / 2 * 1 - var(--gutter))
    }

    .l-Flex>.mp-1of3 {
        width: calc(100% / 3 * 1 - var(--gutter))
    }

    .l-Flex>.mp-2of3 {
        width: calc(100% / 3 * 2 - var(--gutter))
    }

    .l-Flex>.mp-1of4 {
        width: calc(100% / 4 * 1 - var(--gutter))
    }

    .l-Flex>.mp-3of4 {
        width: calc(100% / 4 * 3 - var(--gutter))
    }

    .l-Flex>.mp-1of5 {
        width: calc(100% / 5 * 1 - var(--gutter))
    }

    .l-Flex>.mp-2of5 {
        width: calc(100% / 5 * 2 - var(--gutter))
    }

    .l-Flex>.mp-3of5 {
        width: calc(100% / 5 * 3 - var(--gutter))
    }

    .l-Flex>.mp-4of5 {
        width: calc(100% / 5 * 4 - var(--gutter))
    }

    .l-Flex>.mp-flex {
        flex-grow: 1
    }
}

:root {
    --page-margin: 100px
}

@media(min-width: 1440px) {
    :root {
        --page-margin: calc(50% - 620px)
    }
}

@media(max-width: 1150px) {
    :root {
        --page-margin: 40px
    }
}

@media(max-width: 900px) {
    :root {
        --page-margin: 16px
    }
}

.l-SiteWidth {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    position: relative
}

.l-SiteWidth-8-col {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin))
}

.l-SiteWidth-6-col {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 6)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 6)) / 2) + var(--page-margin))
}

.MasonryGridWrapper {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    position: relative
}

.MasonryGrid {
    position: relative;
    margin-bottom: -2.5rem;
    margin-right: calc(2.5rem/-2);
    margin-left: calc(2.5rem/-2)
}

.MasonryGrid:before,
.MasonryGrid:after {
    content: "";
    display: table
}

.MasonryGrid:after {
    clear: both
}

.MasonryGrid[data-item-count=lt-3] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media(max-width: 1150px) {
    .MasonryGrid {
        margin-bottom: -1.5rem;
        margin-right: calc(1.5rem/-2);
        margin-left: calc(1.5rem/-2)
    }
}

@media(max-width: 700px) {
    .MasonryGrid {
        margin-bottom: -1rem;
        margin-right: 0;
        margin-left: 0
    }
}

.MasonryGrid--item {
    width: 33.3333333333%;
    padding-right: calc(2.5rem/2);
    padding-left: calc(2.5rem/2)
}

@media(max-width: 1150px) {
    .MasonryGrid--item {
        width: 50%;
        padding-right: calc(1.5rem/2);
        padding-left: calc(1.5rem/2)
    }
}

@media(max-width: 700px) {
    .MasonryGrid--item {
        padding-right: 0;
        width: 100%
    }
}

.js-MasonryGrid--gutterSizer {
    display: none
}

.MasonryGrid--item {
    float: left;
    margin-bottom: 2.5rem
}

@media(max-width: 1150px) {
    .MasonryGrid--item {
        margin-bottom: 1.5rem
    }
}

@media(max-width: 700px) {
    .MasonryGrid--item {
        margin-bottom: 1rem
    }
}

.Button {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-top: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    border-radius: 100px;
    background-color: rgba(var(--c-grey-light), 1);
    color: rgba(var(--c-grey), 1);
    transition: color .2s ease-in-out, background-color .2s ease-in-out;
    white-space: nowrap
}

@media(max-width: 700px) {
    .Button {
        font-size: 0.75rem
    }
}

@media(hover: hover) {
    .Button:hover {
        color: rgba(var(--c-black), 1)
    }
}

.Button.color-primary {
    background-color: rgba(var(--c-blue), 1);
    color: rgba(var(--c-white), 1)
}

@media(hover: hover) {
    .Button.color-primary:hover {
        background-color: rgba(var(--c-blue), 0.8)
    }
}

.Button.color-border-white {
    background-color: rgba(var(--c-white), 1);
    color: rgba(var(--c-grey), 1)
}

.Button.color-border-white::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(var(--c-grey), 1);
    border-radius: inherit;
    transition-property: opacity;
    transition-duration: inherit;
    transition-timing-function: inherit;
    opacity: .3
}

@media(hover: hover) {
    .Button.color-border-white:hover {
        color: rgba(var(--c-black), 1)
    }

    .Button.color-border-white:hover::before {
        opacity: .6
    }
}

.Button.size-large {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 600;
    padding-top: 0.75rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 0.75rem
}

@media(max-width: 700px) {
    .Button.size-large {
        font-size: 0.875rem
    }
}

@media(max-width: 700px) {
    .Button.size-large {
        padding-top: 0.5rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-bottom: 0.5rem
    }
}

.Button--icon {
    flex-shrink: 0;
    margin-right: 0.25rem;
    transform: rotate(180deg);
    margin-left: -0.5rem;
    order: -1
}

@keyframes anim-Lightbox-content-in {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.Lightbox {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 90px
}

@media(max-width: 900px) {
    .Lightbox {
        padding-top: calc(24px + 2 * 1rem);
        padding-left: var(--page-margin);
        padding-right: var(--page-margin);
        padding-bottom: calc(24px + 2 * 1rem)
    }
}

.Lightbox--inner {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    max-height: 100%
}

.Lightbox--inner img,
.Lightbox--inner video {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    background-color: rgba(var(--c-white), 1);
    border: 8px solid rgba(var(--c-white), 1);
    animation: .6s anim-Lightbox-content-in backwards
}

.Lightbox--close {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -24px;
    right: -32px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgba(var(--c-white), 1)
}

.Lightbox--close .Icon {
    width: 10px;
    height: 10px;
    color: rgba(var(--c-grey), 1);
    transition: transform .2s
}

@media(hover: hover) {
    .Lightbox--close:hover .Icon {
        transform: rotate(90deg)
    }
}

@media(max-width: 900px) {
    .Lightbox--close {
        position: fixed;
        top: var(--page-margin);
        right: var(--page-margin)
    }
}

.Link {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    position: relative
}

@media(max-width: 700px) {
    .Link {
        font-size: 1rem
    }
}

.Link:not(.layout-standalone) {
    background-repeat: no-repeat;
    background-position: 0.875rem 100%;
    background-size: 100% 0px;
    background-image: linear-gradient(currentColor, currentColor);
    position: relative;
    padding-left: 0.5rem;
    white-space: normal;
    color: rgba(var(--c-blue), 1);
    padding-right: 0
}

@media(hover: hover) {
    .Link:not(.layout-standalone)[href]:hover {
        background-size: 100% 1px
    }
}

.Link:not(.layout-standalone)::before {
    display: inline-block;
    position: relative;
    left: -0.375rem;
    top: 0.6875rem;
    vertical-align: top;
    width: 0.375rem;
    height: 0.375rem;
    border-style: solid;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    content: ""
}

.Link:not(.layout-standalone):visited {
    color: rgba(var(--c-blue-muted), 1)
}

.Link:not(.layout-standalone)[href*="/dam/"],
.Link:not(.layout-standalone).download,
.Link:not(.layout-standalone)[download],
.Link:not(.layout-standalone)[href*="//"]:not([href*="uzh.ch/"]) {
    margin-right: .375em
}

.Link:not(.layout-standalone)[href*="/dam/"]::after,
.Link:not(.layout-standalone).download::after,
.Link:not(.layout-standalone)[download]::after,
.Link:not(.layout-standalone)[href*="//"]:not([href*="uzh.ch/"])::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: .85em;
    margin-left: .125em;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='17' viewBox='0 0 12 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 15.5L11 15.5' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10 8.5L6 12.5L2 8.5' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 1.5L6 12.5' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right center
}

.Link:not(.layout-standalone)[href*="//"]:not([href*="uzh.ch/"])::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 11.1064L8.77817 3.32827' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M3.12109 3.32861L8.77795 3.32861L8.77795 8.98547' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ")
}

.Link:not(.layout-standalone):has(img) {
    display: inline-block;
    padding-left: 0 !important;
    margin-right: 0 !important;
    background-image: unset
}

.Link:not(.layout-standalone):has(img) img {
    display: inline-block
}

.Link:not(.layout-standalone):has(img)::before,
.Link:not(.layout-standalone):has(img)::after {
    content: none !important
}

.Link:not(.layout-standalone)[id]:not([href]),
.Link:not(.layout-standalone)[name]:not([href]) {
    padding-left: 0;
    color: inherit;
    cursor: default
}

.Link:not(.layout-standalone)[id]:not([href])::before,
.Link:not(.layout-standalone)[name]:not([href])::before {
    content: none
}

.Link:not(.layout-standalone).size-small {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400
}

@media(max-width: 700px) {
    .Link:not(.layout-standalone).size-small {
        font-size: 0.875rem
    }
}

.Link:not(.layout-standalone).size-small::before {
    top: .75em
}

.Link.layout-standalone {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    display: inline-flex;
    align-items: center
}

@media(max-width: 700px) {
    .Link.layout-standalone {
        font-size: 1rem
    }
}

@media(hover: hover) {
    .Link.layout-standalone:hover .Link--icon {
        transform: translateX(0.25em)
    }
}

.Link.layout-standalone.icon-position-before {
    flex-direction: row-reverse
}

.Link.layout-standalone.icon-position-before .Link--icon {
    margin-left: 0;
    margin-right: 0.75rem
}

.Link.layout-standalone.icon-orientation-left .Icon {
    transform: scale(-1)
}

@media(hover: hover) {
    .Link.layout-standalone.icon-orientation-left:hover .Link--icon {
        transform: translateX(-0.25em)
    }
}

.Link.layout-standalone.icon-orientation-down .Icon {
    transform: rotate(90deg) translateX(-2px)
}

@media(hover: hover) {
    .Link.layout-standalone.icon-orientation-down:hover .Link--icon {
        transform: translateY(0.15em)
    }
}

.Link.layout-standalone.icon-orientation-up .Icon {
    transform: rotate(-90deg) translateX(2px)
}

@media(hover: hover) {
    .Link.layout-standalone.icon-orientation-up:hover .Link--icon {
        transform: translateY(-0.15em)
    }
}

.Link.layout-standalone.size-large {
    font-size: 1.625rem;
    line-height: 1.2;
    font-weight: 600;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .Link.layout-standalone.size-large {
        font-size: 1.375rem
    }
}

.Link.layout-standalone.size-small {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 600;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .Link.layout-standalone.size-small {
        font-size: 0.875rem
    }
}

.Link.layout-standalone.size-copy-xs {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .Link.layout-standalone.size-copy-xs {
        font-size: 0.875rem
    }
}

.Link.size-inherit {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.Link--icon {
    flex-shrink: 0;
    margin-left: 0.75rem;
    color: rgba(var(--c-blue), 1);
    transition: 200ms ease
}

.Logo {
    display: block;
    height: 3.75rem
}

.Logo img {
    display: block;
    height: 100%;
    width: auto
}

@media(max-width: 900px) {
    .Logo {
        height: 2.8125rem
    }
}

.Logo+.PartnerLogo {
    position: relative;
    margin-left: 1.5rem;
    padding-left: 1.5rem
}

@media(max-width: 1150px) {
    .Logo+.PartnerLogo {
        margin-left: 15px;
        padding-left: 15px
    }
}

@media(max-width: 400px) {
    .Logo+.PartnerLogo {
        margin-left: 10px;
        padding-left: 10px
    }
}

.Logo+.PartnerLogo::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    height: 3.75rem;
    border-left: 1px solid rgba(var(--c-black), 0.2);
    top: 50%;
    transform: translateY(-50%)
}

@media(max-width: 900px) {
    .Logo+.PartnerLogo::before {
        height: 2.8125rem
    }
}

.PartnerLogo {
    display: block;
    height: 1.375rem
}

.PartnerLogo img {
    display: block;
    height: 100%;
    width: auto
}

@media(max-width: 900px) {
    .PartnerLogo {
        height: 1rem
    }
}

.MediaTypeIndicator {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 32px;
    height: 32px;
    background-color: rgba(var(--c-trueblack), 0.5);
    color: rgba(var(--c-white), 1);
    display: flex;
    align-items: center;
    justify-content: center
}

.SectionTitle {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin))
}

@media(max-width: 700px) {
    .SectionTitle {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin))
    }
}

.SectionTitle--title {
    font-size: 2.3125rem;
    line-height: 1.2;
    font-weight: 600;
    text-align: center;
    margin-bottom: 1.6em
}

@media(max-width: 700px) {
    .SectionTitle--title {
        font-size: 1.375rem
    }
}

@media(max-width: 700px) {
    .SectionTitle--title {
        margin-bottom: 1.25em
    }
}

@keyframes anim-Spinner-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes anim-Spinner-icon {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.Spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(var(--c-blue), 1);
    animation: anim-Spinner-in .4s .4s ease-in backwards
}

.Spinner .Icon {
    width: 80px;
    height: 80px;
    animation: anim-Spinner-icon .8s steps(12, end) infinite
}

.Fieldset:not(:first-child) {
    margin-top: 3.5rem
}

@media(max-width: 700px) {
    .Fieldset:not(:first-child) {
        margin-top: 2rem
    }
}

.Fieldset--legend {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .Fieldset--legend {
        font-size: 1rem
    }
}

@media(min-width: 901px) {
    .File {
        float: left;
        width: 300px;
        max-width: 60%;
        padding-right: 1.5rem
    }

    .File+.FormDescription {
        margin-top: .95em
    }
}

.FormInput.has-error .File+.FormDescription {
    -webkit-text-decoration: 3px underline;
    text-decoration: 3px underline;
    text-decoration-color: rgba(var(--c-red), 0.5);
    text-underline-offset: .5em
}

.File--input {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    width: 100%;
    scroll-margin: 4rem;
    cursor: pointer
}

@media(max-width: 700px) {
    .File--input {
        font-size: 0.75rem
    }
}

.FormInput.has-value .File--input {
    color: rgba(var(--c-black), 1)
}

.File--input::file-selector-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-right: 1.5rem;
    padding-top: 0.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0.25rem;
    background: rgba(var(--c-white), 1);
    border: 1px solid rgba(var(--c-grey), 0.3);
    border-radius: 50px;
    font: inherit;
    color: inherit;
    cursor: pointer;
    transition: color .2s ease-in-out, background-color .2s ease-in-out
}

.File--input::-webkit-file-upload-button {
    -webkit-appearance: none;
    appearance: none;
    margin-right: 1.5rem;
    padding-top: 0.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0.25rem;
    background: rgba(var(--c-white), 1);
    border: 1px solid rgba(var(--c-grey), 0.3);
    border-radius: 50px;
    font: inherit;
    color: inherit;
    cursor: pointer;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out
}

.File--input[disabled] {
    cursor: not-allowed;
    opacity: .6
}

.File--input[disabled]::file-selector-button {
    cursor: not-allowed
}

.File--input:focus::file-selector-button {
    color: rgba(var(--c-black), 1);
    border-color: rgba(var(--c-grey), 0.6)
}

.File--input:focus::-webkit-file-upload-button {
    color: rgba(var(--c-black), 1);
    border-color: rgba(var(--c-grey), 0.6)
}

@media(hover: hover) {
    .File--input:not([disabled]):hover::file-selector-button {
        color: rgba(var(--c-black), 1);
        border-color: rgba(var(--c-grey), 0.6)
    }

    .File--input:not([disabled]):hover::-webkit-file-upload-button {
        color: rgba(var(--c-black), 1);
        border-color: rgba(var(--c-grey), 0.6)
    }
}

.Form {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media(max-width: 700px) {
    .Form {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(max-width: 700px) {
    .Form {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin))
    }
}

.Form--header {
    margin-bottom: 3.5rem
}

@media(max-width: 700px) {
    .Form--header {
        margin-bottom: 2rem
    }
}

.Form--title {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .Form--title {
        font-size: 1rem
    }
}

.Form--description {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    margin-top: 1rem
}

@media(max-width: 700px) {
    .Form--description {
        font-size: 1rem
    }
}

.Form--requiredLegend {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    margin-top: 1rem
}

@media(max-width: 700px) {
    .Form--requiredLegend {
        font-size: 1rem
    }
}

.Form--body {
    padding-right: 25%
}

@media(max-width: 1150px) {
    .Form--body {
        padding-right: 0
    }
}

.FormButtons {
    display: flex;
    margin-top: 3.5rem
}

.FormButtons .Button {
    flex: 0 0 auto;
    margin-right: 1rem
}

.FormButtons .Button:last-of-type {
    margin-right: 0
}

.FormButtons .Button[type=submit] {
    margin-right: auto
}

.FormButtons .Button[type=submit]:last-child {
    margin-right: unset;
    margin-left: auto
}

.FormDescription {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    margin-top: 0.5rem
}

@media(max-width: 700px) {
    .FormDescription {
        font-size: 0.75rem
    }
}

.Options+.FormDescription {
    margin-top: 0.75rem
}

.FormError {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}

@media(max-width: 700px) {
    .FormError {
        font-size: 0.75rem
    }
}

.FormError>.Icon {
    margin-right: 4px;
    margin-top: -2px;
    color: rgba(var(--c-red), 0.5)
}

.FormInput:before,
.FormInput:after {
    content: "";
    display: table
}

.FormInput:after {
    clear: both
}

.FormInput:not(:first-child) {
    margin-top: 2rem
}

@media(max-width: 700px) {
    .FormInput:not(:first-child) {
        margin-top: 1.5rem
    }
}

.FormLabel {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    display: block;
    margin-bottom: 0.5rem
}

@media(max-width: 700px) {
    .FormLabel {
        font-size: 0.875rem
    }
}

.FormInput.has-error .FormLabel {
    color: rgba(var(--c-red), 1)
}

.FormMessage {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin))
}

@media(max-width: 700px) {
    .FormMessage {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin))
    }
}

.FormMessage--inner {
    position: relative;
    padding-top: 1rem;
    padding-left: calc(1rem + 1.5rem + 1rem);
    padding-right: 1rem;
    padding-bottom: 1rem;
    background-color: rgba(var(--c-green), 0.05)
}

.FormMessage--inner.type-error {
    background-color: rgba(var(--c-red), 0.05)
}

.FormMessage--iconWrapper {
    position: absolute;
    top: 1rem;
    left: 1rem;
    display: flex
}

.FormMessage--title {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    display: block;
    margin-top: -0.25rem
}

@media(max-width: 700px) {
    .FormMessage--title {
        font-size: 0.875rem
    }
}

.FormMessage--text.richtext {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    padding-top: 0.0625rem;
    padding-bottom: 0.0625rem
}

@media(max-width: 700px) {
    .FormMessage--text.richtext {
        font-size: 0.75rem
    }
}

.FormMessage--text.richtext>* {
    color: inherit
}

.FormMessage--text.richtext a {
    position: unset;
    margin: unset;
    padding: unset;
    background: unset;
    color: rgba(var(--c-black), 1);
    text-decoration: underline
}

.FormMessage--text.richtext a::before,
.FormMessage--text.richtext a::after {
    content: unset
}

@media(hover: hover) {
    .FormMessage--text.richtext a:hover {
        background: unset
    }
}

@media(max-width: 700px) {
    .FormMessage--text.richtext {
        font-size: 1rem;
        line-height: 1.6;
        font-weight: 400
    }
}

@media(max-width: 700px)and (max-width: 700px) {
    .FormMessage--text.richtext {
        font-size: 0.875rem
    }
}

.Input {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(var(--c-white), 1);
    border: 1px solid rgba(var(--c-trueblack), 0.16);
    border-radius: 0.25rem;
    padding-top: 0.5rem;
    padding-left: 1rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    scroll-margin: 4rem;
    transition: border-color .2s, background-color .2s
}

@media(max-width: 700px) {
    .Input {
        font-size: 1rem
    }
}

.Input[type=color] {
    height: 2.9375rem;
    padding: 0.5rem
}

.Input:focus {
    background-color: rgba(var(--c-blue-light), 1);
    border-color: rgba(var(--c-blue-light), 1)
}

.Input[disabled] {
    cursor: not-allowed;
    opacity: .6
}

.FormInput.has-error .Input {
    border-color: rgba(var(--c-red), 1)
}

.OptionInput {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    position: relative;
    min-height: 27px
}

@media(max-width: 700px) {
    .OptionInput {
        font-size: 1rem
    }
}

.OptionInput input {
    position: absolute;
    left: 0;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    opacity: 0
}

.OptionInput label {
    padding-left: 31px;
    cursor: pointer
}

.OptionInput label a {
    background-repeat: no-repeat;
    background-position: 0.875rem 100%;
    background-size: 100% 0px;
    background-image: linear-gradient(currentColor, currentColor);
    position: relative;
    padding-left: 0.5rem;
    white-space: normal;
    color: rgba(var(--c-blue), 1)
}

@media(hover: hover) {
    .OptionInput label a[href]:hover {
        background-size: 100% 1px
    }
}

.OptionInput label a::before {
    display: inline-block;
    position: relative;
    left: -0.375rem;
    top: 0.6875rem;
    vertical-align: top;
    width: 0.375rem;
    height: 0.375rem;
    border-style: solid;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    content: ""
}

.OptionInput label a:visited {
    color: rgba(var(--c-blue-muted), 1)
}

.OptionInput label a[href*="/dam/"],
.OptionInput label a.download,
.OptionInput label a[download],
.OptionInput label a[href*="//"]:not([href*="uzh.ch/"]) {
    margin-right: .375em
}

.OptionInput label a[href*="/dam/"]::after,
.OptionInput label a.download::after,
.OptionInput label a[download]::after,
.OptionInput label a[href*="//"]:not([href*="uzh.ch/"])::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: .85em;
    margin-left: .125em;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='17' viewBox='0 0 12 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 15.5L11 15.5' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10 8.5L6 12.5L2 8.5' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 1.5L6 12.5' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right center
}

.OptionInput label a[href*="//"]:not([href*="uzh.ch/"])::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 11.1064L8.77817 3.32827' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M3.12109 3.32861L8.77795 3.32861L8.77795 8.98547' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ")
}

.OptionInput label a:has(img) {
    display: inline-block;
    padding-left: 0 !important;
    margin-right: 0 !important;
    background-image: unset
}

.OptionInput label a:has(img) img {
    display: inline-block
}

.OptionInput label a:has(img)::before,
.OptionInput label a:has(img)::after {
    content: none !important
}

.OptionInput label a[id]:not([href]),
.OptionInput label a[name]:not([href]) {
    padding-left: 0;
    color: inherit;
    cursor: default
}

.OptionInput label a[id]:not([href])::before,
.OptionInput label a[name]:not([href])::before {
    content: none
}

.OptionInput label:before,
.OptionInput label:after {
    content: "";
    position: absolute;
    top: .222em;
    left: 0;
    width: 19px;
    height: 19px;
    border: 1px solid rgba(var(--c-trueblack), 0.4);
    background: #fff
}

@media(max-width: 700px) {

    .OptionInput label:before,
    .OptionInput label:after {
        top: .125em
    }
}

.OptionInput label:hover:before {
    box-shadow: 0 0 0 3px rgba(var(--c-black), 0.05)
}

.OptionInput input:checked+label {
    color: rgba(var(--c-black), 1)
}

.OptionInput input:checked+label::before {
    border-color: rgba(var(--c-blue), 0.4)
}

.OptionInput input.error+label:before {
    border-color: rgba(var(--c-red), 1)
}

.OptionInput input:disabled+label {
    cursor: not-allowed;
    opacity: .6
}

.Options:not(.inline) .OptionInput+.OptionInput {
    margin-top: calc(1rem - 0.125rem)
}

.OptionInput input[type=radio]:not(:checked)+label:after {
    visibility: hidden
}

.OptionInput input[type=radio]+label:before,
.OptionInput input[type=radio]+label:after {
    width: 21px;
    height: 21px;
    border-radius: 50%
}

.OptionInput input[type=radio]+label:after {
    width: 9px;
    height: 9px;
    margin: 6px;
    background: rgba(var(--c-blue), 1)
}

.OptionInput input[type=checkbox]:not(:checked)+label:after {
    visibility: hidden
}

.OptionInput input[type=checkbox]:checked+label:before {
    background-color: rgba(var(--c-blue), 1);
    border-color: rgba(var(--c-blue), 1)
}

.OptionInput input[type=checkbox]+label:after {
    width: 9px;
    height: 5px;
    margin: 5.5px 5.5px;
    background: rgba(0, 0, 0, 0);
    border: 2px solid rgba(var(--c-white), 1);
    border-width: 0 0 1.5px 1.5px;
    transform: rotate(-45deg)
}

.Options {
    scroll-margin: 4rem
}

.Options.inline {
    display: flex;
    gap: 0.5rem 1.5rem;
    flex-wrap: wrap
}

.Select {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(var(--c-white), 1);
    border: 1px solid rgba(var(--c-trueblack), 0.16);
    border-radius: 0.25rem;
    padding-top: 0.5rem;
    padding-left: 1rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    scroll-margin: 4rem;
    transition: border-color .2s, background-color .2s;
    text-overflow: ellipsis
}

@media(max-width: 700px) {
    .Select {
        font-size: 1rem
    }
}

.Select[type=color] {
    height: 2.9375rem;
    padding: 0.5rem
}

.Select:focus {
    background-color: rgba(var(--c-blue-light), 1);
    border-color: rgba(var(--c-blue-light), 1)
}

.Select[disabled] {
    cursor: not-allowed;
    opacity: .6
}

.FormInput.has-error .Select {
    border-color: rgba(var(--c-red), 1)
}

.Select:not([multiple]) {
    padding-right: 1.875rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNSA2LjVMOCAxMUwxMi41IDYuNSIgc3Ryb2tlPSIjMjIyMjIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position: right 0.75rem center
}

.Select[multiple] {
    padding: 0
}

.Select[multiple] option {
    padding-top: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem
}

textarea.Input {
    width: 100%;
    height: 5.75em;
    min-height: 5.75em;
    resize: vertical
}

textarea.Input.size-large {
    height: 11.5em;
    min-height: 11.5em
}

.TextInputGroup {
    display: flex;
    flex-wrap: wrap;
    margin-top: -1rem;
    margin-right: -1rem
}

.TextInputGroup:not(:first-child) {
    padding-top: 2rem
}

.TextInputGroup--input {
    flex-grow: 2;
    flex-shrink: 0;
    flex-basis: 25%;
    padding-top: 1rem;
    padding-right: 1rem
}

@media(min-width: 701px) {
    .TextInputGroup--input.small {
        flex-basis: 17.5%;
        flex-grow: 1
    }

    .TextInputGroup--input.large {
        flex-basis: 33%;
        flex-grow: 4
    }
}

@media(max-width: 700px) {
    .TextInputGroup--input {
        flex: 0 0 50%
    }

    .TextInputGroup--input.large {
        flex: 0 0 100%
    }
}

@media(max-width: 900px) {
    .CorporateSwitch {
        margin-left: var(--page-margin);
        margin-right: var(--page-margin)
    }
}

.CorporateSwitch--list {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    background-color: rgba(var(--c-grey-light), 1);
    padding: 0.75rem 1.5rem;
    border-radius: 100px;
    display: inline-flex
}

@media(max-width: 700px) {
    .CorporateSwitch--list {
        font-size: 0.75rem
    }
}

@media(max-width: 900px) {
    .CorporateSwitch--list {
        font-size: 1rem;
        line-height: 1.6;
        font-weight: 400;
        color: rgba(var(--c-text-grey), 1);
        display: block;
        background-color: unset;
        padding: unset
    }
}

@media(max-width: 900px)and (max-width: 700px) {
    .CorporateSwitch--list {
        font-size: 0.875rem
    }
}

.CorporateSwitch--list>li+li {
    position: relative
}

@media(min-width: 901px) {
    .CorporateSwitch--list>li+li {
        padding-left: .75rem;
        margin-left: .75rem
    }

    .CorporateSwitch--list>li+li::before {
        content: "";
        width: 0.0625rem;
        height: 0.875rem;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        border-left: 1px solid rgba(var(--c-black), 0.2)
    }
}

.CorporateSwitch--link {
    color: rgba(var(--c-blue), 1);
    display: block
}

.CorporateSwitch--link>.Icon {
    margin-right: 6px
}

@media(min-width: 901px) {
    .CorporateSwitch--link>.Icon {
        display: none
    }
}

@media(max-width: 900px) {
    .CorporateSwitch--link {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
}

@media(hover: hover) {
    .CorporateSwitch--link:hover {
        color: rgba(var(--c-black), 1)
    }
}

.FooterLinkList>*:not(:last-child) {
    margin-bottom: 1rem
}

.FooterLinkList--title {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 600;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .FooterLinkList--title {
        font-size: 0.875rem
    }
}

.FooterLinkList--text {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .FooterLinkList--text {
        font-size: 0.875rem
    }
}

.FooterLinkList--list>li,
.FooterLinkList--list>div {
    position: relative;
    padding-left: calc(0.5rem + 0.25rem)
}

.FooterLinkList--list>li:not(:last-of-type),
.FooterLinkList--list>div:not(:last-of-type) {
    margin-bottom: 0.4375rem
}

.FooterLinkList--list .Link {
    position: static;
    padding-left: 0;
    background-position: 0 100%
}

.FooterLinkList--list .Link::before {
    position: absolute;
    left: 0
}

.FooterMeta {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    display: flex;
    margin-top: 5rem;
    color: rgba(var(--c-grey), 1)
}

@media(max-width: 700px) {
    .FooterMeta {
        font-size: 0.75rem
    }
}

@media(max-width: 900px) {
    .FooterMeta {
        display: block;
        margin-top: 4.5rem
    }
}

.FooterMeta--copyright {
    margin-right: 0.75rem
}

@media(max-width: 900px) {
    .FooterMeta--copyright {
        margin-right: 0;
        margin-bottom: 0.5rem
    }
}

.FooterMeta--linkList {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem
}

.FooterMeta--link {
    transition: color .2s ease-in-out
}

@media(hover: hover) {
    .FooterMeta--link:hover {
        color: rgba(var(--c-black), 1)
    }
}

@media(max-width: 900px) {
    .MainNav {
        display: flex;
        flex-direction: column-reverse;
        position: relative;
        height: var(--main-nav_flyout-height-mobile, auto);
        transform: translateX(calc(var(--main-nav_index-mobile, 0) * -100%));
        transition: transform .3s ease
    }
}

@media(min-width: 901px) {
    .MainNav--inner {
        display: flex;
        margin-left: -1rem
    }
}

.MainNav--list.more {
    display: none
}

@media(min-width: 901px) {
    .MainNav--list {
        display: inline-flex;
        white-space: nowrap
    }

    .MainNav--list.more {
        display: block;
        visibility: hidden
    }

    .MainNav.has-overflow .MainNav--list.more {
        visibility: visible
    }
}

.MainNav--list>li,
.MainNav--list--item {
    position: relative
}

.MainNav--sub .MainNav--list>li,
.MainNav--sub .MainNav--list--item {
    position: static
}

@media(min-width: 901px) {

    .MainNav--list>li,
    .MainNav--list--item {
        flex-shrink: 0
    }
}

@media(max-width: 900px) {

    .MainNav--list>li,
    .MainNav--list--item {
        position: static
    }
}

.MainNav--link {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    display: flex;
    align-items: center;
    padding-top: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1.25rem;
    position: relative;
    text-align: left;
    white-space: normal
}

@media(max-width: 700px) {
    .MainNav--link {
        font-size: 0.875rem
    }
}

.MainNav--link:before {
    content: "";
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 0;
    border-bottom: 4px solid rgba(var(--c-black), 1);
    transform: scaleY(0);
    transition: transform .2s ease;
    transform-origin: bottom
}

.MainNav--link.MainNav--link[aria-current=page],
.MainNav--list--item.is-active>.MainNav--link {
    color: rgba(var(--c-black), 1)
}

.MainNav--link.MainNav--link[aria-current=page]:before,
.MainNav--list--item.is-active>.MainNav--link:before {
    transform: none;
    border-color: rgba(var(--c-blue), 1)
}

.MainNav--sub--list .MainNav--link {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    width: 100%;
    padding-top: 0.5rem;
    padding-left: 1.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    color: rgba(var(--c-grey), 1);
    transition: color .2s ease-in-out
}

@media(max-width: 700px) {
    .MainNav--sub--list .MainNav--link {
        font-size: 0.875rem
    }
}

.MainNav--sub--list .MainNav--link:before {
    border-bottom: 0;
    border-left: 4px solid rgba(var(--c-black), 1);
    top: 0;
    left: 0;
    right: auto;
    transform: scaleX(0);
    transform-origin: left
}

.MainNav--list.more .MainNav--sub[data-mainnav-index="0"]>.MainNav--sub--list>.MainNav--list--item>.MainNav--link {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .MainNav--list.more .MainNav--sub[data-mainnav-index="0"]>.MainNav--sub--list>.MainNav--list--item>.MainNav--link {
        font-size: 0.875rem
    }
}

@media(min-width: 901px) {
    .MainNav--link[aria-expanded=true]:before {
        transform: none
    }
}

@media(min-width: 901px)and (hover: hover) {
    .MainNav--link:hover {
        color: rgba(var(--c-black), 1)
    }

    .MainNav--link:hover:before {
        border-color: rgba(var(--c-black), 1) !important;
        transform: none
    }
}

@media(max-width: 900px) {
    .MainNav--link {
        font-size: 1.125rem;
        line-height: 1.4;
        font-weight: 600;
        color: rgba(var(--c-black), 1);
        width: 100%;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
    }
}

@media(max-width: 900px)and (max-width: 700px) {
    .MainNav--link {
        font-size: 1rem
    }
}

@media(max-width: 900px) {
    .MainNav--link:before {
        border-bottom: 0;
        border-left: 4px solid rgba(var(--c-blue), 1);
        top: 0;
        left: 0;
        right: auto
    }
}

@media(max-width: 900px) {
    .MainNav--sub--list .MainNav--link {
        font-size: 1.125rem;
        line-height: 1.6;
        font-weight: 400;
        color: rgba(var(--c-text-grey), 1);
        padding-left: 1rem
    }
}

@media(max-width: 900px)and (max-width: 700px) {
    .MainNav--sub--list .MainNav--link {
        font-size: 1rem
    }
}

@media(max-width: 900px) {
    .MainNav--list.more .MainNav--sub[data-mainnav-index="0"]>.MainNav--sub--list>.MainNav--list--item>.MainNav--link {
        font-size: 1.125rem;
        line-height: 1.4;
        font-weight: 600;
        color: rgba(var(--c-black), 1)
    }
}

@media(max-width: 900px)and (max-width: 700px) {
    .MainNav--list.more .MainNav--sub[data-mainnav-index="0"]>.MainNav--sub--list>.MainNav--list--item>.MainNav--link {
        font-size: 1rem
    }
}

.MainNav--icon {
    display: none;
    pointer-events: none
}

.MainNav--list--item.more .MainNav--icon {
    display: block;
    margin-left: 0.5625rem
}

.MainNav--sub .MainNav--sub--list .MainNav--icon {
    display: block;
    color: rgba(var(--c-blue), 1);
    margin-left: auto
}

@media(max-width: 900px) {
    .MainNav--icon {
        display: block;
        margin-left: auto;
        flex-shrink: 0;
        color: rgba(var(--c-blue), 1)
    }
}

@media(min-width: 901px) {
    .MainNav--overlay {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        display: none;
        position: absolute;
        top: 100%;
        left: calc(var(--main-nav_flyout-offset) - 8px);
        width: 22.5rem;
        background: rgba(var(--c-white), 1);
        margin-top: 1.125rem;
        max-height: calc(100vh - var(--header-height) - 2.25rem)
    }

    .MainNav--list:not(.more) .MainNav--list--item:first-child .MainNav--overlay {
        left: 1rem
    }

    .MainNav--link[aria-expanded=true]+.MainNav--overlay {
        display: block;
        transform: scale(0.95);
        opacity: 0;
        animation: navitem-outer-in .3s ease forwards
    }

    .MainNav--sub .MainNav--overlay {
        position: static;
        overflow: visible;
        margin-top: 0;
        height: auto;
        width: auto
    }

    .MainNav--sub .MainNav--link[aria-expanded=true]+.MainNav--overlay {
        animation: none;
        opacity: 1;
        transform: none
    }
}

@keyframes navitem-outer-in {
    to {
        transform: none;
        opacity: 1
    }
}

@media(min-width: 901px) {
    .MainNav--overlay--scroller {
        overflow: hidden
    }

    .MainNav--list:not(.more)>.MainNav--list--item>.MainNav--overlay>.MainNav--overlay--scroller,
    .MainNav--list.more>.MainNav--list--item.more>.MainNav--overlay>.MainNav--overlay--scroller {
        transition: height .2s ease-in-out;
        height: var(--main-nav_flyout-height, auto)
    }
}

@media(min-width: 901px) {

    .MainNav--list:not(.more)>.MainNav--list--item>.MainNav--overlay>.MainNav--overlay--scroller>.MainNav--overlay--inner,
    .MainNav--list.more>.MainNav--list--item.more>.MainNav--overlay>.MainNav--overlay--scroller>.MainNav--overlay--inner {
        position: relative;
        transform: translateX(calc(var(--main-nav_index, 0) * -100%));
        transition: transform .3s ease
    }
}

@media(min-width: 901px) {
    .MainNav--sub {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .MainNav--sub[data-mainnav-index="1"] {
        transform: translateY(5%);
        animation: navitem-inner-in .4s ease forwards
    }

    .MainNav--list--item.more .MainNav--sub[data-mainnav-index="1"] {
        transform: none;
        animation: none
    }

    .MainNav--list--item.more>.MainNav--overlay>.MainNav--overlay--scroller>.MainNav--overlay--inner>.MainNav--sub[data-mainnav-index="0"] {
        transform: translateY(5%);
        animation: navitem-inner-in .4s ease forwards
    }

    .MainNav--sub .MainNav--sub {
        display: none;
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        background: rgba(var(--c-white), 1)
    }

    .MainNav--sub .MainNav--link[aria-expanded=true]+.MainNav--sub {
        display: block
    }

    .MainNav--link[aria-expanded=true]+.MainNav--overlay>.MainNav--overlay--inner>.MainNav--sub,
    .MainNav--link[aria-expanded=true]+.MainNav--overlay>.MainNav--overlay--scroller>.MainNav--overlay--inner>.MainNav--sub {
        display: block
    }
}

@media(max-width: 900px) {
    .MainNav--sub {
        display: none;
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%
    }

    .MainNav--link[aria-expanded=true]+.MainNav--sub {
        display: block
    }

    .MainNav--link[aria-expanded=true]+.MainNav--overlay>.MainNav--overlay--scroller>.MainNav--overlay--inner>.MainNav--sub {
        display: block
    }
}

@keyframes navitem-inner-in {
    to {
        transform: none
    }
}

.MainNav--sub>.FocusOnly:focus {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

@media(max-width: 900px) {
    .MainNav--sub--list+.js-MainNav--close {
        display: none
    }
}

.MainNav--sub--title {
    margin-bottom: 0.5rem
}

.MainNav--sub--title .Link {
    display: flex;
    width: 100%;
    padding-top: 0.5rem;
    padding-left: 1.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem
}

@media(max-width: 900px) {
    .MainNav--sub--title .Link {
        font-size: 1.125rem;
        line-height: 1.4;
        font-weight: 600;
        color: rgba(var(--c-black), 1);
        padding-left: 1rem
    }
}

@media(max-width: 900px)and (max-width: 700px) {
    .MainNav--sub--title .Link {
        font-size: 1rem
    }
}

.MainNav--sub--back {
    padding-top: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem
}

@media(min-width: 901px) {
    .MainNav--list:not(.more) .MainNav--sub[data-mainnav-index="1"]>.MainNav--sub--back {
        display: none
    }
}

@media(min-width: 901px) {
    .MainNav--service {
        display: inline-flex;
        align-items: center;
        position: absolute;
        gap: 20px;
        top: 3.625rem;
        right: 40px;
        padding-left: 2.5rem;
        transform: translateY(-50%)
    }
}

@media(min-width: 1520px) {
    .MainNav--service {
        right: calc(50% - 720px)
    }
}

@media(max-width: 900px) {
    .MainNav--service {
        display: flex;
        flex-direction: column;
        position: relative;
        margin-top: 1.5rem;
        padding-top: 1.5rem;
        gap: 20px
    }

    .MainNav--service:before {
        content: "";
        position: absolute;
        top: 0;
        left: 1rem;
        width: 3.125rem;
        border-bottom: 1px solid rgba(var(--c-black), 0.2)
    }
}

.NewsArticleItem {
    position: relative;
    display: flex;
    gap: 2.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

li:first-child .NewsArticleItem {
    padding-top: 0
}

@media(max-width: 700px) {
    .NewsArticleItem {
        gap: 1rem
    }
}

@media(max-width: 580px) {
    .NewsArticleItem {
        display: block
    }
}

.NewsArticleItem--coverLink {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.NewsArticleItem--coverLink>span {
    position: absolute;
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
    white-space: nowrap
}

.NewsArticleItem--media {
    width: 320px;
    flex-shrink: 0
}

@media(max-width: 1150px) {
    .NewsArticleItem--media {
        width: 33.33%
    }
}

@media(max-width: 580px) {
    .NewsArticleItem--media {
        width: 100%;
        margin-bottom: 1.5rem
    }
}

.NewsArticleItem--imageWrapper {
    position: relative
}

.NewsArticleItem--imageWrapper .Image {
    width: 100%
}

.NewsArticleItem--meta {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem
}

@media(max-width: 700px) {
    .NewsArticleItem--meta {
        font-size: 0.75rem
    }
}

.NewsArticleItem--meta>*+* {
    position: relative;
    padding-left: 0.5rem
}

.NewsArticleItem--meta>*+*::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    height: 12px;
    margin-top: -7px;
    border-left: 1px solid currentColor
}

.NewsArticleItem--title {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-bottom: .5em
}

@media(max-width: 700px) {
    .NewsArticleItem--title {
        font-size: 1rem
    }
}

.NewsArticleItem--text {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    margin-bottom: .5em;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .NewsArticleItem--text {
        font-size: 0.875rem
    }
}

.NewsArticleListFooter {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media(max-width: 700px) {
    .NewsArticleListFooter {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(max-width: 900px) {
    .NewsArticleListFooter {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 10)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 10)) / 2) + var(--page-margin))
    }
}

@media(max-width: 700px) {
    .NewsArticleListFooter {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin))
    }
}

.NewsArticleListHeader {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    margin-top: 5rem;
    margin-bottom: 4rem
}

@media(max-width: 900px) {
    .NewsArticleListHeader {
        margin-top: 2.5rem;
        margin-bottom: 3rem
    }
}

@media(max-width: 900px) {
    .NewsArticleListHeader {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 10)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 10)) / 2) + var(--page-margin))
    }
}

@media(max-width: 700px) {
    .NewsArticleListHeader {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin))
    }
}

.NewsArticleListHeader--title {
    font-size: 2.625rem;
    line-height: 1.2;
    font-weight: 700;
    color: rgba(var(--c-black), 1);
    margin-bottom: 2rem
}

@media(max-width: 700px) {
    .NewsArticleListHeader--title {
        font-size: 2.125rem
    }
}

@media(max-width: 700px) {
    .NewsArticleListHeader--title {
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

@media(max-width: 700px) {
    .NewsArticleListHeader--title {
        margin-bottom: 1.5rem
    }
}

.NewsArticleListMetaInfo {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    display: flex;
    gap: 1rem
}

@media(max-width: 700px) {
    .NewsArticleListMetaInfo {
        font-size: 0.875rem
    }
}

.NewsArticleListMetaInfo>*+* {
    position: relative;
    padding-left: 1rem
}

.NewsArticleListMetaInfo>*+*::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    height: 16px;
    margin-top: -8px;
    border-left: 1px solid rgba(var(--c-text-grey), 0.6)
}

.NewsArticleListMetaInfo--info>.Icon {
    margin-right: 0.5rem
}

.NewsArticleListMetaInfo--info.title {
    font-weight: 700
}

.NewsListItem {
    display: flex;
    position: relative;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

@media(max-width: 700px) {
    .NewsListItem {
        display: block
    }
}

.MasonryGridWrapper .NewsListItem {
    flex-direction: column
}

.MasonryGridWrapper .NewsListItem .NewsListItem--date {
    margin-bottom: 0.25rem
}

.MasonryGridWrapper .NewsListItem .NewsListItem--title {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 600;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .MasonryGridWrapper .NewsListItem .NewsListItem--title {
        font-size: 0.875rem
    }
}

@media(min-width: 701px) {
    .MasonryGridWrapper .NewsListItem .NewsListItem--title:not(:last-child) {
        margin-bottom: 1rem
    }
}

.MasonryGridWrapper .NewsListItem .NewsListItem--text {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .MasonryGridWrapper .NewsListItem .NewsListItem--text {
        font-size: 0.875rem
    }
}

@media(min-width: 701px) {
    .MasonryGridWrapper .NewsListItem .NewsListItem--text:not(:last-child) {
        margin-bottom: 1rem
    }
}

.MasonryGridWrapper .NewsListItem .Link {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400
}

@media(max-width: 700px) {
    .MasonryGridWrapper .NewsListItem .Link {
        font-size: 0.875rem
    }
}

.NewsListItem--image {
    width: 25%;
    flex: 0 0 auto;
    margin-right: 1.5rem
}

@media(max-width: 900px) {
    .NewsListItem--image {
        width: 40%
    }
}

@media(max-width: 700px) {
    .NewsListItem--image {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem
    }
}

.MasonryGridWrapper .NewsListItem--image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem
}

.NewsListItem--date {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    margin-bottom: 0.5rem
}

@media(max-width: 700px) {
    .NewsListItem--date {
        font-size: 0.75rem
    }
}

.NewsListItem--title {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .NewsListItem--title {
        font-size: 1rem
    }
}

.NewsListItem--title:not(:last-child) {
    margin-bottom: 0.5rem
}

.NewsListItem--text {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .NewsListItem--text {
        font-size: 1rem
    }
}

.NewsListItem--text:not(:last-child) {
    margin-bottom: 0.5rem
}

.NewsListItem--a11yLink {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.Pagination {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .Pagination {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(max-width: 700px) {
    .Pagination {
        font-size: 0.875rem
    }
}

.Pagination--body {
    display: inline-flex;
    align-items: center
}

.Pagination--button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 1px solid currentColor;
    position: relative
}

.Pagination--button::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2.5px;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor
}

.Pagination--button.prev::after {
    transform: rotate(-135deg);
    margin-left: -1.5px
}

.Pagination--button.next::after {
    transform: rotate(45deg)
}

a[href].Pagination--button,
button:not([disabled]).Pagination--button {
    color: rgba(var(--c-blue), 1);
    transition: transform .2s
}

@media(hover: hover) {

    a[href].Pagination--button:hover,
    button:not([disabled]).Pagination--button:hover {
        transform: scale(1.2)
    }
}

span.Pagination--button,
button[disabled].Pagination--button,
a:not([href]).Pagination--body {
    cursor: not-allowed;
    opacity: .6
}

.Pagination--current {
    margin-left: 1rem;
    margin-right: 1rem
}

.SearchTrigger {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    display: inline-flex;
    border-radius: 100px;
    border: 1px solid rgba(var(--c-grey-medium), 1);
    height: 48px;
    padding-left: 12px;
    padding-right: 20px;
    align-items: center
}

@media(max-width: 700px) {
    .SearchTrigger {
        font-size: 0.75rem
    }
}

@media(max-width: 900px) {
    .SearchTrigger {
        display: none
    }
}

@media(hover: hover) {
    .SearchTrigger:hover {
        color: rgba(var(--c-black), 1)
    }
}

.SearchTrigger>.Icon {
    margin-right: 1rem
}

.SearchTrigger>.text {
    line-height: 1
}

.ServiceNav {
    display: inline-block
}

.ServiceNav--list {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    display: flex;
    align-items: center
}

@media(max-width: 700px) {
    .ServiceNav--list {
        font-size: 0.75rem
    }
}

@media(max-width: 900px) {
    .ServiceNav--list {
        font-size: 1rem;
        line-height: 1.6;
        font-weight: 400;
        color: rgba(var(--c-text-grey), 1);
        flex-direction: column;
        align-items: flex-start
    }
}

@media(max-width: 900px)and (max-width: 700px) {
    .ServiceNav--list {
        font-size: 0.875rem
    }
}

@media(min-width: 901px) {
    .ServiceNav--list--item {
        position: relative;
        padding-right: 0.75rem;
        margin-right: 0.75rem
    }

    .ServiceNav--list--item:after {
        content: "";
        width: 0.0625rem;
        height: 0.875rem;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        border-right: 1px solid rgba(var(--c-black), 0.2)
    }

    .ServiceNav--list--item:last-child {
        padding-right: 0;
        margin-right: 0
    }

    .ServiceNav--list--item:last-child:after {
        display: none
    }
}

.ServiceNav--link {
    display: block;
    transition: color .2s ease-in-out
}

@media(max-width: 900px) {
    .ServiceNav--link {
        padding: 1rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
    }
}

@media(hover: hover) {
    .ServiceNav--link:hover {
        color: rgba(var(--c-black), 1)
    }
}

.ServiceNav--link.is-active {
    color: rgba(var(--c-black), 1)
}

.TagList--list {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap
}

.TagList--tag {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    white-space: nowrap;
    position: relative;
    background-color: rgba(var(--c-grey-light), 1);
    border-radius: 40px;
    padding: 6px 12px
}

@media(max-width: 700px) {
    .TagList--tag {
        font-size: 0.75rem
    }
}

a[href].TagList--tag {
    transition: color .2s ease-in-out
}

@media(hover: hover) {
    a[href].TagList--tag:hover {
        color: rgba(var(--c-grey), 1)
    }
}

.YearPicker {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    position: relative;
    margin-top: 2.5rem
}

@media(max-width: 900px) {
    .YearPicker {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 10)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 10)) / 2) + var(--page-margin));
        margin-top: 2rem
    }
}

@media(max-width: 700px) {
    .YearPicker {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin))
    }
}

.NewsArticleListHeader+.YearPicker {
    margin-top: -2rem;
    margin-bottom: 4rem
}

@media(max-width: 900px) {
    .NewsArticleListHeader+.YearPicker {
        margin-top: -1.5rem;
        margin-bottom: 2.5rem
    }
}

.YearPicker--inner {
    position: relative
}

.YearPicker--button {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    display: inline-flex;
    background-color: rgba(var(--c-blue), 1);
    color: rgba(var(--c-white), 1);
    border-radius: 50px;
    padding: 0.5rem 1rem;
    min-width: 120px;
    gap: 0.5rem;
    justify-content: space-between;
    align-items: center
}

@media(max-width: 700px) {
    .YearPicker--button {
        font-size: 0.875rem
    }
}

.YearPicker--list {
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.YearPicker--flyout {
    position: absolute;
    left: 0;
    top: 100%;
    display: inline-block;
    width: 100%;
    max-width: 340px;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    visibility: hidden;
    background-color: rgba(var(--c-white), 1);
    z-index: 1
}

[aria-expanded=true]+.YearPicker--flyout {
    visibility: unset;
    opacity: unset;
    transform: none
}

.YearPicker--flyout--body {
    display: block;
    background: rgba(var(--c-white), 1);
    border: 1px solid rgba(var(--c-grey), 0.1);
    box-shadow: 0px 9px 22px -4px rgba(var(--c-trueblack), 0.05);
    padding: 1rem
}

.YearPicker--list>li {
    margin-bottom: 10px
}

.YearPicker--entry {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    min-width: 65px;
    text-align: center;
    padding: 8px 17px;
    border-radius: 50px;
    max-width: 100%;
    color: rgba(var(--c-grey), 1);
    vertical-align: middle
}

@media(max-width: 700px) {
    .YearPicker--entry {
        font-size: 0.875rem
    }
}

@media(hover: hover) {
    .YearPicker--entry:hover {
        color: rgba(var(--c-black), 1)
    }
}

.YearPicker--entry[aria-current] {
    background-color: rgba(var(--c-blue), 0.04)
}

.Slider {
    --swiper-pagination-bullet-size: 6px;
    --swiper-pagination-bullet-inactive-color: rgba(var(--c-black), 0.3);
    --swiper-theme-color: rgba(var(--c-blue), 1);
    --swiper-pagination-bullet-inactive-opacity: 1;
    overflow: hidden
}

.Slider--controls {
    display: flex;
    gap: 20px;
    justify-content: flex-end
}

.Slider--slider {
    position: relative
}

.Slider--controls,
.Slider--pagination {
    z-index: 1
}

.Slider--button {
    display: inline-flex;
    width: 48px;
    height: 48px;
    position: relative;
    color: rgba(var(--c-blue), 1);
    border-radius: 50%;
    align-items: center;
    justify-content: center
}

.Slider--button::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    content: "";
    border-radius: inherit;
    background-color: rgba(var(--c-white), 1);
    box-shadow: 0px 7px 22px -4px rgba(0, 0, 0, .05);
    transition: transform .2s, opacity .2s
}

.Slider--button[disabled] {
    pointer-events: none
}

.Slider--button[disabled]::before,
.Slider--button[disabled] .Icon {
    opacity: .3
}

.Slider--button.swiper-button-lock.swiper-button-lock {
    display: none
}

.Slider--button .Icon {
    position: relative;
    z-index: 1
}

@media(hover: hover) {
    .Slider--button:hover::before {
        transform: scale(1.2)
    }
}

.Slider--button.js-Slider--prev .Icon {
    transform: scaleX(-1)
}

.swiper-3d .swiper-slide-shadow {
    background-color: #fff
}

.AudioPlayer {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    position: relative;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media(max-width: 700px) {
    .AudioPlayer {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(min-width: 701px) {
    .AudioPlayer {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin))
    }
}

.AudioPlayer--image {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem
}

.AudioPlayer[style*="--audio-player_width"]:not([style*="--audio-player_height"]) .AudioPlayer--image {
    width: calc(var(--audio-player_width)*1px)
}

.AudioPlayer[style*="--audio-player_width"][style*="--audio-player_height"] .AudioPlayer--image {
    --image-local_width: var(--audio-player_width)
}

.AudioPlayer[style*="--audio-player_height"] .AudioPlayer--image {
    --image-local_height: var(--audio-player_height)
}

.AudioPlayer--player {
    width: 100%;
    max-width: 100%
}

.AudioPlayer[style*="--audio-player_width"] .AudioPlayer--player {
    width: calc(var(--audio-player_width)*1px)
}

.AudioPlayer--caption {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    margin-top: 1rem
}

@media(max-width: 700px) {
    .AudioPlayer--caption {
        font-size: 0.75rem
    }
}

.DatabaseQuery {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    position: relative;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media(max-width: 700px) {
    .DatabaseQuery {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(min-width: 901px) {

    [data-template=st04] .DatabaseQuery,
    .template-st04 .DatabaseQuery,
    [data-template=st05] .DatabaseQuery,
    .template-st05 .DatabaseQuery,
    [data-template=st06] .DatabaseQuery,
    .template-st06 .DatabaseQuery,
    [data-template=st07] .DatabaseQuery,
    .template-st07 .DatabaseQuery,
    [data-template=st08] .DatabaseQuery,
    .template-st08 .DatabaseQuery,
    [data-template=st09] .DatabaseQuery,
    .template-st09 .DatabaseQuery {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin))
    }
}

.DatabaseQuery--title {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-bottom: 1rem
}

@media(max-width: 700px) {
    .DatabaseQuery--title {
        font-size: 1rem
    }
}

.DatabaseQuery--content>*:not(:first-child) {
    display: none
}

.DatabaseQuery--list {
    display: block;
    margin-left: 1.25rem;
    margin-left: 0
}

.DatabaseQuery--list>li {
    list-style-type: none;
    position: relative;
    margin-bottom: .33em;
    padding-left: 0.75rem
}

.DatabaseQuery--list>li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: .65em;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: currentColor
}

.DatabaseQuery--list.type3>li:before {
    height: 1px;
    width: 8px;
    margin-top: 1px
}

.DatabaseQuery--list.type4>li:before {
    content: none
}

.DatabaseQuery--linkList>li,
.DatabaseQuery--linkList>div {
    position: relative;
    padding-left: calc(0.5rem + 0.25rem)
}

.DatabaseQuery--linkList>li:not(:last-of-type),
.DatabaseQuery--linkList>div:not(:last-of-type) {
    margin-bottom: 0.25rem
}

.DatabaseQuery--linkList .Link {
    position: static;
    padding-left: 0;
    background-position: 0 100%
}

.DatabaseQuery--linkList .Link::before {
    position: absolute;
    left: 0
}

.DatabaseQuery--table h1 {
    font-size: 2.625rem;
    line-height: 1.2;
    font-weight: 700;
    color: rgba(var(--c-black), 1);
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .DatabaseQuery--table h1 {
        font-size: 2.125rem
    }
}

@media(max-width: 700px) {
    .DatabaseQuery--table h1 {
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

.DatabaseQuery--table h2 {
    font-size: 1.625rem;
    line-height: 1.2;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-top: 1.5em;
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .DatabaseQuery--table h2 {
        font-size: 1.375rem
    }
}

.DatabaseQuery--table h3 {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-top: 1.5em;
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .DatabaseQuery--table h3 {
        font-size: 1rem
    }
}

.DatabaseQuery--table h4 {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-top: 1.5em;
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .DatabaseQuery--table h4 {
        font-size: 0.875rem
    }
}

.DatabaseQuery--table h5 {
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .DatabaseQuery--table h5 {
        font-size: 0.875rem
    }
}

.DatabaseQuery--table h6 {
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .DatabaseQuery--table h6 {
        font-size: 0.875rem
    }
}

.DatabaseQuery--table pre {
    padding: 20px;
    background: rgba(var(--c-white), 1);
    margin: 1em 0
}

.DatabaseQuery--table code {
    background: #fff
}

.DatabaseQuery--table pre code,
.DatabaseQuery--table pre pre,
.DatabaseQuery--table code pre {
    background: rgba(0, 0, 0, 0)
}

.DatabaseQuery--table figure {
    margin-top: 1em;
    margin-bottom: 1em
}

.DatabaseQuery--table figure img {
    width: 100%
}

.DatabaseQuery--table figure figcaption {
    margin-top: 1em;
    display: block
}

.DatabaseQuery--table hr {
    border: none;
    border-bottom: 1px solid rgba(var(--c-trueblack), 0.08);
    margin-top: 1em;
    margin-bottom: 1em
}

.DatabaseQuery--table sub {
    vertical-align: sub;
    font-size: .75em
}

.DatabaseQuery--table sup {
    vertical-align: super;
    font-size: .75em
}

.DatabaseQuery--table del {
    text-decoration: line-through
}

.DatabaseQuery--table mark {
    background-color: rgba(var(--c-blue), 0.1)
}

.DatabaseQuery--table p,
.DatabaseQuery--table q,
.DatabaseQuery--table blockquote {
    color: rgba(var(--c-text-grey), 1)
}

.DatabaseQuery--table p:not(:first-child),
.DatabaseQuery--table q:not(:first-child),
.DatabaseQuery--table blockquote:not(:first-child) {
    margin-top: 1em
}

.DatabaseQuery--table p:not(:last-child),
.DatabaseQuery--table q:not(:last-child),
.DatabaseQuery--table blockquote:not(:last-child) {
    margin-bottom: 1em
}

.DatabaseQuery--table ul {
    display: block;
    margin-left: 1.25rem;
    margin-left: 0;
    color: rgba(var(--c-text-grey), 1)
}

.DatabaseQuery--table ul>li {
    list-style-type: none;
    position: relative;
    margin-bottom: .33em;
    padding-left: 0.75rem
}

.DatabaseQuery--table ul>li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: .65em;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: currentColor
}

.DatabaseQuery--table ul.type3>li:before {
    height: 1px;
    width: 8px;
    margin-top: 1px
}

.DatabaseQuery--table ul.type4>li:before {
    content: none
}

.DatabaseQuery--table ul:not(:first-child) {
    margin-top: 1em
}

.DatabaseQuery--table ul:not(:last-child) {
    margin-bottom: 1em
}

.DatabaseQuery--table ol {
    display: block;
    margin-left: 1.25rem;
    display: block;
    counter-reset: ol--counter;
    margin: 1em 0;
    color: rgba(var(--c-text-grey), 1)
}

.DatabaseQuery--table ol>li {
    list-style-type: none;
    position: relative;
    margin-bottom: .33em;
    padding-left: 0.75rem
}

.DatabaseQuery--table ol>li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: .65em;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: currentColor
}

.DatabaseQuery--table ol.type3>li:before {
    height: 1px;
    width: 8px;
    margin-top: 1px
}

.DatabaseQuery--table ol.type4>li:before {
    content: none
}

.DatabaseQuery--table ol>li {
    padding-left: 1.25rem
}

.DatabaseQuery--table ol>li:before {
    counter-increment: ol--counter;
    content: counter(ol--counter) ".";
    text-align: right;
    background-color: unset;
    top: 0;
    left: 0.25rem;
    width: unset;
    height: unset
}

.DatabaseQuery--table ol.type2>li:before {
    content: counter(ol--counter, lower-alpha) "."
}

.ie .DatabaseQuery--table ol>li {
    list-style: decimal inside none
}

.DatabaseQuery--table ol:not(:first-child) {
    margin-top: 1em
}

.DatabaseQuery--table ol:not(:last-child) {
    margin-bottom: 1em
}

.DatabaseQuery--table table {
    border-collapse: collapse;
    border-spacing: 0;
    overflow: hidden;
    float: none;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%
}

.DatabaseQuery--table table caption {
    padding: 1em 0
}

.DatabaseQuery--table table th {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .DatabaseQuery--table table th {
        font-size: 1rem
    }
}

.DatabaseQuery--table table th,
.DatabaseQuery--table table td {
    padding: 1rem;
    vertical-align: text-top
}

.DatabaseQuery--table table th:first-child,
.DatabaseQuery--table table td:first-child {
    border-left: none !important;
    padding-left: 0
}

.DatabaseQuery--table table th:last-child,
.DatabaseQuery--table table td:last-child {
    border-right: none !important;
    padding-right: 0
}

.DatabaseQuery--table table th h3,
.DatabaseQuery--table table th h4,
.DatabaseQuery--table table th h5,
.DatabaseQuery--table table td h3,
.DatabaseQuery--table table td h4,
.DatabaseQuery--table table td h5 {
    margin-top: 0
}

.DatabaseQuery--table table th p,
.DatabaseQuery--table table th p:not(:first-child),
.DatabaseQuery--table table td p,
.DatabaseQuery--table table td p:not(:first-child) {
    margin-top: 0
}

.DatabaseQuery--table table th p:last-child,
.DatabaseQuery--table table td p:last-child {
    margin-bottom: 0
}

.DatabaseQuery--table table td {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .DatabaseQuery--table table td {
        font-size: 1rem
    }
}

.DatabaseQuery--table table.grid th,
.DatabaseQuery--table table.grid td,
.DatabaseQuery--table table.striped th,
.DatabaseQuery--table table.striped td {
    border: 1px solid rgba(0, 0, 0, .08)
}

.DatabaseQuery--table table.ornate tr {
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.DatabaseQuery--table table.ornate strong {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    display: block;
    margin-top: 1rem
}

@media(max-width: 700px) {
    .DatabaseQuery--table table.ornate strong {
        font-size: 1rem
    }
}

.DatabaseQuery--table table.sortable thead tr th,
.DatabaseQuery--table table.tablesorter thead tr th {
    cursor: pointer;
    white-space: nowrap
}

.DatabaseQuery--table table.sortable thead tr th::after,
.DatabaseQuery--table table.tablesorter thead tr th::after {
    position: relative;
    display: inline-block;
    width: 1em;
    height: .75em;
    margin-left: .25em;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L4 0.5L7 3.5M7 8.5L4 11.5L1 8.5' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right center;
    content: ""
}

.DatabaseQuery--table table.sortable thead tr th.asc::after,
.DatabaseQuery--table table.sortable thead tr th[data-sort-dir=ASC i]::after,
.DatabaseQuery--table table.tablesorter thead tr th.asc::after,
.DatabaseQuery--table table.tablesorter thead tr th[data-sort-dir=ASC i]::after {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L4 0.5L7 3.5' stroke='%23666666' stroke-opacity='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 8.5L4 11.5L1 8.5' stroke='%230028A5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.DatabaseQuery--table table.sortable thead tr th.desc::after,
.DatabaseQuery--table table.sortable thead tr th[data-sort-dir=DESC i]::after,
.DatabaseQuery--table table.tablesorter thead tr th.desc::after,
.DatabaseQuery--table table.tablesorter thead tr th[data-sort-dir=DESC i]::after {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L4 0.5L7 3.5' stroke='%230028A5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 8.5L4 11.5L1 8.5' stroke='%23666666' stroke-opacity='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.DatabaseQuery--table table th,
.DatabaseQuery--table table td {
    border: 1px solid rgba(0, 0, 0, .08)
}

.DatabaseQuery--table table.basic th,
.DatabaseQuery--table table.basic td {
    border: unset
}

.DatabaseQuery--table strong,
.DatabaseQuery--table b {
    font-weight: 700
}

.DatabaseQuery--table a {
    background-repeat: no-repeat;
    background-position: 0.875rem 100%;
    background-size: 100% 0px;
    background-image: linear-gradient(currentColor, currentColor);
    position: relative;
    padding-left: 0.5rem;
    white-space: normal;
    color: rgba(var(--c-blue), 1);
    cursor: pointer
}

@media(hover: hover) {
    .DatabaseQuery--table a[href]:hover {
        background-size: 100% 1px
    }
}

.DatabaseQuery--table a::before {
    display: inline-block;
    position: relative;
    left: -0.375rem;
    top: 0.6875rem;
    vertical-align: top;
    width: 0.375rem;
    height: 0.375rem;
    border-style: solid;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    content: ""
}

.DatabaseQuery--table a:visited {
    color: rgba(var(--c-blue-muted), 1)
}

.DatabaseQuery--table a[href*="/dam/"],
.DatabaseQuery--table a.download,
.DatabaseQuery--table a[download],
.DatabaseQuery--table a[href*="//"]:not([href*="uzh.ch/"]) {
    margin-right: .375em
}

.DatabaseQuery--table a[href*="/dam/"]::after,
.DatabaseQuery--table a.download::after,
.DatabaseQuery--table a[download]::after,
.DatabaseQuery--table a[href*="//"]:not([href*="uzh.ch/"])::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: .85em;
    margin-left: .125em;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='17' viewBox='0 0 12 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 15.5L11 15.5' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10 8.5L6 12.5L2 8.5' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 1.5L6 12.5' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right center
}

.DatabaseQuery--table a[href*="//"]:not([href*="uzh.ch/"])::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 11.1064L8.77817 3.32827' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M3.12109 3.32861L8.77795 3.32861L8.77795 8.98547' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ")
}

.DatabaseQuery--table a:has(img) {
    display: inline-block;
    padding-left: 0 !important;
    margin-right: 0 !important;
    background-image: unset
}

.DatabaseQuery--table a:has(img) img {
    display: inline-block
}

.DatabaseQuery--table a:has(img)::before,
.DatabaseQuery--table a:has(img)::after {
    content: none !important
}

.DatabaseQuery--table a[id]:not([href]),
.DatabaseQuery--table a[name]:not([href]) {
    padding-left: 0;
    color: inherit;
    cursor: default
}

.DatabaseQuery--table a[id]:not([href])::before,
.DatabaseQuery--table a[name]:not([href])::before {
    content: none
}

.DatabaseQuery--table i,
.DatabaseQuery--table cite,
.DatabaseQuery--table em {
    font-style: italic
}

.DatabaseQuery--table u {
    text-decoration: underline
}

.DatabaseQuery--table big {
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: 400
}

@media(max-width: 700px) {
    .DatabaseQuery--table big {
        font-size: 1.125rem
    }
}

.DatabaseQuery--table small {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .DatabaseQuery--table small {
        font-size: 0.875rem
    }
}

.DatabaseQuery--table strike {
    text-decoration: line-through
}

.DatabaseQuery--table tt,
.DatabaseQuery--table code {
    font-family: monospace
}

.DatabaseQuery--table q::before,
.DatabaseQuery--table q::after {
    content: '"'
}

.DatabaseQuery--table blockquote::before,
.DatabaseQuery--table blockquote::after {
    content: '"'
}

.DatabaseQuery--table .attention {
    color: rgba(var(--c-text-black), 1);
    background-color: rgba(var(--c-blue), 0.1)
}

.DatabaseQuery--table .helper-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.DatabaseQuery--table .helper-scroll-right {
    display: none
}

.HTML {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media(max-width: 700px) {
    .HTML {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(max-width: 700px) {
    .HTML {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin))
    }
}

.HTML .IframeContainer {
    position: relative;
    width: 100%
}

.HTML .IframeContainer::before {
    content: "";
    display: block;
    padding-bottom: calc(var(--html_aspect-ratio, 0.5625)*100%)
}

.HTML .IframeContainer iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.Iframe {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    position: relative;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media(max-width: 700px) {
    .Iframe {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(min-width: 901px) {

    [data-template=st04] .Iframe,
    .template-st04 .Iframe,
    [data-template=st05] .Iframe,
    .template-st05 .Iframe,
    [data-template=st06] .Iframe,
    .template-st06 .Iframe,
    [data-template=st07] .Iframe,
    .template-st07 .Iframe,
    [data-template=st08] .Iframe,
    .template-st08 .Iframe,
    [data-template=st09] .Iframe,
    .template-st09 .Iframe {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin))
    }
}

.Iframe iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden
}

.Iframe iframe.is-loaded~.Spinner {
    display: none
}

.Iframe .Spinner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.Iframe--inner {
    position: relative;
    width: var(--iframe_width, "auto");
    max-width: 100%;
    height: var(--iframe_height, "auto");
    max-height: var(--iframe_height, "60vh");
    overflow: hidden
}

.Iframe.has-border .Iframe--inner {
    border: 1px solid rgba(var(--c-grey-medium), 1)
}

.Iframe--inner::before {
    content: "";
    display: block;
    padding-bottom: 56.25%
}

.ImageGallery {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    position: relative;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media(max-width: 700px) {
    .ImageGallery {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

.ImageGallery--header {
    display: flex;
    margin-bottom: 1rem
}

.ImageGallery-nextLink {
    margin-left: auto
}

.ImageGallery--track.swiper {
    overflow: visible
}

.ImageGallery--slide {
    width: auto
}

.ImageGallery--slide:not(:last-child) {
    margin-right: 4px
}

.ImageGallery--slide:last-child {
    width: 100%
}

@media(min-width: 701px) {
    .ImageGallery--slide:not(:last-child) {
        margin-right: 20px
    }

    .ImageGallery--slide.swiper-slide-prev,
    .ImageGallery--slide.swiper-slide-next {
        cursor: pointer
    }
}

.ImageGallery--image {
    --image-local_height: 575;
    display: table;
    width: 1px;
    overflow: hidden
}

@media(max-width: 900px) {
    .ImageGallery--image {
        --image-local_height: 425
    }
}

@media(max-width: 700px) {
    .ImageGallery--image {
        --image-local_height: 250;
        overflow: visible
    }
}

.ImageGallery--caption {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    margin-top: 1rem;
    opacity: 0;
    transition: opacity .2s
}

@media(max-width: 700px) {
    .ImageGallery--caption {
        font-size: 0.875rem
    }
}

.swiper-slide-active .ImageGallery--caption {
    opacity: 1
}

@media(max-width: 700px) {
    .ImageGallery--caption {
        width: 0
    }
}

@media(max-width: 700px) {
    .ImageGallery--captionInner {
        width: calc(100vw - 2 * var(--page-margin))
    }
}

.ImageGallery--footer {
    margin-top: 1rem
}

.ImageGallery--button {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    color: rgba(var(--c-blue), 1);
    transition: opacity .2s
}

.ImageGallery--button[disabled] {
    cursor: not-allowed;
    opacity: .3
}

.ImageGallery--button .Icon {
    transition: transform .2s
}

@media(hover: hover) {
    .ImageGallery--button:not([disabled]):hover .Icon {
        transform: translateX(5px)
    }
}

.ImageGallery--button.prev {
    margin-right: 2.5rem
}

.ImageGallery--button.prev .Icon {
    transform: scale(-1)
}

@media(hover: hover) {
    .ImageGallery--button.prev:not([disabled]):hover .Icon {
        transform: scale(-1) translateX(5px)
    }
}

.Intro {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    position: relative;
    margin-top: 5rem;
    margin-bottom: 4rem
}

@media(max-width: 900px) {
    .Intro {
        margin-top: 2.5rem;
        margin-bottom: 3rem
    }
}

@media(min-width: 901px) {

    [data-template=st04] .Intro,
    .template-st04 .Intro,
    [data-template=st05] .Intro,
    .template-st05 .Intro,
    [data-template=st06] .Intro,
    .template-st06 .Intro,
    [data-template=st07] .Intro,
    .template-st07 .Intro,
    [data-template=st08] .Intro,
    .template-st08 .Intro,
    [data-template=st09] .Intro,
    .template-st09 .Intro {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin))
    }

    [data-template=st04] .Intro .Intro--top,
    .template-st04 .Intro .Intro--top,
    [data-template=st05] .Intro .Intro--top,
    .template-st05 .Intro .Intro--top,
    [data-template=st06] .Intro .Intro--top,
    .template-st06 .Intro .Intro--top,
    [data-template=st07] .Intro .Intro--top,
    .template-st07 .Intro .Intro--top,
    [data-template=st08] .Intro .Intro--top,
    .template-st08 .Intro .Intro--top,
    [data-template=st09] .Intro .Intro--top,
    .template-st09 .Intro .Intro--top {
        max-width: 100%
    }
}

.Intro--inner {
    display: flex;
    flex-direction: column
}

@media(min-width: 1151px) {
    .Intro--top {
        max-width: 66.6666666667%
    }
}

.Intro--date {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    display: block;
    margin-bottom: 1.5rem;
    color: rgba(var(--c-text-black), 1)
}

@media(max-width: 700px) {
    .Intro--date {
        font-size: 0.875rem
    }
}

@media(max-width: 700px) {
    .Intro--date {
        margin-bottom: 1rem
    }
}

.Intro--title {
    font-size: 2.625rem;
    line-height: 1.2;
    font-weight: 700;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .Intro--title {
        font-size: 2.125rem
    }
}

@media(max-width: 700px) {
    .Intro--title {
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

.Intro--text {
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: 400;
    margin-top: 2.5rem
}

.Intro--text p,
.Intro--text q,
.Intro--text blockquote {
    color: rgba(var(--c-text-grey), 1)
}

.Intro--text p:not(:first-child),
.Intro--text q:not(:first-child),
.Intro--text blockquote:not(:first-child) {
    margin-top: 1em
}

.Intro--text p:not(:last-child),
.Intro--text q:not(:last-child),
.Intro--text blockquote:not(:last-child) {
    margin-bottom: 1em
}

.Intro--text ul {
    display: block;
    margin-left: 1.25rem;
    margin-left: 0;
    color: rgba(var(--c-text-grey), 1)
}

.Intro--text ul>li {
    list-style-type: none;
    position: relative;
    margin-bottom: .33em;
    padding-left: 0.75rem
}

.Intro--text ul>li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: .65em;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: currentColor
}

.Intro--text ul.type3>li:before {
    height: 1px;
    width: 8px;
    margin-top: 1px
}

.Intro--text ul.type4>li:before {
    content: none
}

.Intro--text ul:not(:first-child) {
    margin-top: 1em
}

.Intro--text ul:not(:last-child) {
    margin-bottom: 1em
}

.Intro--text ol {
    display: block;
    margin-left: 1.25rem;
    display: block;
    counter-reset: ol--counter;
    margin: 1em 0;
    color: rgba(var(--c-text-grey), 1)
}

.Intro--text ol>li {
    list-style-type: none;
    position: relative;
    margin-bottom: .33em;
    padding-left: 0.75rem
}

.Intro--text ol>li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: .65em;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: currentColor
}

.Intro--text ol.type3>li:before {
    height: 1px;
    width: 8px;
    margin-top: 1px
}

.Intro--text ol.type4>li:before {
    content: none
}

.Intro--text ol>li {
    padding-left: 1.25rem
}

.Intro--text ol>li:before {
    counter-increment: ol--counter;
    content: counter(ol--counter) ".";
    text-align: right;
    background-color: unset;
    top: 0;
    left: 0.25rem;
    width: unset;
    height: unset
}

.Intro--text ol.type2>li:before {
    content: counter(ol--counter, lower-alpha) "."
}

.ie .Intro--text ol>li {
    list-style: decimal inside none
}

.Intro--text ol:not(:first-child) {
    margin-top: 1em
}

.Intro--text ol:not(:last-child) {
    margin-bottom: 1em
}

.Intro--text table {
    border-collapse: collapse;
    border-spacing: 0;
    overflow: hidden;
    float: none;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%
}

.Intro--text table caption {
    padding: 1em 0
}

.Intro--text table th {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .Intro--text table th {
        font-size: 1rem
    }
}

.Intro--text table th,
.Intro--text table td {
    padding: 1rem;
    vertical-align: text-top
}

.Intro--text table th:first-child,
.Intro--text table td:first-child {
    border-left: none !important;
    padding-left: 0
}

.Intro--text table th:last-child,
.Intro--text table td:last-child {
    border-right: none !important;
    padding-right: 0
}

.Intro--text table th h3,
.Intro--text table th h4,
.Intro--text table th h5,
.Intro--text table td h3,
.Intro--text table td h4,
.Intro--text table td h5 {
    margin-top: 0
}

.Intro--text table th p,
.Intro--text table th p:not(:first-child),
.Intro--text table td p,
.Intro--text table td p:not(:first-child) {
    margin-top: 0
}

.Intro--text table th p:last-child,
.Intro--text table td p:last-child {
    margin-bottom: 0
}

.Intro--text table td {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .Intro--text table td {
        font-size: 1rem
    }
}

.Intro--text table.grid th,
.Intro--text table.grid td,
.Intro--text table.striped th,
.Intro--text table.striped td {
    border: 1px solid rgba(0, 0, 0, .08)
}

.Intro--text table.ornate tr {
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.Intro--text table.ornate strong {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    display: block;
    margin-top: 1rem
}

@media(max-width: 700px) {
    .Intro--text table.ornate strong {
        font-size: 1rem
    }
}

.Intro--text table.sortable thead tr th,
.Intro--text table.tablesorter thead tr th {
    cursor: pointer;
    white-space: nowrap
}

.Intro--text table.sortable thead tr th::after,
.Intro--text table.tablesorter thead tr th::after {
    position: relative;
    display: inline-block;
    width: 1em;
    height: .75em;
    margin-left: .25em;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L4 0.5L7 3.5M7 8.5L4 11.5L1 8.5' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right center;
    content: ""
}

.Intro--text table.sortable thead tr th.asc::after,
.Intro--text table.sortable thead tr th[data-sort-dir=ASC i]::after,
.Intro--text table.tablesorter thead tr th.asc::after,
.Intro--text table.tablesorter thead tr th[data-sort-dir=ASC i]::after {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L4 0.5L7 3.5' stroke='%23666666' stroke-opacity='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 8.5L4 11.5L1 8.5' stroke='%230028A5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.Intro--text table.sortable thead tr th.desc::after,
.Intro--text table.sortable thead tr th[data-sort-dir=DESC i]::after,
.Intro--text table.tablesorter thead tr th.desc::after,
.Intro--text table.tablesorter thead tr th[data-sort-dir=DESC i]::after {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L4 0.5L7 3.5' stroke='%230028A5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 8.5L4 11.5L1 8.5' stroke='%23666666' stroke-opacity='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.Intro--text table th,
.Intro--text table td {
    border: 1px solid rgba(0, 0, 0, .08)
}

.Intro--text table.basic th,
.Intro--text table.basic td {
    border: unset
}

.Intro--text strong,
.Intro--text b {
    font-weight: 700
}

.Intro--text a {
    background-repeat: no-repeat;
    background-position: 0.875rem 100%;
    background-size: 100% 0px;
    background-image: linear-gradient(currentColor, currentColor);
    position: relative;
    padding-left: 0.5rem;
    white-space: normal;
    color: rgba(var(--c-blue), 1);
    cursor: pointer
}

@media(hover: hover) {
    .Intro--text a[href]:hover {
        background-size: 100% 1px
    }
}

.Intro--text a::before {
    display: inline-block;
    position: relative;
    left: -0.375rem;
    top: 0.6875rem;
    vertical-align: top;
    width: 0.375rem;
    height: 0.375rem;
    border-style: solid;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    content: ""
}

.Intro--text a:visited {
    color: rgba(var(--c-blue-muted), 1)
}

.Intro--text a[href*="/dam/"],
.Intro--text a.download,
.Intro--text a[download],
.Intro--text a[href*="//"]:not([href*="uzh.ch/"]) {
    margin-right: .375em
}

.Intro--text a[href*="/dam/"]::after,
.Intro--text a.download::after,
.Intro--text a[download]::after,
.Intro--text a[href*="//"]:not([href*="uzh.ch/"])::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: .85em;
    margin-left: .125em;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='17' viewBox='0 0 12 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 15.5L11 15.5' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10 8.5L6 12.5L2 8.5' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 1.5L6 12.5' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right center
}

.Intro--text a[href*="//"]:not([href*="uzh.ch/"])::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 11.1064L8.77817 3.32827' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M3.12109 3.32861L8.77795 3.32861L8.77795 8.98547' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ")
}

.Intro--text a:has(img) {
    display: inline-block;
    padding-left: 0 !important;
    margin-right: 0 !important;
    background-image: unset
}

.Intro--text a:has(img) img {
    display: inline-block
}

.Intro--text a:has(img)::before,
.Intro--text a:has(img)::after {
    content: none !important
}

.Intro--text a[id]:not([href]),
.Intro--text a[name]:not([href]) {
    padding-left: 0;
    color: inherit;
    cursor: default
}

.Intro--text a[id]:not([href])::before,
.Intro--text a[name]:not([href])::before {
    content: none
}

.Intro--text i,
.Intro--text cite,
.Intro--text em {
    font-style: italic
}

.Intro--text u {
    text-decoration: underline
}

.Intro--text big {
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: 400
}

@media(max-width: 700px) {
    .Intro--text big {
        font-size: 1.125rem
    }
}

.Intro--text small {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .Intro--text small {
        font-size: 0.875rem
    }
}

.Intro--text strike {
    text-decoration: line-through
}

.Intro--text tt,
.Intro--text code {
    font-family: monospace
}

.Intro--text q::before,
.Intro--text q::after {
    content: '"'
}

.Intro--text blockquote::before,
.Intro--text blockquote::after {
    content: '"'
}

.Intro--text .attention {
    color: rgba(var(--c-text-black), 1);
    background-color: rgba(var(--c-blue), 0.1)
}

@media(max-width: 700px) {
    .Intro--text {
        font-size: 1.125rem
    }
}

@media(max-width: 900px) {
    .Intro--text {
        margin-top: 1.5rem
    }
}

.Intro--image {
    width: 100%;
    margin-top: 2.5rem
}

@media(max-width: 900px) {
    .Intro--image {
        order: -1;
        margin-top: 0;
        margin-bottom: 2.5rem
    }
}

.LectureList {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    position: relative;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    position: relative
}

@media(max-width: 700px) {
    .LectureList {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(min-width: 901px) {

    [data-template=st04] .LectureList,
    .template-st04 .LectureList,
    [data-template=st05] .LectureList,
    .template-st05 .LectureList,
    [data-template=st06] .LectureList,
    .template-st06 .LectureList,
    [data-template=st07] .LectureList,
    .template-st07 .LectureList,
    [data-template=st08] .LectureList,
    .template-st08 .LectureList,
    [data-template=st09] .LectureList,
    .template-st09 .LectureList {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin))
    }
}

.LectureList .Spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 100ms 50ms, visibility 100ms 50ms
}

.LectureList.is-ajax-loading .Spinner {
    opacity: 1;
    visibility: unset
}

.LectureList.is-ajax-loading .LectureList--body {
    opacity: .3;
    pointer-events: none
}

.LectureList--content {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.LectureList--content h1 {
    font-size: 2.625rem;
    line-height: 1.2;
    font-weight: 700;
    color: rgba(var(--c-black), 1);
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .LectureList--content h1 {
        font-size: 2.125rem
    }
}

@media(max-width: 700px) {
    .LectureList--content h1 {
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

.LectureList--content h2 {
    font-size: 1.625rem;
    line-height: 1.2;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-top: 1.5em;
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .LectureList--content h2 {
        font-size: 1.375rem
    }
}

.LectureList--content h3 {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-top: 1.5em;
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .LectureList--content h3 {
        font-size: 1rem
    }
}

.LectureList--content h4 {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-top: 1.5em;
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .LectureList--content h4 {
        font-size: 0.875rem
    }
}

.LectureList--content h5 {
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .LectureList--content h5 {
        font-size: 0.875rem
    }
}

.LectureList--content h6 {
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .LectureList--content h6 {
        font-size: 0.875rem
    }
}

.LectureList--content pre {
    padding: 20px;
    background: rgba(var(--c-white), 1);
    margin: 1em 0
}

.LectureList--content code {
    background: #fff
}

.LectureList--content pre code,
.LectureList--content pre pre,
.LectureList--content code pre {
    background: rgba(0, 0, 0, 0)
}

.LectureList--content figure {
    margin-top: 1em;
    margin-bottom: 1em
}

.LectureList--content figure img {
    width: 100%
}

.LectureList--content figure figcaption {
    margin-top: 1em;
    display: block
}

.LectureList--content hr {
    border: none;
    border-bottom: 1px solid rgba(var(--c-trueblack), 0.08);
    margin-top: 1em;
    margin-bottom: 1em
}

.LectureList--content sub {
    vertical-align: sub;
    font-size: .75em
}

.LectureList--content sup {
    vertical-align: super;
    font-size: .75em
}

.LectureList--content del {
    text-decoration: line-through
}

.LectureList--content mark {
    background-color: rgba(var(--c-blue), 0.1)
}

.LectureList--content p,
.LectureList--content q,
.LectureList--content blockquote {
    color: rgba(var(--c-text-grey), 1)
}

.LectureList--content p:not(:first-child),
.LectureList--content q:not(:first-child),
.LectureList--content blockquote:not(:first-child) {
    margin-top: 1em
}

.LectureList--content p:not(:last-child),
.LectureList--content q:not(:last-child),
.LectureList--content blockquote:not(:last-child) {
    margin-bottom: 1em
}

.LectureList--content ul {
    display: block;
    margin-left: 1.25rem;
    margin-left: 0;
    color: rgba(var(--c-text-grey), 1)
}

.LectureList--content ul>li {
    list-style-type: none;
    position: relative;
    margin-bottom: .33em;
    padding-left: 0.75rem
}

.LectureList--content ul>li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: .65em;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: currentColor
}

.LectureList--content ul.type3>li:before {
    height: 1px;
    width: 8px;
    margin-top: 1px
}

.LectureList--content ul.type4>li:before {
    content: none
}

.LectureList--content ul:not(:first-child) {
    margin-top: 1em
}

.LectureList--content ul:not(:last-child) {
    margin-bottom: 1em
}

.LectureList--content ol {
    display: block;
    margin-left: 1.25rem;
    display: block;
    counter-reset: ol--counter;
    margin: 1em 0;
    color: rgba(var(--c-text-grey), 1)
}

.LectureList--content ol>li {
    list-style-type: none;
    position: relative;
    margin-bottom: .33em;
    padding-left: 0.75rem
}

.LectureList--content ol>li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: .65em;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: currentColor
}

.LectureList--content ol.type3>li:before {
    height: 1px;
    width: 8px;
    margin-top: 1px
}

.LectureList--content ol.type4>li:before {
    content: none
}

.LectureList--content ol>li {
    padding-left: 1.25rem
}

.LectureList--content ol>li:before {
    counter-increment: ol--counter;
    content: counter(ol--counter) ".";
    text-align: right;
    background-color: unset;
    top: 0;
    left: 0.25rem;
    width: unset;
    height: unset
}

.LectureList--content ol.type2>li:before {
    content: counter(ol--counter, lower-alpha) "."
}

.ie .LectureList--content ol>li {
    list-style: decimal inside none
}

.LectureList--content ol:not(:first-child) {
    margin-top: 1em
}

.LectureList--content ol:not(:last-child) {
    margin-bottom: 1em
}

.LectureList--content table {
    border-collapse: collapse;
    border-spacing: 0;
    overflow: hidden;
    float: none;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%
}

.LectureList--content table caption {
    padding: 1em 0
}

.LectureList--content table th {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .LectureList--content table th {
        font-size: 1rem
    }
}

.LectureList--content table th,
.LectureList--content table td {
    padding: 1rem;
    vertical-align: text-top
}

.LectureList--content table th:first-child,
.LectureList--content table td:first-child {
    border-left: none !important;
    padding-left: 0
}

.LectureList--content table th:last-child,
.LectureList--content table td:last-child {
    border-right: none !important;
    padding-right: 0
}

.LectureList--content table th h3,
.LectureList--content table th h4,
.LectureList--content table th h5,
.LectureList--content table td h3,
.LectureList--content table td h4,
.LectureList--content table td h5 {
    margin-top: 0
}

.LectureList--content table th p,
.LectureList--content table th p:not(:first-child),
.LectureList--content table td p,
.LectureList--content table td p:not(:first-child) {
    margin-top: 0
}

.LectureList--content table th p:last-child,
.LectureList--content table td p:last-child {
    margin-bottom: 0
}

.LectureList--content table td {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .LectureList--content table td {
        font-size: 1rem
    }
}

.LectureList--content table.grid th,
.LectureList--content table.grid td,
.LectureList--content table.striped th,
.LectureList--content table.striped td {
    border: 1px solid rgba(0, 0, 0, .08)
}

.LectureList--content table.ornate tr {
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.LectureList--content table.ornate strong {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    display: block;
    margin-top: 1rem
}

@media(max-width: 700px) {
    .LectureList--content table.ornate strong {
        font-size: 1rem
    }
}

.LectureList--content table.sortable thead tr th,
.LectureList--content table.tablesorter thead tr th {
    cursor: pointer;
    white-space: nowrap
}

.LectureList--content table.sortable thead tr th::after,
.LectureList--content table.tablesorter thead tr th::after {
    position: relative;
    display: inline-block;
    width: 1em;
    height: .75em;
    margin-left: .25em;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L4 0.5L7 3.5M7 8.5L4 11.5L1 8.5' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right center;
    content: ""
}

.LectureList--content table.sortable thead tr th.asc::after,
.LectureList--content table.sortable thead tr th[data-sort-dir=ASC i]::after,
.LectureList--content table.tablesorter thead tr th.asc::after,
.LectureList--content table.tablesorter thead tr th[data-sort-dir=ASC i]::after {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L4 0.5L7 3.5' stroke='%23666666' stroke-opacity='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 8.5L4 11.5L1 8.5' stroke='%230028A5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.LectureList--content table.sortable thead tr th.desc::after,
.LectureList--content table.sortable thead tr th[data-sort-dir=DESC i]::after,
.LectureList--content table.tablesorter thead tr th.desc::after,
.LectureList--content table.tablesorter thead tr th[data-sort-dir=DESC i]::after {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L4 0.5L7 3.5' stroke='%230028A5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 8.5L4 11.5L1 8.5' stroke='%23666666' stroke-opacity='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.LectureList--content table th,
.LectureList--content table td {
    border: 1px solid rgba(0, 0, 0, .08)
}

.LectureList--content table.basic th,
.LectureList--content table.basic td {
    border: unset
}

.LectureList--content strong,
.LectureList--content b {
    font-weight: 700
}

.LectureList--content a {
    background-repeat: no-repeat;
    background-position: 0.875rem 100%;
    background-size: 100% 0px;
    background-image: linear-gradient(currentColor, currentColor);
    position: relative;
    padding-left: 0.5rem;
    white-space: normal;
    color: rgba(var(--c-blue), 1);
    cursor: pointer
}

@media(hover: hover) {
    .LectureList--content a[href]:hover {
        background-size: 100% 1px
    }
}

.LectureList--content a::before {
    display: inline-block;
    position: relative;
    left: -0.375rem;
    top: 0.6875rem;
    vertical-align: top;
    width: 0.375rem;
    height: 0.375rem;
    border-style: solid;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    content: ""
}

.LectureList--content a:visited {
    color: rgba(var(--c-blue-muted), 1)
}

.LectureList--content a[href*="/dam/"],
.LectureList--content a.download,
.LectureList--content a[download],
.LectureList--content a[href*="//"]:not([href*="uzh.ch/"]) {
    margin-right: .375em
}

.LectureList--content a[href*="/dam/"]::after,
.LectureList--content a.download::after,
.LectureList--content a[download]::after,
.LectureList--content a[href*="//"]:not([href*="uzh.ch/"])::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: .85em;
    margin-left: .125em;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='17' viewBox='0 0 12 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 15.5L11 15.5' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10 8.5L6 12.5L2 8.5' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 1.5L6 12.5' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right center
}

.LectureList--content a[href*="//"]:not([href*="uzh.ch/"])::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 11.1064L8.77817 3.32827' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M3.12109 3.32861L8.77795 3.32861L8.77795 8.98547' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ")
}

.LectureList--content a:has(img) {
    display: inline-block;
    padding-left: 0 !important;
    margin-right: 0 !important;
    background-image: unset
}

.LectureList--content a:has(img) img {
    display: inline-block
}

.LectureList--content a:has(img)::before,
.LectureList--content a:has(img)::after {
    content: none !important
}

.LectureList--content a[id]:not([href]),
.LectureList--content a[name]:not([href]) {
    padding-left: 0;
    color: inherit;
    cursor: default
}

.LectureList--content a[id]:not([href])::before,
.LectureList--content a[name]:not([href])::before {
    content: none
}

.LectureList--content i,
.LectureList--content cite,
.LectureList--content em {
    font-style: italic
}

.LectureList--content u {
    text-decoration: underline
}

.LectureList--content big {
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: 400
}

@media(max-width: 700px) {
    .LectureList--content big {
        font-size: 1.125rem
    }
}

.LectureList--content small {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .LectureList--content small {
        font-size: 0.875rem
    }
}

.LectureList--content strike {
    text-decoration: line-through
}

.LectureList--content tt,
.LectureList--content code {
    font-family: monospace
}

.LectureList--content q::before,
.LectureList--content q::after {
    content: '"'
}

.LectureList--content blockquote::before,
.LectureList--content blockquote::after {
    content: '"'
}

.LectureList--content .attention {
    color: rgba(var(--c-text-black), 1);
    background-color: rgba(var(--c-blue), 0.1)
}

.LectureList--content .number {
    text-align: right
}

.LinkList {
    background-color: rgba(var(--c-white), 1);
    box-shadow: 0px 7px 22px -4px rgba(0, 0, 0, .05)
}

.LinkList>*:last-child {
    padding-bottom: 2rem
}

@media(max-width: 700px) {
    .LinkList>*:last-child {
        padding-bottom: 1.5rem
    }
}

.LinkList--header {
    position: relative;
    padding-bottom: 1rem
}

@media(hover: hover) {

    .LinkList--header:focus-within .Link .Link--icon,
    .LinkList--header:hover .Link .Link--icon {
        transform: translateX(0.25em)
    }
}

.LinkList--link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.LinkList--title {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem
}

@media(max-width: 700px) {
    .LinkList--title {
        font-size: 1rem
    }
}

@media(max-width: 700px) {
    .LinkList--title {
        padding-top: 1.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.LinkList--content {
    padding-left: 2rem;
    padding-right: 2rem
}

.LinkList--content>*:not(:last-child) {
    margin-bottom: 1rem
}

@media(max-width: 700px) {
    .LinkList--content {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.LinkList--text {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .LinkList--text {
        font-size: 1rem
    }
}

.LinkList--list>li,
.LinkList--list>div {
    position: relative;
    padding-left: calc(0.5rem + 0.25rem)
}

.LinkList--list>li:not(:last-of-type),
.LinkList--list>div:not(:last-of-type) {
    margin-bottom: 0.25rem
}

.LinkList--list .Link {
    position: static;
    padding-left: 0;
    background-position: 0 100%
}

.LinkList--list .Link::before {
    position: absolute;
    left: 0
}

.ContentArea .Map {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media(max-width: 700px) {
    .ContentArea .Map {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(max-width: 700px) {
    .ContentArea .Map {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin))
    }
}

.RelatedArea .Map {
    box-shadow: 0px 7px 22px -4px rgba(0, 0, 0, .05)
}

.Map--container {
    position: relative;
    width: 100%;
    background-color: rgba(var(--c-grey-light), 1)
}

.Map--container::before {
    content: "";
    display: block;
    padding-bottom: 56.25%
}

.js-Map--canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.PersonCard {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media(max-width: 700px) {
    .PersonCard {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(max-width: 700px) {
    .PersonCard {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin))
    }
}

.PersonList .PersonCard {
    position: unset;
    margin: unset;
    padding: unset;
    margin-bottom: 1.5rem
}

.PersonCard--inner {
    display: flex;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(var(--c-trueblack), 0.08)
}

@media(max-width: 700px) {
    .PersonCard--inner {
        display: block
    }
}

.PersonCard--image {
    margin-right: 1.5rem
}

@media(max-width: 700px) {
    .PersonCard--image {
        margin-right: 0;
        margin-bottom: 1.5rem
    }
}

.PersonCard--image:empty {
    width: 200px;
    height: 300px;
    background-color: rgba(var(--c-grey-medium), 1)
}

.PersonList .PersonCard--image:empty {
    width: 100px;
    height: 150px
}

.PersonCard--name {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .PersonCard--name {
        font-size: 1rem
    }
}

.PersonCard--details {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    margin-top: .1em
}

@media(max-width: 700px) {
    .PersonCard--details {
        font-size: 1rem
    }
}

.PersonCard--info:before,
.PersonCard--info:after {
    content: "";
    display: table
}

.PersonCard--info:after {
    clear: both
}

.PersonCard--infoLabel {
    clear: both;
    float: left
}

.PersonCard--infoLabel::after {
    content: ":";
    padding-right: .25em
}

.PersonCard--infoData {
    float: left
}

.PersonCard--links {
    margin-top: 1rem
}

.PersonCard--links>li,
.PersonCard--links>div {
    position: relative;
    padding-left: calc(0.5rem + 0.25rem)
}

.PersonCard--links>li:not(:last-of-type),
.PersonCard--links>div:not(:last-of-type) {
    margin-bottom: 0.25rem
}

.PersonCard--links .Link {
    position: static;
    padding-left: 0;
    background-position: 0 100%
}

.PersonCard--links .Link::before {
    position: absolute;
    left: 0
}

.PersonList {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media(max-width: 700px) {
    .PersonList {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(max-width: 700px) {
    .PersonList {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin))
    }
}

.PersonList--title {
    font-size: 1.625rem;
    line-height: 1.2;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-bottom: 2.5rem;
    scroll-margin: 1.5rem
}

@media(max-width: 700px) {
    .PersonList--title {
        font-size: 1.375rem
    }
}

@media(max-width: 700px) {
    .PersonList--title {
        margin-bottom: 2rem
    }
}

.Sitemap {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    position: relative
}

@media(min-width: 901px) {

    [data-template=st04] .Sitemap,
    .template-st04 .Sitemap,
    [data-template=st05] .Sitemap,
    .template-st05 .Sitemap,
    [data-template=st06] .Sitemap,
    .template-st06 .Sitemap,
    [data-template=st07] .Sitemap,
    .template-st07 .Sitemap,
    [data-template=st08] .Sitemap,
    .template-st08 .Sitemap,
    [data-template=st09] .Sitemap,
    .template-st09 .Sitemap {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin))
    }
}

.Sitemap--inner {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    color: rgba(var(--c-blue), 1)
}

@media(max-width: 700px) {
    .Sitemap--inner {
        font-size: 0.875rem
    }
}

.Sitemap--inner>ul>li {
    margin-top: 2.5rem
}

.Sitemap--inner>ul>li>ul {
    border-bottom: 1px solid rgba(var(--c-trueblack), 0.16)
}

.Sitemap--inner ul ul ul {
    padding-left: 1.5rem
}

.Sitemap--inner a {
    display: inline-block;
    margin-bottom: 0.5rem
}

@media(hover: hover) {
    .Sitemap--inner a:hover {
        -webkit-text-decoration: 1px underline;
        text-decoration: 1px underline;
        text-underline-offset: .25em
    }
}

.Sitemap--inner>ul>li>ul>li {
    border-top: 1px solid rgba(var(--c-trueblack), 0.16);
    padding-top: 0.5rem
}

.Sitemap--inner>ul>li>a {
    font-weight: 700
}

.Slideshow {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    position: relative;
    --swiper-pagination-bullet-horizontal-gap: 5px;
    --swiper-pagination-bullet-size: 6px;
    --swiper-pagination-color: rgba(var(--c-blue), 1);
    --swiper-pagination-bullet-inactive-color: rgb(18, 18, 18);
    --swiper-pagination-bullet-inactive-opacity: 0.3;
    margin-top: 5rem;
    margin-bottom: 5rem
}

@media(max-width: 700px) {
    .Slideshow {
        margin-top: 2.5rem;
        margin-bottom: 3.5rem
    }
}

.Slideshow--inner {
    position: relative
}

.Slideshow--track {
    max-height: 66vh;
    background-color: rgba(var(--c-grey-medium), 1)
}

@media(max-width: 700px) {
    .Slideshow--track {
        cursor: grab
    }
}

.Slideshow--image {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}

.Slideshow--image .Image {
    margin-left: auto;
    margin-right: auto
}

.Slideshow--button {
    display: inline-flex;
    width: 48px;
    height: 48px;
    position: relative;
    color: rgba(var(--c-blue), 1);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 0;
    display: flex;
    transform: translate(-50%, -50%)
}

.Slideshow--button::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    content: "";
    border-radius: inherit;
    background-color: rgba(var(--c-white), 1);
    box-shadow: 0px 7px 22px -4px rgba(0, 0, 0, .05);
    transition: transform .2s, opacity .2s
}

.Slideshow--button[disabled] {
    pointer-events: none
}

.Slideshow--button[disabled]::before,
.Slideshow--button[disabled] .Icon {
    opacity: .3
}

.Slideshow--button.swiper-button-lock.swiper-button-lock {
    display: none
}

.Slideshow--button .Icon {
    position: relative;
    z-index: 1
}

@media(hover: hover) {
    .Slideshow--button:hover::before {
        transform: scale(1.2)
    }
}

.Slideshow--button.next {
    left: auto;
    right: 0;
    transform: translate(50%, -50%)
}

.Slideshow--button.prev .Icon {
    transform: rotate(180deg)
}

@media(max-width: 700px) {
    .Slideshow--button {
        display: none
    }
}

.Slideshow--footer {
    position: relative;
    min-height: 30px;
    padding-top: 1.5rem
}

@media(max-width: 700px) {
    .Slideshow--footer {
        padding-top: 0.5rem
    }
}

.Slideshow--pagination.swiper-pagination {
    width: auto;
    top: 0;
    left: auto;
    right: 0;
    bottom: auto;
    margin-left: calc(var(--swiper-pagination-bullet-horizontal-gap)*-1);
    margin-right: calc(var(--swiper-pagination-bullet-horizontal-gap)*-1)
}

@media(max-width: 700px) {
    .Slideshow--pagination.swiper-pagination {
        position: static;
        text-align: left;
        margin-bottom: 0.5rem
    }
}

.Slideshow--caption--title {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-bottom: 0.5rem
}

@media(max-width: 700px) {
    .Slideshow--caption--title {
        font-size: 0.875rem
    }
}

.Slideshow--caption--title:empty {
    display: none
}

.Slideshow--caption--text {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    margin-bottom: 0.5rem
}

@media(max-width: 700px) {
    .Slideshow--caption--text {
        font-size: 0.875rem
    }
}

.Slideshow--caption--text:empty {
    display: none
}

.Slideshow--caption--link {
    display: none
}

.Slideshow--caption--link[href]:not([href=""]) {
    display: inline
}

.SubpageList {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media(max-width: 700px) {
    .SubpageList {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(max-width: 700px) {
    .SubpageList {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin))
    }
}

.SubpageList--entry--titleWrapper {
    margin-bottom: .5em
}

@media(max-width: 700px) {
    .SubpageList--entry--titleWrapper {
        margin-bottom: 0
    }
}

.SubpageList--entry--text {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    margin-bottom: 1.5rem;
    padding-right: 40%
}

@media(max-width: 700px) {
    .SubpageList--entry--text {
        font-size: 0.875rem
    }
}

@media(max-width: 1150px) {
    .SubpageList--entry--text {
        padding-right: 0
    }
}

@media(max-width: 700px) {
    .SubpageList--entry--text {
        margin-bottom: 1rem
    }
}

.TableOfContents {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin))
}

@media(max-width: 700px) {
    .TableOfContents {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(max-width: 700px) {
    .TableOfContents {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin))
    }
}

.TableOfContents--linkList {
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.TableOfContents--linkList li:not(:last-of-type) {
    margin-bottom: 0.25rem
}

@media(hover: hover) {
    .TableOfContents--linkList .Link:hover {
        color: rgba(var(--c-blue), 1)
    }
}

.TextImage {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    clear: both
}

@media(max-width: 700px) {
    .TextImage {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(max-width: 700px) {
    .TextImage {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin))
    }
}

.TextImage .helper-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.TextImage .helper-scroll-right {
    display: none
}

.TextImage .toggle {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 1rem;
    text-align: left
}

.TextImage .toggle::after {
    display: inline-block;
    margin-left: 12px;
    height: 7px;
    width: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L6 5.5L10.5 1' stroke='%230028A5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right center;
    content: "";
    flex-shrink: 0;
    transition: 200ms ease
}

.TextImage .toggle.is-open::after {
    transform: scaleY(-1)
}

.TextImage .topnav,
.TextImage .TextImage--topLink {
    display: flex;
    justify-content: flex-end;
    margin-top: 3rem;
    margin-bottom: 3rem
}

.TextImage .topnav a {
    color: rgba(var(--c-text-grey), 1) !important;
    background-image: unset
}

.TextImage .topnav a::before {
    content: none
}

.TextImage .topnav a::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: .85em;
    margin-left: 0.75rem;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='15' viewBox='0 0 12 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14L6 1M6 1L11 6M6 1L1 6' stroke='%230028A5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right center;
    transition: 200ms ease
}

@media(hover: hover) {
    .TextImage .topnav a:hover::after {
        transform: translateY(-0.15em)
    }
}

.TextImage .media.photo {
    position: relative
}

.TextImage .media.photo .zoom a {
    position: unset;
    margin: unset;
    padding: unset;
    background: unset
}

.TextImage .media.photo .zoom a::before,
.TextImage .media.photo .zoom a::after {
    content: unset
}

@media(hover: hover) {
    .TextImage .media.photo .zoom a:hover {
        background: unset
    }
}

.TextImage--title {
    font-size: 1.625rem;
    line-height: 1.2;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-bottom: 1em;
    scroll-margin: 1.5rem
}

@media(max-width: 700px) {
    .TextImage--title {
        font-size: 1.375rem
    }
}

.TextImage--image {
    margin-bottom: 2.5rem
}

@media(min-width: 901px) {
    .TextImage--image.layout-float-left {
        float: left;
        max-width: 60%;
        margin-top: 0.5rem;
        margin-right: 2.5rem;
        margin-bottom: 0.5rem
    }
}

@media(min-width: 901px) {
    .TextImage--image.layout-float-right {
        float: right;
        max-width: 60%;
        margin-top: 0.5rem;
        margin-left: 2.5rem;
        margin-bottom: 0.5rem
    }
}

.TextImage--image--inner {
    position: relative
}

.TextImage--image--caption,
.TextImage .media.photo .caption,
.TextImage .media.photo .copyrigth {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-top: 1rem
}

@media(max-width: 700px) {

    .TextImage--image--caption,
    .TextImage .media.photo .caption,
    .TextImage .media.photo .copyrigth {
        font-size: 0.75rem
    }
}

.TextImage--image--caption a,
.TextImage .media.photo .caption a,
.TextImage .media.photo .copyrigth a {
    padding-left: 0;
    margin-right: 0;
    background-position: 0 100%
}

.TextImage--image--caption a::before,
.TextImage .media.photo .caption a::before,
.TextImage .media.photo .copyrigth a::before {
    content: none
}

.TextImage .media.photo .copyrigth {
    margin-top: 0
}

.TextImage--imageLink,
.TextImage .media.photo .zoom a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer
}

.TextImage--imageLink .Icon,
.TextImage .media.photo .zoom a .Icon {
    transition: transform .2s
}

@media(hover: hover) {

    .TextImage--imageLink:hover .Icon,
    .TextImage .media.photo .zoom a:hover .Icon {
        transform: scale(1.2)
    }
}

.TextImage--imageLink--icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 52px;
    height: 52px;
    background-color: rgba(var(--c-trueblack), 0.5);
    color: rgba(var(--c-white), 1)
}

.TextImage--accordionButton {
    display: block;
    width: 100%
}

.TextImage--accordionButton+* {
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    transition: max-height var(--text-image-accordion_transition-duration) ease-out
}

.TextImage--accordionButton+*>* {
    visibility: hidden;
    transition: visibility 0s var(--text-image-accordion_transition-duration)
}

.TextImage--accordionButton+*>*:last-child {
    margin-bottom: 1em
}

.TextImage--accordionButton+*[data-text-image-accordion-hidden=true] {
    max-height: 1px
}

.TextImage--accordionButton+*[data-text-image-accordion-hidden=false] {
    max-height: var(--text-image-accordion_max-height)
}

.TextImage--accordionButton+*[data-text-image-accordion-hidden=false]>* {
    visibility: visible;
    transition: none
}

.VideoPlayer {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    position: relative;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media(max-width: 700px) {
    .VideoPlayer {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(min-width: 701px) {
    .VideoPlayer {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin))
    }
}

.VideoPlayer--player {
    width: 100%;
    max-width: 100%;
    height: auto;
    background-color: rgba(var(--c-grey-medium), 1)
}

.VideoPlayer[style*="--video-player_width"] .VideoPlayer--player {
    width: calc(var(--video-player_width)*1px)
}

.VideoPlayer[style*="--video-player_height"] .VideoPlayer--player {
    height: calc(var(--video-player_height)*1px)
}

.VideoPlayer[style*="--video-player_height"]:not([style*="--video-player_width"]) .VideoPlayer--player {
    width: auto
}

.VideoPlayer--caption {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    width: var(--video-player_width, 100%);
    max-width: 100%;
    margin-top: 1rem
}

@media(max-width: 700px) {
    .VideoPlayer--caption {
        font-size: 0.75rem
    }
}

.ZoraPublications {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    position: relative;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media(max-width: 700px) {
    .ZoraPublications {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(min-width: 901px) {

    [data-template=st04] .ZoraPublications,
    .template-st04 .ZoraPublications,
    [data-template=st05] .ZoraPublications,
    .template-st05 .ZoraPublications,
    [data-template=st06] .ZoraPublications,
    .template-st06 .ZoraPublications,
    [data-template=st07] .ZoraPublications,
    .template-st07 .ZoraPublications,
    [data-template=st08] .ZoraPublications,
    .template-st08 .ZoraPublications,
    [data-template=st09] .ZoraPublications,
    .template-st09 .ZoraPublications {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin))
    }
}

.ZoraPublications--header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem
}

.ZoraPublications--type {
    min-width: 250px
}

.ZoraPublications--exportLinks>* {
    display: none
}

.ZoraPublications--exportLinks>*.is-active {
    display: block
}

.ZoraPublications>.ZoraPublications--list {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media(max-width: 700px) {
    .ZoraPublications>.ZoraPublications--list {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

.ZoraPublications>.ZoraPublications--list>li>.ZoraPublications--title {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-top: 2.5rem;
    margin-bottom: 1.5rem
}

@media(max-width: 700px) {
    .ZoraPublications>.ZoraPublications--list>li>.ZoraPublications--title {
        font-size: 1rem
    }
}

@media(max-width: 700px) {
    .ZoraPublications>.ZoraPublications--list>li>.ZoraPublications--title {
        margin-top: 0
    }
}

.ZoraPublications--list[data-level="2"]>li {
    padding-left: 1.5rem
}

.ZoraPublications--title {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    display: block
}

@media(max-width: 700px) {
    .ZoraPublications--title {
        font-size: 0.875rem
    }
}

.ZoraPublications--list .ZoraPublications--list .ZoraPublications--title {
    margin-top: 0.5rem
}

.ZoraCitation {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(var(--c-trueblack), 0.08)
}

@media(max-width: 700px) {
    .ZoraCitation {
        font-size: 0.875rem
    }
}

.ZoraCitation .Link::before {
    top: .6em
}

.ZoraCitation--author,
.ZoraCitation--title,
.ZoraCitation--publication {
    display: block
}

.BigTeaserWrapper {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    position: relative;
    margin-top: 5rem;
    margin-bottom: 5rem
}

@media(max-width: 700px) {
    .BigTeaserWrapper {
        margin-top: 4rem;
        margin-bottom: 4rem
    }
}

.BigTeaser {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: "image image image image image text text text text text text spacing"
}

[data-image-position=after] .BigTeaser {
    grid-template-areas: "spacing text text text text text text image image image image image"
}

@media(max-width: 700px) {
    .BigTeaser {
        display: flex;
        flex-direction: column;
        gap: 32px
    }
}

.BigTeaser--image {
    grid-area: image;
    max-width: 100%
}

.BigTeaser--image .Image {
    max-width: min(430px, 100%)
}

.BigTeaser--content {
    grid-area: text;
    display: flex;
    align-items: center
}

.BigTeaser--title {
    font-size: 1.625rem;
    line-height: 1.2;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-bottom: .8em
}

@media(max-width: 700px) {
    .BigTeaser--title {
        font-size: 1.375rem
    }
}

.BigTeaser--text {
    color: rgba(var(--c-text-grey), 1);
    margin-bottom: 1.1em
}

.BigTeaser--metadata {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .BigTeaser--metadata {
        font-size: 0.75rem
    }
}

.BigTeaser--metadata>*+* {
    position: relative;
    padding-left: 0.5rem
}

.BigTeaser--metadata>*+*::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    height: 12px;
    margin-top: -7px;
    border-left: 1px solid currentColor
}

.ContentTeaser {
    background-color: rgba(var(--c-white), 1);
    box-shadow: 0px 7px 22px -4px rgba(0, 0, 0, .05);
    min-height: 100%;
    display: flex;
    flex-direction: column
}

.ContentTeaser--image {
    position: relative
}

.ContentTeaser--title {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .ContentTeaser--title {
        font-size: 1rem
    }
}

.ContentTeaser--content {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    padding: 2rem
}

@media(max-width: 700px) {
    .ContentTeaser--content {
        padding: 1.5rem
    }
}

.ContentTeaser--text {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    margin-top: 1rem
}

@media(max-width: 700px) {
    .ContentTeaser--text {
        font-size: 1rem
    }
}

.ContentTeaser--list {
    margin-top: auto;
    padding-top: 1rem
}

.ContentTeaser--list>li,
.ContentTeaser--list>div {
    position: relative;
    padding-left: calc(0.5rem + 0.25rem)
}

.ContentTeaser--list>li:not(:last-of-type),
.ContentTeaser--list>div:not(:last-of-type) {
    margin-bottom: 0.25rem
}

.ContentTeaser--list .Link {
    position: static;
    padding-left: 0;
    background-position: 0 100%
}

.ContentTeaser--list .Link::before {
    position: absolute;
    left: 0
}

.EventTeaser {
    display: flex;
    position: relative;
    min-height: 100%;
    flex-direction: column;
    padding-top: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    background-color: rgba(var(--c-white), 1);
    box-shadow: 0px 7px 22px -4px rgba(0, 0, 0, .05)
}

@media(hover: hover) {
    .EventTeaser:hover .EventTeaser--ctaWrapper .Link {
        background-size: 100% 1px
    }
}

.EventTeaser--link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.EventTeaser--link>span {
    position: absolute;
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
    white-space: nowrap
}

.EventTeaser--datePrefix {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    margin-top: -1rem
}

@media(max-width: 700px) {
    .EventTeaser--datePrefix {
        font-size: 0.875rem
    }
}

.EventTeaser--date {
    font-size: 2.625rem;
    line-height: 1.2;
    font-weight: 700
}

@media(max-width: 700px) {
    .EventTeaser--date {
        font-size: 2.125rem
    }
}

@media(max-width: 700px) {
    .EventTeaser--date {
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

.EventTeaser--time {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400
}

@media(max-width: 700px) {
    .EventTeaser--time {
        font-size: 0.875rem
    }
}

.EventTeaser--header {
    display: flex;
    color: rgba(var(--c-blue), 1);
    margin-bottom: 1.5rem
}

.EventTeaser--body {
    display: flex;
    flex-grow: 1;
    flex-direction: column
}

.EventTeaser--text {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-bottom: 2em
}

@media(max-width: 700px) {
    .EventTeaser--text {
        font-size: 1rem
    }
}

.EventTeaser--ctaWrapper {
    margin-top: auto
}

.EventTeaser--imageWrapper {
    margin-left: auto;
    width: 90px;
    height: auto
}

.LinkBox {
    position: relative;
    display: flex;
    flex-direction: column;
    aspect-ratio: 15/7;
    padding: 1.5rem;
    box-shadow: 0px 7px 22px -4px rgba(0, 0, 0, .05);
    background-color: rgba(var(--c-white), 1)
}

.LinkBox::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0px 7px 22px -4px rgba(0, 0, 0, .05);
    opacity: 0;
    visibility: hidden;
    will-change: transform;
    transition: opacity 150ms ease-in-out, visibility 150ms
}

@media(hover: hover) {
    .LinkBox:hover::before {
        opacity: 1;
        visibility: visible
    }

    .LinkBox:hover .LinkBox--icon {
        transform: translateX(5px)
    }
}

@media(max-width: 700px) {
    .LinkBox {
        aspect-ratio: auto;
        flex-direction: row
    }
}

.LinkBox--inner {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    position: relative;
    display: flex;
    width: 100%;
    margin-bottom: 1em
}

@media(max-width: 700px) {
    .LinkBox--inner {
        font-size: 1rem
    }
}

@media(max-width: 700px) {
    .LinkBox--inner {
        margin-bottom: 0;
        flex-grow: 1;
        align-items: center
    }
}

.LinkBox--icon {
    position: relative;
    display: block;
    margin-top: auto;
    transition: transform 150ms ease-in-out
}

.LinkBox--icon>.Icon {
    color: rgba(var(--c-blue), 1)
}

.LinkBoxSection {
    margin-top: 5rem;
    margin-bottom: 5rem;
    position: relative;
    z-index: 0
}

@media(max-width: 700px) {
    .LinkBoxSection {
        margin-top: 4rem;
        margin-bottom: 4rem
    }
}

@media(min-width: 701px) {
    .LinkBoxSection--body {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 10)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 10)) / 2) + var(--page-margin))
    }
}

.LinkBoxSection--body--inner {
    padding-left: 2rem;
    padding-right: 2rem
}

@media(max-width: 700px) {
    .LinkBoxSection--body--inner {
        padding-left: var(--page-margin);
        padding-right: var(--page-margin);
        position: relative
    }
}

.LinkBoxSection--image {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 10)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 10)) / 2) + var(--page-margin));
    position: relative;
    z-index: -1;
    margin-bottom: -100px
}

@media(max-width: 700px) {
    .LinkBoxSection--image {
        position: unset;
        margin: unset;
        padding: unset;
        margin-bottom: -40px
    }
}

.LinkBoxSection--list {
    --flexgrid-column-gap: 2rem;
    --flexgrid-row-gap: 2.5rem;
    --flexgrid-column-count: 3;
    margin-right: calc(var(--flexgrid-column-gap) * -1);
    margin-bottom: calc(var(--flexgrid-row-gap) * -1);
    display: flex;
    flex-wrap: wrap;
    page-break-inside: avoid;
    position: relative;
    z-index: 0
}

.LinkBoxSection--list>* {
    padding-right: var(--flexgrid-column-gap)
}

.LinkBoxSection--list>* {
    margin-bottom: var(--flexgrid-row-gap)
}

.LinkBoxSection--list>* {
    flex: 0 0 auto;
    width: calc(100% / var(--flexgrid-column-count))
}

.LinkBoxSection--list>li {
    display: flex;
    position: relative;
    z-index: 1
}

.LinkBoxSection--list>li>* {
    width: 100%;
    flex: 0 0 auto
}

@media(max-width: 1150px) {
    .LinkBoxSection--list {
        --flexgrid-column-gap: 1.5rem;
        --flexgrid-row-gap: 1.5rem
    }
}

@media(max-width: 900px) {
    .LinkBoxSection--list {
        --flexgrid-column-count: 2
    }
}

@media(max-width: 700px) {
    .LinkBoxSection--list {
        --flexgrid-column-gap: 0;
        --flexgrid-column-count: 1;
        --flexgrid-row-gap: 16px
    }
}

.LinkBoxSection--image .Image {
    width: 100%
}

.NewsTeaser {
    background-color: rgba(var(--c-white), 1);
    box-shadow: 0px 7px 22px -4px rgba(0, 0, 0, .05);
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%
}

.NewsTeaser--image {
    position: relative
}

.NewsTeaser--image .Image {
    width: 100%
}

.NewsTeaser--link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.NewsTeaser--meta {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem
}

@media(max-width: 700px) {
    .NewsTeaser--meta {
        font-size: 0.75rem
    }
}

.NewsTeaser--meta>*+* {
    position: relative;
    padding-left: 0.5rem
}

.NewsTeaser--meta>*+*::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    height: 12px;
    margin-top: -7px;
    border-left: 1px solid currentColor
}

.NewsTeaser--titleLink {
    margin-bottom: 1rem
}

.NewsTeaser--title {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-bottom: 0.5rem
}

@media(max-width: 700px) {
    .NewsTeaser--title {
        font-size: 1rem
    }
}

.NewsTeaser--body {
    flex-grow: 1;
    padding: 2rem;
    display: flex;
    flex-direction: column
}

.NewsTeaser--text {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    margin-bottom: 1rem
}

@media(max-width: 700px) {
    .NewsTeaser--text {
        font-size: 1rem
    }
}

.NewsTeaser--ctaWrapper {
    margin-top: auto
}

.TeaserSliderSectionWrapper {
    margin-top: 5rem;
    margin-bottom: 5rem;
    background-color: rgba(var(--c-blue), 0.03);
    padding-top: 5rem;
    padding-bottom: 5rem;
    overflow: hidden
}

@media(max-width: 700px) {
    .TeaserSliderSectionWrapper {
        margin-top: 4rem;
        margin-bottom: 4rem
    }
}

.TeaserSliderSectionWrapper:not([data-background=none]) {
    margin-bottom: 0
}

@media(max-width: 700px) {
    .TeaserSliderSectionWrapper:not([data-background=none]) {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

.TeaserSliderSectionWrapper[data-background=none] {
    background-color: unset;
    padding-top: 0;
    padding-bottom: 0
}

.TeaserSliderSectionWrapper+.TeaserSliderSectionWrapper:not([data-background=none]) {
    margin-top: 0
}

.TeaserSliderSection {
    position: relative
}

.TeaserSliderSection--slider {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    position: relative
}

.TeaserSliderSection--wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.TeaserSliderSection--wrapper>li {
    --slider--slide-count: 3;
    display: block;
    vertical-align: top;
    flex: 0 0 auto;
    width: calc((100% + 2.5rem) / var(--slider--slide-count, 1) - 2.5rem);
    margin-right: 2.5rem
}

.TeaserSliderSection--wrapper>li:last-child {
    margin-right: 0
}

@media(max-width: 1150px) {
    .TeaserSliderSection--wrapper>li {
        --slider--slide-count: 3;
        display: block;
        vertical-align: top;
        flex: 0 0 auto;
        width: calc((100% + 1.5rem) / var(--slider--slide-count, 1) - 1.5rem);
        margin-right: 1.5rem
    }

    .TeaserSliderSection--wrapper>li:last-child {
        margin-right: 0
    }
}

@media(max-width: 900px) {
    .TeaserSliderSection--wrapper>li {
        --slider--slide-count: 2;
        display: block;
        vertical-align: top;
        flex: 0 0 auto;
        width: calc((100% + var(--page-margin)) / var(--slider--slide-count, 1) - var(--page-margin));
        margin-right: var(--page-margin)
    }

    .TeaserSliderSection--wrapper>li:last-child {
        margin-right: 0
    }
}

@media(max-width: 580px) {
    .TeaserSliderSection--wrapper>li {
        --slider--slide-count: 1;
        display: block;
        vertical-align: top;
        flex: 0 0 auto;
        width: calc((100% + var(--page-margin)) / var(--slider--slide-count, 1) - var(--page-margin));
        margin-right: var(--page-margin)
    }

    .TeaserSliderSection--wrapper>li:last-child {
        margin-right: 0
    }
}

.TeaserSliderSection--cta,
.TeaserSliderSection--controls {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    position: relative;
    margin-top: 2.5rem
}

.TeaserSliderSectionWrapper:has(.TeaserSliderSection--cta):has(.TeaserSliderSection--controls) .TeaserSliderSection {
    padding-bottom: 113px;
    margin-bottom: -98px
}

.TeaserSliderSectionWrapper:has(.TeaserSliderSection--cta):has(.TeaserSliderSection--controls) .TeaserSliderSection--controls {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%
}

.TeaserSliderSectionWrapper:has(.TeaserSliderSection--cta):has(.TeaserSliderSection--controls) .TeaserSliderSection--cta {
    position: relative;
    top: -15px
}

.TeaserSliderSection--controls {
    padding-bottom: 15px
}

.TeaserSliderSection--cta {
    text-align: center;
    line-height: 48px
}

@media(max-width: 700px) {
    .TeaserSliderSection--cta {
        text-align: unset
    }
}

.TeaserSliderSection--cta>.Link {
    position: relative;
    z-index: 1
}

.WegweiserTeaser {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    position: relative;
    display: block;
    background-color: rgba(var(--c-blue), 1);
    color: rgba(var(--c-white), 1);
    padding-top: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 1.5rem;
    text-align: center;
    overflow: hidden;
    transition: transform 60ms ease-in-out
}

@media(max-width: 700px) {
    .WegweiserTeaser {
        font-size: 1rem
    }
}

.WegweiserTeaser::before {
    content: "";
    display: block;
    position: absolute;
    padding-bottom: 130%;
    width: 130%;
    left: 50%;
    top: 50%;
    background-color: rgba(var(--c-white), 0.05);
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.4);
    border-radius: 100%;
    transition: transform 250ms ease-out, opacity 100ms, visibility 150ms;
    visibility: hidden
}

@media(hover: hover) {
    .WegweiserTeaser:hover::before {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, -50%)
    }

    .WegweiserTeaser:hover .WegweiserTeaser--indicator>.Icon {
        transform: translateX(2px)
    }
}

.WegweiserTeaser:active {
    transform: scale(0.98)
}

.WegweiserTeaser--pictoWrapper {
    margin-bottom: 0.75rem
}

.WegweiserTeaser--indicator {
    margin-top: 0.75rem
}

.WegweiserTeaser--indicator>.Icon {
    width: 24px;
    height: 24px;
    transition: transform 100ms
}

.WegweiserTeaserSection {
    margin-top: 5rem;
    margin-bottom: 5rem;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 10)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 10)) / 2) + var(--page-margin))
}

@media(max-width: 700px) {
    .WegweiserTeaserSection {
        margin-top: 4rem;
        margin-bottom: 4rem
    }
}

@media(max-width: 1150px) {
    .WegweiserTeaserSection {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin))
    }
}

.WegweiserTeaserSection--list {
    margin-right: calc(2.5rem * -1);
    margin-bottom: calc(2.5rem * -1);
    display: flex;
    flex-wrap: wrap;
    page-break-inside: avoid;
    justify-content: center
}

.WegweiserTeaserSection--list>* {
    padding-right: 2.5rem
}

.WegweiserTeaserSection--list>* {
    margin-bottom: 2.5rem
}

.WegweiserTeaserSection--list>* {
    flex: 0 0 auto;
    width: calc(100% / 3)
}

@media(max-width: 1150px) {
    .WegweiserTeaserSection--list {
        margin-right: calc(1.5rem * -1);
        margin-bottom: calc(1.5rem * -1);
        display: flex;
        flex-wrap: wrap;
        page-break-inside: avoid
    }

    .WegweiserTeaserSection--list>* {
        padding-right: 1.5rem
    }

    .WegweiserTeaserSection--list>* {
        margin-bottom: 1.5rem
    }

    .WegweiserTeaserSection--list>* {
        flex: 0 0 auto;
        width: calc(100% / 3)
    }
}

@media(max-width: 900px) {
    .WegweiserTeaserSection--list {
        margin-right: calc(1rem * -1);
        margin-bottom: calc(1rem * -1);
        display: flex;
        flex-wrap: wrap;
        page-break-inside: avoid
    }

    .WegweiserTeaserSection--list>* {
        padding-right: 1rem
    }

    .WegweiserTeaserSection--list>* {
        margin-bottom: 1rem
    }

    .WegweiserTeaserSection--list>* {
        flex: 0 0 auto;
        width: calc(100% / 2)
    }
}

@media(max-width: 700px) {
    .WegweiserTeaserSection--list {
        margin-right: calc(0.5rem * -1);
        margin-bottom: calc(0.5rem * -1);
        display: flex;
        flex-wrap: wrap;
        page-break-inside: avoid
    }

    .WegweiserTeaserSection--list>* {
        padding-right: 0.5rem
    }

    .WegweiserTeaserSection--list>* {
        margin-bottom: 0.5rem
    }

    .WegweiserTeaserSection--list>* {
        flex: 0 0 auto;
        width: calc(100% / 1)
    }
}

@keyframes breadcrumbs-outer-in {
    to {
        transform: none;
        opacity: 1
    }
}

@keyframes breadcrumbs-inner-in {
    to {
        transform: none
    }
}

.Breadcrumb {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    position: relative;
    width: 100%;
    margin-top: 2rem;
    white-space: nowrap;
    color: rgba(var(--c-grey), 1);
    overflow: hidden
}

@media(max-width: 700px) {
    .Breadcrumb {
        font-size: 0.75rem
    }
}

@media(max-width: 900px) {
    .Breadcrumb {
        margin-top: 0
    }
}

@media(min-width: 901px) {

    [data-template=nt04] .Breadcrumb,
    .template-nt04 .Breadcrumb {
        padding-right: 100px
    }
}

.Breadcrumb--list {
    display: flex;
    flex-wrap: wrap;
    margin-left: 40px;
    margin-right: 40px
}

@media(min-width: 1520px) {
    .Breadcrumb--list {
        margin-left: calc(50% - 720px);
        margin-right: calc(50% - 720px)
    }
}

@media(max-width: 900px) {
    .Breadcrumb--list {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        -ms-overflow-style: none;
        scrollbar-width: none;
        flex-wrap: nowrap;
        margin-left: 0;
        margin-right: 0;
        padding-left: 16px;
        overflow-y: hidden;
        padding-top: 1rem
    }

    .Breadcrumb--list::-webkit-scrollbar {
        display: none
    }
}

.Breadcrumb--list--item {
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-bottom: 0.375rem
}

@media(max-width: 900px) {
    .Breadcrumb--list--item {
        position: static
    }

    .Breadcrumb--list--item:last-child {
        padding-right: var(--page-margin)
    }
}

.Breadcrumb--link,
.Breadcrumb--btn {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    display: flex;
    align-items: center;
    transition: color .2s ease-in-out
}

.Breadcrumb--list--item:first-child .Breadcrumb--link,
.Breadcrumb--list--item:first-child .Breadcrumb--btn {
    margin-left: 0
}

@media(hover: hover) {

    .Breadcrumb--link:hover,
    .Breadcrumb--btn:hover {
        color: rgba(var(--c-black), 1)
    }
}

.Breadcrumb--link+.Icon {
    margin-left: 0.5rem;
    margin-right: 0.5rem
}

.Breadcrumb--btn .Icon {
    margin-left: 0.5rem;
    transition: transform 200ms ease-in-out
}

.Breadcrumb--btn[aria-expanded=true] {
    color: rgba(var(--c-black), 1)
}

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

.Breadcrumb--flyout {
    visibility: hidden;
    position: absolute;
    width: 21.25rem;
    max-width: 80vw;
    box-shadow: 0px 7px 22px -4px rgba(0, 0, 0, .05);
    z-index: 99
}

.js-Breadcrumb--btn[aria-expanded=true]~.Breadcrumb--flyout {
    visibility: visible
}

@media(max-width: 900px) {
    .Breadcrumb--flyout {
        position: fixed
    }
}

.Breadcrumb--flyout--inner {
    padding: 1.5rem 0;
    background: rgba(var(--c-white), 1);
    transform: scale(0.95);
    opacity: 0
}

.js-Breadcrumb--btn[aria-expanded=true]~.Breadcrumb--flyout .Breadcrumb--flyout--inner {
    animation: breadcrumbs-outer-in .3s ease forwards
}

.Breadcrumb--flyout--list {
    transform: translateY(5%)
}

.js-Breadcrumb--btn[aria-expanded=true]~.Breadcrumb--flyout .Breadcrumb--flyout--list {
    animation: breadcrumbs-inner-in .4s ease forwards
}

.Breadcrumb--flyout--link {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    position: relative;
    padding-left: 0.75rem;
    padding-right: 2rem
}

.Breadcrumb--flyout--link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0.25rem;
    height: 100%;
    background-color: rgba(var(--c-blue), 1);
    opacity: 0;
    transition: opacity 200ms ease
}

.Breadcrumb--flyout--link.is-active {
    color: rgba(var(--c-black), 1)
}

.Breadcrumb--flyout--link.is-active::before {
    opacity: 1
}

@media(hover: hover) {
    .Breadcrumb--flyout--link:hover {
        color: rgba(var(--c-black), 1)
    }

    .Breadcrumb--flyout--link:hover::before {
        opacity: 1;
        background-color: currentColor
    }
}

.Breadcrumb--flyout--item {
    width: 100%;
    padding: 0.375rem 0 0.375rem 0
}

.ContentArea {
    --content-area--margin-top: 5rem;
    --content-area--margin-bottom: 6.5rem;
    margin-top: var(--content-area--margin-top);
    margin-bottom: var(--content-area--margin-bottom)
}

@media(max-width: 900px) {
    .ContentArea {
        --content-area--margin-top: 2.5rem;
        --content-area--margin-bottom: 4.5rem
    }
}

.Intro+.ContentArea,
.NewsIntro+.ContentArea,
.NewsArticleIntro+.ContentArea {
    --content-area--margin-top: 0
}

.Footer {
    background-color: rgba(var(--c-grey-light), 1);
    border-top: 1px solid rgba(0, 0, 0, .08)
}

.Footer *>:first-child {
    border-top: none
}

.Footer--main {
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5rem;
    padding-top: 4rem;
    padding-bottom: 4rem
}

@media(min-width: 1520px) {
    .Footer--main {
        padding-left: calc(50% - 720px);
        padding-right: calc(50% - 720px)
    }
}

@media(max-width: 900px) {
    .Footer--main {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media(max-width: 1150px) {
    .Footer--main {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        gap: 2.5rem;
        padding-top: 2.5rem;
        padding-bottom: 3rem
    }
}

@media(max-width: 700px) {
    .Footer--main {
        grid-template-columns: 1fr;
        gap: 3rem
    }
}

.Footer--bottom {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 1.5rem;
    padding-bottom: 2rem;
    border-top: 1px solid rgba(0, 0, 0, .08)
}

@media(min-width: 1520px) {
    .Footer--bottom {
        padding-left: calc(50% - 720px);
        padding-right: calc(50% - 720px)
    }
}

@media(max-width: 900px) {
    .Footer--bottom {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media(max-width: 900px) {
    .Footer--bottom {
        padding-top: 1.25rem;
        padding-bottom: 1rem
    }
}

.Footer--logos {
    overflow: hidden
}

.Footer--logos--list {
    margin-right: calc(4rem * -1);
    margin-bottom: calc(1.5rem * -1);
    display: flex;
    flex-wrap: wrap;
    page-break-inside: avoid;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.Footer--logos--list>* {
    padding-right: 4rem
}

.Footer--logos--list>* {
    margin-bottom: 1.5rem
}

.Footer--logos--list>* {
    flex: 0 0 auto
}

.Footer--logos--item {
    position: relative
}

.Footer--logos--item::before {
    position: absolute;
    left: -2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 2.8125rem;
    background-color: rgba(var(--c-black), 0.08);
    content: ""
}

.Footer--logo {
    display: flex;
    max-width: 11.25rem;
    height: 3.125rem;
    transition: opacity .2s;
    align-items: center;
    justify-content: center
}

.Footer--logo[style*="width:"],
.Footer--logo[style*="height:"] {
    max-width: none
}

.Footer--logo.size-small {
    max-width: 8.75rem;
    height: 2.25rem
}

.Footer--logo.size-large {
    max-width: 16.25rem;
    height: 5.625rem
}

.Footer--logo img {
    max-height: 100%;
    max-width: 100%
}

@media(hover: hover) {
    .Footer--logo:hover {
        opacity: .6
    }
}

@media(max-width: 700px) {
    .Footer--logo {
        max-width: 8.75rem;
        height: 2.5rem
    }
}

.FooterSocialMediaList--title {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-bottom: 1rem
}

@media(max-width: 700px) {
    .FooterSocialMediaList--title {
        font-size: 0.875rem
    }
}

.FooterSocialMediaList--list {
    color: rgba(var(--c-grey), 1)
}

.FooterSocialMediaList--item {
    margin-bottom: 0.75rem
}

.FooterSocialMediaList--link {
    display: flex;
    align-items: center;
    transition: color .2s ease-in-out
}

.FooterSocialMediaList--link .Icon {
    margin-right: 1rem
}

@media(hover: hover) {
    .FooterSocialMediaList--link:hover {
        color: rgba(var(--c-black), 1)
    }
}

.Header {
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    z-index: 9999;
    background: rgba(var(--c-white), 1);
    box-shadow: 0 0.4375rem 1.375rem -0.25rem rgba(var(--c-black), 0.075)
}

@media(min-width: 1520px) {
    .Header {
        padding-left: calc(50% - 720px);
        padding-right: calc(50% - 720px)
    }
}

@media(max-width: 900px) {
    .Header {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media(max-width: 900px) {
    .Header {
        border-bottom: 1px solid rgba(var(--c-black), 0.08)
    }
}

.Header--logo {
    position: relative;
    display: inline-flex;
    align-items: center
}

.Header--top {
    display: flex;
    align-items: center;
    padding-top: 1.75rem;
    padding-bottom: 2rem;
    padding-right: var(--servicenav-width, 0)
}

@media(max-width: 900px) {
    .Header--top {
        padding-top: 0.75rem;
        padding-right: 0;
        padding-bottom: 1rem;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.Header--department {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    display: inline-flex;
    padding-top: 1rem;
    margin-left: 1.5rem;
    padding-left: 2rem;
    padding-bottom: 1rem;
    border-left: 1px solid rgba(var(--c-black), 0.12);
    flex-direction: column;
    justify-content: center
}

@media(max-width: 700px) {
    .Header--department {
        font-size: 1rem
    }
}

@media(max-width: 1150px) {
    .Header--department {
        display: inline-flex;
        padding-left: 15px;
        margin-left: 15px;
        height: 60px;
        padding-top: 0;
        padding-bottom: 0
    }
}

@media(max-width: 900px) {
    .Header--department {
        display: block;
        width: 100%;
        border-left: 0;
        margin-left: 0;
        padding-top: 1.25rem;
        padding-left: 0;
        padding-bottom: 0;
        height: auto
    }
}

.Header--department--link {
    transition: opacity .2s ease-in-out
}

@media(hover: hover) {
    .Header--department--link:hover {
        opacity: .7
    }
}

.Header--subDepartment--link {
    display: block;
    color: rgba(var(--c-blue), 1);
    transition: opacity .2s ease-in-out
}

@media(hover: hover) {
    .Header--subDepartment--link:hover {
        opacity: .7
    }
}

.Header--mobileButtons {
    display: none;
    margin-right: -10px
}

@media(max-width: 900px) {
    .Header--mobileButtons {
        display: flex
    }
}

.Header--search,
.Header--burger {
    position: relative;
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center
}

.Header--search .visuallyhidden,
.Header--burger .visuallyhidden {
    right: 0
}

html.mobilenav-open .Header--burger--open {
    display: none
}

.Header--burger--close {
    display: none
}

html.mobilenav-open .Header--burger--close {
    display: block
}

@media(max-width: 900px) {
    .Header--bottom {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        display: none;
        position: absolute;
        background: rgba(var(--c-white), 1);
        width: 100%;
        top: calc(var(--header-height) + 1px);
        left: 0;
        height: calc(100vh - var(--header-height));
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    html.mobilenav-open .Header--bottom {
        display: block;
        -webkit-clip-path: inset(0 0 100% 0);
        clip-path: inset(0 0 100% 0);
        animation: mobile-nav-open-outer .3s ease forwards
    }
}

@keyframes mobile-nav-open-outer {
    to {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }
}

@media(min-width: 901px) {
    .Header--bottom--inner {
        overflow: hidden
    }

    html.navitem-open .Header--bottom--inner {
        overflow: visible
    }
}

@media(max-width: 900px) {
    .Header--bottom--inner {
        transform: translateY(-1.25rem);
        opacity: 0;
        animation: mobile-nav-open-inner .6s ease forwards;
        overflow: hidden
    }
}

@keyframes mobile-nav-open-inner {
    to {
        transform: none;
        opacity: 1
    }
}

.RelatedArea {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background: rgba(var(--c-grey-light), 1)
}

@media(max-width: 700px) {
    .RelatedArea {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }
}

.RelatedAreaInpage {
    padding-top: 5rem;
    padding-bottom: 5rem;
    margin-top: 5rem;
    margin-bottom: 5rem;
    background: rgba(var(--c-blue-light), 1)
}

@media(max-width: 700px) {
    .RelatedAreaInpage {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
        margin-top: 3.5rem;
        margin-bottom: 3.5rem
    }
}

.SectionNavigation {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    margin-top: 5rem;
    margin-bottom: 7.5rem
}

@media(max-width: 700px) {
    .SectionNavigation {
        padding-left: var(--page-margin);
        padding-right: var(--page-margin);
        position: relative;
        margin-top: 3rem;
        margin-bottom: 3.5rem
    }
}

.SectionNavigation--card {
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 3rem;
    box-shadow: 0px 7px 22px -4px rgba(0, 0, 0, .05)
}

@media(max-width: 700px) {
    .SectionNavigation--card {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-bottom: 2rem
    }
}

.SectionNavigation--breadcrumb {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    color: rgba(var(--c-grey), 1);
    margin-bottom: 1.5rem
}

@media(max-width: 700px) {
    .SectionNavigation--breadcrumb {
        font-size: 0.75rem
    }
}

.SectionNavigation--breadcrumb--list {
    display: flex;
    position: relative
}

.SectionNavigation--breadcrumb--list.truncated {
    padding-left: 1.5rem
}

.SectionNavigation--breadcrumb--list.truncated::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    content: "…"
}

.SectionNavigation--breadcrumb--item {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden
}

.SectionNavigation--breadcrumb--item:last-child {
    margin-right: -0.375rem
}

.SectionNavigation--breadcrumb--item .Icon {
    flex: 0 0 auto
}

.SectionNavigation--breadcrumb--list:not(.truncated) .SectionNavigation--breadcrumb--item:first-child .Icon {
    display: none
}

.SectionNavigation--breadcrumb--link {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: -0.625rem -1rem;
    padding: 0.625rem 1rem;
    transition: color .2s ease-in-out
}

@media(hover: hover) {
    .SectionNavigation--breadcrumb--link:hover {
        color: rgba(var(--c-black), 1)
    }
}

.SectionNavigation--title {
    font-size: 1.625rem;
    line-height: 1.2;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-bottom: 1.5rem
}

@media(max-width: 700px) {
    .SectionNavigation--title {
        font-size: 1.375rem
    }
}

.SectionNavigation--linkList>li,
.SectionNavigation--linkList>div {
    position: relative;
    padding-left: calc(0.5rem + 0.25rem)
}

.SectionNavigation--linkList>li:not(:last-of-type),
.SectionNavigation--linkList>div:not(:last-of-type) {
    margin-bottom: 0.25rem
}

.SectionNavigation--linkList .Link {
    position: static;
    padding-left: 0;
    background-position: 0 100%
}

.SectionNavigation--linkList .Link::before {
    position: absolute;
    left: 0
}

.HeroNewsSlide {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    position: relative;
    position: relative;
    display: flex;
    z-index: 0;
    align-items: center;
    height: var(--heroslideshowslide-height);
    max-height: var(--heroslideshowslide-max-height)
}

@media(max-width: 1150px) {
    .HeroNewsSlide {
        position: unset;
        margin: unset;
        padding: unset
    }
}

@media(max-width: 900px) {
    .HeroNewsSlide {
        position: unset;
        margin: unset;
        padding: unset;
        display: flex;
        flex-wrap: wrap;
        height: auto;
        max-height: none
    }
}

.HeroNewsSlide--title {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .HeroNewsSlide--title {
        font-size: 1rem
    }
}

.HeroNewsSlide--links,
.HeroNewsSlide--text {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {

    .HeroNewsSlide--links,
    .HeroNewsSlide--text {
        font-size: 1rem
    }
}

.HeroNewsSlide--text,
.HeroNewsSlide--header {
    margin-bottom: 1rem
}

.HeroNewsSlide--content {
    padding-right: 3rem
}

@media(max-width: 1150px) {
    .HeroNewsSlide--content {
        padding-left: var(--page-margin);
        padding-right: 1.5rem
    }
}

@media(max-width: 900px) {
    .HeroNewsSlide--content {
        width: 100%;
        padding-top: 1.5rem
    }
}

.HeroNewsSlide--media {
    align-self: flex-start;
    max-width: 65.5%
}

@media(max-width: 1150px) {
    .HeroNewsSlide--media {
        max-width: 50%
    }
}

@media(max-width: 900px) {
    .HeroNewsSlide--media {
        order: -1;
        max-width: 100%
    }
}

.HeroNewsSlide--metadata {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem
}

@media(max-width: 700px) {
    .HeroNewsSlide--metadata {
        font-size: 0.75rem
    }
}

.HeroNewsSlide--metadata>*+* {
    position: relative;
    padding-left: 0.5rem
}

.HeroNewsSlide--metadata>*+*::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    height: 12px;
    margin-top: -7px;
    border-left: 1px solid currentColor
}

.HeroNewsSlider {
    overflow: hidden
}

.HeroNewsSlider--wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.HeroNewsSlider--wrapper>li {
    --slider--slide-count: 1;
    display: block;
    vertical-align: top;
    flex: 0 0 auto;
    width: calc((100% + 0px) / var(--slider--slide-count, 1) - 0px);
    margin-right: 0px
}

.HeroNewsSlider--wrapper>li:last-child {
    margin-right: 0
}

.HeroNewsSlider--slider {
    position: relative
}

.HeroNewsSlider--pagination.HeroNewsSlider--pagination {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    position: relative;
    display: flex;
    position: absolute;
    bottom: 1.5rem;
    top: auto
}

@media(max-width: 1150px) {
    .HeroNewsSlider--pagination.HeroNewsSlider--pagination {
        position: unset;
        margin-top: 3rem
    }
}

@media(max-width: 900px) {
    .HeroNewsSlider--pagination.HeroNewsSlider--pagination {
        margin-top: 1.5rem
    }
}

.HeroNewsSlider--controls {
    padding-right: var(--page-margin);
    position: absolute;
    top: 0;
    right: -72px;
    height: 100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    z-index: 10
}

@media(max-width: 1150px) {
    .HeroNewsSlider--controls {
        display: none
    }
}

.HeroNewsSlider--controls .Slider--button {
    display: block
}

.HeroSlideshow--wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.HeroSlideshow--wrapper>li {
    --slider--slide-count: 1;
    display: block;
    vertical-align: top;
    flex: 0 0 auto;
    width: calc((100% + 0px) / var(--slider--slide-count, 1) - 0px);
    margin-right: 0px
}

.HeroSlideshow--wrapper>li:last-child {
    margin-right: 0
}

.HeroSlideshow--slider {
    position: relative;
    overflow: hidden
}

.HeroSlideshow--pagination {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    position: relative;
    display: flex;
    position: absolute;
    bottom: -3px !important
}

@media(max-width: 900px) {
    .HeroSlideshow--pagination {
        position: static
    }
}

.HeroSlideshow--controls {
    padding-right: var(--page-margin);
    position: absolute;
    top: 0;
    right: -72px;
    height: 100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    z-index: 10
}

@media(max-width: 1150px) {
    .HeroSlideshow--controls {
        display: none
    }
}

.HeroSlideshow--controls .Slider--button {
    display: block
}

.HeroSlideshowSlide {
    --heroslideshowslide-height: 75vh;
    --heroslideshowslide-max-height: min(45vw, 685px);
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    position: relative;
    position: relative;
    z-index: 0;
    height: var(--heroslideshowslide-height);
    max-height: var(--heroslideshowslide-max-height)
}

@media(max-width: 900px) {
    .HeroSlideshowSlide {
        position: unset;
        margin: unset;
        padding: unset;
        height: auto;
        max-height: none
    }
}

.HeroSlideshowSlide--inner {
    position: relative;
    display: flex;
    align-items: center
}

@media(max-width: 900px) {
    .HeroSlideshowSlide--inner {
        display: block
    }
}

.HeroSlideshowSlide--media {
    aspect-ratio: 4/3;
    height: var(--heroslideshowslide-height);
    max-height: var(--heroslideshowslide-max-height);
    margin-left: auto;
    overflow: hidden;
    position: relative
}

@media(max-width: 900px) {
    .HeroSlideshowSlide--media {
        height: auto;
        max-height: none;
        aspect-ratio: auto
    }
}

.HeroSlideshowSlide--media .Image {
    width: 100%
}

.HeroSlideshowSlide--media--inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media(max-width: 900px) {
    .HeroSlideshowSlide--media--inner {
        position: relative
    }
}

.HeroSlideshowSlide--media--link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.HeroSlideshowSlide--media--link::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    background-color: rgba(var(--c-white), 1);
    border-radius: 50%;
    z-index: 1;
    transition: transform .15s ease-in
}

.HeroSlideshowSlide--media--link::after {
    content: "";
    display: block;
    border-right: none;
    border-bottom: 8px solid rgba(0, 0, 0, 0);
    border-left: 12px solid rgba(var(--c-blue-muted), 1);
    border-top: 8px solid rgba(0, 0, 0, 0);
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    top: calc(50% + 16px);
    left: calc(50% + 19px);
    z-index: 2
}

@media(hover: hover) {
    .HeroSlideshowSlide--media--link:hover::before {
        transform: scale(1.1)
    }
}

.HeroSlideshowSlide--title {
    font-size: 1.625rem;
    line-height: 1.2;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-bottom: .9em
}

@media(max-width: 700px) {
    .HeroSlideshowSlide--title {
        font-size: 1.375rem
    }
}

.HeroSlideshowSlide--text {
    color: rgba(var(--c-text-grey), 1);
    margin-bottom: 1.3em
}

.HeroSlideshowSlide--content {
    position: absolute;
    height: calc(var(--heroslideshowslide-height) - 140px);
    width: 40%;
    max-height: calc(var(--heroslideshowslide-max-height) - 140px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: rgba(var(--c-white), 1);
    padding-right: 100px;
    padding-top: 40px;
    z-index: 1
}

@media(max-width: 900px) {
    .HeroSlideshowSlide--content {
        padding-left: var(--page-margin);
        position: relative;
        width: calc(100% - 60px);
        height: auto;
        max-height: none;
        padding-top: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
        margin-right: -10%;
        margin-top: -50px
    }
}

.ArticleBox {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media(max-width: 700px) {
    .ArticleBox {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(max-width: 700px) {
    .ArticleBox {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin))
    }
}

.ArticleBox--body {
    background-color: rgba(var(--c-blue), 0.03);
    padding: 3.5rem
}

@media(max-width: 700px) {
    .ArticleBox--body {
        padding: 1.5rem
    }
}

@media(max-width: 400px) {
    .ArticleBox--body {
        padding: 1rem
    }
}

.ArticleBox--title {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-bottom: 1rem
}

@media(max-width: 700px) {
    .ArticleBox--title {
        font-size: 1rem
    }
}

.ArticleBox--text {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .ArticleBox--text {
        font-size: 1rem
    }
}

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

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

.ArticleQuote {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    display: flex;
    gap: 5rem;
    align-items: center
}

@media(max-width: 700px) {
    .ArticleQuote {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(max-width: 1150px) {
    .ArticleQuote {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 10)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 10)) / 2) + var(--page-margin))
    }
}

@media(max-width: 900px) {
    .ArticleQuote {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        gap: 2rem
    }
}

@media(max-width: 700px) {
    .ArticleQuote {
        flex-direction: column;
        align-items: flex-start
    }
}

@media(min-width: 701px) {
    .ArticleQuote[data-with-image=false] {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 6)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 6)) / 2) + var(--page-margin));
        gap: 0
    }
}

.ArticleQuote--imageWrapper {
    max-width: 210px
}

.ArticleQuote--text {
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: 400
}

@media(max-width: 700px) {
    .ArticleQuote--text {
        font-size: 1.125rem
    }
}

.ArticleQuote--text::before {
    content: "«"
}

.ArticleQuote--text::after {
    content: "»"
}

html[lang=en] .ArticleQuote--text::before {
    content: "“"
}

html[lang=en] .ArticleQuote--text::after {
    content: "”"
}

.ArticleQuote--text+.ArticleQuote--footer {
    margin-top: 2rem
}

@media(max-width: 700px) {
    .ArticleQuote--text+.ArticleQuote--footer {
        margin-top: 1rem
    }
}

.ArticleQuote--name {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 600;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .ArticleQuote--name {
        font-size: 0.875rem
    }
}

.ArticleQuote--subtitle {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    margin-top: 0.25rem
}

@media(max-width: 700px) {
    .ArticleQuote--subtitle {
        font-size: 0.875rem
    }
}

.ImageDownloadSection {
    margin-top: var(--content-area--margin-bottom);
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    background-color: rgba(var(--c-blue), 0.03)
}

.ImageDownloadSection:last-child {
    margin-bottom: calc(var(--content-area--margin-bottom)*-1)
}

.ImageDownloadSection+.ImageDownloadSection,
.ArticleListSection+.ImageDownloadSection {
    margin-top: 0
}

.ImageDownload {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin))
}

@media(max-width: 700px) {
    .ImageDownload {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin))
    }
}

.ImageDownload--title {
    font-size: 1.625rem;
    line-height: 1.2;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-bottom: 1.5rem
}

@media(max-width: 700px) {
    .ImageDownload--title {
        font-size: 1.375rem
    }
}

.ImageDownload--list>li {
    border-bottom: 1px solid rgba(var(--c-black), 0.08)
}

.ImageDownloadTeaser {
    display: flex;
    gap: 1.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: rgba(var(--c-text-grey), 1)
}

.ImageDownloadTeaser--content {
    flex-grow: 1;
    align-self: center
}

.ImageDownloadTeaser--image {
    width: 128px
}

.ImageDownloadTeaser--ctaWrapper {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    color: rgba(var(--c-blue), 1)
}

@media(max-width: 700px) {
    .ImageDownloadTeaser--ctaWrapper {
        font-size: 0.875rem
    }
}

.ImageDownloadTeaser--ctaWrapper [data-name="16--download"] {
    margin-left: 0.5rem;
    opacity: .5
}

.ImageDownloadTeaser--ctaWrapper .Link[download]::after {
    content: none !important
}

.ImageDownloadTeaser--text {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .ImageDownloadTeaser--text {
        font-size: 0.875rem
    }
}

.ImageDownloadTeaser--content {
    display: flex;
    flex-direction: column;
    gap: 0.5rem
}

.ImageDownloadTeaser--meta {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .ImageDownloadTeaser--meta {
        font-size: 0.75rem
    }
}

.NewsArticleIntro {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    margin-top: 5rem;
    margin-bottom: 4rem
}

@media(max-width: 900px) {
    .NewsArticleIntro {
        margin-top: 2.5rem;
        margin-bottom: 3rem
    }
}

@media(max-width: 700px) {
    .NewsArticleIntro {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin))
    }
}

.NewsArticleIntro--meta {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    display: flex;
    gap: 1rem;
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    margin-bottom: 1.5rem;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .NewsArticleIntro--meta {
        font-size: 0.75rem
    }
}

.NewsArticleIntro--meta>*+* {
    position: relative;
    padding-left: 1rem
}

.NewsArticleIntro--meta>*+*::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    height: 16px;
    margin-top: -9px;
    border-left: 1px solid rgba(var(--c-grey), 0.6)
}

@media(max-width: 700px) {
    .NewsArticleIntro--meta {
        font-size: 0.875rem
    }
}

.NewsArticleIntro--title {
    font-size: 2.625rem;
    line-height: 1.2;
    font-weight: 700;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .NewsArticleIntro--title {
        font-size: 2.125rem
    }
}

@media(max-width: 700px) {
    .NewsArticleIntro--title {
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

.NewsArticleIntro--lead {
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: 400;
    margin-top: 2.5rem
}

@media(max-width: 700px) {
    .NewsArticleIntro--lead {
        font-size: 1.125rem
    }
}

@media(max-width: 700px) {
    .NewsArticleIntro--lead {
        margin-top: 1.5rem
    }
}

.NewsArticleIntro--author {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    margin-top: 1.5rem
}

@media(max-width: 700px) {
    .NewsArticleIntro--author {
        font-size: 0.875rem
    }
}

.NewsArticleIntro--author>.Icon {
    margin-right: 0.5rem
}

.NewsArticleIntro--author>.name {
    vertical-align: middle
}

.NewsArticleIntro--tags {
    margin-top: 1.5rem
}

.NewsArticleIntro--image {
    margin-top: 4rem
}

@media(max-width: 700px) {
    .NewsArticleIntro--image {
        margin-top: 3rem
    }
}

.NewsArticleList {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin))
}

@media(max-width: 900px) {
    .NewsArticleList {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 10)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 10)) / 2) + var(--page-margin))
    }
}

@media(max-width: 700px) {
    .NewsArticleList {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin))
    }
}

.NewsArticleList--list>li {
    border-bottom: 1px solid rgba(var(--c-trueblack), 0.08)
}

.NewsArticleList--dossierIntro {
    margin-bottom: 4rem
}

@media(max-width: 700px) {
    .NewsArticleList--dossierIntro {
        margin-bottom: 3rem
    }
}

.NewsArticleList--title {
    font-size: 1.625rem;
    line-height: 1.2;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-bottom: 1.5rem
}

@media(max-width: 700px) {
    .NewsArticleList--title {
        font-size: 1.375rem
    }
}

.NewsArticleList--description.richtext {
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: 400
}

@media(max-width: 700px) {
    .NewsArticleList--description.richtext {
        font-size: 1.125rem
    }
}

.NewsArticleList--description.richtext.richtext p {
    color: rgba(var(--c-black), 1)
}

.NewsDossierArticlesSection {
    margin-top: var(--content-area--margin-bottom);
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    background-color: rgba(var(--c-blue), 0.03)
}

.NewsDossierArticlesSection:last-child {
    margin-bottom: calc(var(--content-area--margin-bottom)*-1)
}

.NewsDossierArticlesSection+.NewsDossierArticlesSection,
.ImageDownloadSection+.NewsDossierArticlesSection {
    margin-top: 0
}

.NewsDossierArticles {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin))
}

@media(max-width: 700px) {
    .NewsDossierArticles {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin))
    }
}

.NewsDossierArticles--list>li {
    border-bottom: 1px solid rgba(var(--c-trueblack), 0.08)
}

.NewsDossierArticles--title {
    font-size: 1.625rem;
    line-height: 1.2;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-bottom: 2rem
}

@media(max-width: 700px) {
    .NewsDossierArticles--title {
        font-size: 1.375rem
    }
}

.NewsDossierArticles--item {
    display: block;
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media(hover: hover) {
    .NewsDossierArticles--item:hover .NewsDossierArticles--item--date {
        color: rgba(var(--c-text-black), 1)
    }

    .NewsDossierArticles--item:hover .NewsDossierArticles--item--title>.Icon {
        transform: translateY(-50%) translateX(3px)
    }
}

.NewsDossierArticles--item--date {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    margin-bottom: 0.25rem;
    display: block
}

@media(max-width: 700px) {
    .NewsDossierArticles--item--date {
        font-size: 0.75rem
    }
}

.NewsDossierArticles--item--title {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    position: relative
}

@media(max-width: 700px) {
    .NewsDossierArticles--item--title {
        font-size: 1rem
    }
}

.NewsDossierArticles--item--title .text {
    display: block;
    padding-right: 24px
}

.NewsDossierArticles--item--title>.Icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(var(--c-blue), 1);
    transition: transform 100ms
}

.NewsDossierArticles--ctaWrapper {
    margin-top: 2rem
}

.RSSLink {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 2.5rem;
    margin-top: 2rem
}

@media(max-width: 900px) {
    .RSSLink {
        margin-left: var(--page-margin);
        margin-top: 1rem
    }
}

@media(max-width: 700px) {
    .RSSLink {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
        position: static
    }
}

@media(max-width: 700px)and (max-width: 700px) {
    .RSSLink {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

.RSSLink--entry {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: color .2s
}

@media(max-width: 700px) {
    .RSSLink--entry {
        font-size: 0.75rem
    }
}

@media(hover: hover) {
    .RSSLink--entry:hover {
        color: rgba(var(--c-black), 1)
    }
}

.ContentArea .NewsList {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media(max-width: 700px) {
    .ContentArea .NewsList {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(max-width: 700px) {
    .ContentArea .NewsList {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin))
    }
}

.MasonryGridWrapper .NewsList {
    background-color: rgba(var(--c-white), 1);
    box-shadow: 0px 7px 22px -4px rgba(0, 0, 0, .05);
    margin-top: 0;
    margin-bottom: 0;
    padding: 1.5rem
}

.MasonryGridWrapper .NewsList .NewsList--title {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-bottom: 1rem
}

@media(max-width: 700px) {
    .MasonryGridWrapper .NewsList .NewsList--title {
        font-size: 0.875rem
    }
}

.MasonryGridWrapper .NewsList .NewsList--image {
    margin-top: 1.5rem;
    margin-bottom: 2rem
}

.NewsList--title {
    font-size: 1.625rem;
    line-height: 1.2;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-bottom: 1rem
}

@media(max-width: 700px) {
    .NewsList--title {
        font-size: 1.375rem
    }
}

.NewsList--image {
    margin-top: 2rem
}

@media(max-width: 700px) {
    .NewsList--image {
        margin-top: 1.5rem;
        margin-bottom: 2rem
    }
}

.NewsList--list li {
    border-bottom: 1px solid rgba(var(--c-black), 0.08)
}

.NewsList--moreLink {
    margin-top: 1rem
}

.Teaser {
    background-color: rgba(var(--c-white), 1);
    box-shadow: 0px 7px 22px -4px rgba(0, 0, 0, .05);
    padding: 2rem
}

@media(max-width: 700px) {
    .Teaser {
        padding: 1.5rem
    }
}

.Teaser--header {
    position: relative;
    margin-bottom: 1rem
}

.Teaser--header .Iframe {
    margin-top: 0;
    margin-bottom: 1rem
}

@media(max-width: 700px) {
    .Teaser--header {
        margin-bottom: 0.5rem
    }
}

@media(hover: hover) {

    .Teaser--header :focus-within .Link .Link--icon,
    .Teaser--header:hover .Link .Link--icon {
        transform: translateX(0.25em)
    }
}

.Teaser--image {
    margin-bottom: 1rem
}

.Teaser--title {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 600;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .Teaser--title {
        font-size: 0.875rem
    }
}

.Teaser--text {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

.Teaser--text h1 {
    font-size: 2.625rem;
    line-height: 1.2;
    font-weight: 700;
    color: rgba(var(--c-black), 1);
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .Teaser--text h1 {
        font-size: 2.125rem
    }
}

@media(max-width: 700px) {
    .Teaser--text h1 {
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

.Teaser--text h2 {
    font-size: 1.625rem;
    line-height: 1.2;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-top: 1.5em;
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .Teaser--text h2 {
        font-size: 1.375rem
    }
}

.Teaser--text h3 {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-top: 1.5em;
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .Teaser--text h3 {
        font-size: 1rem
    }
}

.Teaser--text h4 {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-top: 1.5em;
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .Teaser--text h4 {
        font-size: 0.875rem
    }
}

.Teaser--text h5 {
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .Teaser--text h5 {
        font-size: 0.875rem
    }
}

.Teaser--text h6 {
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: .5ex
}

@media(max-width: 700px) {
    .Teaser--text h6 {
        font-size: 0.875rem
    }
}

.Teaser--text pre {
    padding: 20px;
    background: rgba(var(--c-white), 1);
    margin: 1em 0
}

.Teaser--text code {
    background: #fff
}

.Teaser--text pre code,
.Teaser--text pre pre,
.Teaser--text code pre {
    background: rgba(0, 0, 0, 0)
}

.Teaser--text figure {
    margin-top: 1em;
    margin-bottom: 1em
}

.Teaser--text figure img {
    width: 100%
}

.Teaser--text figure figcaption {
    margin-top: 1em;
    display: block
}

.Teaser--text hr {
    border: none;
    border-bottom: 1px solid rgba(var(--c-trueblack), 0.08);
    margin-top: 1em;
    margin-bottom: 1em
}

.Teaser--text sub {
    vertical-align: sub;
    font-size: .75em
}

.Teaser--text sup {
    vertical-align: super;
    font-size: .75em
}

.Teaser--text del {
    text-decoration: line-through
}

.Teaser--text mark {
    background-color: rgba(var(--c-blue), 0.1)
}

.Teaser--text p,
.Teaser--text q,
.Teaser--text blockquote {
    color: rgba(var(--c-text-grey), 1)
}

.Teaser--text ul {
    display: block;
    margin-left: 1.25rem;
    margin-left: 0;
    color: rgba(var(--c-text-grey), 1)
}

.Teaser--text ul>li {
    list-style-type: none;
    position: relative;
    margin-bottom: .33em;
    padding-left: 0.75rem
}

.Teaser--text ul>li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: .65em;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: currentColor
}

.Teaser--text ul.type3>li:before {
    height: 1px;
    width: 8px;
    margin-top: 1px
}

.Teaser--text ul.type4>li:before {
    content: none
}

.Teaser--text ul:not(:first-child) {
    margin-top: 1em
}

.Teaser--text ul:not(:last-child) {
    margin-bottom: 1em
}

.Teaser--text ol {
    display: block;
    margin-left: 1.25rem;
    display: block;
    counter-reset: ol--counter;
    margin: 1em 0;
    color: rgba(var(--c-text-grey), 1)
}

.Teaser--text ol>li {
    list-style-type: none;
    position: relative;
    margin-bottom: .33em;
    padding-left: 0.75rem
}

.Teaser--text ol>li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: .65em;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: currentColor
}

.Teaser--text ol.type3>li:before {
    height: 1px;
    width: 8px;
    margin-top: 1px
}

.Teaser--text ol.type4>li:before {
    content: none
}

.Teaser--text ol>li {
    padding-left: 1.25rem
}

.Teaser--text ol>li:before {
    counter-increment: ol--counter;
    content: counter(ol--counter) ".";
    text-align: right;
    background-color: unset;
    top: 0;
    left: 0.25rem;
    width: unset;
    height: unset
}

.Teaser--text ol.type2>li:before {
    content: counter(ol--counter, lower-alpha) "."
}

.ie .Teaser--text ol>li {
    list-style: decimal inside none
}

.Teaser--text ol:not(:first-child) {
    margin-top: 1em
}

.Teaser--text ol:not(:last-child) {
    margin-bottom: 1em
}

.Teaser--text table {
    border-collapse: collapse;
    border-spacing: 0;
    overflow: hidden;
    float: none;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%
}

.Teaser--text table caption {
    padding: 1em 0
}

.Teaser--text table th {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .Teaser--text table th {
        font-size: 1rem
    }
}

.Teaser--text table th,
.Teaser--text table td {
    padding: 1rem;
    vertical-align: text-top
}

.Teaser--text table th:first-child,
.Teaser--text table td:first-child {
    border-left: none !important;
    padding-left: 0
}

.Teaser--text table th:last-child,
.Teaser--text table td:last-child {
    border-right: none !important;
    padding-right: 0
}

.Teaser--text table th h3,
.Teaser--text table th h4,
.Teaser--text table th h5,
.Teaser--text table td h3,
.Teaser--text table td h4,
.Teaser--text table td h5 {
    margin-top: 0
}

.Teaser--text table th p,
.Teaser--text table th p:not(:first-child),
.Teaser--text table td p,
.Teaser--text table td p:not(:first-child) {
    margin-top: 0
}

.Teaser--text table th p:last-child,
.Teaser--text table td p:last-child {
    margin-bottom: 0
}

.Teaser--text table td {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .Teaser--text table td {
        font-size: 1rem
    }
}

.Teaser--text table.grid th,
.Teaser--text table.grid td,
.Teaser--text table.striped th,
.Teaser--text table.striped td {
    border: 1px solid rgba(0, 0, 0, .08)
}

.Teaser--text table.ornate tr {
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.Teaser--text table.ornate strong {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    display: block;
    margin-top: 1rem
}

@media(max-width: 700px) {
    .Teaser--text table.ornate strong {
        font-size: 1rem
    }
}

.Teaser--text table.sortable thead tr th,
.Teaser--text table.tablesorter thead tr th {
    cursor: pointer;
    white-space: nowrap
}

.Teaser--text table.sortable thead tr th::after,
.Teaser--text table.tablesorter thead tr th::after {
    position: relative;
    display: inline-block;
    width: 1em;
    height: .75em;
    margin-left: .25em;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L4 0.5L7 3.5M7 8.5L4 11.5L1 8.5' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right center;
    content: ""
}

.Teaser--text table.sortable thead tr th.asc::after,
.Teaser--text table.sortable thead tr th[data-sort-dir=ASC i]::after,
.Teaser--text table.tablesorter thead tr th.asc::after,
.Teaser--text table.tablesorter thead tr th[data-sort-dir=ASC i]::after {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L4 0.5L7 3.5' stroke='%23666666' stroke-opacity='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 8.5L4 11.5L1 8.5' stroke='%230028A5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.Teaser--text table.sortable thead tr th.desc::after,
.Teaser--text table.sortable thead tr th[data-sort-dir=DESC i]::after,
.Teaser--text table.tablesorter thead tr th.desc::after,
.Teaser--text table.tablesorter thead tr th[data-sort-dir=DESC i]::after {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L4 0.5L7 3.5' stroke='%230028A5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 8.5L4 11.5L1 8.5' stroke='%23666666' stroke-opacity='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.Teaser--text table th,
.Teaser--text table td {
    border: 1px solid rgba(0, 0, 0, .08)
}

.Teaser--text table.basic th,
.Teaser--text table.basic td {
    border: unset
}

.Teaser--text strong,
.Teaser--text b {
    font-weight: 700
}

.Teaser--text a {
    background-repeat: no-repeat;
    background-position: 0.875rem 100%;
    background-size: 100% 0px;
    background-image: linear-gradient(currentColor, currentColor);
    position: relative;
    padding-left: 0.5rem;
    white-space: normal;
    color: rgba(var(--c-blue), 1);
    cursor: pointer
}

@media(hover: hover) {
    .Teaser--text a[href]:hover {
        background-size: 100% 1px
    }
}

.Teaser--text a::before {
    display: inline-block;
    position: relative;
    left: -0.375rem;
    top: 0.6875rem;
    vertical-align: top;
    width: 0.375rem;
    height: 0.375rem;
    border-style: solid;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    content: ""
}

.Teaser--text a:visited {
    color: rgba(var(--c-blue-muted), 1)
}

.Teaser--text a[href*="/dam/"],
.Teaser--text a.download,
.Teaser--text a[download],
.Teaser--text a[href*="//"]:not([href*="uzh.ch/"]) {
    margin-right: .375em
}

.Teaser--text a[href*="/dam/"]::after,
.Teaser--text a.download::after,
.Teaser--text a[download]::after,
.Teaser--text a[href*="//"]:not([href*="uzh.ch/"])::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: .85em;
    margin-left: .125em;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='17' viewBox='0 0 12 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 15.5L11 15.5' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10 8.5L6 12.5L2 8.5' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 1.5L6 12.5' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right center
}

.Teaser--text a[href*="//"]:not([href*="uzh.ch/"])::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 11.1064L8.77817 3.32827' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M3.12109 3.32861L8.77795 3.32861L8.77795 8.98547' stroke='%238094D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ")
}

.Teaser--text a:has(img) {
    display: inline-block;
    padding-left: 0 !important;
    margin-right: 0 !important;
    background-image: unset
}

.Teaser--text a:has(img) img {
    display: inline-block
}

.Teaser--text a:has(img)::before,
.Teaser--text a:has(img)::after {
    content: none !important
}

.Teaser--text a[id]:not([href]),
.Teaser--text a[name]:not([href]) {
    padding-left: 0;
    color: inherit;
    cursor: default
}

.Teaser--text a[id]:not([href])::before,
.Teaser--text a[name]:not([href])::before {
    content: none
}

.Teaser--text i,
.Teaser--text cite,
.Teaser--text em {
    font-style: italic
}

.Teaser--text u {
    text-decoration: underline
}

.Teaser--text big {
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: 400
}

@media(max-width: 700px) {
    .Teaser--text big {
        font-size: 1.125rem
    }
}

.Teaser--text small {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(var(--c-text-grey), 1)
}

@media(max-width: 700px) {
    .Teaser--text small {
        font-size: 0.875rem
    }
}

.Teaser--text strike {
    text-decoration: line-through
}

.Teaser--text tt,
.Teaser--text code {
    font-family: monospace
}

.Teaser--text q::before,
.Teaser--text q::after {
    content: '"'
}

.Teaser--text blockquote::before,
.Teaser--text blockquote::after {
    content: '"'
}

.Teaser--text .attention {
    color: rgba(var(--c-text-black), 1);
    background-color: rgba(var(--c-blue), 0.1)
}

@media(max-width: 700px) {
    .Teaser--text {
        font-size: 0.875rem
    }
}

.Teaser--text:not(:last-child) {
    margin-bottom: 1rem
}

@media(max-width: 700px) {
    .Teaser--text:not(:last-child) {
        margin-bottom: 0.5rem
    }
}

.Teaser--link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.Teaser--linkList>li,
.Teaser--linkList>div {
    position: relative;
    padding-left: calc(0.5rem + 0.25rem)
}

.Teaser--linkList>li:not(:last-of-type),
.Teaser--linkList>div:not(:last-of-type) {
    margin-bottom: 0.1875rem
}

@media(max-width: 700px) {

    .Teaser--linkList>li:not(:last-of-type),
    .Teaser--linkList>div:not(:last-of-type) {
        margin-bottom: 0.125rem
    }
}

.Teaser--linkList .Link {
    position: static;
    padding-left: 0;
    background-position: 0 100%
}

.Teaser--linkList .Link::before {
    position: absolute;
    left: 0
}

.PhonebookSearch--title {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-bottom: 1em
}

@media(max-width: 700px) {
    .PhonebookSearch--title {
        font-size: 1rem
    }
}

.Search {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 8)) / 2) + var(--page-margin));
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media(max-width: 700px) {
    .Search {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(max-width: 900px) {
    .Search {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin));
        padding-right: calc(calc((calc(100% - 2 * var(--page-margin)) - calc((calc(100% - 2 * var(--page-margin)) / 12) * 12)) / 2) + var(--page-margin))
    }
}

.Search--title {
    font-size: 2.625rem;
    line-height: 1.2;
    font-weight: 700;
    color: rgba(var(--c-black), 1)
}

@media(max-width: 700px) {
    .Search--title {
        font-size: 2.125rem
    }
}

@media(max-width: 700px) {
    .Search--title {
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

.Search--related {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    padding-top: 2.5rem;
    border-top: 1px solid rgba(var(--c-trueblack), 0.08)
}

@media(max-width: 700px) {
    .Search--related {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

.SearchForm {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media(max-width: 700px) {
    .SearchForm {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

.SearchInput {
    display: flex;
    gap: 1.5rem;
    width: 100%
}

@media(max-width: 700px) {
    .SearchInput {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap
    }
}

.SearchInput--inputWrapper {
    position: relative;
    flex-grow: 1;
    max-width: 450px
}

@media(max-width: 700px) {
    .SearchInput:not(.layout-always-inline) .SearchInput--inputWrapper {
        width: 100%
    }
}

.SearchInput--input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid rgba(var(--c-trueblack), 0.12);
    width: 100%;
    height: 100%;
    padding-left: 1.5rem;
    padding-right: 50px;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border-radius: 100px
}

.SearchInput--input[placeholder]:not(:-moz-placeholder-shown)~.SearchInput--reset {
    display: inline-flex
}

.SearchInput--input[placeholder]:not(:placeholder-shown)~.SearchInput--reset {
    display: inline-flex
}

.SearchInput--reset {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    display: none;
    align-items: center;
    justify-content: center
}

.SearchInput--reset>.cross {
    position: relative;
    width: 10px;
    height: 10px;
    display: block
}

.SearchInput--reset>.cross::before,
.SearchInput--reset>.cross::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -0.5px;
    height: 1px;
    background-color: rgba(var(--c-grey), 1);
    border-radius: 1px
}

.SearchInput--reset>.cross::before {
    transform: rotate(-45deg)
}

.SearchInput--reset>.cross::after {
    transform: rotate(45deg)
}

.SearchResults {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: initial
}

.SearchResults *,
.SearchResults *::before,
.SearchResults *::after {
    box-sizing: content-box
}

.SearchResults img {
    width: auto;
    display: inline-block
}

.SearchResults .gsc-control-cse {
    padding: 0
}

.SearchSiteSelect {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.SearchSiteSelect .FormLabel {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(var(--c-black), 1);
    margin-bottom: 1.5rem
}

@media(max-width: 700px) {
    .SearchSiteSelect .FormLabel {
        font-size: 1rem
    }
}

@media(max-width: 700px) {
    .SearchSiteSelect .FormLabel {
        margin-bottom: 1rem
    }
}