/**
 * RSCSS v2.18.0.33 - Really S[imple|hort] Cascading Style Sheet
 * Copyright (c) 2015-2026 Philipp Kolbeck
 * Parsed: 19.10.2026 12:52:19 - Rendertime: 0,0119sec.
 */
:root { --c-white: #FFF; --c-palegray: #EFEFEF; --c-lightgray: #5C6B75; --c-darkgray: #282C33; --c-black: #000; --c-nightblue: #08111D; --c-darkblue: #16222E; --c-blue: #243646; --c-bluegray: #3A4A59; --c-red: #CF1139; --c-yellow: #FDC62F; --c-green: #5AA761; } html,body { min-height: 100vh; overflow-x: clip; overflow-y: visible; } body { display: flex; flex-direction: column; justify-content: space-between; } main { flex: 1; } .media-modal { display: none; position: fixed; inset: 0; background-color: rgba(0,0,0,.8); z-index: 999999; justify-content: center; align-items: center; margin: 0; } .media-modal.is-open { display: flex; } .media-modal__content { position: relative; max-width: 90vw; max-height: 90vh; border-radius: 10px; overflow: hidden; line-height: 0; } .media-modal__content img,
.media-modal__content video { display: block; max-width: 90vw; max-height: 90vh; width: auto; height: auto; border-radius: 10px; } .media-modal__close { position: absolute; top: 10px; right: 10px; color: #fff; text-shadow: 0 0 1px #000; font-size: 60px; cursor: pointer; user-select: none; z-index: 1; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; opacity: .75; } .media-modal__close:hover { opacity: 1; } .c-white,
.c-hover-white:hover { color: var(--c-white); } .bgc-white,
.bgc-hover-white:hover,
.bgc-hover-white:focus-visible { background-color: var(--c-white); --bgc: var(--c-white); } .boc-white { border-color: var(--c-white); } .bgc-white, .bgc-white>span, .bgc-white *,
.bgc-hover-white:hover, .bgc-hover-white:hover *,
.bgc-white :is(.icon,.iconr,.iconl) svg * { color: var(--c-black); stroke: var(--c-black); } .c-palegray,
.c-hover-palegray:hover { color: var(--c-palegray); } .bgc-palegray,
.bgc-hover-palegray:hover,
.bgc-hover-palegray:focus-visible { background-color: var(--c-palegray); --bgc: var(--c-palegray); } .boc-palegray { border-color: var(--c-palegray); } .bgc-palegray, .bgc-palegray>span, .bgc-palegray *,
.bgc-hover-palegray:hover, .bgc-hover-palegray:hover *,
.bgc-palegray :is(.icon,.iconr,.iconl) svg * { color: var(--c-black); stroke: var(--c-black); } .c-lightgray,
.c-hover-lightgray:hover { color: var(--c-lightgray); } .bgc-lightgray,
.bgc-hover-lightgray:hover,
.bgc-hover-lightgray:focus-visible { background-color: var(--c-lightgray); --bgc: var(--c-lightgray); } .boc-lightgray { border-color: var(--c-lightgray); } .bgc-lightgray, .bgc-lightgray>span, .bgc-lightgray *,
.bgc-hover-lightgray:hover, .bgc-hover-lightgray:hover *,
.bgc-lightgray :is(.icon,.iconr,.iconl) svg * { color: var(--c-white); stroke: var(--c-white); } .c-darkgray,
.c-hover-darkgray:hover { color: var(--c-darkgray); } .bgc-darkgray,
.bgc-hover-darkgray:hover,
.bgc-hover-darkgray:focus-visible { background-color: var(--c-darkgray); --bgc: var(--c-darkgray); } .boc-darkgray { border-color: var(--c-darkgray); } .bgc-darkgray, .bgc-darkgray>span, .bgc-darkgray *,
.bgc-hover-darkgray:hover, .bgc-hover-darkgray:hover *,
.bgc-darkgray :is(.icon,.iconr,.iconl) svg * { color: var(--c-white); stroke: var(--c-white); } .c-black,
.c-hover-black:hover { color: var(--c-black); } .bgc-black,
.bgc-hover-black:hover,
.bgc-hover-black:focus-visible { background-color: var(--c-black); --bgc: var(--c-black); } .boc-black { border-color: var(--c-black); } .bgc-black, .bgc-black>span, .bgc-black *,
.bgc-hover-black:hover, .bgc-hover-black:hover *,
.bgc-black :is(.icon,.iconr,.iconl) svg * { color: var(--c-white); stroke: var(--c-white); } .c-nightblue,
.c-hover-nightblue:hover { color: var(--c-white); } .bgc-nightblue,
.bgc-hover-nightblue:hover,
.bgc-hover-nightblue:focus-visible { background-color: var(--c-nightblue); --bgc: var(--c-nightblue); } .boc-nightblue { border-color: var(--c-nightblue); } .bgc-nightblue, .bgc-nightblue>span, .bgc-nightblue *,
.bgc-hover-nightblue:hover, .bgc-hover-nightblue:hover *,
.bgc-nightblue :is(.icon,.iconr,.iconl) svg * { color: var(--c-white); stroke: var(--c-white); } .c-darkblue,
.c-hover-darkblue:hover { color: var(--c-darkblue); } .bgc-darkblue,
.bgc-hover-darkblue:hover,
.bgc-hover-darkblue:focus-visible { background-color: var(--c-darkblue); --bgc: var(--c-darkblue); } .boc-darkblue { border-color: var(--c-darkblue); } .bgc-darkblue, .bgc-darkblue>span, .bgc-darkblue *,
.bgc-hover-darkblue:hover, .bgc-hover-darkblue:hover *,
.bgc-darkblue :is(.icon,.iconr,.iconl) svg * { color: var(--c-white); stroke: var(--c-white); } .c-blue,
.c-hover-blue:hover { color: var(--c-blue); } .bgc-blue,
.bgc-hover-blue:hover,
.bgc-hover-blue:focus-visible { background-color: var(--c-blue); --bgc: var(--c-blue); } .boc-blue { border-color: var(--c-blue); } .bgc-blue, .bgc-blue>span, .bgc-blue *,
.bgc-hover-blue:hover, .bgc-hover-blue:hover *,
.bgc-blue :is(.icon,.iconr,.iconl) svg * { color: var(--c-white); stroke: var(--c-white); } .c-bluegray,
.c-hover-bluegray:hover { color: var(--c-bluegray); } .bgc-bluegray,
.bgc-hover-bluegray:hover,
.bgc-hover-bluegray:focus-visible { background-color: var(--c-bluegray); --bgc: var(--c-bluegray); } .boc-bluegray { border-color: var(--c-bluegray); } .bgc-bluegray, .bgc-bluegray>span, .bgc-bluegray *,
.bgc-hover-bluegray:hover, .bgc-hover-bluegray:hover *,
.bgc-bluegray :is(.icon,.iconr,.iconl) svg * { color: var(--c-white); stroke: var(--c-white); } .c-red,
.c-hover-red:hover { color: var(--c-red); } .bgc-red,
.bgc-hover-red:hover,
.bgc-hover-red:focus-visible { background-color: var(--c-red); --bgc: var(--c-red); } .boc-red { border-color: var(--c-red); } .bgc-red, .bgc-red>span, .bgc-red *,
.bgc-hover-red:hover, .bgc-hover-red:hover *,
.bgc-red :is(.icon,.iconr,.iconl) svg * { color: var(--c-white); stroke: var(--c-white); } .c-yellow,
.c-hover-yellow:hover { color: var(--c-yellow); } .bgc-yellow,
.bgc-hover-yellow:hover,
.bgc-hover-yellow:focus-visible { background-color: var(--c-yellow); --bgc: var(--c-yellow); } .boc-yellow { border-color: var(--c-yellow); } .bgc-yellow, .bgc-yellow>span, .bgc-yellow *,
.bgc-hover-yellow:hover, .bgc-hover-yellow:hover *,
.bgc-yellow :is(.icon,.iconr,.iconl) svg * { color: var(--c-black); stroke: var(--c-black); } .c-green,
.c-hover-green:hover { color: var(--c-green); } .bgc-green,
.bgc-hover-green:hover,
.bgc-hover-green:focus-visible { background-color: var(--c-green); --bgc: var(--c-green); } .boc-green { border-color: var(--c-green); } .bgc-green, .bgc-green>span, .bgc-green *,
.bgc-hover-green:hover, .bgc-hover-green:hover *,
.bgc-green :is(.icon,.iconr,.iconl) svg * { color: var(--c-white); stroke: var(--c-white); } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url('../fnt/manrope/manrope_variable.latin.woff2') format('woff2'); } * { font-family: Manrope; } @media (min-width: 992px) {
    .tpl .kicker { text-decoration: line-through; } .tpl h1 { font: normal 800 72px/85px Manrope; letter-spacing: 2px; margin-bottom: 30px; } .tpl h2 { font: normal 300 56px/67px Manrope; letter-spacing: 2px; margin-bottom: 30px; } .tpl h3 { font: normal 300 32px/38px Manrope; letter-spacing: 1px; margin-bottom: 30px; } .tpl h4 { font: normal 700 28px/44px Manrope; letter-spacing: 1px; margin-bottom: 30px; } .tpl h5 { font: normal 700 22px/40px Manrope; letter-spacing: 1px; margin-bottom: 30px; } .tpl h6 { font: normal 700 18px/28px Manrope; letter-spacing: 0; margin-bottom: 30px; } .tpl p { font: normal 400 16px/28px Manrope; letter-spacing: 0; margin-bottom: 30px; } .tpl :is(p.small, p small) { font: normal 400 14px/25px Manrope; letter-spacing: 0; margin-bottom: 30px; } .tpl p.mini { text-decoration: line-through; } .tpl p.micro { text-decoration: line-through; } .tpl p b { font-weight: 700; } .tpl li { font: normal 400 16px/28px Manrope; letter-spacing: 0; margin-bottom: 30px; padding-left: 2rem; } .tpl ol,ul { margin-bottom: 30px; padding-left: 1rem; }  }
@media (max-width: 991.98px) {
}
.tpl .btn { } .tpl .btn { display: inline-flex; align-items: center; border-radius: 28px; min-height: 56px; height: 56px; padding: 17px 40px; border: none; gap: 10px; overflow: hidden; } .tpl .btn span.label { font-weight: bold; display: flex; align-items: center; text-decoration: none; font-size: 18px; font-weight: 500; letter-spacing: 1px; height: 24px; } .tpl .btn span:is(.iconl,.iconr),
.tpl .btn span:is(.iconl,.iconr) :is(img,svg) { aspect-ratio: 1 / 1; height: 100%; width: 24px; height: 24px; background-size: 100%; background-repeat: no-repeat; background-position: center; object-fit: contain; } .tpl .btn:has(> span.iconl) { } .tpl .btn:has(> span.iconr) { } .tpl .btn.hover-slide-right { position: relative; } .tpl .btn.hover-slide-right::before { top: 0; bottom: 0; left: 0; height: 100%; width: 0%; background-color: rgba(255,255,255,.2); transition: .15s ease-out; position: absolute; content: ''; } .tpl .btn.hover-slide-right:hover::before { width: 100%; } .tpl .btn.bgc-transparent * { color: var(--c-white); } .tpl .btn.bgc-transparent { box-shadow: inset 0 0 0 2px rgba(255,255,255,1); } .tpl .btn.bgc-white { box-shadow: inset 0 0 0 1px rgba(0,0,0,.05); } .topbar { position: fixed; top: 0; left: 0; right: 0; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: 120px; color: var(--c-white); opacity: 1; transition: opacity .75s ease .75s; position: relative; padding-left: 50px; padding-right: 50px; } .topbar .backbar { background-color: rgba(0,0,255,.5); position: absolute; z-index: -1; left: 0; right: 0; height: 100%; top: -100%; transition: .5s; background-color: rgba(255,255,255,.5); backdrop-filter: blur(10px); outline: 1px rgba(0,0,0,.05) solid; } .topbar .backbar.show { top: 0; } .nav-open .topbar { transition: opacity .75s ease 0s; opacity: 0; } .topbar .toggler { justify-self: start; display: flex; align-items: center; } @media (max-width: 767.98px) {
    .topbar .toggler .label { display: none; }  }.topbar .logo { justify-self: center; margin-left: 35px; margin-right: 35px; } .topbar .logo a { position: relative; } .topbar .logo a img { height: 80px; } .topbar .logo a img:is(.b,.c) { position: absolute; top: 0; left: 0; opacity: 0; } .topbar .links { justify-self: end; align-items: center; display: flex; column-gap: 35px; row-gap: 5px; flex-wrap: wrap; } .topbar .links button { display: inline-flex; justify-content: center; align-items: center; width: 27px; height: 27px; padding: 0; border: 0; background: none; color: var(--c-white); transition: color 1s; margin-right: 0; } .topbar .links button svg,
.topbar .links button svg * { transition: color 1s; } .topbar .links a { color: var(--c-white); transition: color 1s; text-decoration: none; font-size: 15px; line-height: 21px; font-weight: 700; letter-spacing: 1.65px; } .topbar .links a:hover { opacity: .75; } .topbar .toggler .burger { display: inline-flex; align-items: center; gap: 18px; padding: 8px 0; border: 0; background: none; color: inherit; cursor: pointer; } .topbar .toggler .bars { display: flex; flex-direction: column; justify-content: space-between; width: 26px; height: 14px; } .topbar .toggler .bars span { display: block; height: 2px; background: var(--c-white); transition: transform .25s ease, background-color 1s; } .topbar .toggler .label { font-size: 15px; font-weight: 700; letter-spacing: var(--nrs-track); line-height: 1; transition: color 1s; } .topbar .toggler .burger:hover .bars span:first-child { transform: translateX(4px); } .topbar .toggler .burger:hover .bars span:last-child { transform: translateX(-4px); } .hdr-search:hover,
.topbar .toggler .burger:hover { opacity: .75; } .topbar:has(> .backbar.show) *:not(.backbar) { color: var(--c-blue) !important; } .topbar:has(> .backbar.show) .toggler .bars span { background: var(--c-blue); } .topbar:has(> .backbar.show) .logo a img.w { opacity: 1; } .topbar:has(> .backbar.show) .logo a img.b { opacity: 1; animation: topbar_show_logo_b_fadeout 2s forwards; } @keyframes topbar_show_logo_b_fadeout {
    0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; }  }
.topbar:has(> .backbar.show) .logo a img.c { opacity: 0; animation: topbar_show_logo_c_fadein 1s .5s forwards; } @keyframes topbar_show_logo_c_fadein {
    0% { opacity: 0; } 100% { opacity: 1; }  }
nav { position: fixed; z-index: 1000; top: 0; left: 0; right: 0; bottom: 0; } nav:not(.open) { pointer-events: none; } nav:not(.open) .topbar { pointer-events: auto; } nav .top { height: 80px; display: flex; justify-content: space-between; } nav .base { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; overflow: hidden; } nav .base .bg { position: relative; transform: translate(-50vw, 0); width: 50vw; height: 100%; background-color: var(--c-darkblue); transition: transform .75s ease-in-out; } nav .base .frame { width: 50vw; position: absolute; transform: translate(-50vw, 0); top: 0; bottom: 0; transition: transform .75s ease-in-out; } nav.open .base .bg { transform: translate(50vw, 0); } nav.open .base .frame { transform: translate(0, 0); } nav .base.skewed .bg { } nav .base.skewed .frame { } nav.open .base.skewed .bg { transform: translate(50vw, 0) rotate(0); } nav.open .base.skewed .frame { transform: translate(0, 0); } nav .base .bg { position: relative; } nav .base .bg img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .3s ease-in-out; } nav .base .bg img.is-active { opacity: 1; } nav .base .frame { display: flex; flex-direction: column; justify-content: space-between; } nav .base .frame .backshadow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: linear-gradient(to bottom, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 75%); opacity: 0; transition: opacity 1s ease 1s; } nav.open .base .frame .backshadow { opacity: 1; } nav .base .frame>* { } nav .base .header { display: flex; justify-content: space-between; padding: 45px 70px 0; } nav .base .header .logo { opacity: 1; animation: nav_logo_pulsate 8s infinite ease-in-out; } @keyframes nav_logo_pulsate {
    0%,70% { opacity: 1; } 35% { opacity: .5; }  }nav .base .header .close { display: inline-block; width: 67px; height: 67px; background-color: var(--c-nightblue); display: flex; justify-content: center; align-items: center; transition: .25s; margin-top: 20px; } nav .base .header .close:hover { background-color: var(--c-darkblue); border-radius: 50%; transform: rotate(90deg); } nav .base .header .close svg { width: 22px; height: 22px; transition: .35s; } nav .base .header .close:hover svg { transform: rotate(-180deg); } nav .base .main { flex: 1; overflow-y: scroll; overflow-x: hidden; padding: 45px 70px; } nav .base .main .accordion * { border: none; border-radius: none; color: var(--c-white); } nav .base .main .accordion-item,
nav .base .main .accordion-button { background-color: transparent; box-shadow: none; padding-right: 0; padding-left: 10px; } nav .base .main .accordion-button::after { display: none; } nav .base .main .accordion .accordion-button { font-size: 42px; display: flex; gap: 20px; text-decoration: none; } @media (min-width: 768px) {
    nav .base .main .accordion .accordion-button span { min-width: 250px; }  }
nav .base .main .accordion .accordion-button svg { width: 16px; height: 16px; transition: .3s ease; top: 0; position: relative; } nav .base .main .accordion .accordion-button[aria-expanded="true"] svg { transform: rotate(90deg); transform: rotate(180deg); top: 20px; } nav .base .main .accordion ul { list-style-type: none; padding-left: 30px; padding-right: 0; } nav .base .main .accordion ul li { opacity: 0; padding-top: 16px; padding-bottom: 16px; } nav .base .main .accordion ul li a { font-size: 20px; text-decoration: none; } nav .base .main .accordion .show:is(.collapsing,.show) li { opacity: 1; transition: .4s .45s; } nav .base .main .accordion .show:is(.collapsing,.show) li:nth-child(1) { opacity: 1; transition: .4s .00s; } nav .base .main .accordion .show:is(.collapsing,.show) li:nth-child(2) { opacity: 1; transition: .4s .05s; } nav .base .main .accordion .show:is(.collapsing,.show) li:nth-child(3) { opacity: 1; transition: .4s .10s; } nav .base .main .accordion .show:is(.collapsing,.show) li:nth-child(4) { opacity: 1; transition: .4s .15s; } nav .base .main .accordion .show:is(.collapsing,.show) li:nth-child(5) { opacity: 1; transition: .4s .20s; } nav .base .main .accordion .show:is(.collapsing,.show) li:nth-child(6) { opacity: 1; transition: .4s .25s; } nav .base .main .accordion .show:is(.collapsing,.show) li:nth-child(7) { opacity: 1; transition: .4s .30s; } nav .base .main .accordion .show:is(.collapsing,.show) li:nth-child(8) { opacity: 1; transition: .4s .35s; } nav .base .main .accordion .show:is(.collapsing,.show) li:nth-child(9) { opacity: 1; transition: .4s .40s; } nav .base .main .accordion-body { padding-top: 0; } nav .base .socket { background-color: var(--c-bluegray); padding: 45px 70px; display: flex; justify-content: space-between; } nav .base .socket .basic ul { list-style-type: none; margin: 0; padding-left: 20px; gap: 16px; display: flex; flex-direction: column; } nav .base .socket .basic ul li a { text-decoration: none; font-size: 15px; line-height: 21px; font-weight: 700; letter-spacing: 1.65px; } nav .base .socket .socials { display: flex; align-items: flex-end; padding-right: 20px; } nav .base .socket .socials .icon { width: 36px; height: 36px; } .block .colbox { width: 30px; height: 30px; margin-right: 10px; border: 1px #999 solid; } .block { position: relative; background-color: transparent; } .block::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -2; background-color: var(--bgc, transparent); } body main .container-fluid>div:is(.container-fluid) { } body main .container-fluid>div:is(.container,.container-fluid) { } @media (max-width: 575.98px) {
    body main .container-fluid>div:is(.container,.container-fluid) { }  }
body.tpl .block { margin-top: 0; margin-bottom: 0; padding-left: 0; padding-right: 0; } body.tpl .block.mt-0px { margin-top: 0; } body.tpl .block.mt-25px { margin-top: 25px; } body.tpl .block.mt-50px { margin-top: 50px; } body.tpl .block.mt-75px { margin-top: 75px; } body.tpl .block.mt-100px { margin-top: 100px; } body.tpl .block.mt-125px { margin-top: 125px; } body.tpl .block.mt-150px { margin-top: 150px; } body.tpl .block.pt-0px>div:is(.container,.container-fluid) { padding-top: 0; } body.tpl .block.pt-25px>div:is(.container,.container-fluid) { padding-top: 25px; } body.tpl .block.pt-50px>div:is(.container,.container-fluid) { padding-top: 50px; } body.tpl .block.pt-75px>div:is(.container,.container-fluid) { padding-top: 75px; } body.tpl .block.pt-100px>div:is(.container,.container-fluid) { padding-top: 100px; } body.tpl .block.pt-125px>div:is(.container,.container-fluid) { padding-top: 125px; } body.tpl .block.pt-150px>div:is(.container,.container-fluid) { padding-top: 150px; } body.tpl .block.mb-0px { margin-bottom: 0; } body.tpl .block.mb-25px { margin-bottom: 25px; } body.tpl .block.mb-50px { margin-bottom: 50px; } body.tpl .block.mb-75px { margin-bottom: 75px; } body.tpl .block.mb-100px { margin-bottom: 100px; } body.tpl .block.mb-125px { margin-bottom: 125px; } body.tpl .block.mb-150px { margin-bottom: 150px; } body.tpl .block.pb-0px>div:is(.container,.container-fluid) { padding-bottom: 0; } body.tpl .block.pb-25px>div:is(.container,.container-fluid) { padding-bottom: 25px; } body.tpl .block.pb-50px>div:is(.container,.container-fluid) { padding-bottom: 50px; } body.tpl .block.pb-75px>div:is(.container,.container-fluid) { padding-bottom: 75px; } body.tpl .block.pb-100px>div:is(.container,.container-fluid) { padding-bottom: 100px; } body.tpl .block.pb-125px>div:is(.container,.container-fluid) { padding-bottom: 125px; } body.tpl .block.pb-150px>div:is(.container,.container-fluid) { padding-bottom: 150px; } .block .media { position: relative; display: flex; background-color: #666; height: 100vh; } .block .media img { position: absolute; width: 100%; height: 100%; opacity: 1; transition: .5s; } .block .media.is-playing img { opacity: 0; } .block .media video { width: 100%; opacity: 1; } .block .media.cover :is(img,video) { object-fit: cover; object-position: center; } .block .media.contain :is(img,video) { object-fit: contain; object-position: center; } .block .media aside { position: absolute; z-index: 1; width: 100%; height: 100%; display: flex; justify-content: flex-end; align-items: flex-end; } .block .media aside button { margin-right: 30px; margin-bottom: 30px; display: inline-flex; justify-content: center; align-items: center; padding: 0; border: 0; background: none; color: #fff; border: 1px #FFF solid; border-radius: 50%; } .block .media aside svg { width: 48px; height: 48px; } .block .media.is-paused button svg.pause,
.block .media.is-playing button svg.play,
.block .media:has(> video[autoplay]) button .play,
.block .media:not(:has(> video[autoplay])) button .pause { display: none; } .block .media.is-playing button svg.pause,
.block .media.is-paused button svg.play { display: inline-flex; } .block1 { padding-left: 0; padding-right: 0; } .block1 .text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; display: flex; align-items: flex-end; color: var(--c-white); font-size: 72px; font-weight: 800; line-height: 86px; padding: 100px; text-transform: uppercase; } @media (max-width: 991.98px) {
    .block1 .text { font-size: 36px; font-weight: 800; line-height: 43px; padding: 50px; text-transform: uppercase; }  }
.block3>.container { row-gap: 50px; } .block3 .bignum { font-size: 180px; line-height: 140px; font-weight: 800; text-transform: uppercase; color: var(--c-lightgray); white-space: nowrap; } .block3 .box { background-color: var(--c-palegray); display: flex; padding: 50px 20px; gap: 30px; border-radius: 4px; } body.dark .block3 .box * { color: var(--c-black); } .block3 .box>div:has(> .icon),
.block3 .box .icon { display: block; width: 72px; height: 72px; background-size: 100%; background-repeat: no-repeat; background-position: center; padding-left: 12px; } .block3 .box>div>p:last-of-type { margin-bottom: 0; } .block4 .boxes { --block4-padding-x: 15px; --block4-padding-y: 15px; --block4-effect-x: 15px; --block4-effect-y: 15px; --block4-gap: 30px; gap: var(--block4-gap); justify-content: center; display: flex; flex-wrap: wrap; } .block4 .box-wrapper { width: calc(33% - var(--block4-gap)); aspect-ratio: 6 / 9; position: relative; } .block4 .box-wrapper .box { position: absolute; width: 100%; height: 100%; background-color: var(--c-darkgray); transition: 200ms; overflow: hidden; background-position: center; background-size: cover; isolation: isolate; padding-left: var(--block4-padding-x); padding-right: var(--block4-padding-x); padding-top: var(--block4-padding-y); padding-bottom: var(--block4-padding-y); } .block4 .box-wrapper .box::before { content: ''; position: absolute; inset: 0; z-index: -1; background: inherit; transition: transform 200ms; } .block4 .box-wrapper:hover .box::before { transition: transform 500ms ease-out; transform: scale(1.1); } .block4 .box-wrapper:hover .box { width: calc(100% + calc(var(--block4-effect-x) * 2)); height: calc(100% + calc(var(--block4-effect-y) * 2)); margin-left: calc(0px - var(--block4-effect-x)); margin-right: calc(0px - var(--block4-effect-x)); padding-left: calc(var(--block4-effect-x) + var(--block4-padding-x)); padding-right: calc(var(--block4-effect-x) + var(--block4-padding-x)); margin-top: calc(0px - var(--block4-effect-y)); margin-bottom: calc(0px - var(--block4-effect-y)); padding-top: calc(var(--block4-effect-y) + var(--block4-padding-y)); padding-bottom: calc(var(--block4-effect-y) + var(--block4-padding-y)); } .block4 .box-wrapper :is(h3,p) { opacity: 0; } .block4 .box-wrapper:hover :is(h3,p) { opacity: 1; } .block4 .box-wrapper:hover h3 { transition: 200ms 100ms; } .block4 .box-wrapper:hover p { transition: 200ms 150ms; } .block5 :is(.col-12,.col-xl-12) .box { display: flex; flex-direction: row; gap: 30px; } .block5 :is(.col-12,.col-xl-12) .box > * { flex: 1; min-width: 0; } .block5 :is(.col-6,.col-xl-6) .box { display: flex; flex-direction: column; gap: 30px; height: 100%; } .block div:has(> p) p:last-child { margin-bottom: 0; } .block5 ul { list-style-type: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; } .block5 ul li svg { width: 26px; height: 26px; } .block5 ul li a { text-decoration: none; } .block5 ul li a.dnl { display: flex; gap: 10px; align-items: center; } .block5 .icon { display: block; width: 72px; height: 72px; background-size: 100%; background-repeat: no-repeat; background-position: center; padding-left: 12px; margin-bottom: 20px; } .block6 img { width: 100%; height: 100%; object-fit: cover; } .block6 .inner { height: 100%; display: flex; flex-direction: column; justify-content: center; } .block6 .inner:has(> :is(img,.media)) { position: relative; min-height: 250px; } .block6 .inner > :is(img,.media) { position: absolute; inset: 0; } .block6 .inner > .media { height: auto; } .block6 .inner > .media video { height: 100%; } .block6 .num { display: inline-block; font-size: 100px; font-weight: 800; letter-spacing: -5px; } .block7 { --b7-container: 100vw; --b7-gap: 32px; } .block7 .b7-head { margin-bottom: 80px; } .block7 .b7-head .col-12 > :last-child,
.block7 .b7-intro > :last-child { margin-bottom: 0 !important; } .block7 .b7-intro { max-width: 640px; margin-left: auto; margin-right: auto; } .block7 .b7-intro p { letter-spacing: .5px; } .block7 .b7-head .btn { margin-top: 25px; } .block7 .b7-track { --b7-edge: max(12px, calc((100vw - var(--b7-container)) / 2 + 12px)); display: flex; gap: var(--b7-gap); margin: 0; padding: 0 var(--b7-edge); list-style-type: none; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--b7-edge); scroll-behavior: smooth; overscroll-behavior-x: contain; scrollbar-width: none; } .block7 .b7-track::-webkit-scrollbar { display: none; } .block7 .b7-item { flex: 0 0 calc((var(--b7-container) - 24px - 2 * var(--b7-gap)) / 3); margin: 0; padding: 0; scroll-snap-align: start; } .block7 .news-img { width: 100%; aspect-ratio: 458 / 300; overflow: hidden; background-color: var(--c-white); } .block7 .news-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 400ms; } .block7 a:hover .news-img img { transform: scale(1.03); } .block7 .news-date { display: inline-block; margin-top: 30px; margin-bottom: 25px; padding: 5px 20px; font: normal 700 11px/1.4 Manrope; letter-spacing: 1px; color: var(--c-bluegray); background-color: #E2E2E2; border-radius: 2px; } .block7 .b7--no-image .news-date { margin-top: 0; } .block7 .news-title { font: normal 700 18px/28px Manrope !important; letter-spacing: 1px !important; margin-bottom: 22px !important; max-width: 330px; } .block7 .news-title a { color: inherit; text-decoration: none; } .block7 .news-title a:hover { text-decoration: underline; } .block7 .news-teaser { letter-spacing: .5px; margin-bottom: 0 !important; max-width: 330px; } .block7 .news-more { display: inline-block; font-weight: 700; letter-spacing: 1px; color: inherit; text-decoration: underline; text-underline-offset: 3px; } .block7 .b7-nav { display: flex; justify-content: center; gap: 30px; margin-top: 110px; } .block7 .b7-btn { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 48px; padding: 0; border-radius: 24px; border: 1px solid var(--c-blue); background-color: transparent; color: var(--c-blue); cursor: pointer; transition: background-color 200ms, color 200ms, opacity 200ms; touch-action: manipulation; } .block7 .b7-btn:focus-visible,
.block7 .b7-btn:not(:disabled):active { background-color: var(--c-lightgray); border-color: var(--c-lightgray); color: var(--c-white); } @media (hover: hover) {
    .block7 .b7-btn:not(:disabled):hover { background-color: var(--c-lightgray); border-color: var(--c-lightgray); color: var(--c-white); }  }
.block7 .b7-btn:disabled { opacity: .3; cursor: default; } .block7 .b7-slider.is-static .b7-nav { display: none; } @media (prefers-reduced-motion: reduce) {
    .block7 .b7-track { scroll-behavior: auto; } .block7 .news-img img { transition: none; } .block7 a:hover .news-img img { transform: none; }  }
@media (max-width: 991.98px) {
    .block7 .b7-head { margin-bottom: 50px; } .block7 .b7-nav { margin-top: 60px; }  }
.block8 .b8-row { row-gap: 40px; } .block8 .b8-img { position: relative; aspect-ratio: 704 / 572; overflow: hidden; background-color: var(--c-palegray); } .block8 .b8-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .block8 .b8-icon { display: inline-flex; align-items: center; justify-content: center; width: 96px; height: 96px; margin-bottom: 35px; border-radius: 50%; background-color: var(--c-palegray); overflow: hidden; } .block8 .b8-icon img { display: block; width: 100%; height: 100%; object-fit: contain; } .block8 .b8-content > :last-child,
.block8 .b8-text > :last-child { margin-bottom: 0 !important; } .block8 .b8-content h2 { margin-bottom: 50px; } .block8 .b8-content h2:has(+ .b8-sub) { margin-bottom: 30px; } @media (min-width: 992px) {
    .block8 .b8-sub { font: normal 300 32px/38px Manrope !important; letter-spacing: 1px !important; }  }
.block8 .b8-sub { margin-bottom: 50px !important; } .block8 .b8-text { max-width: 570px; } .block8 .b8-text p { letter-spacing: .5px; } .block8 .b8-btn { margin-top: 45px; } @media (max-width: 991.98px) {
    .block8 .b8-content h2,
    .block8 .b8-sub { margin-bottom: 25px !important; } .block8 .b8-btn { margin-top: 30px; } .block8 .b8-icon { width: 72px; height: 72px; margin-bottom: 25px; }  }
.block9 .b9-head { margin-bottom: 85px; } .block9 .b9-head .col-12 > :last-child { margin-bottom: 0 !important; } .block9 .b9-intro { max-width: 840px; letter-spacing: .5px; margin-left: auto; margin-right: auto; } .block9 .b9-intro > :last-child { margin-bottom: 0; } .block9 .b9-head .btn { margin-top: 30px; } .block9 .b9-item { border-radius: 4px; background-color: var(--c-palegray); } .block9 .b9-item + .b9-item { margin-top: 20px; } .block9 .b9-head-row { margin: 0 !important; font: inherit !important; letter-spacing: inherit !important; } .block9 .b9-toggle { display: flex; align-items: center; justify-content: space-between; gap: 30px; width: 100%; padding: 23px 30px; border: 0; background-color: transparent; color: inherit; font: inherit; text-align: left; } .block9 button.b9-toggle { cursor: pointer; touch-action: manipulation; } .block9 .b9-title { font: normal 700 18px/30px Manrope; letter-spacing: .5px; } .block9 .b9-icon { position: relative; flex: 0 0 auto; width: 30px; height: 30px; } .block9 .b9-icon::before,
.block9 .b9-icon::after { content: ''; position: absolute; left: 0; top: 14px; width: 30px; height: 2px; background-color: currentColor; transition: transform 300ms; } .block9 .b9-icon::after { transform: rotate(90deg); } .block9 .b9-toggle[aria-expanded="true"] .b9-icon::after { transform: rotate(0deg); } @media (hover: hover) {
    .block9 button.b9-toggle:hover .b9-title { text-decoration: underline; text-underline-offset: 4px; }  }
.block9 .b9-panel-inner { padding: 0 30px 40px; } .block9 .b9-panel-inner > * { max-width: 780px; } .block9 .b9-panel-inner > :last-child { margin-bottom: 0 !important; } .block9 .b9-panel-inner p { margin-bottom: 30px; letter-spacing: .5px; } .block9 .b9-panel-inner :is(ul, ol) { margin: 0 0 30px; padding-left: 27px; } .block9 .b9-panel-inner ul { list-style: square; } .block9 .b9-panel-inner li { letter-spacing: .5px; } .block9 .b9-panel-inner li + li { margin-top: 26px; } .block9 .b9-panel-inner a { color: inherit; text-decoration: underline; text-underline-offset: 3px; } @media (prefers-reduced-motion: reduce) {
    .block9 .b9-icon::before,
    .block9 .b9-icon::after { transition: none; } .block9 .b9-panel.collapsing { transition: none; }  }
@media (max-width: 991.98px) {
    .block9 .b9-head { margin-bottom: 50px; }  }
@media (max-width: 767.98px) {
    .block9 .b9-toggle { padding: 20px 18px; gap: 18px; } .block9 .b9-title { font-size: 16px; line-height: 24px; } .block9 .b9-icon { width: 24px; height: 24px; } .block9 .b9-icon::before,
    .block9 .b9-icon::after { width: 24px; top: 11px; } .block9 .b9-panel-inner { padding: 0 18px 28px; }  }
.block10 .b10-head { margin-bottom: 90px; } .block10 .b10-head .col-12 > :last-child { margin-bottom: 0 !important; } .block10 .b10-intro { max-width: 690px; letter-spacing: .5px; margin-left: auto; margin-right: auto; } .block10 .b10-head .btn { margin-top: 15px; } .block10 .b10-media { position: relative; aspect-ratio: 580 / 650; overflow: hidden; background-color: var(--c-palegray); } .block10 .b10-media-item { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 400ms, visibility 0s 400ms; } .block10 .b10-media-item.is-active { opacity: 1; visibility: visible; transition: opacity 400ms, visibility 0s 0s; } .block10 .b10-media-item :is(img, video) { display: block; width: 100%; height: 100%; object-fit: cover; } .block10 .b10-pause { position: absolute; right: 30px; bottom: 30px; z-index: 2; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background-color: rgba(40, 44, 51, .75); color: var(--c-white); cursor: pointer; } .block10 .b10-pause[hidden] { display: none; } .block10 .b10-pause-icon { display: block; width: 10px; height: 12px; border-left: 3px solid currentColor; border-right: 3px solid currentColor; } .block10 .b10-pause[aria-pressed="true"] .b10-pause-icon { width: 0; height: 0; margin-left: 3px; border: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 11px solid currentColor; } .block10 .b10-item { border-radius: 4px; background-color: var(--c-palegray); } .block10 .b10-item + .b10-item { margin-top: 25px; } .block10 .b10-head-row { margin: 0 !important; font: inherit !important; letter-spacing: inherit !important; } .block10 .b10-toggle { display: grid; grid-template-columns: 92px 1fr auto; align-items: center; width: 100%; padding: 30px 35px 30px 30px; border: 0; background-color: transparent; color: inherit; font: inherit; text-align: left; } .block10 button.b10-toggle { cursor: pointer; touch-action: manipulation; } .block10 .b10-num { font: normal 300 32px/1 Manrope; letter-spacing: 1px; } .block10 .b10-titles { display: flex; flex-direction: column; gap: 4px; } .block10 .b10-title { font: normal 700 18px/26px Manrope; letter-spacing: .5px; } .block10 .b10-subtitle { font: normal 400 16px/24px Manrope; letter-spacing: .5px; } .block10 .b10-icon { display: flex; padding-left: 20px; } .block10 .b10-icon svg { transition: transform 300ms; } .block10 .b10-toggle[aria-expanded="true"] .b10-icon svg { transform: rotate(90deg); } @media (hover: hover) {
    .block10 button.b10-toggle:hover .b10-title { text-decoration: underline; text-underline-offset: 4px; }  }
.block10 .b10-panel-inner { padding: 10px 35px 40px 122px; } .block10 .b10-text { max-width: 460px; margin-bottom: 0 !important; letter-spacing: .5px; } .block10 .b10-link { display: inline-flex; align-items: center; gap: 12px; font-weight: 700; letter-spacing: .5px; color: inherit; text-decoration: none; } .block10 .b10-text + .b10-link { margin-top: 40px; } .block10 .b10-link:hover { text-decoration: underline; text-underline-offset: 3px; } @media (prefers-reduced-motion: reduce) {
    .block10 :is(.b10-media-item, .b10-icon svg) { transition: none; } .block10 .b10-panel.collapsing { transition: none; }  }
@media (max-width: 991.98px) {
    .block10 .b10-head { margin-bottom: 50px; }  }
@media (max-width: 767.98px) {
    .block10 .b10-toggle { grid-template-columns: 52px 1fr auto; padding: 22px 18px; } .block10 .b10-num { font-size: 24px; } .block10 .b10-panel-inner { padding: 0 18px 28px 70px; }  }
.block11 .b11-row { row-gap: 40px; } .block11 .b11-row + .b11-row { margin-top: 140px; } .block11 .b11-img img { display: block; width: 100%; height: auto; } .block11 .b11-content > :last-child,
.block11 .b11-text > :last-child { margin-bottom: 0 !important; } .block11 .b11-content h2 { margin-bottom: 60px; } @media (min-width: 992px) {
    .block11 .b11-sub { font: normal 300 32px/38px Manrope !important; letter-spacing: 1px !important; }  }
.block11 .b11-sub { margin-bottom: 30px !important; } .block11 .b11-text { max-width: 690px; } .block11 .b11-text p { letter-spacing: .5px; } .block11 .b11-btn { margin-top: 50px; } @media (min-width: 992px) {
    .block11 .b11-row--right .b11-img ~ .b11-content,
    .block11 .b11-row--right .b11-content:has(~ .b11-img) { padding-top: 30px; }  }
.block11 .b11-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; margin: 90px 0 0; padding: 0; list-style-type: none; } .block11 .b11-facts li { display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 0; } .block11 .b11-num { font: normal 300 40px/1.1 Manrope; letter-spacing: 1px; } .block11 .b11-lbl { font-size: 16px; line-height: 24px; letter-spacing: .5px; } @media (max-width: 991.98px) {
    .block11 .b11-row + .b11-row { margin-top: 80px; } .block11 .b11-content h2 { margin-bottom: 30px; } .block11 .b11-btn { margin-top: 35px; } .block11 .b11-facts { margin-top: 50px; }  }
@media (max-width: 575.98px) {
    .block11 .b11-num { font-size: 32px; }  }
.block12 { --b12-num-col: 25.5%; } .block12 .b12-list { list-style-type: none; margin: 0; padding: 0; } .block12 .b12-item { padding: 0; margin: 0; border-bottom: 1px solid var(--c-lightgray); } .block12 .b12-head { margin: 0 !important; } .block12 .b12-row { display: grid; grid-template-columns: var(--b12-num-col) 1fr auto; align-items: center; width: 100%; padding: 40px 22px; border: 0; background-color: transparent; color: inherit; font: inherit; letter-spacing: inherit; text-align: left; text-decoration: none; } .block12 :is(button, a).b12-row { cursor: pointer; touch-action: manipulation; } .block12 .b12-num { font: normal 300 32px/1 Manrope; letter-spacing: 1px; } .block12 .b12-title { grid-column: 2; overflow-wrap: anywhere; } .block12 .b12-icon { grid-column: 3; display: flex; padding-left: 20px; } .block12 .b12-icon svg { transition: transform 300ms; } @media (hover: hover) {
    .block12 a.b12-row:hover .b12-icon svg { transform: translate(3px, -3px); } .block12 :is(button, a).b12-row:hover .b12-title { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 8px; }  }
.block12 button.b12-row[aria-expanded="true"] .b12-num { visibility: hidden; } .block12 button.b12-row[aria-expanded="true"] .b12-icon svg { transform: rotate(90deg); } .block12 .b12-panel-inner { margin-left: var(--b12-num-col); padding-left: 22px; padding-right: 22px; padding-bottom: 60px; max-width: calc(830px + var(--b12-num-col)); } .block12 .b12-img { position: relative; aspect-ratio: 827 / 302; overflow: hidden; background-color: var(--c-palegray); } .block12 .b12-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .block12 .b12-body { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; } .block12 .b12-img + .b12-body { margin-top: 60px; } .block12 .b12-copy { max-width: 690px; } .block12 .b12-sub { font: normal 700 16px/24px Manrope !important; letter-spacing: .5px !important; margin-bottom: 18px !important; } .block12 .b12-text :is(p, li) { letter-spacing: .5px; } .block12 .b12-text :is(p, ul, ol) { margin-bottom: 16px !important; } .block12 .b12-text > :last-child { margin-bottom: 0 !important; } .block12 .b12-text a { color: inherit; text-decoration: underline; } .block12 .b12-more { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin-left: auto; border-radius: 50%; background-color: var(--c-lightgray); color: var(--c-white); box-shadow: 0 2px 6px rgba(0,0,0,.2); transition: background-color 200ms, transform 200ms; } @media (hover: hover) {
    .block12 .b12-more:hover { background-color: var(--c-bluegray); transform: translateX(3px); }  }
@media (prefers-reduced-motion: reduce) {
    .block12 .b12-icon svg,
    .block12 .b12-more { transition: none; } .block12 .b12-panel.collapsing { transition: none; } .block12 a.b12-row:hover .b12-icon svg,
    .block12 .b12-more:hover { transform: none; }  }
@media (max-width: 991.98px) {
    .block12 { --b12-num-col: 70px; } .block12 .b12-row { padding: 28px 10px; } .block12 .b12-num { font-size: 22px; } .block12 .b12-panel-inner { padding-left: 10px; padding-right: 10px; padding-bottom: 40px; } .block12 .b12-img + .b12-body { margin-top: 35px; }  }
@media (max-width: 575.98px) {
    .block12 { --b12-num-col: 48px; } .block12 .b12-panel-inner { margin-left: 0; } .block12 .b12-body { flex-direction: column; align-items: stretch; gap: 24px; } .block12 .b12-more { margin-left: 0; }  }
.block13 .b13 > * + * { margin-top: 80px; } .block13 .b13-text > :last-child,
.block13 .b13-head .col-12 > :last-child,
.block13 .b13-left > :last-child { margin-bottom: 0 !important; } .block13 .b13-text + .b13-text { margin-top: 50px; } .block13 .b13-icon { display: inline-flex; align-items: center; justify-content: center; width: 96px; height: 96px; margin-bottom: 40px; border-radius: 50%; background-color: var(--c-palegray); overflow: hidden; } .block13 .b13-icon img { display: block; width: 100%; height: 100%; object-fit: contain; } @media (min-width: 992px) {
    .block13 .b13-sub { font: normal 300 32px/38px Manrope !important; letter-spacing: 1px !important; }  }
.block13 .b13-text p { letter-spacing: .5px; } .block13 .b13-text :is(ul, ol) { margin: 0 0 30px; padding-left: 1.4em; } .block13 .b13-text ul { list-style-type: square; } .block13 .b13-text li { padding-left: .6em; margin-bottom: 16px; letter-spacing: .5px; } .block13 .b13-text li::marker { color: var(--c-blue); font-size: .8em; } .block13 .b13-text :is(h3, h4, h5, h6) { font: normal 700 16px/26px Manrope !important; letter-spacing: .5px !important; margin-bottom: 18px !important; } .block13 .b13-buttons { display: flex; flex-wrap: wrap; gap: 30px; margin-top: 50px; } .block13 .b13-buttons .btn.bgc-white { box-shadow: 0 2px 8px rgba(0, 0, 0, .12); } .block13 .b13--sym .b13-cols { row-gap: 50px; } .block13 .b13--sym .b13-end .b13-text { max-width: 440px; } .block13 .b13--sym .b13-head .b13-sub { margin-top: -10px; } .block13 .b13--asym .b13-main { row-gap: 50px; } .block13 .b13--asym .b13-left .b13-start { margin-top: 50px; max-width: 380px; } .block13 .b13--asym .b13-right { padding-top: 10px; } @media (min-width: 992px) {
    .block13 .b13--asym .b13-left:has(.b13-icon) + .b13-right { padding-top: 136px; }  }
.block13 .b13-images { display: grid; grid-template-columns: 755fr 532fr; gap: 38px; } .block13 .b13-images--single { grid-template-columns: 1fr; } .block13 .b13-img { position: relative; min-height: 300px; overflow: hidden; background-color: var(--c-palegray); } .block13 .b13-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .block13 .b13-images:not(.b13-images--single) .b13-img { aspect-ratio: auto; height: 490px; } .block13 .b13-images--single .b13-img { aspect-ratio: 16 / 7; } @media (max-width: 991.98px) {
    .block13 .b13 > * + * { margin-top: 50px; } .block13 .b13-images:not(.b13-images--single) .b13-img { height: 360px; }  }
@media (max-width: 767.98px) {
    .block13 .b13-images { grid-template-columns: 1fr; gap: 20px; } .block13 .b13-images:not(.b13-images--single) .b13-img { height: auto; aspect-ratio: 4 / 3; } .block13 .b13-images--single .b13-img { aspect-ratio: 4 / 3; } .block13 .b13-buttons { gap: 16px; }  }
.block14 .b14-text { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 60px; background-color: var(--c-white); } .block14 .b14-text h2 { text-align: center; margin-bottom: 45px; } .block14 .b14-row { display: grid; grid-template-columns: 170px minmax(0, 420px); column-gap: 35px; align-items: center; } .block14 .b14-row + .b14-row { margin-top: 40px; } .block14 .b14-num { grid-column: 1; margin: 0 !important; font: normal 800 100px/1 Manrope !important; letter-spacing: -2px !important; text-align: right; color: var(--c-lightgray); } .block14 .b14-desc { grid-column: 2; margin: 0 !important; letter-spacing: .5px; } .block14 .b14-row:not(:has(.b14-num)) .b14-desc { grid-column: 2; } .block14 .b14-img { position: relative; aspect-ratio: 400 / 448; overflow: hidden; background-color: var(--c-palegray); } .block14 .b14-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } @media (min-width: 992px) {
    .block14 .b14 { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: minmax(calc(25vw * 448 / 400), auto); grid-auto-flow: dense; } .block14 .b14-img { aspect-ratio: auto; } .block14 .b14-text { grid-column: 2 / 4; grid-row: 2; } .block14 .b14-track { display: contents; } .block14 .b14-nav { display: none; }  }
@media (min-width: 992px) and (max-width: 1199.98px) {
    .block14 .b14-text { padding: 30px 40px; } .block14 .b14-text h2 { margin-bottom: 25px; } .block14 .b14-row { grid-template-columns: 120px minmax(0, 1fr); column-gap: 25px; } .block14 .b14-row + .b14-row { margin-top: 20px; } .block14 .b14-num { font-size: 64px !important; }  }
@media (max-width: 991.98px) {
    .block14 .b14-text { padding: 0 20px 50px; align-items: flex-start; } .block14 .b14-text h2 { text-align: left; } .block14 .b14-row { grid-template-columns: 110px minmax(0, 1fr); column-gap: 20px; } .block14 .b14-num { font-size: 64px !important; } .block14 .b14-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; overscroll-behavior-x: contain; scrollbar-width: none; } .block14 .b14-track::-webkit-scrollbar { display: none; } .block14 .b14-img { flex: 0 0 40%; scroll-snap-align: start; } .block14 .b14-nav { display: flex; justify-content: center; gap: 30px; margin-top: 30px; }  }
@media (max-width: 767.98px) {
    .block14 .b14-img { flex-basis: 70%; } .block14 .b14-num { font-size: 48px !important; } .block14 .b14-row { grid-template-columns: 80px minmax(0, 1fr); }  }
.block14 .b14-btn { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 34px; padding: 0; border-radius: 17px; border: 1px solid var(--c-blue); background-color: transparent; color: var(--c-blue); cursor: pointer; transition: background-color 200ms, color 200ms, opacity 200ms; touch-action: manipulation; } .block14 .b14-btn:focus-visible,
.block14 .b14-btn:not(:disabled):active { background-color: var(--c-lightgray); border-color: var(--c-lightgray); color: var(--c-white); } @media (hover: hover) {
    .block14 .b14-btn:not(:disabled):hover { background-color: var(--c-lightgray); border-color: var(--c-lightgray); color: var(--c-white); }  }
.block14 .b14-btn:disabled { opacity: .3; cursor: default; } @media (prefers-reduced-motion: reduce) {
    .block14 .b14-track { scroll-behavior: auto; }  }
.block15 .b15-row { row-gap: 50px; } .block15 .b15-icon { display: flex; align-items: center; justify-content: center; width: 96px; height: 96px; margin-bottom: 40px; border-radius: 50%; background-color: var(--c-palegray); } .block15 .b15-icon img { display: block; width: 52px; height: 52px; object-fit: contain; } .block15 .b15-text > :last-child { margin-bottom: 0; } .block15 .b15-text p { max-width: 340px; } @media (min-width: 992px) {
    .block15 .b15-text:has(.b15-icon) + div .b15-team { margin-top: 48px; }  }
.block15 .b15-team { list-style-type: none; margin: 0; padding: 0; --bs-gutter-x: 0; row-gap: 50px; } .block15 .b15-row--full .b15-team { row-gap: 30px; } .block15 .b15-team > li { padding: 0; margin-bottom: 0; } .block15 .b15-card { position: relative; aspect-ratio: 5 / 7; perspective: 1400px; } .block15 .b15-row--full .b15-card { aspect-ratio: 4 / 5; } .block15 .b15-inner { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 600ms cubic-bezier(.4, .2, .2, 1); } .block15 :is(.b15-front, .b15-back) { position: absolute; inset: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .block15 .b15-front { background-color: var(--c-palegray); } .block15 .b15-front img { display: block; width: 100%; height: 100%; object-fit: cover; } .block15 .b15-flip { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background-color: transparent; cursor: pointer; touch-action: manipulation; } .block15 .b15-flip:focus-visible { outline-offset: -6px !important; } .block15 .b15-back { display: flex; flex-direction: column; justify-content: flex-end; padding: 40px; background-color: var(--c-lightgray); color: var(--c-white); transform: rotateY(180deg); visibility: hidden; transition: visibility 0s 300ms; } .block15 .b15-back > * { color: inherit; } .block15 .b15-position { font-size: 16px; line-height: 24px; letter-spacing: .5px; margin-bottom: 14px !important; } .block15 .b15-name { font: normal 300 40px/48px Manrope !important; letter-spacing: .5px !important; margin-bottom: 22px !important; overflow-wrap: anywhere; } .block15 .b15-phone { font-size: 16px; line-height: 24px; letter-spacing: 1px; margin-bottom: 0 !important; } .block15 .b15-phone a { color: inherit; text-decoration: none; } .block15 .b15-phone a:hover { text-decoration: underline; text-underline-offset: 3px; } .block15 .b15-close { position: absolute; top: 28px; right: 28px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 0; background-color: transparent; color: var(--c-white); cursor: pointer; touch-action: manipulation; } .block15 .b15-close svg { transition: transform 200ms; } .block15 .b15-close:hover svg { transform: rotate(90deg); } .block15 .b15-card.is-flipped .b15-inner { transform: rotateY(180deg); } .block15 .b15-card.is-flipped .b15-back { visibility: visible; transition: visibility 0s 0s; } .block15 .b15-card.is-flipped .b15-front { visibility: hidden; transition: visibility 0s 300ms; } @media (hover: hover) {
    .block15 .b15-card.is-flippable:hover:not(.is-closed) .b15-inner { transform: rotateY(180deg); } .block15 .b15-card.is-flippable:hover:not(.is-closed) .b15-back { visibility: visible; transition: visibility 0s 0s; }  }
@media (prefers-reduced-motion: reduce) {
    .block15 .b15-inner,
    .block15 .b15-card.is-flipped .b15-inner,
    .block15 .b15-card.is-flippable:hover .b15-inner { transform: none !important; transition: none; } .block15 .b15-back { transform: none; opacity: 0; transition: opacity 200ms, visibility 0s 200ms; } .block15 .b15-card.is-flipped .b15-back,
    .block15 .b15-card.is-flippable:hover:not(.is-closed) .b15-back { opacity: 1; transition: opacity 200ms, visibility 0s 0s; } .block15 .b15-close svg { transition: none; }  }
@media (max-width: 991.98px) {
    .block15 .b15-back { padding: 28px; } .block15 .b15-close { top: 16px; right: 16px; } .block15 .b15-name { font: normal 300 30px/36px Manrope !important; }  }
@media (max-width: 767.98px) {
    .block15 .b15-back { padding: 18px; } .block15 .b15-name { font: normal 300 22px/28px Manrope !important; margin-bottom: 12px !important; } .block15 :is(.b15-position, .b15-phone) { font-size: 14px; line-height: 20px; } .block15 .b15-close { top: 8px; right: 8px; }  }
.block16 .b16-head { row-gap: 30px; } .block16 .b16-head + .b16-items { margin-top: 100px; } .block16 .b16-head :is(h2, h3, p):last-child { margin-bottom: 0; } .block16 .b16-head .btn { margin-top: 10px; } .block16 .b16-items { row-gap: 60px; } .block16 .b16-item > :last-child { margin-bottom: 0; } .block16 .b16-icon { display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; margin-bottom: 30px; border-radius: 50%; background-color: var(--c-palegray); } .block16 .b16-icon img { display: block; width: 40px; height: 40px; object-fit: contain; } .block16 .b16-item h4 { max-width: 330px; } .block16 .b16-item p { max-width: 330px; } @media (min-width: 1200px) {
    .block16 .col-lg-4.b16-item :is(h4, p) { max-width: none; }  }
.block16 .b16-link a { display: inline-flex; align-items: center; gap: 12px; font-weight: 700; letter-spacing: .5px; color: var(--c-blue); text-decoration: none; } .block16 .b16-link a svg { flex: none; transition: transform 200ms; } .block16 .b16-link a:hover { text-decoration: underline; text-underline-offset: 3px; } @media (hover: hover) {
    .block16 .b16-link a:hover svg { transform: translate(2px, -2px); }  }
.block16 .b16-big { font: normal 300 56px/67px Manrope; letter-spacing: 2px; margin-top: 50px; color: var(--c-blue); } @media (prefers-reduced-motion: reduce) {
    .block16 .b16-link a svg { transition: none; } .block16 .b16-link a:hover svg { transform: none; }  }
@media (max-width: 991.98px) {
    .block16 .b16-head + .b16-items { margin-top: 60px; } .block16 .b16-items { row-gap: 50px; } .block16 .b16-big { font-size: 40px; line-height: 48px; margin-top: 30px; }  }
.block17 .sm-toc { position: relative; padding-top: 110px; padding-bottom: 120px; background-color: var(--c-palegray); box-shadow: 0 0 0 100vmax var(--c-palegray); clip-path: inset(0 -100vmax); } .block17 .sm-toc + .row { margin-top: 90px; } .block17 .sm-toc h2 { margin-bottom: 50px; } .block17 .sm-toc-list { list-style-type: none; margin: 0; padding: 0; columns: 2; column-gap: 40px; } .block17 .sm-toc-list li { break-inside: avoid; padding-bottom: 22px; padding-left: 0; } .block17 .sm-toc-list a { display: inline-flex; align-items: center; gap: 12px; font-size: 16px; font-weight: 700; letter-spacing: .5px; color: var(--c-blue); text-decoration: none; } .block17 .sm-toc-list a svg { flex: none; transition: transform 200ms; } .block17 .sm-toc-list a:hover { text-decoration: underline; text-underline-offset: 3px; } @media (hover: hover) {
    .block17 .sm-toc-list a:hover svg { transform: translate(2px, -2px); }  }.block17 .ft-target { scroll-margin-top: 150px; } @media (prefers-reduced-motion: reduce) {
    .block17 .sm-toc-list a svg { transition: none; } .block17 .sm-toc-list a:hover svg { transform: none; }  }
@media (max-width: 991.98px) {
    .block17 .sm-toc { padding-top: 70px; padding-bottom: 70px; } .block17 .sm-toc + .row { margin-top: 60px; } .block17 .sm-toc h2 { margin-bottom: 35px; }  }
@media (max-width: 767.98px) {
    .block17 .sm-toc-list { columns: 1; }  }
.block18 { } .block19 { } .block20 { --block20-gap-x: 24px; --block20-gap-y: 80px; } .block20 .news-featured { position: relative; margin-bottom: 80px; background-color: var(--c-palegray); box-shadow: 0 0 0 100vmax var(--c-palegray); clip-path: inset(0 -100vmax); align-items: flex-start; padding-top: 75px; padding-bottom: 75px; } .block20 .news-featured .news-img { aspect-ratio: 16 / 10; } .block20 .news-featured .news-teaser { margin-bottom: 25px; } .block20 .news-head { margin-bottom: 60px; scroll-margin-top: 120px; } .block20 .news-head h2 { margin-bottom: 0; } .block20 .news-filter { display: flex; align-items: center; justify-content: flex-end; gap: 24px; } .block20 .news-filter label { font-size: 13px; letter-spacing: 1px; color: var(--c-bluegray); } .block20 .news-filter select { -webkit-appearance: none; appearance: none; min-width: 228px; height: 36px; padding: 0 44px 0 18px; font: normal 700 13px/1 Manrope; letter-spacing: 1px; color: var(--c-bluegray); background-color: var(--c-white); border: 1px solid var(--c-lightgray); border-radius: 3px; cursor: pointer; touch-action: manipulation; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23243646' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; } .block20 .news-list { transition: opacity 200ms; } .block20 .news-wrap.is-loading .news-list { opacity: .4; pointer-events: none; } .block20 .news-grid { row-gap: var(--block20-gap-y); margin-left: calc(var(--block20-gap-x) / -2); margin-right: calc(var(--block20-gap-x) / -2); } .block20 .news-item { padding-left: calc(var(--block20-gap-x) / 2); padding-right: calc(var(--block20-gap-x) / 2); } .block20 .news-item .news-img { aspect-ratio: 3 / 2; } .block20 .news-img { width: 100%; overflow: hidden; background-color: var(--c-palegray); } .block20 .news-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 400ms; } .block20 a:hover .news-img img { transform: scale(1.03); } .block20 .news-date { display: inline-block; margin-top: 25px; margin-bottom: 25px; padding: 5px 14px; font: normal 700 11px/1.4 Manrope; letter-spacing: 1px; color: var(--c-bluegray); background-color: var(--c-palegray); border-radius: 2px; } .block20 .news-featured .news-date { margin-top: 0; background-color: #DDD; } @media (min-width: 992px) {
    .tpl .block20 .news-title { font: normal 700 18px/28px Manrope; }  }
.block20 .news-title { letter-spacing: 1px !important; margin-bottom: 22px !important; color: light-dark(var(--c-bluegray),var(--c-palegray)); max-width: 380px; } .block20 .news-title a { color: inherit; text-decoration: none; } .block20 .news-title a:hover { text-decoration: underline; } .block20 .news-teaser { letter-spacing: .5px; color: light-dark(var(--c-bluegray),var(--c-palegray)); margin-bottom: 0; max-width: 380px; } .block20 .news-more { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 1px; color: light-dark(var(--c-bluegray),var(--c-palegray)); text-decoration: underline; text-underline-offset: 3px; } .block20 .news-empty { color: light-dark(var(--c-bluegray),var(--c-palegray)); } .block20 .news-pagination { display: flex; align-items: center; justify-content: center; gap: 60px; margin-top: 110px; } .block20 .news-pg-info { font-size: 15px; font-weight: 600; color: light-dark(var(--c-bluegray),var(--c-palegray)); } .block20 .news-pg-btn { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 34px; border-radius: 17px; border: 1px solid var(--c-blue); color: var(--c-blue); transition: background-color 200ms, color 200ms; touch-action: manipulation; } .block20 a.news-pg-btn:focus-visible,
.block20 a.news-pg-btn:active { background-color: var(--c-lightgray); border-color: var(--c-lightgray); color: var(--c-white); } @media (hover: hover) {
    .block20 a.news-pg-btn:hover { background-color: var(--c-lightgray); border-color: var(--c-lightgray); color: var(--c-white); }  }
.block20 .news-pg-btn.is-disabled { opacity: .3; } @media (prefers-reduced-motion: reduce) {
    .block20 .news-img img,
    .block20 .news-list { transition: none; } .block20 a:hover .news-img img { transform: none; }  }
@media (max-width: 991.98px) {
    .block20 .news-featured { margin-bottom: 60px; padding-top: 50px; padding-bottom: 50px; } .block20 .news-head { row-gap: 20px; margin-bottom: 40px; } .block20 .news-filter { justify-content: flex-start; } .block20 .news-grid { row-gap: 60px; }  }
@media (max-width: 767.98px) {
    .block20 .news-filter { flex-direction: column; align-items: stretch; gap: 10px; } .block20 .news-filter select { min-width: 0; width: 100%; } .block20 .news-pagination { gap: 30px; margin-top: 70px; }  }
.block21 { --block21-gap-x: 24px; --block21-gap-y: 80px; } .block21 .pdfk-head { margin-bottom: 60px; scroll-margin-top: 120px; } .block21 .pdfk-head h2 { margin-bottom: 0; } .block21 .pdfk-filter { display: flex; align-items: center; justify-content: flex-end; gap: 24px; } .block21 .pdfk-filter label { font-size: 13px; letter-spacing: 1px; color: var(--c-bluegray); } .block21 .pdfk-filter select { -webkit-appearance: none; appearance: none; min-width: 228px; height: 36px; padding: 0 44px 0 18px; font: normal 700 13px/1 Manrope; letter-spacing: 1px; color: var(--c-bluegray); background-color: var(--c-white); border: 1px solid var(--c-lightgray); border-radius: 3px; cursor: pointer; touch-action: manipulation; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23243646' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; } .block21 .pdfk-list { transition: opacity 200ms; } .block21 .pdfk-wrap.is-loading .pdfk-list { opacity: .4; pointer-events: none; } .block21 .pdfk-grid { row-gap: var(--block21-gap-y); margin-left: calc(var(--block21-gap-x) / -2); margin-right: calc(var(--block21-gap-x) / -2); } .block21 .pdfk-item { display: flex; flex-direction: column; padding-left: calc(var(--block21-gap-x) / 2); padding-right: calc(var(--block21-gap-x) / 2); } .block21 .pdfk-img { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; background-color: var(--c-palegray); } .block21 .pdfk-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 400ms; } .block21 a:hover .pdfk-img img { transform: scale(1.03); } .block21 .pdfk-tags { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 35px; margin-bottom: 25px; } .block21 :is(.pdfk-date, .pdfk-badge) { display: inline-block; padding: 5px 26px; font: normal 700 11px/1.4 Manrope; letter-spacing: .5px; border-radius: 2px; } .block21 .pdfk-date { color: var(--c-bluegray); background-color: var(--c-palegray); } .block21 .pdfk-badge { color: var(--c-white); background-color: var(--c-green); } .block21 .pdfk-title { font: normal 700 18px/28px Manrope !important; letter-spacing: 1px !important; margin-bottom: 28px !important; color: light-dark(var(--c-bluegray),var(--c-palegray)); } .block21 .pdfk-title a { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; color: inherit; text-decoration: none; } .block21 .pdfk-title-text { max-width: 320px; } .block21 .pdfk-title svg { flex: none; width: 34px; height: 34px; margin-top: -3px; transition: transform 200ms; } .block21 .pdfk-title a:hover .pdfk-title-text { text-decoration: underline; } @media (hover: hover) {
    .block21 .pdfk-title a:hover svg { transform: translate(3px, -3px); }  }
.block21 .pdfk-desc { letter-spacing: .5px; color: light-dark(var(--c-bluegray),var(--c-palegray)); max-width: 380px; margin-bottom: 25px; } .block21 .pdfk-download { display: inline-flex; align-items: center; gap: 14px; margin-top: auto; font-size: 15px; font-weight: 600; letter-spacing: .5px; color: light-dark(var(--c-bluegray),var(--c-palegray)); text-decoration: none; } .block21 .pdfk-download svg { flex: none; width: 16px; height: 22px; } .block21 .pdfk-download:hover span { text-decoration: underline; text-underline-offset: 3px; } .block21 .pdfk-empty { color: light-dark(var(--c-bluegray),var(--c-palegray)); } .block21 .pdfk-pagination { display: flex; align-items: center; justify-content: center; gap: 60px; margin-top: 110px; } .block21 .pdfk-pg-info { font-size: 15px; font-weight: 600; color: light-dark(var(--c-bluegray),var(--c-palegray)); } .block21 .pdfk-pg-btn { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 34px; border-radius: 17px; border: 1px solid var(--c-blue); color: var(--c-blue); transition: background-color 200ms, color 200ms; touch-action: manipulation; } .block21 a.pdfk-pg-btn:focus-visible,
.block21 a.pdfk-pg-btn:active { background-color: var(--c-lightgray); border-color: var(--c-lightgray); color: var(--c-white); } @media (hover: hover) {
    .block21 a.pdfk-pg-btn:hover { background-color: var(--c-lightgray); border-color: var(--c-lightgray); color: var(--c-white); }  }
.block21 .pdfk-pg-btn.is-disabled { opacity: .3; } @media (prefers-reduced-motion: reduce) {
    .block21 .pdfk-img img,
    .block21 .pdfk-title svg,
    .block21 .pdfk-list { transition: none; } .block21 a:hover .pdfk-img img,
    .block21 .pdfk-title a:hover svg { transform: none; }  }
@media (max-width: 991.98px) {
    .block21 .pdfk-head { row-gap: 20px; margin-bottom: 40px; } .block21 .pdfk-filter { justify-content: flex-start; } .block21 .pdfk-grid { row-gap: 60px; }  }
@media (max-width: 767.98px) {
    .block21 .pdfk-filter { flex-direction: column; align-items: stretch; gap: 10px; } .block21 .pdfk-filter select { min-width: 0; width: 100%; } .block21 .pdfk-pagination { gap: 30px; margin-top: 70px; }  }
.block22 .b22 { display: grid; align-items: stretch; } .block22 .b22-photo { position: relative; overflow: hidden; background-color: var(--c-palegray); } .block22 .b22-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .block22 :is(.b22-info, .b22--left .b22-bio) { background-color: var(--c-lightgray); color: var(--c-white); } .block22 .b22-info { display: flex; flex-direction: column; justify-content: flex-end; padding: 40px 25px; } .block22 .b22-info :is(p, h2, h3, a),
.block22 .b22-bio :is(p, li, a, strong, b) { color: inherit; } .block22 .b22-position { font-size: 16px; line-height: 24px; letter-spacing: .5px; margin-bottom: 14px !important; } .block22 .b22-name { font: normal 400 40px/50px Manrope !important; letter-spacing: .5px !important; margin-bottom: 22px !important; overflow-wrap: anywhere; } .block22 .b22-contact { font-size: 16px; line-height: 24px; letter-spacing: 1px; margin-bottom: 18px !important; } .block22 .b22-info > :last-child,
.block22 .b22-bio > :last-child { margin-bottom: 0 !important; } .block22 .b22-contact a { text-decoration: none; } .block22 .b22-contact a:hover { text-decoration: underline; text-underline-offset: 3px; } .block22 .b22-bio p { letter-spacing: .5px; } .block22 .b22-bio a { text-decoration: underline; } .block22 .b22-intro > :last-child { margin-bottom: 0; } .block22 .b22--left { grid-template-columns: 1fr 1fr 2fr; } .block22 .b22--left .b22-intro { grid-column: 1 / -1; margin-bottom: 50px; } .block22 .b22--left .b22-bio { display: flex; flex-direction: column; justify-content: center; padding: 80px 130px 80px 20px; } .block22 .b22--left.b22--no-photo { grid-template-columns: 1fr 2fr; } .block22 .b22--middle { grid-template-columns: 31.5% 31.7% 1fr; } .block22 .b22--middle .b22-intro { align-self: center; padding-right: 50px; } .block22 .b22--middle .b22-info { justify-content: center; padding: 40px 35px; } .block22 .b22--middle .b22-bio { margin-top: 30px; } .block22 .b22--middle.b22--no-photo { grid-template-columns: 31.5% 1fr; } @media (max-width: 1199.98px) {
    .block22 .b22--left,
    .block22 .b22--middle { grid-template-columns: 1fr 1fr; } .block22 .b22--left.b22--no-photo,
    .block22 .b22--middle.b22--no-photo { grid-template-columns: 1fr; } .block22 .b22--left .b22-bio { grid-column: 1 / -1; padding: 40px 25px; box-shadow: 0 -2px 0 var(--c-lightgray); } .block22 .b22--middle .b22-intro { grid-column: 1 / -1; padding-right: 0; margin-bottom: 40px; } .block22 .b22-name { font: normal 400 32px/40px Manrope !important; } .block22 .b22--left .b22-photo { aspect-ratio: 4 / 5; } .block22 .b22--middle .b22-photo { min-height: 40vw; }  }
@media (max-width: 575.98px) {
    .block22 .b22--left,
    .block22 .b22--middle { grid-template-columns: 1fr; } .block22 :is(.b22-info, .b22--left .b22-bio) { padding: 30px 20px; } .block22 .b22-name { font: normal 400 28px/36px Manrope !important; } .block22 .b22--middle .b22-photo { min-height: 90vw; }  }
.block30 .ft-content > :last-child { margin-bottom: 0; } :is(.block17, .block30) .ft-content .pl-0 { padding-left: 0; } :is(.block17, .block30) .ft-content .pl-1 { padding-left: .25rem; } :is(.block17, .block30) .ft-content .pl-2 { padding-left: .5rem; } :is(.block17, .block30) .ft-content .pl-3 { padding-left: 1rem; } :is(.block17, .block30) .ft-content .pl-4 { padding-left: 1.5rem; } :is(.block17, .block30) .ft-content .pl-5 { padding-left: 3rem; } :is(.block17, .block30) .ft-content :is(ul, ol):is(.pl-0, .pl-1, .pl-2, .pl-3, .pl-4, .pl-5) { padding-left: calc(1.5em + var(--ft-pl, 0px)); } :is(.block17, .block30) .ft-content :is(ul, ol).pl-1 { --ft-pl: .25rem; } :is(.block17, .block30) .ft-content :is(ul, ol).pl-2 { --ft-pl: .5rem; } :is(.block17, .block30) .ft-content :is(ul, ol).pl-3 { --ft-pl: 1rem; } :is(.block17, .block30) .ft-content :is(ul, ol).pl-4 { --ft-pl: 1.5rem; } :is(.block17, .block30) .ft-content :is(ul, ol).pl-5 { --ft-pl: 3rem; } .block30 .ft-content :is(ul, ol) { margin: 0 0 30px; padding-left: 1.5em; } .block30 .ft-content li { font: normal 400 16px/28px Manrope; letter-spacing: 0; padding-left: .3em; } .block30 .ft-content li + li { margin-top: 8px; } .block30 .ft-content ul li::marker { color: var(--c-lightgray); } .block30 .ft-content hr { margin: 40px 0; border: 0; border-top: 1px solid var(--c-lightgray); opacity: 1; } .news-archive-head h1 { margin-bottom: 0; } .news-archive-desc { margin-top: 30px; } .news-archive-desc > :last-child { margin-bottom: 0; } .news-single-back { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 40px; font-size: 15px; font-weight: 700; letter-spacing: .5px; color: inherit; text-decoration: none; } .news-single-back:hover { text-decoration: underline; text-underline-offset: 3px; } .news-single-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 30px; } .news-single-head .news-date { display: inline-block; padding: 5px 20px; font: normal 700 11px/1.4 Manrope; letter-spacing: 1px; color: var(--c-bluegray); background-color: var(--c-palegray); border-radius: 2px; } .news-single-cats { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; list-style-type: none; } .news-single-cats li { margin: 0 !important; padding: 0 !important; } .news-single-cats a { display: inline-block; padding: 4px 18px; font: normal 700 11px/1.4 Manrope; letter-spacing: 1px; color: var(--c-bluegray); border: 1px solid var(--c-palegray); border-radius: 2px; text-decoration: none; } .news-single-cats a:hover { background-color: var(--c-palegray); } .news-single-head h1 { margin-bottom: 0; overflow-wrap: anywhere; } .news-single-head .news-single-lead { margin-top: 35px; margin-bottom: 0 !important; font-size: 20px; line-height: 32px; letter-spacing: .5px; } .news-single-img { margin: 60px 0 0; } .news-single-img img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; } .news-single-img figcaption { margin-top: 12px; font-size: 14px; line-height: 22px; color: var(--c-lightgray); } .news-single-entry > :last-child { margin-bottom: 0; } .news-single-entry img { max-width: 100%; height: auto; } .news-single-pager { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; padding-top: 40px; border-top: 1px solid var(--c-lightgray); } .news-single-pager-link { display: flex; flex-direction: column; gap: 8px; color: inherit; text-decoration: none; } .news-single-pager-link--next { text-align: right; align-items: flex-end; } .news-single-pager-label { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; letter-spacing: 1px; color: var(--c-lightgray); } .news-single-pager-title { font: normal 700 18px/28px Manrope; letter-spacing: .5px; } .news-single-pager-link:hover .news-single-pager-title { text-decoration: underline; text-underline-offset: 4px; } .news-single-all { margin-top: 60px; text-align: center; } @media (max-width: 991.98px) {
    .news-single-img { margin-top: 40px; } .news-single-head .news-single-lead { font-size: 18px; line-height: 28px; }  }
@media (max-width: 575.98px) {
    .news-single-pager { grid-template-columns: 1fr; } .news-single-pager-link--next { text-align: left; align-items: flex-start; }  }
.focus-ring:focus-visible,
:focus-visible { outline: 3px solid rgba(0,95,204,.5); outline-offset: 3px !important; border-radius: 0px; animation: focus_ring_pulsate3 12s infinite; } @keyframes focus_ring_pulsate3 {
  100%,0%,10% { outline: 3px solid rgba(0,95,204,1); } 5%,15% { outline: 3px solid rgba(0,95,204,.25); } 20%,30% { outline: 3px solid rgba(0,196,0,1); } 25%,35% { outline: 3px solid rgba(0,196,0,.25); } 40%,50% { outline: 3px solid rgba(0,255,255,1); } 45%,55% { outline: 3px solid rgba(0,255,255,.25); } 60%,70% { outline: 3px solid rgba(255,128,0,1); } 65%,75% { outline: 3px solid rgba(255,128,0,.25); } 80%,90% { outline: 3px solid rgba(0,128,255,1); } 85%,95% { outline: 3px solid rgba(0,128,255,.25); }  }
a[type=submit],
input[type=submit],
button[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } @keyframes matching_words_pulse {
    0%,100% { background-color: rgba(255,255,0,0.3); box-shadow: 3px 0 0 0px rgba(255,255,0,0.3), -3px 0 0 0px rgba(255,255,0,0.3); } 50% { background-color: rgba(255,255,0,0.7); box-shadow: 3px 0 0 0px rgba(255,255,0,0.7), -3px 0 0 0px rgba(255,255,0,0.7); }  }
.highlight { animation: matching_words_pulse 3s infinite; } a[href='javascript:']:not([onclick]):not([data-toggle]) { } .devnote { padding: 15px 20px; color: #000; background: repeating-linear-gradient(135deg, #DD0 0 15px, #DD3 15px 30px) !important; box-shadow: inset 0 0 0 4px rgba(0,0,0,.1); font: 600 16px 'Segoe UI', sans-serif; color: #444; margin-top: 15px; margin-bottom: 15px; } #devt { position: absolute; z-index: 999999; } #devt .bar { padding: 0; margin: 0; list-style-type: none; position: fixed; left: 10px; bottom: 10px; height: 32px; display: flex; border-radius: 6px; overflow: hidden; box-shadow: 0 0 2px rgba(0,0,0,.1); z-index: 999999; } #devt .bar * { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important; font-weight: bold !important; font-size: 14px !important; line-height: 21px !important; color: #666; } #devt .bar li { height: 100%; display: flex; background-color: #EEE; padding-bottom: 1px; padding-left: 4px; padding-right: 4px; } #devt .bar li.breakpointname { width: 36px; width: 62px; justify-content: center; align-items: center; padding-left: 10px; padding-right: 22px; cursor: help; } #devt .breakpointcorner { display: block; background-color: #000; width: 30px; height: 30px; transform: rotate(45deg); position: fixed; top: -15px; right: -15px; cursor: help; z-index: 999999; } @media (max-width: 575.98px) {
    aside#devt :is(.breakpointcorner,.bar>.breakpointname) { background: rgba(226,0,122, 1); } aside#devt .bar>.breakpointname:before { content: "XS"; color: #FFFB; }  }
@media (min-width: 576px) and (max-width: 767.98px) {
    aside#devt :is(.breakpointcorner,.bar>.breakpointname) { background: rgba(192,192,0, 1); } aside#devt .bar>.breakpointname:before { content: "SM"; color: #0007; }  }
@media (min-width: 768px) and (max-width: 991.98px) {
    aside#devt :is(.breakpointcorner,.bar>.breakpointname) { background: rgba(0,255,0, 1); } aside#devt .bar>.breakpointname:before { content: "MD"; color: #0009; }  }
@media (min-width: 992px) and (max-width: 1199.98px) {
    aside#devt :is(.breakpointcorner,.bar>.breakpointname) { background: rgba(255,102,0, 1); } aside#devt .bar>.breakpointname:before { content: "LG"; color: #FFF9; }  }
@media (min-width: 1200px) and (max-width: 1399.98px) {
    aside#devt :is(.breakpointcorner,.bar>.breakpointname) { background: rgba(0,158,224, 1); } aside#devt .bar>.breakpointname:before { content: "XL"; color: #FFFA; }  }
@media (min-width: 1400px) {
    aside#devt :is(.breakpointcorner,.bar>.breakpointname) { background: rgba(154, 51, 223, 1); } aside#devt .bar>.breakpointname:before { content: "XXL"; color: #FFFA; }  }
#devt .bar .gear>div { cursor: pointer; } #devt .bar .gear>div { margin-right: -5px; position: relative; display: block; overflow: hidden; width: 40px; height: 32px; margin-left: -23px; } #devt .bar .gear>div::before { display: block; width: 15px; height: 15px; content: ''; background-color: #EEE; position: absolute; top: 8px; left: 11px; } #devt .bar .gear>div::after { display: block; width: 20px; height: 100%; content: ''; background-color: rgba(0,0,0,.5); background: linear-gradient(to right, rgba(238,238,238,0) 0, rgba(238,238,238,.7) 40%, rgba(238,238,238,1) 90%); position: absolute; top: 0; right: 0; transition: opacity 500ms; } #devt .bar .gear>div:hover:after { opacity: 0; } #devt .bar .gear>div .icon:first-child svg path { fill: #0006; } #devt .bar .gear>div .icon:last-child svg path { fill: #DDD; transition: fill 500ms; } #devt .bar .gear>div:hover .icon:last-child svg path { fill: #F95657; } #devt .bar .gear>div .icon { position: absolute; top: -2px; left: 0; width: 36px; height: 36px; } #devt .bar .gear>div .icon svg { animation: devt_gear_toggler_anim 5s infinite linear; } #devt .bar .gear>div .icon:last-child { top: -3px; left: 1px; } @keyframes devt_gear_toggler_anim {
    0% { transform: rotate(0deg); } 100% { transform: rotate(180deg); }  }
#devt .bar li.stacked { display: flex; justify-content: center; row-gap: 2px; flex-direction: column; } #devt .bar .stacked * { font-size: 9px !important; line-height: 11px !important; letter-spacing: .5px; } #devt .bar .stacked .viewportwith,
#devt .bar .stacked .rendertime { cursor: help; } #devt .bar #devgridtoggler,
#devt .bar #devoutlinetoggler,
#devt .bar #templatelink,
#devt .bar #sitemaplink { cursor: pointer; } #devt .bar #templatelink svg { zoom: 1.1; } #devt .bar #sitemaplink svg { zoom: 1.2; } body.show-outlines #devt .bar #devoutlinetoggler svg path { fill: #000; } #devt .bar #visibility { cursor: help; } #devt .bar li.icon { margin-left: -4px; position: relative; padding-left: 0; padding-right: 0; } #devt .bar li:not(.icon):has(+ li.icon) { padding-right: 10px; } #devt .bar li.chk.icon:hover { background-color: #DDD; z-index: 1; } #devt .bar li.icon :is(div,a) { display: flex; justify-content: center; align-items: center; margin: 4px; aspect-ratio: 1 / 1; } #devt .bar li.icon :is(div,a) svg { width: 16px; height: 16px; } #devt .bar li.icon :is(div,a) svg path { fill: #000; fill: #999; } #devt .bar li.icon.show :is(div,a) svg path { fill: #000; } #devt div#devgridlayer { position: fixed; z-index: 999998; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; opacity: 0; transition: opacity 1s; } #devt div#devgridlayer.show { opacity: 1; } #devt div#devgridlayer .col { height: 100vh; position: relative; } #devt div#devgridlayer .col:before,
#devt div#devgridlayer .col:after { position: absolute; left: 0; top: 0; bottom: 0; content: ""; display: block; width: 1px; background-color: #FFF; } #devt div#devgridlayer .col:after { left: auto; right: 0; } #devt div#devgridlayer .col:first-child:before { left: -1px; width: 2px; } #devt div#devgridlayer .col:last-child:after { left: auto; width: 2px; right: -1px; } #devt div#devgridlayer .col:before,
#devt div#devgridlayer .col:after { background: linear-gradient(to bottom, transparent, rgba(255,255,255,.5) 20%, rgba(0,0,0,.5) 30%, transparent 40%); animation: devt_devgridlayer_go 3s linear infinite; } @keyframes devt_devgridlayer_go {
    0% { background-position: 0; } 100% { background-position: 0 100vh; }  }
#devt .customizer * { color: #25282A; } #devt .customizer .icon { width: 36px; height: 36px; width: 24px; height: 24px; margin: 4px; margin: 0 4px 4px 4px; cursor: pointer; } @keyframes devt_customizer_toggler_anim {
    0% { transform: rotate(0deg); } 100% { transform: rotate(180deg); }  }
#devt .customizer .icon svg path { fill: #F95657; } #devt .customizer .close { width: 36px; height: 36px; width: 24px; height: 24px; margin: 4px; margin: 0 4px 4px 4px; cursor: pointer; } #devt .customizer .close svg path { fill: #25282A; } #devt .customizer { display: none; position: fixed; z-index: 999999; left: 10px; bottom: 50px; border: 1px #CCC solid; width: 350px; background-color: #FFF; box-shadow: 0 0 3px rgba(0,0,0,.125); } #devt .customizer * { font-weight: regular; font-size: 16px !important; letter-spacing: 0; } #devt .customizer .title { height: 48px; height: 36px; height: 42px; background-color: #FAFAFA; display: flex; justify-content: space-between; align-items: center; padding-left: 4px; padding-right: 4px; } #devt .customizer .title .label { padding-left: 5px; } #devt .customizer .title .copy { margin-left: auto; padding-right: 5px; } #devt .customizer .content { width: 100%; max-height: calc(50vh - 40px); overflow-x: hidden; overflow-y: auto; padding: 10px; } #devt .customizer table.typo { border-collapse: collapse; } #devt .customizer table.typo thead th { font-weight: 400; font-size: 12px !important; } #devt .customizer table.typo thead th:nth-child(2) { padding-left: 15px; } #devt .customizer table.typo thead th:not(:first-child) { text-align: center; } #devt .customizer table.typo tbody>tr>td { padding-top: 10px; } #devt .customizer table.typo :is(td,th) { padding: 0; margin: 0; border: none; } #devt .customizer table.typo input { width: 40px; width: 45px; } #devt .customizer table.typo input[type=number]::-webkit-inner-spin-button,
#devt .customizer table.typo input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } #devt .customizer table.typo input[type=number] { -moz-appearance: textfield; cursor: n-resize; } #devt .customizer table.typo .typo>:is(input,select) { border: 0; border-top: 1px #CCC solid; border-bottom: 1px #CCC solid; text-align: center; height: 30px; } #devt .customizer table.typo :is(input,select):focus-visible { box-shadow: none; outline: none; } #devt .customizer table.typo .typo-size>* { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-left: 1px #CCC solid !important; padding-left: 10px; margin-left: 10px; } #devt .customizer table.typo .typo-m-bottom>* { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right: 1px #CCC solid !important; } #devt div#horizontalscrollwarnlayer { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.5); cursor: not-allowed; display: none; z-index: 999999; } #devt div#horizontalscrollwarnlayer:before { content: '◄ Scrollbar?! ►'; position: fixed; font-size: 24px; line-height: 24px; background-color: #C00; color: #FFF; width: 100vw; height: 50px; top: calc(50vh - 25px); display: flex; justify-content: center; align-items: center; border-top: 2px #FFF dashed; border-bottom: 2px #FFF dashed; } @media (max-width: 319.98px) {
    body { overflow: hidden; } #devt :is(div#devgridlayer, div#horizontalscrollwarnlayer, .breakpointcorner, menu) { display: none !important; } #devt::after { display: flex; justify-content: center; position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(191,0,0,.85); color: #FFF; overflow-y: scroll; padding: 50px 30px; font-size: 14px; font-family: Arial; text-align: center; white-space: pre-wrap; content: "Zu kleines Display! \A Bitte benutzen Sie für die Anzeige dieser Seite ein grösseres Gerät. \A\A\A Display too small! \A Please use a larger device to view this page. \A\A\A Display troppo piccolo! \A Utilizza un dispositivo più grande per visualizzare questa pagina. \A\A\A Affichage trop petit! \A Veuillez utiliser un appareil plus grand pour afficher cette page. \A\A\A ¡Pantalla demasiado pequeña! \A Utilice un dispositivo más grande para ver esta página. \A\A\A"; z-index: 9999999; }  }
body.show-outlines * { border-width: 2px !important; border-style: solid !important; } body.show-outlines>*, body.show-outlines>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>* { border-color: #F00 !important; } body.show-outlines>*>*, body.show-outlines>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>* { border-color: #0F0 !important; } body.show-outlines>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>* { border-color: #00F !important; } body.show-outlines>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>* { border-color: #FF0 !important; } body.show-outlines>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>* { border-color: #F0F !important; } body.show-outlines>*>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>* { border-color: #0FF !important; } body.show-outlines #devt, body.show-outlines #devt * { border: 0 !important; } :is(.page-tpl,body[class*='-local']) main :is(header,section) { position: relative; } :is(.page-tpl,body[class*='-local']) main :is(header,section):not([data-blockname=''])::before { position: absolute; z-index: 9; left: 0; top: 0; padding: 8px 10px 6px; background-color: #FF0 !important; color: #000 !important; font: bold 14px Arial; content: attr(data-blocknum); content: 'Block 'attr(data-blocknum)': 'attr(data-blockname); opacity: .8; } :is(.page-tpl,body[class*='-local']) main :is(header,section).block-bgc-prev { padding-top: 30px; padding-bottom: 30px; } :is(.page-tpl,body[class*='-local']) main :is(header[data-blocknum=''],section[data-blocknum='']):not([data-blockname=''])::before { content: 'Block: 'attr(data-blockname); } .page-tpl main .block em { font-style: normal; text-decoration: underline; text-decoration: none; background-color: rgba(255,255,0,.2); } .page-tpl main .block .colpreview { display: inline-flex; flex-direction: column; } .page-tpl main .block .colpreview>div { display: flex; align-items: center; padding: .5rem 1rem; border-radius: 4px; cursor: pointer; } .page-tpl main .block .colpreview .colbox { width: 20px; height: 20px; margin-right: 10px; border: 1px #999 solid; } body { width: 100%; height: 100%; transition: background-color .4s ease, color .4s ease; } body.light { background-color: #FFF; color: #111; } body.dark { background-color: #111; color: #EEE; } .parallaxbg { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; transition: opacity .25s ease-out; } .parallaxbg--back { z-index: -1; opacity: 0; } .parallaxbg--front { z-index: 1000; pointer-events: none; opacity: 0; } .parallaxbg>div { max-width: 1440px; max-width: 1600px; margin-left: auto; margin-right: auto; min-height: 100vh; background-image: url('../img/parallaxbg.png'); background-position: center top; background-repeat: repeat-y; background-size: calc(100% + 10vw) auto; background-size: 115vw auto; will-change: transform; } @media (min-width: 1400px) {
    .parallaxbg>div { background-size: 100% auto; }  }
@media (min-width: 768px) and (max-width: 1199.98px) {
.topbar { height: 100px; }  }
@media (max-width: 767.98px) {
.topbar { height: 80px; }  }
@media (min-width: 768px) and (max-width: 1199.98px) {
.topbar { padding-left: 40px; padding-right: 40px; }  }
@media (max-width: 767.98px) {
.topbar { padding-left: 30px; padding-right: 30px; }  }
@media (max-width: 767.98px) {
.topbar .logo { margin-left: 15px; margin-right: 15px; }  }
@media (min-width: 768px) and (max-width: 1199.98px) {
.topbar .logo a img { height: 65px; }  }
@media (max-width: 767.98px) {
.topbar .logo a img { height: 50px; }  }
@media (max-width: 991.98px) {
.topbar .links { column-gap: 15px; }  }
@media (min-width: 768px) {
.topbar .links button { margin-right: 12px; }  }
@media (max-width: 1199.98px) {
.topbar .links a { display: none; }  }
@media (max-width: 575.98px) {
nav .base .frame { width: 100vw; }  }
@media (max-width: 575.98px) {
nav .base .frame { transform: translate(-100vw, 0); }  }
@media (min-width: 768px) {
nav .base.skewed .bg { transform: translate(-60vw, 0) rotate(-15deg); }  }
@media (min-width: 576px) and (max-width: 767.98px) {
nav .base.skewed .bg { transform: translate(-120vw, 0) rotate(-15deg); }  }
@media (min-width: 768px) {
nav .base.skewed .frame { transform: translate(-60vw, 0) rotate(15deg); }  }
@media (min-width: 576px) and (max-width: 767.98px) {
nav .base.skewed .frame { transform: translate(-120vw, 0) rotate(15deg); }  }
@media (min-width: 768px) and (max-width: 1199.98px) {
nav .base .header { padding: 45px 30px 0; }  }
@media (max-width: 767.98px) {
nav .base .header { padding: 30px 10px 0; }  }
@media (min-width: 768px) and (max-width: 1199.98px) {
nav .base .header .logo { width: 260px; }  }
@media (max-width: 767.98px) {
nav .base .header .logo { width: 200px; }  }
@media (min-width: 768px) and (max-width: 1199.98px) {
nav .base .header .close { width: 54px; height: 54px; }  }
@media (max-width: 767.98px) {
nav .base .header .close { width: 44px; height: 44px; }  }
@media (min-width: 768px) and (max-width: 1199.98px) {
nav .base .header .close { margin-top: 12px; margin-right: 12px; }  }
@media (max-width: 767.98px) {
nav .base .header .close { margin-top: 10px; margin-right: 10px; }  }
@media (min-width: 768px) and (max-width: 1199.98px) {
nav .base .main { padding: 45px 30px; }  }
@media (max-width: 767.98px) {
nav .base .main { padding: 20px 10px; }  }
@media (min-width: 768px) and (max-width: 1199.98px) {
nav .base .main .accordion .accordion-button { font-size: 36px; }  }
@media (max-width: 767.98px) {
nav .base .main .accordion .accordion-button { font-size: 30px; }  }
@media (max-width: 767.98px) {
nav .base .main .accordion .accordion-button { justify-content: space-between; padding-right: 20px; }  }
@media (max-width: 767.98px) {
nav .base .main .accordion ul { padding-left: 15px; }  }
@media (max-width: 767.98px) {
nav .base .main .accordion ul li a { font-size: 17px; }  }
@media (min-width: 576px) {
nav .base .main .accordion-body { padding-bottom: 30px; }  }
@media (min-width: 768px) and (max-width: 1199.98px) {
nav .base .socket { padding: 45px 30px; }  }
@media (max-width: 767.98px) {
nav .base .socket { padding: 15px 10px; }  }
@media (min-width: 1200px) and (max-width: 1399.98px) {
.block3 .bignum { font-size: 170px; }  }
@media (max-width: 1199.98px) {
.block3 .bignum { font-size: 90px; }  }
@media (min-width: 1200px) and (max-width: 1399.98px) {
.block3 .bignum { line-height: 130px; }  }
@media (max-width: 1199.98px) {
.block3 .bignum { line-height: 70px; }  }
@media (max-width: 575.98px) {
.block3 .box { flex-direction: column; }  }
@media (min-width: 768px) and (max-width: 1199.98px) {
.block3 .box { flex-direction: column; }  }
@media (min-width: 576px) and (max-width: 767.98px) {
.block7 { --b7-container: 540px; }  }
@media (min-width: 768px) and (max-width: 991.98px) {
.block7 { --b7-container: 720px; }  }
@media (min-width: 992px) and (max-width: 1199.98px) {
.block7 { --b7-container: 960px; }  }
@media (min-width: 1200px) and (max-width: 1399.98px) {
.block7 { --b7-container: 1140px; }  }
@media (min-width: 1400px) {
.block7 { --b7-container: 1320px; }  }
@media (min-width: 768px) and (max-width: 991.98px) {
.block7 .b7-item { flex-basis: calc((var(--b7-container) - 24px - var(--b7-gap)) / 2); }  }
@media (max-width: 767.98px) {
.block7 .b7-item { flex-basis: 80%; }  }
@media (min-width: 768px) and (max-width: 1199.98px) {
.block17 .ft-target { scroll-margin-top: 130px; }  }
@media (max-width: 767.98px) {
.block17 .ft-target { scroll-margin-top: 110px; }  }