From 9c741a2e3f7500c93fee6e5088082558197d3b38 Mon Sep 17 00:00:00 2001 From: Tero Elonen Date: Fri, 13 Jan 2023 17:13:03 +0200 Subject: [PATCH 01/31] LOM-266: LOM-266 Created nav-toggle library and modified the header styles to support profile item on the header --- dist/css/nav_global.min.css | 2 +- dist/css/styles.min.css | 2 +- dist/js/menu.min.js | 2 +- dist/js/nav-global.min.js | 2 +- hdbt.libraries.yml | 8 +++++++ .../navigation/_branding-navigation.scss | 24 +++++++++---------- .../navigation/global/_menu-toggle.scss | 1 + templates/layout/page.html.twig | 1 + 8 files changed, 26 insertions(+), 16 deletions(-) diff --git a/dist/css/nav_global.min.css b/dist/css/nav_global.min.css index 1e1c84e9d..1c3d3d9be 100644 --- a/dist/css/nav_global.min.css +++ b/dist/css/nav_global.min.css @@ -1 +1 @@ -.mmenu{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);background:#f7f7f8;display:none;width:100vw;z-index:2}.mmenu--visible{display:block}@media(min-width: 992px){.mmenu--visible{display:none}}.mmenu__loading{align-items:center;display:flex;justify-content:center;text-align:center;width:100vw}.mmenu__loading .hds-loading-spinner{left:auto;position:relative;top:auto}.mmenu__panels{background:#f7f7f8;display:grid;grid-template-areas:"panels";grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain}.mmenu__panel{--transition-opacity-delay: 0.2s;background-color:#fff;display:flex;flex-direction:column;flex-wrap:nowrap;grid-area:panels;height:var(--menu-height);max-height:var(--menu-max-height);overflow-x:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;padding-top:16px;transition-delay:0s,var(--transition-opacity-delay);transition-duration:.2s,0s;transition-property:transform,opacity;width:100vw}@media(prefers-reduced-motion){.mmenu__panel{transition-duration:0s,0s}}.mmenu__panel--current{--transition-opacity-delay: 0s}.mmenu__panel--visible{opacity:1;transform:translateX(0);transition-timing-function:ease-out}.mmenu__panel--visible-right{opacity:0;transform:translateX(100vw);transition-timing-function:ease-in}.mmenu__panel--visible-left{opacity:0;transform:translateX(-50vw);transition-timing-function:ease-in}.mmenu__back{align-items:start;background-color:#fff;border:0;cursor:pointer;display:grid;grid-gap:8px;gap:8px;grid-template-areas:"icon label";grid-template-columns:40px auto;grid-template-rows:auto;justify-items:center;margin-top:-5px;padding:5px 12px;position:relative;width:100%}.mmenu__back::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:32px;-webkit-mask-image:var(--hel-icon--angle-left);mask-image:var(--hel-icon--angle-left);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px;transition:transform .2s linear;grid-area:icon;margin-top:4px}@media(prefers-reduced-motion){.mmenu__back::before{transition:none}}.mmenu__back::after{background:#f7f7f8;content:"";display:block;grid-area:icon;height:40px;width:40px}.mmenu__back:hover,.mmenu__back:active{text-decoration:underline}.mmenu__back:hover::before,.mmenu__back:active::before{transform:translateX(-4px)}.mmenu__back:focus,.mmenu__back:active{outline:3px solid #000;outline-offset:-3px}.mmenu__back:focus::before,.mmenu__back:active::before{transform:translateX(-4px)}.mmenu__back-wrapper{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);color:#000;grid-area:label;justify-self:start;margin-top:8px}.mmenu__title-link{--line-height: 1.3333333333;font-size:1.5rem;font-weight:400;line-height:var(--line-height);align-items:center;display:flex;margin-bottom:10px;min-height:50px;padding:5px 12px}.mmenu__title-link:hover,.mmenu__title-link:active{text-decoration:none}.mmenu__title-link:focus,.mmenu__title-link:active{outline:3px solid #000;outline-offset:-3px}.mmenu__items{background-color:#fff;border-bottom:1px solid #ccc;margin:0;margin-top:16px;padding:0}.mmenu__item{align-items:stretch;background:#fff;border-top:1px solid #ccc;display:flex;margin:0}.mmenu__item-link{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);align-items:center;flex-grow:1;padding-bottom:17px;padding-left:16px;padding-right:16px;padding-top:17px;position:relative;text-decoration:none}.mmenu__item-link::before{background:#000;bottom:0;content:"";display:block;flex-grow:0;flex-shrink:0;height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:center left;transition:transform .1s ease-in;width:4px}@media(prefers-reduced-motion){.mmenu__item-link::before{transition-duration:0s}}.mmenu__item-link:hover,.mmenu__item-link:active{text-decoration:underline}.mmenu__item-link[aria-current=page],.mmenu__item-link:focus,.mmenu__item-link:active{outline:0 none}.mmenu__item-link[aria-current=page]::before,.mmenu__item-link:focus::before,.mmenu__item-link:active::before{transform:scaleX(1)}.mmenu__item-link[aria-current=page]:focus{text-decoration:underline}.mmenu__title-link--in-path,.mmenu__item-link--in-path{font-weight:700}.mmenu__forward{align-items:center;background:none;border:0;border-left:1px solid #ccc;cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;justify-content:center;width:64px}.mmenu__forward::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--angle-right);mask-image:var(--hel-icon--angle-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;transition:transform .2s linear}@media(prefers-reduced-motion){.mmenu__forward::before{transition:none}}.mmenu__forward:hover::before,.mmenu__forward:focus::before,.mmenu__forward:active::before{transform:translateX(4px)}.mmenu__forward:focus,.mmenu__forward:active{outline:3px solid #000;outline-offset:-3px}.mmenu__footer{background:#f7f7f8;flex-grow:1;padding-bottom:16px;padding-top:16px}.mmenu__footer .menu{list-style:none;margin:0;padding:0}.mmenu__footer .menu__item{margin:0;padding:0}.mmenu__footer .menu__link{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:block;padding-bottom:8px;padding-left:16px;padding-right:16px;padding-top:8px;text-decoration:none}.mmenu__footer .menu__link:hover,.mmenu__footer .menu__link:active{text-decoration:underline}.mmenu__footer .menu__link:focus,.mmenu__footer .menu__link:active{outline:3px solid #000;outline-offset:-3px}.mmenu__logo{display:flex;justify-items:center;margin-bottom:64px;margin-top:48px}.mmenu__logo-link{display:block;margin-left:auto;margin-right:auto}.mmenu__logo .logo__icon{--height: 48px}.nav-toggle-target:not([data-js]){scroll-margin-top:100vh}.nav-toggle{align-items:center;display:flex}.nav-toggle--search{grid-area:search}.nav-toggle--menu{grid-area:toggle}.nav-toggle--otherlangs{align-items:stretch;align-self:stretch}@media(min-width: 992px){.nav-toggle--otherlangs{align-items:center}}.nav-toggle__anchor{display:grid}.nav-toggle__anchor,.nav-toggle__button{grid-template-areas:"link";z-index:2}.nav-toggle__button{background-color:rgba(0,0,0,0);border:0 none;cursor:pointer;display:none;padding:0}.nav-toggle__button:focus{outline:0 none}.mega-and-mobilemenu .mobile-menu-fallback,.mega-and-mobilemenu .mmenu__footer{padding-top:16px}@media(min-width: 992px){.mega-and-mobilemenu .mobile-menu-fallback,.mega-and-mobilemenu .mmenu__footer{display:none}}.nav-toggle__label{--line-height: 1;font-size:.875rem;font-weight:400;line-height:var(--line-height);align-self:center;color:#1a1a1a;cursor:pointer;display:grid;grid-area:link;grid-column:auto;grid-template-areas:"icon" "label";padding:5px;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav-toggle__label span{grid-area:label}.nav-toggle__label:hover,.nav-toggle__label:active,.nav-toggle__button:hover .nav-toggle__label,.nav-toggle__button:active .nav-toggle__label{text-decoration:underline}.nav-toggle__label:focus,.nav-toggle__label:active,.nav-toggle__button:focus .nav-toggle__label,.nav-toggle__button:active .nav-toggle__label{outline:3px solid #000;outline-offset:-3px}.nav-toggle__label::before{align-self:end;grid-area:icon;justify-self:center}.nav-toggle__label.nav-toggle__label{grid-area:link}.nav-toggle--menu .nav-toggle__label::before{background-color:currentColor;background-size:contain;content:"";display:block;height:32px;-webkit-mask-image:var(--hel-icon--menu-hamburger);mask-image:var(--hel-icon--menu-hamburger);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px}.nav-toggle--search .nav-toggle__label::before{background-color:currentColor;background-size:contain;content:"";display:block;height:32px;-webkit-mask-image:var(--hel-icon--search);mask-image:var(--hel-icon--search);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px}.nav-toggle--otherlangs .nav-toggle__label{align-self:stretch;grid-area:link;grid-column:auto min-content;grid-template-areas:"icon arrow" "label .";min-height:2.625rem}@media(min-width: 992px){.nav-toggle--otherlangs .nav-toggle__label{min-height:3.5rem}}.nav-toggle--otherlangs .nav-toggle__label::before{background-color:currentColor;background-size:contain;content:"";display:block;height:24px;-webkit-mask-image:var(--hel-icon--globe);mask-image:var(--hel-icon--globe);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.nav-toggle--otherlangs .nav-toggle__label::after{transition:transform .2s ease-in;background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--angle-down);mask-image:var(--hel-icon--angle-down);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;align-self:end;content:"";grid-area:arrow}@media(prefers-reduced-motion){.nav-toggle--otherlangs .nav-toggle__label::after{transition:none}}.nav-toggle .nav-toggle__label--close{visibility:hidden}.nav-toggle--menu .nav-toggle__label--close::before,.nav-toggle--search .nav-toggle__label--close::before{-webkit-mask-image:var(--hel-icon--cross);mask-image:var(--hel-icon--cross)}.nav-toggle-dropdown{max-width:100vw;overflow:hidden;pointer-events:none;position:absolute;width:100%}@media(min-width: 992px){.nav-toggle-dropdown{width:100%;z-index:100}}@media(min-width: 992px){.nav-toggle-dropdown{max-width:min(1920px,100vw)}}@media(prefers-reduced-motion){.nav-toggle-dropdown{transition:none !important}}.nav-toggle-dropdown--menu,.nav-toggle-dropdown--search{grid-area:menu}.nav-toggle-dropdown__wrapper{overflow:hidden;transform:translateY(-100%);transition:transform .3s ease-in,visibility 0s linear .3s;visibility:hidden}@media(prefers-reduced-motion){.nav-toggle-dropdown__wrapper{transition:none !important}}.nav-toggle-dropdown--menu .nav-toggle-dropdown__wrapper,.nav-toggle-dropdown--search .nav-toggle-dropdown__wrapper{border-bottom:1px solid #ccc}.nav-toggle-dropdown__content{--menu-height: 100vh;--menu-max-height: calc(var(--menu-height) - var(--drupal-toolbar-height, 0px) - var(--branding-height) - 1px);height:var(--menu-height);max-height:var(--menu-max-height);overflow-x:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;pointer-events:all;transform:translateY(100%);transition:transform .3s ease-in}@supports(height: 100dvh){.nav-toggle-dropdown__content{--menu-height: 100dvh}}@media(min-width: 992px){.nav-toggle-dropdown__content{--menu-height: auto}}@media(min-width: 992px){.nav-toggle-dropdown__content{--menu-height: auto;--menu-max-height: none}}@media(prefers-reduced-motion){.nav-toggle-dropdown__content{transition:none !important}}.nav-toggle-dropdown--menu .nav-toggle-dropdown__content{background-color:#fff}.nav-toggle-target[data-js]~* .nav-toggle__anchor{display:none}.nav-toggle-target[data-js]~* .nav-toggle__button{display:grid}.nav-toggle-target[data-js]~* .nav-toggle-dropdown__content{overflow-y:hidden}.nav-toggle-target[data-js]~* .mega-and-mobilemenu .mobile-menu-fallback,.nav-toggle-target[data-js]~* .mega-and-mobilemenu .mmenu__footer{display:none}.nav-toggle-target:not([data-js])~* .nav-toggle-dropdown__wrapper,.nav-toggle-target:not([data-js])~* .nav-toggle-dropdown__content{transition:none}@media(max-width: 992px){.nav-toggle-target:target~.wrapper>*:not(.header),.nav-toggle-target:target~.footer,.nav-toggle-target[data-target=true]~.wrapper>*:not(.header),.nav-toggle-target[data-target=true]~.footer{overflow:hidden;transition:display 0s linear 10s;visibility:hidden}}#menu:target~* .nav-toggle--menu .nav-toggle__label--open,#menu[data-target=true]~* .nav-toggle--menu .nav-toggle__label--open{visibility:hidden}#menu:target~* .nav-toggle--menu .nav-toggle__label--close,#menu[data-target=true]~* .nav-toggle--menu .nav-toggle__label--close{visibility:visible}#menu:target~* .nav-toggle-dropdown--menu .nav-toggle-dropdown__wrapper,#menu[data-target=true]~* .nav-toggle-dropdown--menu .nav-toggle-dropdown__wrapper{transform:translateY(0);transition:transform .3s ease-out,visibility 0s linear 0s;visibility:visible}#menu:target~* .nav-toggle-dropdown--menu .nav-toggle-dropdown__content,#menu[data-target=true]~* .nav-toggle-dropdown--menu .nav-toggle-dropdown__content{transform:translateY(0);transition:transform .3s ease-out}#search:target~* .nav-toggle--search .nav-toggle__label--open,#search[data-target=true]~* .nav-toggle--search .nav-toggle__label--open{visibility:hidden}#search:target~* .nav-toggle--search .nav-toggle__label--close,#search[data-target=true]~* .nav-toggle--search .nav-toggle__label--close{visibility:visible}#search:target~* .nav-toggle-dropdown--search .nav-toggle-dropdown__wrapper,#search[data-target=true]~* .nav-toggle-dropdown--search .nav-toggle-dropdown__wrapper{transform:translateY(0);transition:transform .3s ease-out,visibility 0s linear 0s;visibility:visible}#search:target~* .nav-toggle-dropdown--search .nav-toggle-dropdown__content,#search[data-target=true]~* .nav-toggle-dropdown--search .nav-toggle-dropdown__content{transform:translateY(0);transition:transform .3s ease-out}#otherlangs:target~* .nav-toggle--otherlangs .nav-toggle__label--open,#otherlangs[data-target=true]~* .nav-toggle--otherlangs .nav-toggle__label--open{visibility:hidden}#otherlangs:target~* .nav-toggle--otherlangs .nav-toggle__label--close,#otherlangs[data-target=true]~* .nav-toggle--otherlangs .nav-toggle__label--close{visibility:visible}#otherlangs:target~* .nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__wrapper,#otherlangs[data-target=true]~* .nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__wrapper{transform:translateY(0);transition:transform .3s ease-out,visibility 0s linear 0s;visibility:visible}#otherlangs:target~* .nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__content,#otherlangs[data-target=true]~* .nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__content{transform:translateY(0);transition:transform .3s ease-out}@media(max-width: 992px){#menu:target~* .header-branding,#menu[data-target=true]~* .header-branding{border-bottom:0 none}}#menu:target~* .language-wrapper,#menu[data-target=true]~* .language-wrapper{display:none}@media(min-width: 992px){#menu:target~* .language-wrapper,#menu[data-target=true]~* .language-wrapper{display:flex}}#otherlangs:target~* .nav-toggle--otherlangs .nav-toggle__label::after,#otherlangs[data-target=true]~* .nav-toggle--otherlangs .nav-toggle__label::after{transform:rotate(180deg)}@media(min-width: 992px){.mobile-menu{display:none}}[data-cssmenu-hide]{display:none !important}.megamenu{display:none;margin-top:16px;padding-left:32px}@media(min-width: 992px){.megamenu{display:block}}.megamenu__subnav{border-left:1px solid #ccc;padding-left:0}.megamenu__link{text-decoration:none}.megamenu__link:focus,.megamenu__link:active,.megamenu__link:hover{text-decoration:underline}.megamenu__item--level-2>.megamenu__link{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){.megamenu__item--level-2>.megamenu__link{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.megamenu__item--level-3{margin-top:16px}.megamenu__item--level-3 .megamenu__link{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:inline-block;padding-left:16px}.megamenu__link[aria-current=page]{font-weight:700}.megamenu__item--level-3 .megamenu__link[aria-current=page]{border-left:4px solid #000;padding-left:12px}.megamenu__link.megamenu__link--in-path,.megamenu__link.is-active{font-weight:700}.megamenu__item{list-style:none;margin-left:0}.megamenu__item--level-2{margin-bottom:48px;margin-top:0}.megamenu:not(.megamenu__subnav){display:none}@media(min-width: 992px){.megamenu:not(.megamenu__subnav){margin-left:-8px;margin-right:-8px;display:flex;flex-wrap:wrap;max-width:min(1920px,100vw)}.megamenu:not(.megamenu__subnav)>*{margin-left:8px;margin-right:8px}}.megamenu__item.megamenu__item--level-2{--items-per-row: 3;width:calc(100%/var(--items-per-row) - 20px*var(--items-per-row)/(var(--items-per-row) - 1))}@media(min-width: 1440px){.megamenu__item.megamenu__item--level-2{--items-per-row: 4}} +.mmenu{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);background:#f7f7f8;display:none;width:100vw;z-index:2}.mmenu--visible{display:block}@media(min-width: 992px){.mmenu--visible{display:none}}.mmenu__loading{align-items:center;display:flex;justify-content:center;text-align:center;width:100vw}.mmenu__loading .hds-loading-spinner{left:auto;position:relative;top:auto}.mmenu__panels{background:#f7f7f8;display:grid;grid-template-areas:"panels";grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain}.mmenu__panel{--transition-opacity-delay: 0.2s;background-color:#fff;display:flex;flex-direction:column;flex-wrap:nowrap;grid-area:panels;height:var(--menu-height);max-height:var(--menu-max-height);overflow-x:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;padding-top:16px;transition-delay:0s,var(--transition-opacity-delay);transition-duration:.2s,0s;transition-property:transform,opacity;width:100vw}@media(prefers-reduced-motion){.mmenu__panel{transition-duration:0s,0s}}.mmenu__panel--current{--transition-opacity-delay: 0s}.mmenu__panel--visible{opacity:1;transform:translateX(0);transition-timing-function:ease-out}.mmenu__panel--visible-right{opacity:0;transform:translateX(100vw);transition-timing-function:ease-in}.mmenu__panel--visible-left{opacity:0;transform:translateX(-50vw);transition-timing-function:ease-in}.mmenu__back{align-items:start;background-color:#fff;border:0;cursor:pointer;display:grid;grid-gap:8px;gap:8px;grid-template-areas:"icon label";grid-template-columns:40px auto;grid-template-rows:auto;justify-items:center;margin-top:-5px;padding:5px 12px;position:relative;width:100%}.mmenu__back::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:32px;-webkit-mask-image:var(--hel-icon--angle-left);mask-image:var(--hel-icon--angle-left);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px;transition:transform .2s linear;grid-area:icon;margin-top:4px}@media(prefers-reduced-motion){.mmenu__back::before{transition:none}}.mmenu__back::after{background:#f7f7f8;content:"";display:block;grid-area:icon;height:40px;width:40px}.mmenu__back:hover,.mmenu__back:active{text-decoration:underline}.mmenu__back:hover::before,.mmenu__back:active::before{transform:translateX(-4px)}.mmenu__back:focus,.mmenu__back:active{outline:3px solid #000;outline-offset:-3px}.mmenu__back:focus::before,.mmenu__back:active::before{transform:translateX(-4px)}.mmenu__back-wrapper{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);color:#000;grid-area:label;justify-self:start;margin-top:8px}.mmenu__title-link{--line-height: 1.3333333333;font-size:1.5rem;font-weight:400;line-height:var(--line-height);align-items:center;display:flex;margin-bottom:10px;min-height:50px;padding:5px 12px}.mmenu__title-link:hover,.mmenu__title-link:active{text-decoration:none}.mmenu__title-link:focus,.mmenu__title-link:active{outline:3px solid #000;outline-offset:-3px}.mmenu__items{background-color:#fff;border-bottom:1px solid #ccc;margin:0;margin-top:16px;padding:0}.mmenu__item{align-items:stretch;background:#fff;border-top:1px solid #ccc;display:flex;margin:0}.mmenu__item-link{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);align-items:center;flex-grow:1;padding-bottom:17px;padding-left:16px;padding-right:16px;padding-top:17px;position:relative;text-decoration:none}.mmenu__item-link::before{background:#000;bottom:0;content:"";display:block;flex-grow:0;flex-shrink:0;height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:center left;transition:transform .1s ease-in;width:4px}@media(prefers-reduced-motion){.mmenu__item-link::before{transition-duration:0s}}.mmenu__item-link:hover,.mmenu__item-link:active{text-decoration:underline}.mmenu__item-link[aria-current=page],.mmenu__item-link:focus,.mmenu__item-link:active{outline:0 none}.mmenu__item-link[aria-current=page]::before,.mmenu__item-link:focus::before,.mmenu__item-link:active::before{transform:scaleX(1)}.mmenu__item-link[aria-current=page]:focus{text-decoration:underline}.mmenu__title-link--in-path,.mmenu__item-link--in-path{font-weight:700}.mmenu__forward{align-items:center;background:none;border:0;border-left:1px solid #ccc;cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;justify-content:center;width:64px}.mmenu__forward::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--angle-right);mask-image:var(--hel-icon--angle-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;transition:transform .2s linear}@media(prefers-reduced-motion){.mmenu__forward::before{transition:none}}.mmenu__forward:hover::before,.mmenu__forward:focus::before,.mmenu__forward:active::before{transform:translateX(4px)}.mmenu__forward:focus,.mmenu__forward:active{outline:3px solid #000;outline-offset:-3px}.mmenu__footer{background:#f7f7f8;flex-grow:1;padding-bottom:16px;padding-top:16px}.mmenu__footer .menu{list-style:none;margin:0;padding:0}.mmenu__footer .menu__item{margin:0;padding:0}.mmenu__footer .menu__link{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:block;padding-bottom:8px;padding-left:16px;padding-right:16px;padding-top:8px;text-decoration:none}.mmenu__footer .menu__link:hover,.mmenu__footer .menu__link:active{text-decoration:underline}.mmenu__footer .menu__link:focus,.mmenu__footer .menu__link:active{outline:3px solid #000;outline-offset:-3px}.mmenu__logo{display:flex;justify-items:center;margin-bottom:64px;margin-top:48px}.mmenu__logo-link{display:block;margin-left:auto;margin-right:auto}.mmenu__logo .logo__icon{--height: 48px}.nav-toggle-target:not([data-js]){scroll-margin-top:100vh}.nav-toggle{align-items:center;display:flex}.nav-toggle--search{grid-area:search}.nav-toggle--menu{grid-area:toggle}.nav-toggle--otherlangs{align-items:stretch;align-self:stretch}@media(min-width: 992px){.nav-toggle--otherlangs{align-items:center}}.nav-toggle__anchor{display:grid}.nav-toggle__anchor,.nav-toggle__button{grid-template-areas:"link";z-index:2}.nav-toggle__button{background-color:rgba(0,0,0,0);border:0 none;cursor:pointer;display:none;padding:0}.nav-toggle__button:focus{outline:0 none}.mega-and-mobilemenu .mobile-menu-fallback,.mega-and-mobilemenu .mmenu__footer{padding-top:16px}@media(min-width: 992px){.mega-and-mobilemenu .mobile-menu-fallback,.mega-and-mobilemenu .mmenu__footer{display:none}}.nav-toggle__label{--line-height: 1;font-size:.875rem;font-weight:400;line-height:var(--line-height);align-self:center;color:#1a1a1a;cursor:pointer;display:grid;grid-area:link;grid-column:auto;grid-template-areas:"icon" "label";padding:5px;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav-toggle__label span{grid-area:label}.nav-toggle__label:hover,.nav-toggle__label:active,.nav-toggle__button:hover .nav-toggle__label,.nav-toggle__button:active .nav-toggle__label{text-decoration:underline}.nav-toggle__label:focus,.nav-toggle__label:active,.nav-toggle__button:focus .nav-toggle__label,.nav-toggle__button:active .nav-toggle__label{outline:3px solid #000;outline-offset:-3px}.nav-toggle__label::before{align-self:end;grid-area:icon;justify-self:center}.nav-toggle__label.nav-toggle__label{grid-area:link}.nav-toggle--menu .nav-toggle__label::before{background-color:currentColor;background-size:contain;content:"";display:block;height:32px;-webkit-mask-image:var(--hel-icon--menu-hamburger);mask-image:var(--hel-icon--menu-hamburger);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px}.nav-toggle--search .nav-toggle__label::before{background-color:currentColor;background-size:contain;content:"";display:block;height:32px;-webkit-mask-image:var(--hel-icon--search);mask-image:var(--hel-icon--search);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px}.nav-toggle--otherlangs .nav-toggle__label{align-self:stretch;grid-area:link;grid-column:auto min-content;grid-template-areas:"icon arrow" "label .";min-height:2.625rem}@media(min-width: 992px){.nav-toggle--otherlangs .nav-toggle__label{min-height:3.5rem}}.nav-toggle--otherlangs .nav-toggle__label::before{background-color:currentColor;background-size:contain;content:"";display:block;height:24px;-webkit-mask-image:var(--hel-icon--globe);mask-image:var(--hel-icon--globe);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.nav-toggle--otherlangs .nav-toggle__label::after{transition:transform .2s ease-in;background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--angle-down);mask-image:var(--hel-icon--angle-down);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;align-self:end;content:"";grid-area:arrow}@media(prefers-reduced-motion){.nav-toggle--otherlangs .nav-toggle__label::after{transition:none}}.nav-toggle .nav-toggle__label--close{visibility:hidden}.nav-toggle--menu .nav-toggle__label--close::before,.nav-toggle--search .nav-toggle__label--close::before{-webkit-mask-image:var(--hel-icon--cross);mask-image:var(--hel-icon--cross)}.nav-toggle-dropdown{max-width:100vw;overflow:hidden;pointer-events:none;position:absolute;width:100%}@media(min-width: 992px){.nav-toggle-dropdown{width:100%;z-index:100}}@media(min-width: 992px){.nav-toggle-dropdown{max-width:min(1920px,100vw)}}@media(prefers-reduced-motion){.nav-toggle-dropdown{transition:none !important}}.nav-toggle-dropdown--menu,.nav-toggle-dropdown--search{grid-area:menu}.nav-toggle-dropdown__wrapper{overflow:hidden;transform:translateY(-100%);transition:transform .3s ease-in,visibility 0s linear .3s;visibility:hidden}@media(prefers-reduced-motion){.nav-toggle-dropdown__wrapper{transition:none !important}}.nav-toggle-dropdown--menu .nav-toggle-dropdown__wrapper,.nav-toggle-dropdown--search .nav-toggle-dropdown__wrapper{border-bottom:1px solid #ccc}.nav-toggle-dropdown__content{--menu-height: 100vh;--menu-max-height: calc(var(--menu-height) - var(--drupal-toolbar-height, 0px) - var(--branding-height) - 1px);height:var(--menu-height);max-height:var(--menu-max-height);overflow-x:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;pointer-events:all;transform:translateY(100%);transition:transform .3s ease-in}@supports(height: 100dvh){.nav-toggle-dropdown__content{--menu-height: 100dvh}}@media(min-width: 992px){.nav-toggle-dropdown__content{--menu-height: auto}}@media(min-width: 992px){.nav-toggle-dropdown__content{--menu-height: auto;--menu-max-height: none}}@media(prefers-reduced-motion){.nav-toggle-dropdown__content{transition:none !important}}.nav-toggle-dropdown--menu .nav-toggle-dropdown__content{background-color:#fff}.nav-toggle-target[data-js]~* .nav-toggle__anchor{display:none}.nav-toggle-target[data-js]~* .nav-toggle__button{display:grid}.nav-toggle-target[data-js]~* .nav-toggle-dropdown__content{overflow-y:hidden}.nav-toggle-target[data-js]~* .mega-and-mobilemenu .mobile-menu-fallback,.nav-toggle-target[data-js]~* .mega-and-mobilemenu .mmenu__footer{display:none}.nav-toggle-target:not([data-js])~* .nav-toggle-dropdown__wrapper,.nav-toggle-target:not([data-js])~* .nav-toggle-dropdown__content{transition:none}@media(max-width: 992px){.nav-toggle-target:target~.wrapper>*:not(.header),.nav-toggle-target:target~.footer,.nav-toggle-target[data-target=true]~.wrapper>*:not(.header),.nav-toggle-target[data-target=true]~.footer{overflow:hidden;transition:display 0s linear 10s;visibility:hidden}}#menu:target~* .nav-toggle--menu .nav-toggle__label--open,#menu[data-target=true]~* .nav-toggle--menu .nav-toggle__label--open{visibility:hidden}#menu:target~* .nav-toggle--menu .nav-toggle__label--close,#menu[data-target=true]~* .nav-toggle--menu .nav-toggle__label--close{visibility:visible}#menu:target~* .nav-toggle-dropdown--menu .nav-toggle-dropdown__wrapper,#menu[data-target=true]~* .nav-toggle-dropdown--menu .nav-toggle-dropdown__wrapper{transform:translateY(0);transition:transform .3s ease-out,visibility 0s linear 0s;visibility:visible}#menu:target~* .nav-toggle-dropdown--menu .nav-toggle-dropdown__content,#menu[data-target=true]~* .nav-toggle-dropdown--menu .nav-toggle-dropdown__content{transform:translateY(0);transition:transform .3s ease-out}#search:target~* .nav-toggle--search .nav-toggle__label--open,#search[data-target=true]~* .nav-toggle--search .nav-toggle__label--open{visibility:hidden}#search:target~* .nav-toggle--search .nav-toggle__label--close,#search[data-target=true]~* .nav-toggle--search .nav-toggle__label--close{visibility:visible}#search:target~* .nav-toggle-dropdown--search .nav-toggle-dropdown__wrapper,#search[data-target=true]~* .nav-toggle-dropdown--search .nav-toggle-dropdown__wrapper{transform:translateY(0);transition:transform .3s ease-out,visibility 0s linear 0s;visibility:visible}#search:target~* .nav-toggle-dropdown--search .nav-toggle-dropdown__content,#search[data-target=true]~* .nav-toggle-dropdown--search .nav-toggle-dropdown__content{transform:translateY(0);transition:transform .3s ease-out}#otherlangs:target~* .nav-toggle--otherlangs .nav-toggle__label--open,#otherlangs[data-target=true]~* .nav-toggle--otherlangs .nav-toggle__label--open{visibility:hidden}#otherlangs:target~* .nav-toggle--otherlangs .nav-toggle__label--close,#otherlangs[data-target=true]~* .nav-toggle--otherlangs .nav-toggle__label--close{visibility:visible}#otherlangs:target~* .nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__wrapper,#otherlangs[data-target=true]~* .nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__wrapper{transform:translateY(0);transition:transform .3s ease-out,visibility 0s linear 0s;visibility:visible}#otherlangs:target~* .nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__content,#otherlangs[data-target=true]~* .nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__content{transform:translateY(0);transition:transform .3s ease-out}#profile:target~* .nav-toggle--profile .nav-toggle__label--open,#profile[data-target=true]~* .nav-toggle--profile .nav-toggle__label--open{visibility:hidden}#profile:target~* .nav-toggle--profile .nav-toggle__label--close,#profile[data-target=true]~* .nav-toggle--profile .nav-toggle__label--close{visibility:visible}#profile:target~* .nav-toggle-dropdown--profile .nav-toggle-dropdown__wrapper,#profile[data-target=true]~* .nav-toggle-dropdown--profile .nav-toggle-dropdown__wrapper{transform:translateY(0);transition:transform .3s ease-out,visibility 0s linear 0s;visibility:visible}#profile:target~* .nav-toggle-dropdown--profile .nav-toggle-dropdown__content,#profile[data-target=true]~* .nav-toggle-dropdown--profile .nav-toggle-dropdown__content{transform:translateY(0);transition:transform .3s ease-out}@media(max-width: 992px){#menu:target~* .header-branding,#menu[data-target=true]~* .header-branding{border-bottom:0 none}}#menu:target~* .language-wrapper,#menu[data-target=true]~* .language-wrapper{display:none}@media(min-width: 992px){#menu:target~* .language-wrapper,#menu[data-target=true]~* .language-wrapper{display:flex}}#otherlangs:target~* .nav-toggle--otherlangs .nav-toggle__label::after,#otherlangs[data-target=true]~* .nav-toggle--otherlangs .nav-toggle__label::after{transform:rotate(180deg)}@media(min-width: 992px){.mobile-menu{display:none}}[data-cssmenu-hide]{display:none !important}.megamenu{display:none;margin-top:16px;padding-left:32px}@media(min-width: 992px){.megamenu{display:block}}.megamenu__subnav{border-left:1px solid #ccc;padding-left:0}.megamenu__link{text-decoration:none}.megamenu__link:focus,.megamenu__link:active,.megamenu__link:hover{text-decoration:underline}.megamenu__item--level-2>.megamenu__link{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){.megamenu__item--level-2>.megamenu__link{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.megamenu__item--level-3{margin-top:16px}.megamenu__item--level-3 .megamenu__link{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:inline-block;padding-left:16px}.megamenu__link[aria-current=page]{font-weight:700}.megamenu__item--level-3 .megamenu__link[aria-current=page]{border-left:4px solid #000;padding-left:12px}.megamenu__link.megamenu__link--in-path,.megamenu__link.is-active{font-weight:700}.megamenu__item{list-style:none;margin-left:0}.megamenu__item--level-2{margin-bottom:48px;margin-top:0}.megamenu:not(.megamenu__subnav){display:none}@media(min-width: 992px){.megamenu:not(.megamenu__subnav){margin-left:-8px;margin-right:-8px;display:flex;flex-wrap:wrap;max-width:min(1920px,100vw)}.megamenu:not(.megamenu__subnav)>*{margin-left:8px;margin-right:8px}}.megamenu__item.megamenu__item--level-2{--items-per-row: 3;width:calc(100%/var(--items-per-row) - 20px*var(--items-per-row)/(var(--items-per-row) - 1))}@media(min-width: 1440px){.megamenu__item.megamenu__item--level-2{--items-per-row: 4}} diff --git a/dist/css/styles.min.css b/dist/css/styles.min.css index effe7b5cd..d952239ec 100644 --- a/dist/css/styles.min.css +++ b/dist/css/styles.min.css @@ -6,4 +6,4 @@ .hds-status-label{--status-label-background:var(--color-black-10);--status-label-color:var(--color-black-90);--status-label-height:32px;background-color:var(--status-label-background);color:var(--status-label-color);display:inline-block;font-size:var(--fontsize-body-s);min-height:var(--status-label-height);line-height:var(--status-label-height);padding:0 var(--spacing-2-xs);vertical-align:middle}.hds-status-label--with-icon{align-items:center;display:inline-flex;padding-left:var(--spacing-3-xs)}.hds-status-label-icon{height:var(--spacing-m);margin-right:var(--spacing-3-xs);width:var(--spacing-m)}.hds-status-label--info{--status-label-background:var(--color-info);--status-label-color:var(--color-white)}.hds-status-label--success{--status-label-background:var(--color-success);--status-label-color:var(--color-white)}.hds-status-label--alert{--status-label-background:var(--color-alert)}.hds-status-label--error{--status-label-background:var(--color-error);--status-label-color:var(--color-white)} @keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hds-text-input{--border-width:2px;--outline-width:3px;--input-height:56px;--textarea-height:149px;--icon-size:var(--spacing-m);--helper-color-default:var(--color-black-60);--helper-color-invalid:var(--color-error);--helper-color-success:var(--color-success);--helper-color-info:var(--color-black-90);--helper-color-info-icon:var(--color-coat-of-arms);--icon-color-invalid:var(--color-error);--input-background-default:var(--color-white);--input-background-disabled:var(--color-black-10);--input-border-color-default:var(--color-black-50);--input-border-color-hover:var(--color-black-90);--input-border-color-focus:var(--color-black-90);--input-border-color-invalid:var(--color-error);--input-border-color-disabled:var(--color-black-10);--input-border-color-success:var(--color-success);--input-color-default:var(--color-black-90);--input-color-disabled:var(--color-black-40);--label-color-default:var(--color-black-90);--label-color-invalid:var(--color-black-90);--placeholder-color:var(--color-black-60);--focus-outline-color:var(--color-coat-of-arms)}.hds-text-input .hds-text-input__input:hover{transition:border-color 85ms ease-out}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){transition:85ms ease-out;transition-property:box-shadow,transform}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){transition:85ms ease-out;transition-property:box-shadow,transform}.hds-text-input__input-wrapper:focus-within .hds-text-input__input:not([readonly]){transition:85ms ease-out;transition-property:box-shadow,transform}.hds-text-input--invalid .hds-text-input__label{transition:color 85ms linear}.hds-text-input__label{color:var(--label-color-default);display:block;font-size:var(--fontsize-body-m);font-weight:500;margin-bottom:var(--spacing-3-xs)}.hds-text-input__required{color:var(--color-black-90);display:inline-block;font-size:var(--fontsize-body-xl);line-height:1;margin-left:var(--spacing-2-xs);transform:translateY(var(--spacing-3-xs))}.hds-text-input__input-wrapper{display:flex;position:relative}.hds-text-input .hds-text-input__input{-webkit-appearance:none;background-color:var(--input-background-default);border:var(--border-width) solid var(--input-border-color-default);box-sizing:border-box;color:var(--input-color-default);font-size:1.125em;height:var(--input-height);line-height:normal;padding:0 var(--spacing-s);width:100%;will-change:transform,box-shadow}.hds-text-input textarea.hds-text-input__input{height:var(--textarea-height);min-height:var(--input-height);padding:var(--spacing-s);resize:vertical}.hds-text-input .hds-text-input__input:hover{border-color:var(--input-border-color-hover)}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input{border-color:var(--input-border-color-focus);outline:none}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input{border-color:var(--input-border-color-focus);outline:none}.hds-text-input__input-wrapper:focus-within .hds-text-input__input{border-color:var(--input-border-color-focus);outline:none}.hds-text-input .hds-text-input__input:-ms-input-placeholder{color:var(--placeholder-color);opacity:1}.hds-text-input .hds-text-input__input::-moz-placeholder{color:var(--placeholder-color);opacity:1}.hds-text-input .hds-text-input__input::placeholder{color:var(--placeholder-color);opacity:1}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){box-shadow:0 0 0 var(--outline-width) var(--focus-outline-color);transform:translateZ(0)}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){box-shadow:0 0 0 var(--outline-width) var(--focus-outline-color);transform:translateZ(0)}.hds-text-input__input-wrapper:focus-within .hds-text-input__input:not([readonly]){box-shadow:0 0 0 var(--outline-width) var(--focus-outline-color);transform:translateZ(0)}.hds-text-input__helper-text{color:var(--helper-color-default)}.hds-text-input__error-text,.hds-text-input__helper-text{display:block;line-height:var(--lineheight-l);font-size:var(--fontsize-body-m);margin-top:var(--spacing-3-xs);white-space:pre-line}.hds-text-input__error-text{position:relative;color:var(--helper-color-invalid);padding-left:calc(var(--icon-size) + var(--spacing-2-xs))}.hds-text-input__error-text:not(:last-child){margin-bottom:var(--spacing-2-xs)}.hds-text-input__error-text:before{animation:fadeIn 85ms ease-out;background:var(--icon-color-invalid);content:"";height:var(--icon-size);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='currentColor' d='M12 3a9 9 0 110 18 9 9 0 010-18zm1 13v2h-2v-2h2zm0-10v8h-2V6h2z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='currentColor' d='M12 3a9 9 0 110 18 9 9 0 010-18zm1 13v2h-2v-2h2zm0-10v8h-2V6h2z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;position:absolute;left:0;top:0;width:var(--icon-size)}.hds-text-input--invalid .hds-text-input__label{color:var(--label-color-invalid)}.hds-text-input.hds-text-input--invalid .hds-text-input__input{border-color:var(--input-border-color-invalid)}.hds-text-input.hds-text-input--success .hds-text-input__input{border-color:var(--input-border-color-success)}.hds-text-input__success-text{position:relative;color:var(--helper-color-success);display:block;font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-top:var(--spacing-3-xs);padding-left:calc(var(--icon-size) + var(--spacing-2-xs));white-space:pre-wrap}.hds-text-input__success-text:not(:last-child){margin-bottom:var(--spacing-2-xs)}.hds-text-input__success-text:before{animation:fadeIn 85ms ease-out;background:var(--helper-color-success);content:"";height:var(--icon-size);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='currentColor' d='M12 3a9 9 0 100 18 9 9 0 000-18zm4.5 5L18 9.5 10.5 17 6 12.5 7.5 11l3 3 6-6z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='currentColor' d='M12 3a9 9 0 100 18 9 9 0 000-18zm4.5 5L18 9.5 10.5 17 6 12.5 7.5 11l3 3 6-6z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;position:absolute;left:0;top:0;width:var(--icon-size)}.hds-text-input__info-text{position:relative;color:var(--helper-color-info);display:block;font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-top:var(--spacing-3-xs);padding-left:calc(var(--icon-size) + var(--spacing-2-xs))}.hds-text-input__info-text:not(:last-child){margin-bottom:var(--spacing-2-xs)}.hds-text-input__info-text:before{animation:fadeIn 85ms ease-out;background:var(--helper-color-info-icon);content:"";height:var(--icon-size);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='currentColor' d='M12 3a9 9 0 110 18 9 9 0 010-18zm1 13v2h-2v-2h2zm0-10v8h-2V6h2z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='currentColor' d='M12 3a9 9 0 110 18 9 9 0 010-18zm1 13v2h-2v-2h2zm0-10v8h-2V6h2z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;position:absolute;left:0;top:0;width:var(--icon-size)}.hds-text-input .hds-text-input__input[disabled]{background-color:var(--input-background-disabled);border-color:var(--input-border-color-disabled);color:var(--input-color-disabled);cursor:not-allowed}.hds-text-input .hds-text-input__input[readonly]{background-color:rgba(0,0,0,0);border:0;color:var(--input-color-default);padding:0;-webkit-text-fill-color:var(--input-color-default)}.hds-text-input__buttons{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-s);font-size:1rem}.hds-text-input__button{padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);cursor:pointer;border:0;width:1.5rem;height:1.5rem;overflow:hidden;font-size:1rem} .hds-loading-spinner{--spinner-size:4rem;--spinner-color:var(--color-coat-of-arms);--spinner-thickness:0.5rem;--spinner-rotation-animation-duration:1.5s;--spinner-color-animation-duration:4.5s;--spinner-color-stage1:var(--color-coat-of-arms);--spinner-color-stage2:var(--color-copper);--spinner-color-stage3:var(--color-suomenlinna);position:relative;width:var(--spinner-size);height:var(--spinner-size);border-top-color:var(--spinner-color)}.hds-loading-spinner--multicolor{border-top-color:var(--spinner-color-stage1);animation:spinner-color-animation var(--spinner-color-animation-duration) cubic-bezier(0.6, 0.2, 0.4, 0.9) infinite}.hds-loading-spinner--small{--spinner-size:1.5rem;--spinner-thickness:0.1875rem}.hds-loading-spinner div{position:absolute;box-sizing:border-box;width:100%;height:100%;border:var(--spinner-thickness) solid rgba(0,0,0,0);border-top-color:inherit;border-radius:50%;animation:spinner-rotation-animation var(--spinner-rotation-animation-duration) cubic-bezier(0.6, 0.2, 0.4, 0.8) infinite}.hds-loading-spinner div:nth-child(2){animation-delay:-0.15s}.hds-loading-spinner div:nth-child(3){animation-delay:-0.3s}@keyframes spinner-rotation-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinner-color-animation{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}} -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccccff;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-black: #000000;--color-white: #ffffff;--color-black-5: #f1f1f1;--color-black-10: #e5e5e5;--color-black-20: #cccccc;--color-black-30: #b2b2b2;--color-black-40: #999898;--color-black-50: #808080;--color-black-60: #666666;--color-black-70: #4c4c4c;--color-black-80: #333333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xl: 3.25rem;--fontsize-heading-l: 2.25rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk, Arial, sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75}html,body{height:100%}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#fff;color:#1a1a1a;display:flex;flex-direction:column;font-family:HelsinkiGrotesk,Arial,sans-serif;font-size:1rem;line-height:1.5}body.gin--horizontal-toolbar{padding-top:0 !important}:root{--hdbt-color-black: #121212;--hdbt-default-link-color: var(--color-black-90);--hdbt-theme-color: var(--color-black);--hdbt-text-color: var(--color-white);--hdbt-text-color--coat-of-arms: var(--color-white);--hdbt-text-color--brick: var(--color-white);--hdbt-text-color--bus: var(--color-white);--hdbt-text-color--metro: var(--color-white);--hdbt-text-color--tram: var(--color-white);--hdbt-text-color--gold: var(--hdbt-color-black);--hdbt-text-color--silver: var(--hdbt-color-black);--hdbt-text-color--copper: var(--hdbt-color-black);--hdbt-text-color--engel: var(--hdbt-color-black);--hdbt-text-color--fog: var(--hdbt-color-black);--hdbt-text-color--summer: var(--hdbt-color-black);--hdbt-text-color--suomenlinna: var(--hdbt-color-black);--hdbt-button-text-color--coat-of-arms: var(--hdbt-color-black);--hdbt-button-text-color--brick: var(--hdbt-color-black);--hdbt-button-text-color--bus: var(--hdbt-color-black);--hdbt-button-text-color--metro: var(--hdbt-color-black);--hdbt-button-text-color--tram: var(--hdbt-color-black);--hdbt-button-text-color--gold: var(--color-white);--hdbt-button-text-color--silver: var(--color-white);--hdbt-button-text-color--copper: var(--color-white);--hdbt-button-text-color--engel: var(--color-white);--hdbt-button-text-color--fog: var(--color-white);--hdbt-button-text-color--summer: var(--color-white);--hdbt-button-text-color--suomenlinna: var(--color-white);--hdbt-button-highlight-color--coat-of-arms: var(--color-black-90);--hdbt-button-highlight-color--brick: var(--color-black-90);--hdbt-button-highlight-color--bus: var(--color-black-90);--hdbt-button-highlight-color--metro: var(--color-black-90);--hdbt-button-highlight-color--tram: var(--color-black-90);--hdbt-button-highlight-color--gold: var(--color-white);--hdbt-button-highlight-color--silver: var(--color-white);--hdbt-button-highlight-color--copper: var(--color-white);--hdbt-button-highlight-color--engel: var(--color-white);--hdbt-button-highlight-color--fog: var(--color-white);--hdbt-button-highlight-color--summer: var(--color-white);--hdbt-button-highlight-color--suomenlinna: var(--color-white);--background-color-disabled: transparent;--border-color-disabled: transparent;--color-disabled: var(--color-black-40);--border-color-focus: var(--color-coat-of-arms);--border-color-hover-focus: var(--color-coat-of-arms-dark)}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:400;src:url(../fonts/HelsinkiGrotesk-Regular.eot);src:url(../fonts/HelsinkiGrotesk-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Regular.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Regular.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Regular.svg#HelsinkiGrotesk-Regular) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:400;src:url(../fonts/HelsinkiGrotesk-RegularItalic.eot);src:url(../fonts/HelsinkiGrotesk-RegularItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-RegularItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-RegularItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-RegularItalic.svg#HelsinkiGrotesk-RegularItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:500;src:url(../fonts/HelsinkiGrotesk-Medium.eot);src:url(../fonts/HelsinkiGrotesk-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Medium.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Medium.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Medium.svg#HelsinkiGrotesk-Medium) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:500;src:url(../fonts/HelsinkiGrotesk-MediumItalic.eot);src:url(../fonts/HelsinkiGrotesk-MediumItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-MediumItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-MediumItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-MediumItalic.svg#HelsinkiGrotesk-MediumItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:700;src:url(../fonts/HelsinkiGrotesk-Bold.eot);src:url(../fonts/HelsinkiGrotesk-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Bold.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Bold.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Bold.svg#HelsinkiGrotesk-Bold) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:700;src:url(../fonts/HelsinkiGrotesk-BoldItalic.eot);src:url(../fonts/HelsinkiGrotesk-BoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-BoldItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-BoldItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-BoldItalic.svg#HelsinkiGrotesk-BoldItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:800;src:url(../fonts/HelsinkiGrotesk-Black.eot);src:url(../fonts/HelsinkiGrotesk-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Black.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Black.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Black.svg#HelsinkiGrotesk-Black) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:800;src:url(../fonts/HelsinkiGrotesk-BlackItalic.eot);src:url(../fonts/HelsinkiGrotesk-BlackItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-BlackItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-BlackItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-BlackItalic.svg#HelsinkiGrotesk-BlackItalic) format("svg")}figure{margin:0}table{background-color:#fff;border:1px solid #666;border-spacing:0;display:block;margin:32px 0;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;table-layout:fixed;white-space:nowrap}table caption{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);background-color:#000;color:#fff;padding:32px 16px;text-align:left}table thead{background-color:#000}table thead th{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#fff;font-weight:500;min-width:140px;padding:16px;text-align:left;vertical-align:middle;white-space:normal}table thead th p{font-size:inherit;font-weight:inherit;margin:0}table tbody,table tfoot{background-color:#fff}table tbody tr,table tfoot tr{background-color:#fff}table tbody tr:hover,table tbody tr:active,table tfoot tr:hover,table tfoot tr:active{background-color:#f1f1f1}table tbody tr th,table tbody tr td,table tfoot tr th,table tfoot tr td{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#121212;color:var(--hdbt-color-black);min-width:140px;padding:16px;text-align:left;vertical-align:middle;white-space:normal}table tbody tr th p,table tbody tr td p,table tfoot tr th p,table tfoot tr td p{margin:0}table tbody tr th p+p,table tbody tr td p+p,table tfoot tr th p+p,table tfoot tr td p+p{margin:16px 0 0}table tbody tr th,table tfoot tr th{background-color:#000;color:#fff;font-weight:500}table tbody tr:not(:last-of-type) td,table tfoot tr:not(:last-of-type) td{border-bottom:1px solid #e5e5e5}h1,h2,h3,h4,h5,h6{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:0;margin-top:48px;word-wrap:break-word}h1{--line-height: 1;font-size:2.5rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){h1{--line-height: 1;font-size:4rem;font-weight:400}}@media(min-width: 768px){h1{margin-top:64px}}@media(min-width: 992px){h1{margin-bottom:64px}}h2{--line-height: 1;font-size:2rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){h2{--line-height: 1;font-size:3rem;font-weight:400}}h3{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){h3{--line-height: 1;font-size:2rem;font-weight:400}}h4{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){h4{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}h5{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){h5{--line-height: 1.5;font-size:1.25rem;font-weight:500}}h6{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height)}@media(min-width: 992px){h6{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}a{color:#1a1a1a;color:var(--hdbt-default-link-color);word-wrap:break-word}p{margin-bottom:0;margin-top:16px;word-wrap:break-word}ul,ol{margin-bottom:24px;margin-left:0;margin-top:24px;padding-left:32px}ul ul,ul ol,ol ul,ol ol{margin-bottom:0;margin-top:16px}li{margin-left:0;padding-left:0}li+li{margin-top:16px}.local-tasks li,.toolbar-menu li,.pager li,.table-of-contents__list li,.menu li{margin-top:0}.hdbt-icon::before{--icon-size: 24px;background-color:#000;content:"";display:inline-block;height:var(--icon-size);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--icon-size) var(--icon-size);mask-size:var(--icon-size) var(--icon-size);min-height:var(--icon-size);min-width:var(--icon-size);position:static;width:var(--icon-size)}.hds-button.hdbt-icon .hds-button__label{margin:0 0 0 0.5rem;margin:0 0 0 var(--spacing-2-xs);order:1}.hds-button.hdbt-icon .link__type{margin-left:-16px;margin-right:16px;order:2}.hds-button.hdbt-icon:focus::before{background-color:var(--color-focus)}.hds-button.hdbt-icon:hover::before{background-color:var(--color-hover)}.hds-button.hdbt-icon:focus:hover::before{background-color:var(--color-hover-focus)}.hds-button.hdbt-icon::after{order:2}.hds-button.hdbt-icon::before{background-color:var(--color);order:3}.hel-icon{--fallback: calc(var(--line-height, 1) * 1em);background-color:currentColor;display:inline-block;height:var(--fallback);height:var(--icon-size, var(--fallback));-webkit-mask-image:var(--url);mask-image:var(--url);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:text-bottom;width:var(--fallback);width:var(--icon-size, var(--fallback))}.icon{--icon-size: 1.5rem;height:var(--icon-size);width:var(--icon-size)}:root{--theme-fg1: var(--color-white);--theme-fg2: var(--color-black);--theme-bg1: var(--color-black);--theme-bg2: transparent;--theme-focus: var(--color-black)}.hds-button{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);--border-width: 2px;--color: inherit;--min-size: 44px;--outline-gutter: 2px;--outline-width: 3px;align-content:flex-start;align-items:center;background-color:transparent;background-color:var(--background-color, transparent);border:var(--border-width) solid transparent;border:var(--border-width) solid var(--border-color, transparent);border-radius:0;color:var(--color);cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;min-height:var(--min-size);min-width:var(--min-size);padding:0 0.5rem;padding:0 var(--spacing-2-xs);text-decoration:none;vertical-align:top}.hds-button,.hds-button::before,.hds-button::after,.hds-button *,.hds-button *::before,.hds-button *::after{box-sizing:border-box}.hds-button:hover,.hds-button:focus,.hds-button:active{transition-duration:85ms;transition-property:background-color,border-color,color;transition-timing-function:ease-out}.hds-button:hover{background-color:transparent;background-color:var(--background-color-hover, transparent);color:var(--color-hover)}.hds-button:focus{background-color:transparent;background-color:var(--background-color-focus, transparent);color:var(--color-focus);outline:none}.hds-button:focus:hover{background-color:transparent;background-color:var(--background-color-hover-focus, transparent)}.hds-button:disabled{background-color:transparent;background-color:var(--background-color-disabled, transparent);border-color:transparent;border-color:var(--border-color-disabled, transparent);color:#999898;color:var(--color-disabled);cursor:not-allowed}.hds-button:not(:disabled){border-color:transparent;border-color:var(--border-color, transparent)}.hds-button:not(:disabled):hover{border-color:transparent;border-color:var(--border-color-hover, transparent)}.hds-button:not(:disabled):active,.hds-button:not(:disabled):focus{border-color:#0072c6;border-color:var(--border-color-focus, transparent)}.hds-button:not(:disabled):active:hover,.hds-button:not(:disabled):focus:hover{border-color:#005799;border-color:var(--border-color-hover-focus, transparent);color:var(--color-hover-focus)}.hds-button:active,.hds-button:focus{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:var(--outline-gutter);outline-offset:2px}input[type=submit].hds-button,.hds-button__label{font-weight:inherit;line-height:1.25em;padding:1rem;padding:var(--spacing-s)}input[type=submit].hds-button{cursor:pointer;padding:1rem 2rem;padding:var(--spacing-s) var(--spacing-l)}.hds-button__label:only-child{margin:0 0.5rem;margin:0 var(--spacing-2-xs)}.hds-button--supplementary .hds-button__label:first-child{padding-right:0.25rem;padding-right:var(--spacing-3-xs)}.hds-button--supplementary .hds-icon+.hds-button__label:last-child{padding-left:0.25rem;padding-left:var(--spacing-3-xs)}.hds-button--supplementary .hds-icon+.hds-button__label:not(:last-child){padding-left:0.25rem;padding-left:var(--spacing-3-xs);padding-right:0.25rem;padding-right:var(--spacing-3-xs)}.hds-button .hds-icon{height:1.5rem;height:var(--spacing-m);margin-left:1rem;margin-left:var(--spacing-s);width:1.5rem;width:var(--spacing-m)}.hds-button__label~.hds-icon{margin:0 1rem 0 0;margin:0 var(--spacing-s) 0 0}.hds-button .hds-icon:first-of-type:not(:last-of-type){margin:0 0 0 0.5rem;margin:0 0 0 var(--spacing-2-xs)}.hds-button .hds-icon:last-of-type:not(:first-of-type){margin:0 0.5rem 0 0;margin:0 var(--spacing-2-xs) 0 0}.hds-button--primary{--background-color: var(--theme-bg1, var(--color-bus));--background-color-hover: var(--theme-bg2, var(--color-bus-dark));--background-color-focus: var(--theme-bg1, var(--color-bus));--background-color-hover-focus: var(--theme-bg2, var(--color-bus-dark));--background-color-disabled: var(--color-black-20);--border-color: var(--theme-bg1, var(--color-bus));--border-color-hover: var(--theme-bg1, var(--color-bus-dark));--border-color-focus: var(--theme-bg1, var(--color-bus));--border-color-hover-focus: var(--theme-bg1, var(--color-bus-dark));--border-color-disabled: var(--color-black-20);--color: var(--theme-fg1, var(--color-white));--color-hover: var(--theme-fg2, var(--color-white));--color-focus: var(--theme-fg1, var(--color-white));--color-hover-focus: var(--theme-fg2, var(--color-white));--color-disabled: var(--color-white);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button--secondary{--background-color: var(--theme-bg2, transparent);--background-color-hover: var(--theme-bg1, var(--color-bus-light));--background-color-focus: var(--theme-bg2, transparent);--background-color-hover-focus: var(--theme-bg1, var(--color-bus-light));--background-color-disabled: transparent;--border-color: var(--theme-bg1, var(--color-bus));--border-color-hover: var(--theme-bg2, var(--color-bus-dark));--border-color-focus: var(--theme-bg1, var(--color-bus));--border-color-hover-focus: var(--theme-bg2, var(--color-bus-dark));--border-color-disabled: var(--color-black-50);--color: var(--theme-fg2, var(--color-bus));--color-hover: var(--theme-fg1, var(--color-bus-dark));--color-focus: var(--theme-fg2, var(--color-bus));--color-hover-focus: var(--theme-fg1, var(--color-bus-dark));--color-disabled: var(--color-black-40);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button--supplementary{--background-color: var(--theme-bg2, transparent);--background-color-hover: var(--theme-bg2, var(--color-bus-light));--background-color-focus: var(--theme-bg2, transparent);--background-color-hover-focus: var(--theme-bg2, var(--color-bus-light));--background-color-disabled: transparent;--border-color: var(--theme-bg2, transparent);--border-color-hover: var(--theme-bg2, transparent);--border-color-focus: var(--theme-bg2, var(--color-coat-of-arms));--border-color-hover-focus: var(--theme-bg2, var(--color-coat-of-arms));--border-color-disabled: transparent;--color: var(--theme-fg2, var(--color-bus));--color-hover: var(--theme-fg2, var(--color-bus-dark));--color-focus: var(--theme-fg2, var(--color-bus));--color-hover-focus: var(--theme-fg2, var(--color-bus-dark));--color-disabled: var(--color-black-40);--focus-outline-color: var(--theme-focus, transparent)}.hds-button--loading{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: transparent;--border-color-hover-focus: transparent;--border-color-disabled: transparent;--color: var(--color-black-90);--color-hover: var(--color-black-90);--color-focus: var(--color-black-90);--color-hover-focus: var(--color-black-90);--color-disabled: var(--color-black-90);cursor:wait}.hds-button--success{--background-color: var(--color-success);--background-color-hover: var(--color-success-dark);--background-color-focus: var(--color-success);--background-color-hover-focus: var(--color-success-dark);--border-color: var(--color-success);--border-color-hover: var(--color-success-dark);--border-color-focus: var(--color-success);--border-color-hover-focus: var(--color-success-dark);--color: var(--color-white);--color-hover: var(--color-white);--color-focus: var(--color-white);--color-hover-focus: var(--color-white);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button--danger{--background-color: var(--color-error);--background-color-hover: var(--color-error-dark);--background-color-focus: var(--color-error);--background-color-hover-focus: var(--color-error-dark);--border-color: var(--color-error);--border-color-hover: var(--color-error-dark);--border-color-focus: var(--color-error);--border-color-hover-focus: var(--color-error-dark);--color: var(--color-white);--color-hover: var(--color-white);--color-focus: var(--color-white);--color-hover-focus: var(--color-white);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button .hel-icon{--icon-size: 24px}.hds-button .hel-icon:first-of-type:not(:last-of-type){margin:0 0 0 8px}.hds-button .link__type,.hds-button .hel-icon:last-of-type:not(:first-of-type){margin:0 8px 0 0}.hds-button.hds-button--supplementary{margin:0;padding:0 8px 0 0;text-decoration:underline}.hds-button.hds-button--supplementary .hds-button__label{line-height:24px;margin:0 0 -8px 0;padding:8px}.hds-button.hds-button--supplementary .hds-button__label:only-child{margin:0}.hds-button.hds-button--supplementary:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:not([data-is-external])::after{--icon-size: 24px;background-color:var(--color);background-size:contain;content:"";display:inline-block;height:var(--icon-size);-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--icon-size) var(--icon-size);mask-size:var(--icon-size) var(--icon-size);vertical-align:bottom;width:var(--icon-size);transition:transform .2s linear;order:3;position:static}@media(prefers-reduced-motion){.hds-button.hds-button--supplementary:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:not([data-is-external])::after{transition:none}}.hds-button.hds-button--supplementary:focus:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary:hover:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:focus:not([data-is-external])::after,.hds-button.hds-button--supplementary[data-selected-icon]:hover:not([data-is-external])::after{transform:translateX(4px)}@media(prefers-reduced-motion){.hds-button.hds-button--supplementary:focus:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary:hover:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:focus:not([data-is-external])::after,.hds-button.hds-button--supplementary[data-selected-icon]:hover:not([data-is-external])::after{transform:none}}.hds-button.hds-button--supplementary:hover{text-decoration:none}.hds-button.hds-button--primary.hdbt-icon::before,.hds-button.hds-button--secondary.hdbt-icon::before{margin-right:16px}.hds-button--supplementary:not(.hdbt-icon):not([data-selected-icon]):before{-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right)}p>a.hds-button.hds-button--supplementary:first-child{margin-left:calc(-8px + (-2px))}.hds-button--link{--border-width: 2px;--min-size: 56px;--outline-gutter: 2px;--outline-width: 3px}.hds-button__target-blank{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);max-height:1px;max-width:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}:not(.hds-button)>.hds-button__label{margin:0;padding:0}.card{background:#fff;word-wrap:anywhere;padding:16px;position:relative}.card+.card{margin-top:16px}@media(min-width: 576px){.card{display:flex;flex-direction:row-reverse;gap:16px;grid-template-areas:"content img";grid-template-columns:1fr 30%;padding:16px}}@media(min-width: 768px){.card{gap:24px;padding:24px}}.card__image{flex-basis:30%;flex-shrink:0;margin-bottom:16px}.card__image picture,.card__image img{background-color:#f1f1f1;display:block;height:auto;width:100%}@media(min-width: 576px){.card__image{margin-bottom:0}}.card__text{display:flex;flex-direction:column;flex-grow:1}.card__text::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear;--icon-size: 32px;flex-grow:1;margin-top:16px;-webkit-mask-position:bottom center;mask-position:bottom center}@media(prefers-reduced-motion){.card__text::after{transition:none}}@media(min-width: 768px){.card__text::after{--icon-size: 48px}}.card[focus-within] .card__text::after,.card:hover .card__text::after{transform:translateX(4px)}.card:focus-within .card__text::after,.card:hover .card__text::after{transform:translateX(4px)}@media(prefers-reduced-motion){.card[focus-within] .card__text::after,.card:hover .card__text::after{transform:none}.card:focus-within .card__text::after,.card:hover .card__text::after{transform:none}}.card--external .card__text::after{-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external)}.card--external[focus-within] .card__text::after,.card--external:hover .card__text::after{transform:translate(4px, -4px)}.card--external:focus-within .card__text::after,.card--external:hover .card__text::after{transform:translate(4px, -4px)}@media(prefers-reduced-motion){.card--external[focus-within] .card__text::after,.card--external:hover .card__text::after{transform:none}.card--external:focus-within .card__text::after,.card--external:hover .card__text::after{transform:none}}.card--external .link__type--external{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);max-height:1px;max-width:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}.card .content-tags{margin-bottom:-8px}.card__category{margin-top:12px}.card__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin:0}@media(min-width: 992px){.card__title{--line-height: 1;font-size:2rem;font-weight:400}}.card__link{word-wrap:anywhere;text-decoration:none}.card__link::after{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.card__link:active,.card__link:focus{outline:3px solid #000;outline-offset:2px}.card__link:active,.card__link:hover{text-decoration:underline}.card__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.card__helptext{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666}.card__description,.card__helptext{margin-top:8px}.card__description>:first-child,.card__helptext>:first-child{margin-top:0}.card__metas{margin-top:16px}.card__meta{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);padding-left:32px}.card__meta+.card__meta{margin-top:8px}.card__meta__icon{--icon-size: 24px;display:inline-block;margin-left:-32px;margin-right:8px}.card__meta__label{font-weight:500}.card p.address{display:inline}.card__tags{margin-top:16px}.link__type{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height)*1em);-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);vertical-align:bottom;width:calc(var(--line-height)*1em);transition:transform .2s linear;--external-icon-move: translate(3px, -3px);overflow:hidden}@media(prefers-reduced-motion){.link__type{transition:none}}@media(prefers-reduced-motion){.link__type{--external-icon-move: scale(1)}}a:focus .link__type,a:hover .link__type{transform:var(--external-icon-move)}.link__type--tel{-webkit-mask-image:var(--hel-icon--tel);mask-image:var(--hel-icon--tel);--external-icon-move: rotate(15deg)}.link__type--mailto{-webkit-mask-image:var(--hel-icon--mailto);mask-image:var(--hel-icon--mailto);--external-icon-move: rotate(15deg)}.link__style--highlight{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:16px;padding-left:calc(var(--line-height)*1em + 8px)}.link__style--highlight::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height)*1em);-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);vertical-align:bottom;width:calc(var(--line-height)*1em);margin-left:calc(var(--line-height)*-1em - 8px);margin-right:8px}.quote{--line-height: 1.5;font-size:1.5rem;font-weight:500;line-height:var(--line-height);display:block;margin:48px 0;padding:8px 0 8px 24px;position:relative}@media(min-width: 992px){.quote{--line-height: 1.5;font-size:2rem;font-weight:400}}@media(min-width: 992px){.quote{margin:64px 0;padding:0 0 0 40px}}.quote::before{background-color:var(--hdbt-color-palette--primary);content:"";height:100%;left:0;position:absolute;top:0;width:8px}.quote__text{font-style:italic;margin-top:0}.quote__text::before{content:"”"}.quote__text[lang=en]::before,[lang=en] .quote__text::before{content:"“"}.quote__text::after{content:"”"}.quote__author{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:24px}.quote__author::before{content:"-";margin-right:3px}.quote__author cite{font-style:normal}.block--branding-navigation{display:flex;grid-area:brand;margin-left:auto;order:2;z-index:2}@media(min-width: 768px){.block--branding-navigation{margin-left:32px;order:3}}.block--branding{align-items:center;display:flex;grid-area:logo;height:var(--branding-height);z-index:1}@media(min-width: 768px){.block--branding{height:auto}}.block--branding .city-name{color:#000;display:none;margin-left:8px;margin-right:8px}@media(min-width: 992px){.block--branding .city-name{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:flex;margin-left:16px;margin-right:16px}}@media(min-width: 992px)and (min-width: 768px){.block--branding .city-name{--line-height: 1.5;font-size:1.25rem;font-weight:400}}.block--branding a:focus .city-name,.block--branding a:hover .city-name{text-decoration:underline}#chat-leijuke-wrapper{bottom:0;color:#fff;position:fixed;right:0;z-index:1}.chat-leijuke{align-items:center;background:#000;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:auto;gap:8px;padding:8px 16px;--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.chat-leijuke.hidden{display:none}.chat-leijuke .hel-icon--angle-up{margin-left:auto}.cx-widget.cx-side-button-group{display:none}.smartti-button-closed{display:none}#aca--widget-button{opacity:0}.kuura-chat-toggle.closed-chat{display:none}.language-wrapper{--language-block-height: 52px;align-content:stretch;align-items:center;align-self:center;background-color:#f7f7f8;border-bottom:1px solid #ccc;display:flex;grid-area:lang;height:100%;justify-content:space-between;min-height:var(--language-block-height);padding:0 16px;position:relative;transition:margin-top .3s ease 1s;width:100vw;z-index:0}@media(min-width: 768px){.language-wrapper{background-color:rgba(0,0,0,0);border-bottom:0 none;border-top:none;margin-left:auto;order:2;padding:0;width:auto;z-index:10}}.language-wrapper.scroll-up{margin-top:calc(-1*var(--language-block-height));transition-delay:0s}@media(min-width: 768px){.language-wrapper.scroll-up{margin-top:0;transition-duration:0s}}#menu:not([data-js])~* .mega-and-mobilemenu .block--language-switcher+*{margin-top:16px}.language-links{display:flex}.nav-toggle-dropdown--otherlangs{grid-area:langmenu}@media(min-width: 992px){.nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__content{display:flex;justify-content:flex-end;pointer-events:none}}.headerlanguagelinks__menu-dropdown{background-color:#efeff0;height:100%;list-style:none;margin:0;min-width:240px;padding:16px;width:auto}@media(min-width: 992px){.headerlanguagelinks__menu-dropdown{border:1px solid #ccc;border-top:0;height:auto;max-width:200px;pointer-events:all}}.headerlanguagelinks__group+.headerlanguagelinks__group{margin-top:24px}.headerlanguagelinks__link{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:block}.headerlanguagelinks__link+.headerlanguagelinks__group,.headerlanguagelinks__link+.headerlanguagelinks__link{margin-top:8px}.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink){text-decoration:none}.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink):hover,.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink):active,.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink):focus{text-decoration:underline}.headerlanguagelinks__link--nolink{display:block;font-weight:700}.block--mobile-navigation{order:3}@media(min-width: 768px){.block--mobile-navigation{display:none}}.page-title{padding-top:0}.page-title h1{margin-bottom:0;margin-top:0;max-width:860px}.page-title+article>.lead-in{margin-top:24px}.page-title+article>.table-of-contents:first-child,.page-title+article>.components:first-child{margin-top:32px}@media(min-width: 992px){.page-title+article>.table-of-contents:first-child,.page-title+article>.components:first-child{margin-top:64px}}.block--react-and-share{margin-top:32px;width:100%}@media(min-width: 992px){.block--react-and-share{margin-top:64px}}.block--react-and-share:last-child{background:#f1f1f1}.block--react-and-share:last-child .rns .rns-plugin{padding-bottom:112px}.js .block--react-and-share:last-child{margin-bottom:-112px}.rns{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media(min-width: 768px){.rns{max-width:1328px}}@media(min-width: 768px){.rns{padding-left:32px;padding-right:32px}}.rns .rns-plugin{font-family:HelsinkiGrotesk,Arial,sans-serif;margin:0;padding-bottom:80px;padding-top:80px}.rns .rns-plugin .rns-reactions{max-width:688px}.rns .rns-plugin .rns-reactions .rns-header{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.rns .rns-plugin .rns-reactions .rns-header{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.rns .rns-plugin .rns-reactions .reactions{margin-top:24px}@media only screen and (min-width: 681px){.rns .rns-plugin .rns-reactions .reactions{margin-left:calc(-24px / 2);margin-right:calc(-24px / 2)}}.rns .rns-plugin .rns-reactions .reactions .rns-reaction{flex-grow:0;margin:0 calc(24px / 2);max-width:190px;padding:0}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-reactions .reactions .rns-reaction{max-width:100%}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-reactions .reactions .rns-reaction{margin:16px 0 0;padding:0;width:100%}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-reactions .reactions .rns-reaction:first-child{margin-top:0}}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button{border-color:#000;padding:14px 32px;position:relative}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:before{--size: 100%;border:2px solid rgba(0,0,0,0);content:"";height:var(--size);left:0;position:absolute;width:var(--size)}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button .rns-label{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);align-items:center;color:#000;display:flex;justify-content:center;min-width:-moz-max-content;min-width:max-content;width:100%}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button .rns-label:after{background-color:#000;background-size:contain;content:"";display:flex;height:24px;-webkit-mask-image:var(--hel-icon--face-neutral);mask-image:var(--hel-icon--face-neutral);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;margin-left:16px}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button .rns-reaction-count{display:none}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus{background-color:#fff;box-shadow:none;color:#000}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus .rns-label{color:#000}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus:before{--size: calc(100% + calc(24px / 2));border-color:#000;left:calc(-24px / 4)}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:hover{background-color:#000}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:hover .rns-label{color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:hover .rns-label:after{background-color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus:hover .rns-label{color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction.selected .rns-reaction-button{background-color:#000 !important}.rns .rns-plugin .rns-reactions .reactions .rns-reaction.selected .rns-reaction-button .rns-label{color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction.selected .rns-reaction-button .rns-label:after{background-color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction:first-child .rns-label:after{-webkit-mask-image:var(--hel-icon--face-smile);mask-image:var(--hel-icon--face-smile)}.rns .rns-plugin .rns-reactions .reactions .rns-reaction:last-child .rns-label:after{-webkit-mask-image:var(--hel-icon--face-sad);mask-image:var(--hel-icon--face-sad)}.rns .rns-plugin .rns-shares{margin-top:64px;padding:0 calc(24px / 4)}.rns .rns-plugin .rns-shares .rns-header{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.rns .rns-plugin .rns-shares .rns-header{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.rns .rns-plugin .rns-shares .rns-shares-list{margin-top:32px}@media only screen and (min-width: 681px){.rns .rns-plugin .rns-shares .rns-shares-list{margin-bottom:0;margin-left:-8px;margin-right:-8px;margin-top:32px}}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share{margin:0 8px;padding:0 !important;width:auto}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share{margin:16px 0 0;padding:0 !important;width:calc(50% - 16px)}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:first-child,.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:nth-child(2){margin:0}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:nth-child(odd){margin-right:4px}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:nth-child(even){margin-left:4px}}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button{align-items:center;background-color:rgba(0,0,0,0);border:0;color:#000;display:flex;justify-content:left;padding:0}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:after{--size: 100%;border:2px solid rgba(0,0,0,0);content:"";height:var(--size);left:0;position:absolute;width:var(--size)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:before{background-color:#000;background-size:contain;content:"";display:flex;height:32px;-webkit-mask-image:var(--hel-icon--share);mask-image:var(--hel-icon--share);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px;margin-right:8px}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:focus{box-shadow:none;outline:none}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:focus:after{--size: calc(100% + 8px);border-color:#000;left:calc(-8px / 2);top:calc(-8px / 2)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:hover{opacity:1}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:hover:before{background-color:#000}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:hover .rns-label{color:#000;text-decoration:underline}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button .rns-icon{display:none}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button .rns-label{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);padding-right:calc(8px / 2)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-facebook .rns-share-button:before{-webkit-mask-image:var(--hel-icon--facebook);mask-image:var(--hel-icon--facebook)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-whatsapp .rns-share-button:before{-webkit-mask-image:var(--hel-icon--whatsapp);mask-image:var(--hel-icon--whatsapp)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-twitter .rns-share-button:before{-webkit-mask-image:var(--hel-icon--twitter);mask-image:var(--hel-icon--twitter)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-email .rns-share-button:before{-webkit-mask-image:var(--hel-icon--email);mask-image:var(--hel-icon--email)}.rns .rns-plugin .rns-inputs{margin-top:48px;max-width:688px;padding:calc(24px / 4)}.rns .rns-plugin .rns-inputs .rns-header{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.rns .rns-plugin .rns-inputs .rns-header{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.rns .rns-plugin .rns-inputs .rns-input-description{margin:24px 0 0;--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666;opacity:1}.rns .rns-plugin .rns-inputs .rns-input-field{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);border:2px solid gray;font-family:HelsinkiGrotesk,Arial,sans-serif;height:188px;margin-top:24px;padding:16px}.rns .rns-plugin .rns-inputs .rns-form-submit{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);background-color:#000;border:2px solid #000;color:#fff;display:inline-flex;margin-top:24px;padding:16px 24px;position:relative}.rns .rns-plugin .rns-inputs .rns-form-submit:after{background-color:#fff;background-size:contain;content:"";display:flex;height:24px;-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;margin-left:16px}.rns .rns-plugin .rns-inputs .rns-form-submit:before{--size: 100%;border:2px solid rgba(0,0,0,0);content:"";height:var(--size);left:0;position:absolute;top:0;width:var(--size)}.rns .rns-plugin .rns-inputs .rns-form-submit:focus{box-shadow:none;outline:none}.rns .rns-plugin .rns-inputs .rns-form-submit:focus:before{--size: calc(100% + calc(24px / 2));border-color:#000;left:calc(-24px / 4);top:calc(-24px / 4)}.rns .rns-plugin .rns-inputs .rns-form-submit:hover{background-color:#fff;color:#000}.rns .rns-plugin .rns-inputs .rns-form-submit:hover:after{background-color:#000}.social-media{margin-top:48px}.social-media__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.social-media__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.social-media__items{margin-left:-4px;margin-right:-4px;display:flex;margin-bottom:32px;margin-top:16px}.social-media__items>*{margin-left:4px;margin-right:4px}.social-media__item{color:#000;list-style:none;text-decoration:none}.social-media__item .hel-icon{--icon-size: 32px}.social-media__item:focus.email,.social-media__item:active.email,.social-media__item:hover.email{color:#4c4c4c}.social-media__item:focus.facebook-share,.social-media__item:active.facebook-share,.social-media__item:hover.facebook-share{color:#4169af}.social-media__item:focus.linkedin,.social-media__item:active.linkedin,.social-media__item:hover.linkedin{color:#0079b2}.social-media__item:focus.twitter,.social-media__item:active.twitter,.social-media__item:hover.twitter{color:#0da4ee}.hds-checkbox{--focus-outline-color: #000000}.hds-checkbox .hds-checkbox__input:focus{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.hds-checkbox .hds-checkbox__input:focus+.hds-checkbox__label::before,.hds-checkbox>.hds-checkbox__input:focus+label::before{box-shadow:none}.hds-checkbox .hds-checkbox__input::before,.hds-checkbox .hds-checkbox__input:hover::before{-webkit-mask-image:var(--hel-icon--check);mask-image:var(--hel-icon--check)}.form-item{margin-bottom:16px}.openid-connect-login-form{border-bottom:1px solid #666;margin-bottom:32px;max-width:600px;padding-bottom:32px}.openid-connect-login-form input{width:100%}.openid-connect-login-form>div{margin-top:16px}.openid-connect-login-form>div:first-child{margin-top:0}.user-login-form{max-width:600px;padding-bottom:16px}.hdbt--select-wrapper{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);--border-width: 2px;--input-height: 52px;--menu-item-height: 52px;--icon-size: var(--spacing-layout-s);--icon-spacing: calc(((var(--spacing-s) - var(--border-width) * 2) * 2) + var(--icon-size));--helper-color-default: var(--color-black-60);--helper-color-invalid: var(--color-error);--icon-color-invalid: var(--color-error);--input-background-default: var(--color-white);--input-background-disabled: var(--color-black-10);--input-border-color-default: var(--color-black-50);--input-border-color-hover: var(--color-black-90);--input-border-color-focus: var(--color-black-90);--input-border-color-invalid: var(--color-error);--input-border-color-disabled: var(--color-black-10);--input-color-default: var(--color-black-90);--input-color-disabled: var(--color-black-40);--label-color-default: var(--color-black-90);--label-color-invalid: var(--color-black-90);--placeholder-color: var(--color-black-60);--focus-outline-color: #000000;--outline-width: 3px;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--input-background-default);border:var(--border-width) solid var(--input-border-color-default);box-sizing:border-box;color:var(--input-color-default);cursor:pointer;display:block;grid-template-areas:"select";min-width:15ch;padding:0;position:relative;width:100%}.hdbt--select-wrapper select,.hdbt--select-wrapper::after{grid-area:select}.hdbt--select-wrapper select{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:none;color:var(--dropdown-color-default);cursor:inherit;display:flex;font-family:inherit;height:var(--input-height);margin:0;min-height:var(--menu-item-height);outline:none;padding:calc(1rem - var(--border-width)*2) var(--icon-spacing) calc(1rem - var(--border-width)*2) 1rem;padding:calc(var(--spacing-s) - var(--border-width)*2) var(--icon-spacing) calc(var(--spacing-s) - var(--border-width)*2) var(--spacing-s);width:100%;z-index:1}.hdbt--select-wrapper select::-ms-expand{display:none}.hdbt--select-wrapper select:focus{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:4px}.hdbt--select-wrapper .hel-icon{--icon-size: var(--spacing-m);pointer-events:none;position:absolute;right:calc(1rem - var(--border-width)*2);right:calc(var(--spacing-s) - var(--border-width)*2);top:50%;transform:translateY(-50%)}.hdbt--select-wrapper:not(.select--multiple)::after{background-color:var(--helper-color-default);-webkit-clip-path:polygon(100% 0%, 0 0%, 50% 100%);clip-path:polygon(100% 0%, 0 0%, 50% 100%);content:"";height:.5em;justify-self:end;width:.8em}.hdbt--select-wrapper--disabled{background-color:var(--input-background-disabled);border:var(--border-width) solid var(--input-border-color-disabled);color:var(--input-color-disabled);cursor:not-allowed}.hdbt--select-wrapper--disabled select:disabled{color:var(--input-color-disabled);opacity:1}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){--focus-outline-color: #000000;box-shadow:none;outline:3px solid var(--focus-outline-color);outline:var(--outline-width, 3px) solid var(--focus-outline-color);outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){--focus-outline-color: #000000;box-shadow:none;outline:3px solid var(--focus-outline-color);outline:3px solid var(--focus-outline-color);outline:var(--outline-width, 3px) solid var(--focus-outline-color);outline-offset:2px;outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.hds-text-input__input-wrapper:focus-within .hds-text-input__input:not([readonly]){--focus-outline-color: #000000;box-shadow:none;outline:3px solid var(--focus-outline-color);outline:var(--outline-width, 3px) solid var(--focus-outline-color);outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.region--attachments{height:0;visibility:hidden;width:0}.before-content{width:100%}*~.components,.service__units+.component,.unit__services+.component,.component~.component{margin-top:32px}@media(min-width: 992px){*~.components,.service__units+.component,.unit__services+.component,.component~.component{margin-top:64px}}.components--lower>.component:not(.component--liftup-with-image-bg),.no-sidebar .components--upper>.component:not(.component--liftup-with-image-bg){padding-left:16px;padding-right:16px}@media(min-width: 768px){.components--lower>.component:not(.component--liftup-with-image-bg),.no-sidebar .components--upper>.component:not(.component--liftup-with-image-bg){padding-left:32px;padding-right:32px}}.component--has-koro>.hds-koros{margin-left:-16px;margin-right:-16px;width:calc(16px + 100% + 16px)}@media(min-width: 768px){.component--has-koro>.hds-koros{margin-left:-32px;margin-right:-32px;width:calc(32px + 100% + 32px)}}.component__container{margin-left:auto;margin-right:auto;max-width:1264px}.component__title,.component__description{margin-bottom:0;margin-top:0}.component__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);max-width:860px}.component__description>:first-child{margin-top:0}.component__description>:last-child{margin-bottom:0}.component__title+.component__description{margin-top:16px}.component__title+.component__content,.component__description+.component__content{margin-top:24px}@media(min-width: 992px){.component__title+.component__content,.component__description+.component__content{margin-top:48px}}.component--tpr-unit,.component--unit-services,.component--service-units{padding-left:16px;padding-right:16px}@media(min-width: 768px){.component--tpr-unit,.component--unit-services,.component--service-units{padding-left:32px;padding-right:32px}}.container{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media(min-width: 768px){.container{max-width:1328px}}@media(min-width: 768px){.container{padding-left:32px;padding-right:32px}}.dialog-off-canvas-main-canvas{display:flex;flex-direction:column;height:100%;z-index:1}.gin--horizontal-toolbar .dialog-off-canvas-main-canvas{--drupal-toolbar-height: 39px;padding-top:var(--drupal-toolbar-height)}@media(min-width: 976px){.gin--horizontal-toolbar .dialog-off-canvas-main-canvas{--drupal-toolbar-height: 54px}}.error-page{background-color:#efeff0}.error-page .no-sidebar .main-content{margin-top:0}body[\:has\(.error-page__title\)]{background-color:#efeff0}body:has(.error-page__title){background-color:#efeff0}body[\:has\(.error-page__title\)] .no-sidebar .main-content{margin-top:0}body:has(.error-page__title) .no-sidebar .main-content{margin-top:0}@media(min-width: 768px){.error-page-content__container{display:flex}}@media(min-width: 768px){.error-page__text-container{width:50%}}.error-page__title{margin-bottom:0}.error-page__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 768px){.error-page__description{margin-top:24px}}.error-page__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:inline-flex;margin-top:32px}.error-page__link::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear}@media(prefers-reduced-motion){.error-page__link::after{transition:none}}.error-page__link[data-is-external]::after{content:none}.error-page__link:hover{text-decoration:none}.error-page__link:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.error-page__link:hover::after{transform:none}}.error-page__link+.error-page__link{margin-top:24px}.error-page__login-title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.error-page__login-title{--line-height: 1;font-size:2rem;font-weight:400}}.error-page__login-form{margin-top:32px}@media(min-width: 768px){.error-page__illustration-container{align-items:flex-start;display:flex;justify-content:center;padding-left:48px;padding-right:48px;padding-top:96px;width:50%}}.error-page__illustration{display:block;height:auto;margin-left:32px;margin-top:48px;width:264px}@media(min-width: 768px){.error-page__illustration{margin-left:0;margin-top:0;max-width:100%;width:379px}}.footer{flex-shrink:0;margin:calc(50px + 48px) auto 0;max-width:1920px;width:100%}@media(min-width: 992px){.footer{margin-top:calc(50px + 64px)}}.footer a{text-decoration:underline}.footer .menu{list-style:none;margin:0;padding:0}.footer .hds-koros{margin-top:calc(-1*(50px - 1px))}.footer-top__container{padding-top:0}.footer-top{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto;padding-top:64px}@media(min-width: 768px){.footer-top{max-width:1328px}}@media(min-width: 768px){.footer-top{padding-left:32px;padding-right:32px}}@media(min-width: 768px){.footer-top{display:flex;flex-wrap:wrap}}.footer-top h2{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.footer-top h2{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.footer-top h2.footer-top__content__title{margin-top:32px}@media(min-width: 768px){.footer-top h2.footer-top__content__title{margin-top:0}}.footer-top p{margin-top:16px}@media(min-width: 768px){.footer-top nav{margin-right:96px}}.footer-top .menu{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin:16px 0 32px 0}@media(min-width: 768px){.footer-top .menu{margin-bottom:0;margin-top:24px}}.footer-top .menu__item{margin-top:16px}.footer-top .menu__item:first-child{margin-top:0}@media(min-width: 768px){.footer-top__content{max-width:544px}}.footer-bottom__container{padding-top:0}.footer-bottom{border-top:1px solid #b2b2b2;-moz-column-gap:32px;column-gap:32px;display:flex;flex-wrap:wrap;margin-top:48px;padding-bottom:48px;padding-top:24px;row-gap:16px}@media(min-width: 768px){.footer-bottom{margin-top:96px;padding-bottom:0}}@media(min-width: 768px){.footer-bottom__navigation-wrapper{align-items:center;display:flex;flex-wrap:nowrap;margin-bottom:48px}}.footer-bottom__navigation{margin-top:16px}@media(min-width: 768px){.footer-bottom__navigation{margin-top:0}}.footer-bottom__navigation .menu{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:flex;flex-wrap:wrap}.footer-bottom__navigation .menu__item{align-items:center;display:flex}.footer-bottom__navigation .menu__item::after{content:"";display:block;height:15px;margin:0 8px;width:1px}.footer-bottom__navigation .menu__item.menu__item--nolink{display:flex;width:auto}.footer-bottom__navigation .menu__item:last-child::after{display:none}.footer__back-to-top{--outline-gutter: 2px;--outline-width: 3px;--focus-outline-color: var(--hdbt-color-black);--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);align-items:center;align-self:flex-end;display:flex;height:40px;margin-left:auto;margin-right:8px;text-decoration:none}@media(min-width: 992px){.footer__back-to-top{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.footer__back-to-top{margin-bottom:48px;margin-top:0}}.footer__back-to-top:focus,.footer__back-to-top:active{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:var(--outline-gutter)}.footer__back-to-top:hover{text-decoration:underline}.footer__back-to-top .hel-icon{transition:transform .2s linear}@media(prefers-reduced-motion){.footer__back-to-top .hel-icon{transition:none}}.footer__back-to-top:focus .hel-icon,.footer__back-to-top:hover .hel-icon{transform:translateY(-4px)}@media(prefers-reduced-motion){.footer__back-to-top:focus .hel-icon,.footer__back-to-top:hover .hel-icon{transform:none}}.footer--light{background-color:#efeff0;color:#fff}.footer--light .hds-koros{color:#efeff0}.footer--light a{color:#000}.footer--light .footer-bottom,.footer--light .footer-top{color:#000}.footer--light .footer-bottom .menu__item::after{background-color:#000}.footer--dark{background-color:#121212;background-color:var(--hdbt-color-black);color:#fff}.footer--dark .hds-koros{color:#121212;color:var(--hdbt-color-black)}.footer--dark a{color:#fff}.footer--dark .footer-bottom,.footer--dark .footer-top{color:#fff}.footer--dark .footer-bottom{border-color:#fff}.footer--dark .footer-bottom .menu__item::after{background-color:#fff}.footer--dark .footer__back-to-top{--focus-outline-color: var(--color-white)}.wrapper>.header{padding-top:114px}@media(min-width: 768px){.wrapper>.header{padding-top:0}}.layout-main-wrapper *{scroll-margin-top:113px}@media(min-width: 768px){.layout-main-wrapper *{scroll-margin-top:0}.toolbar-horizontal .layout-main-wrapper *{scroll-margin-top:64px}}.main-content{display:grid;grid-template-areas:"subnav" "content" "sidebar";grid-template-columns:100%;grid-template-rows:auto;margin-left:auto;margin-right:auto;margin-top:64px}@media(min-width: 992px){.main-content{margin-top:96px}}@media(min-width: 992px){.has-sidebar .main-content{-moz-column-gap:64px;column-gap:64px;grid-template-areas:"content sidebar";grid-template-columns:auto 340px}.has-sidebar--first .main-content{grid-template-areas:"subnav content" "sidebar content";grid-template-columns:340px auto;grid-template-rows:auto 1fr}}@media(min-width: 1248px){.main-content{-moz-column-gap:48px;column-gap:48px}}.has-sidebar .main-content{max-width:1296px;padding-left:16px;padding-right:16px}@media(min-width: 768px){.has-sidebar .main-content{max-width:1328px}}@media(min-width: 768px){.has-sidebar .main-content{padding-left:32px;padding-right:32px}}.layout-sidebar-first{display:none;grid-area:subnav;margin-bottom:48px}@media(min-width: 992px){.layout-sidebar-first{display:block}.no-sidebar-second .layout-sidebar-first{margin-bottom:0}}.layout-content{grid-area:content}.layout-content:not(:last-child){margin-bottom:48px}@media(min-width: 992px){.layout-content:not(:last-child){margin-bottom:0}}.layout-sidebar-second{grid-area:sidebar}.user-login-page{background-color:#efeff0}.user-login-page .no-sidebar .main-content{margin-top:0}@media(min-width: 768px){.user-login-page-content__container{display:flex}}.user-login-page__title{--line-height: 1;font-size:2rem;font-weight:400;line-height:var(--line-height);margin-bottom:32px}@media(min-width: 992px){.user-login-page__title{--line-height: 1;font-size:3rem;font-weight:400}}@media(min-width: 768px){.user-login-page__title{margin-bottom:48px}}@media(min-width: 768px){.user-login__form-container{width:50%}}.user-login-page__illustration-container{align-items:center;display:flex;justify-content:center}@media(min-width: 768px){.user-login-page__illustration-container{padding-left:96px;width:50%}}.user-login-page__illustration{display:block;height:auto;margin-top:48px;max-width:450px;width:100%}@media(min-width: 768px){.user-login-page__illustration{margin-left:0;margin-top:0;max-width:unset}}.login-form .description{display:none}.login-form .form-item--error-message{margin-top:32px}.lower-content{margin-top:32px;width:100%}@media(min-width: 992px){.lower-content{margin-top:64px}}.lower-content .layout-content{margin:0;padding:0;width:100%}.maintenance-page{background-color:#efeff0}@media(min-width: 768px){.maintenance-page-content__container{display:flex}}@media(min-width: 768px){.maintenance-page__text-container{display:flex;flex-direction:column;justify-content:center;width:50%}}.maintenance-page__title{margin-bottom:0}.maintenance-page__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 768px){.maintenance-page__description{margin-top:24px}}.maintenance-page__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:inline-flex;margin-top:32px}.maintenance-page__link::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear}@media(prefers-reduced-motion){.maintenance-page__link::after{transition:none}}.maintenance-page__link[data-is-external]::after{content:none}.maintenance-page__link:hover{text-decoration:none}.maintenance-page__link:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.maintenance-page__link:hover::after{transform:none}}.maintenance-page__link+.maintenance-page__link{margin-top:24px}@media(min-width: 768px){.maintenance-page__illustration-container{align-items:flex-start;display:flex;justify-content:center;padding:96px 48px;width:50%}}.maintenance-page__illustration{display:block;height:auto;margin:96px auto;width:350px}@media(min-width: 768px){.maintenance-page__illustration{margin:0;max-width:100%;width:460px}}.paragraph-content>*:first-child{margin-top:0}@media(min-width: 768px){.tools__container{margin-top:16px}}@media(min-width: 768px){.breadcrumb__container+.tools__container{margin-bottom:20px;margin-top:-8px}}.wrapper{flex:1 0 auto;margin-left:auto;margin-right:auto;max-width:1920px;width:100%}.image-placeholder{background-color:var(--hdbt-color-palette--primary);padding-bottom:56.25%;position:relative;width:100%}.image-placeholder .hel-icon{--icon-size: 50%;color:var(--hdbt-color-palette-text--primary);left:25%;position:absolute;top:25%}.image picture{display:block}.image img{display:block;height:auto;max-width:100%;overflow:hidden;box-shadow:inset 0 0 0 1px #e5e5e5}.image__caption{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);padding-top:16px}img{word-wrap:break-word}.announcement{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);height:auto;height:var(--js-announcement-height, auto);padding-bottom:16px}.announcement__container{--announcement-bg-color: #f7f7f8;--announcement-bg-size: 32px;--announcement-color: #0062b9;align-items:flex-start;background:linear-gradient(90deg, var(--announcement-color) 0, var(--announcement-color) var(--announcement-bg-size), var(--announcement-bg-color) var(--announcement-bg-size));background-color:var(--announcement-bg-color);box-shadow:2px 2px 10px 0 rgba(0,0,0,.1);display:flex;justify-content:space-between;min-height:var(--announcement-bg-size);padding-bottom:16px;padding-left:calc(var(--announcement-bg-size) + 16px);padding-right:16px;padding-top:16px;position:relative}.announcement__container::before{background-color:#fff;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--info-circle-fill);mask-image:var(--hel-icon--info-circle-fill);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;left:calc(.5*(var(--announcement-bg-size) - 24px));margin-top:-12px;position:absolute;top:50%}@media(min-width: 768px){.announcement__container{--announcement-bg-size: 48px}}.announcement--alert .announcement__container{--announcement-bg-color: #f6e2e6;--announcement-color: #b01038}.announcement--alert .announcement__container::before{-webkit-mask-image:var(--hel-icon--error-fill);mask-image:var(--hel-icon--error-fill)}.announcement--attention .announcement__container{--announcement-color: #ffda07}.announcement--attention .announcement__container::before{-webkit-mask-image:var(--hel-icon--alert-circle-fill);mask-image:var(--hel-icon--alert-circle-fill);background-color:#000}.announcenemnt__content-body *:first-child{margin-top:0}.announcement__link{margin-top:16px}.announcement__link:first-child{margin-top:0}.announcement__link a::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height)*1em);-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);vertical-align:bottom;width:calc(var(--line-height)*1em);transition:transform .2s linear;margin-left:4px}@media(prefers-reduced-motion){.announcement__link a::after{transition:none}}.announcement__link a:focus::after,.announcement__link a:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.announcement__link a:focus::after,.announcement__link a:hover::after{transform:none}}.announcement__link a[data-is-external]::after{content:none}.announcement__close{background:rgba(0,0,0,0);border:0 none;cursor:pointer;height:32px;margin-bottom:0;margin-left:0;margin-right:-8px;margin-top:-8px;padding:0;width:32px}.announcement__close::after{--icon-size: 32px;background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--cross);mask-image:var(--hel-icon--cross);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em))}.js-announcement__close--disabled{visibility:hidden}.js-announcement--hide{height:0;opacity:0;overflow:hidden;padding-bottom:0;transition:opacity linear .15s,height linear .2s .15s,padding-bottom linear .2s .15s,visibility linear 0s 0.35s;visibility:hidden}@media(prefers-reduced-motion){.js-announcement--hide{transition:none}}.hds-notification{margin-bottom:16px}.hds-notification:first-of-type{margin-top:16px}.hds-notification__label .hel-icon{--icon-size: 24px;margin-right:8px}.messages__container{padding-top:0}.menu__link{text-decoration:none}.menu__link:focus,.menu__link:hover{text-decoration:underline}.menu__link[aria-current=page],.menu__link[aria-current=true]{font-weight:700}.menu__link__text{text-decoration:inherit}.menu__link__icon{display:none}.header-branding{--branding-height: 65px;--header-branding-padding: 16px;background-color:#fff;display:grid;grid-template-areas:". logo . brand search toggle ." "menu menu menu menu menu menu menu" "lang lang lang lang lang lang lang" "langmenu langmenu langmenu langmenu langmenu langmenu langmenu";grid-template-columns:var(--header-branding-padding) auto 1fr auto auto auto var(--header-branding-padding);grid-template-rows:var(--branding-height) min-content min-content min-content;position:fixed;top:0;width:100%;z-index:100}@media(min-width: 768px){.header-branding{--branding-height: 86px;--header-branding-padding: 24px;grid-template-areas:". logo . lang brand search toggle ." "langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu" "menu menu menu menu menu menu menu menu";grid-template-columns:var(--header-branding-padding) auto 1fr auto auto auto auto var(--header-branding-padding);grid-template-rows:var(--branding-height) auto}}@media(min-width: 992px){.header-branding{grid-template-areas:". logo . lang brand search toggle ." "langmenu langmenu langmenu langmenu . . . ." "menu menu menu menu menu menu menu menu"}}@media(min-width: 768px){.header-branding{position:relative;top:auto}}@media(min-width: 992px){.header-branding{--header-branding-padding: 32px}}.header-branding::before{align-self:end;background-color:#fff;border-bottom:1px solid #ccc;content:"";grid-column:1/-1;grid-row:1/span 1;height:100%;z-index:1}@media(min-width: 768px){.header-branding::before{height:0}}.toolbar-vertical .header-branding{top:var(--drupal-toolbar-height)}.header-branding .block--branding-navigation .menu{display:flex;list-style:none;margin:0;padding:0}.header-branding .block--branding-navigation .menu__item+.menu__item{margin-left:8px}.header-branding .block--branding-navigation .menu__link{--line-height: 1;font-size:.875rem;font-weight:400;line-height:var(--line-height);align-self:center;cursor:pointer;display:grid;grid-template-areas:"icon" "label";padding:5px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(min-width: 992px){.header-branding .block--branding-navigation .menu__link{display:none}}.header-branding .block--branding-navigation .menu__link:focus,.header-branding .block--branding-navigation .menu__link:hover{text-decoration:underline}.header-branding .block--branding-navigation .menu__link:active,.header-branding .block--branding-navigation .menu__link:focus{outline:3px solid #000;outline-offset:-3px}.header-branding .block--branding-navigation .menu__link__icon{--icon-size: 32px;align-self:end;display:block;grid-area:icon;justify-self:center}.breadcrumb{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);align-items:center;display:flex;list-style:none;margin:0;padding:8px 16px}@media(min-width: 768px){.breadcrumb{--line-height: 1.5;font-size:.875rem;font-weight:400}}@media(min-width: 768px){.breadcrumb{padding:16px 24px}}@media(min-width: 992px){.breadcrumb{padding:16px 32px}}.breadcrumb .hel-icon{display:none}@media(min-width: 768px){.breadcrumb .hel-icon{--icon-size: 0.875rem;display:block;margin:0 2px}}.breadcrumb__link{display:none;text-decoration:underline}@media(min-width: 768px){.breadcrumb__link{display:block}}.breadcrumb__link:hover{text-decoration:none}.breadcrumb__link:last-of-type{align-items:center;display:flex;margin-left:-8px}@media(min-width: 768px){.breadcrumb__link:last-of-type{margin-left:0}}.breadcrumb__link:last-of-type::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--angle-left);mask-image:var(--hel-icon--angle-left);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}@media(min-width: 768px){.breadcrumb__link:last-of-type::before{display:none}}.breadcrumb__current{--line-height: 1.5;font-size:.875rem;font-weight:700;line-height:var(--line-height);display:none}@media(min-width: 768px){.breadcrumb__current{display:block}}.header-bottom{background-color:#fff}@media(min-width: 992px){.header-bottom{border-bottom:1px solid #ccc}}.header-bottom .menu{display:none;margin:0;padding:0;z-index:0}@media(min-width: 992px){.header-bottom .menu{display:flex}}.header-bottom .menu--level-0,.header-bottom .site-name__container{margin-left:22px;margin-right:22px;flex-wrap:wrap}.header-bottom .menu--level-0>*,.header-bottom .site-name__container>*{margin-left:10px;margin-right:10px}.header-bottom .site-name__container{display:none;padding-top:24px}@media(min-width: 992px){.header-bottom .site-name__container{display:flex}}.header-bottom .site-name__link{--line-height: 1.1666666667;font-size:1.5rem;font-weight:400;line-height:var(--line-height);text-decoration:none}.header-bottom .site-name__link:hover,.header-bottom .site-name__link:focus{text-decoration:underline}.header-bottom .menu__item{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);list-style:none;position:relative}.header-bottom .menu__toggle-button{background-color:#f1f1f1;border:none;margin-left:4px;padding:0}.header-bottom .menu__toggle-button:hover{cursor:pointer}.header-bottom .menu__toggle-button:focus{box-shadow:0 0 0 3px #000;outline:none;padding:6px 0}.header-bottom .menu__toggle-button-icon{transition:transform .2s ease-in}@media(prefers-reduced-motion){.header-bottom .menu__toggle-button-icon{transition:none}}.header-bottom [aria-expanded=true]>.menu__toggle-button-icon{transform:rotate(180deg)}.header-bottom .menu__item--nolink{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);padding:24px 0;text-decoration:none}.header-bottom .menu__link-wrapper{align-items:center;display:flex;height:100%;position:relative}.header-bottom .menu__link{display:inline-block;padding:24px 0}.header-bottom .menu__link::before{background-color:#000;bottom:0;content:"";height:0;left:0;margin:0 auto;position:absolute;right:0;transition:all .5s cubic-bezier(0.19, 1, 0.22, 1);width:0}.header-bottom .menu__link[aria-current=page]::before{height:4px;width:100%}.header-bottom .menu__link:focus{outline:none}.header-bottom .menu__link:focus::after{box-shadow:0 0 0 3px #000;content:"";display:block;height:50%;left:-4px;position:absolute;top:50%;transform:translateY(-50%);width:calc(100% + 8px)}.header-bottom .menu__item--item-below .menu__link:focus::after{left:-2px;width:calc(100% - 24px)}.header-bottom .menu__link--active-trail{font-weight:700}.header-bottom .menu__link--active-trail::before{height:4px;width:100%}.header-bottom .menu__link__text{display:inline-block}.header-bottom .menu--level-1{background-color:#fff;border:1px solid #ccc;bottom:auto;display:none;left:-20px;min-width:310px;position:absolute;width:calc(100% + 64px);z-index:100}.header-bottom .menu__item--hover .menu--level-1,.header-bottom .menu__item--open .menu--level-1{display:block}.header-bottom .menu--level-1 .menu__toggle-button{display:none}.header-bottom .menu--level-1 .menu__link,.header-bottom .menu--level-1 .menu__item--nolink{--line-height: 1.25;font-size:1rem;font-weight:400;line-height:var(--line-height);display:block;padding:16px 20px}.header-bottom .menu--level-1 .menu__link::before,.header-bottom .menu--level-1 .menu__item--nolink::before{bottom:0;height:100%;left:0;margin:0;right:auto;top:0;transition:width 100ms ease-in}.header-bottom .menu--level-1 .menu__link:focus,.header-bottom .menu--level-1 .menu__item--nolink:focus{margin:0}.header-bottom .menu--level-1 .menu__link:focus::after,.header-bottom .menu--level-1 .menu__item--nolink:focus::after{height:100%;left:8px;width:calc(100% - 16px)}.header-bottom .menu--level-1 .menu__link[aria-current=page],.header-bottom .menu--level-1 .menu__item--nolink[aria-current=page]{font-weight:700}.header-bottom .menu--level-1 .menu__link:hover::before,.header-bottom .menu--level-1 .menu__link[aria-current=page]::before,.header-bottom .menu--level-1 .menu__link.menu__link--active-trail::before,.header-bottom .menu--level-1 .menu__item--nolink:hover::before,.header-bottom .menu--level-1 .menu__item--nolink[aria-current=page]::before,.header-bottom .menu--level-1 .menu__item--nolink.menu__link--active-trail::before{height:100%;width:4px}.header-bottom .menu--level-1 .menu__item--active-trail::before{height:100%;width:0}.nav-toggle-dropdown--search .nav-toggle-dropdown__content{background-color:#f7f7f8}.header-search-wrapper{padding-left:16px;padding-right:16px;max-width:860px;padding-top:48px;padding-bottom:48px}@media(min-width: 768px){.header-search-wrapper{padding-left:32px;padding-right:32px}}.header-search-wrapper .helfi-search__form{align-items:initial;flex-direction:column;margin-bottom:24px}@media(min-width: 576px){.header-search-wrapper .helfi-search__form{align-items:flex-end;flex-direction:row}}.header-search-wrapper .helfi-search__form .hds-text-input{width:100%}.header-search__javascript-disabled{display:block;margin-bottom:24px}.header-search__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-bottom:16px;margin-top:0}@media(min-width: 992px){.header-search__title{--line-height: 1;font-size:2rem;font-weight:400}}.search-container__links-container{display:flex;flex-direction:column;gap:24px}@media(min-width: 768px){.search-container__links-container{flex-direction:row}}@media(min-width: 768px){.search-container__link{width:50%}}.search-container__link p{margin-top:0}.search__link-external{display:inline-block;margin-bottom:8px;--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}.header{--header-top-height: 0}@media(min-width: 992px){.header{--header-top-height: calc(28px + 1.25rem)}}.header-top{display:none}@media(min-width: 992px){.header-top{--line-height: 1.4285714286;font-size:.875rem;font-weight:400;line-height:var(--line-height);align-items:center;background-color:#f1f1f1;display:flex;justify-content:flex-end;padding:14px 32px}}.header-top .menu{display:flex;list-style:none;margin:0;padding:0}[dir="ltr"] .header-top .menu__item+.menu__item{margin-left:16px}[dir="rtl"] .header-top .menu__item+.menu__item{margin-right:16px}.header-top .link-to-site-frontpage{text-decoration:none}.header-top .link-to-site-frontpage:focus,.header-top .link-to-site-frontpage:hover{text-decoration:underline}.header-top .link-to-site-frontpage[aria-current=page],.header-top .link-to-site-frontpage[aria-current=true]{font-weight:700}.header-top .menu__link__text::after{--external-icon-move: translate(1px, -1px)}@media(prefers-reduced-motion){.header-top .menu__link__text::after{--external-icon-move: scale(1)}}.helfi-search__form{align-items:flex-end;display:flex;gap:8px}.helfi-search__form .form-item{margin-bottom:0}html:not(.js) .helfi-search__form{display:none}.helfi-search__submit-button{height:56px}.language-link{text-decoration:none;--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#1a1a1a;margin-left:8px;margin-right:8px}.language-link:focus,.language-link:hover{text-decoration:underline}.language-link[aria-current=page],.language-link[aria-current=true]{font-weight:700}.language-link:first-child{margin-left:0}.language-link[aria-current=true]{border-bottom:3px solid #1a1a1a;cursor:default;text-decoration:none}.language-link.is-disabled{color:#666;cursor:not-allowed}.language-link.is-disabled.is-alternative{display:none}.local-tasks__wrapper{display:none}@media(min-width: 768px){.local-tasks__wrapper{display:block;margin:0 24px}}@media(min-width: 992px){.local-tasks__wrapper{margin:0 32px 16px}}.local-tasks{display:flex;flex:1 1;height:56px;list-style:none;margin:0 0 0 -4px;padding:0}.local-task{align-items:center;display:flex;font-weight:500;margin-left:32px;outline:none;padding:0}.local-task:first-child{margin-left:0}.local-task a{align-items:center;display:flex;height:100%;padding:4px;position:relative;text-decoration:none}.local-task a::after{background-color:#000;bottom:0;content:"";height:4px;left:0;position:absolute;right:0;transform:scale(0);transition:transform .5s cubic-bezier(0.19, 1, 0.22, 1)}.local-task a.is-active::after,.local-task a:hover::after{transform:scale(1)}.local-task a:focus{outline:3px solid #000;outline-offset:2px}.infinite-scroll-pager{display:flex;flex-direction:column;justify-content:center;list-style:none;margin-left:0;margin-top:32px;padding:0}@media(min-width: 768px){.infinite-scroll-pager{flex-direction:row;margin-top:64px}}.infinite-scroll-pager .pager-button{display:flex}.layout-sidebar-first{display:none}@media(min-width: 992px){.layout-sidebar-first{display:block}}.has-section-nav .layout-sidebar-first{display:block}.sidebar-navigation__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-top:0}@media(min-width: 992px){.sidebar-navigation__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.sidebar-navigation__title a{text-decoration:none;align-items:center;display:flex;margin-top:8px;margin-bottom:8px;padding-top:16px;padding-bottom:16px;position:relative}.sidebar-navigation__title a:focus,.sidebar-navigation__title a:hover{text-decoration:underline}.sidebar-navigation__title a[aria-current=page],.sidebar-navigation__title a[aria-current=true]{font-weight:700}.sidebar-navigation__title a::before{background-color:#000;background-size:contain;content:"";display:flex;height:25px;-webkit-mask-image:var(--hel-icon--arrow-left);mask-image:var(--hel-icon--arrow-left);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:25px 25px;mask-size:25px 25px;vertical-align:bottom;width:25px;transition:transform .2s linear;margin-left:8px;margin-right:16px}@media(prefers-reduced-motion){.sidebar-navigation__title a::before{transition:none}}.sidebar-navigation__title a:focus::before,.sidebar-navigation__title a:hover::before{transform:translateX(-4px)}@media(prefers-reduced-motion){.sidebar-navigation__title a:focus::before,.sidebar-navigation__title a:hover::before{transform:none}}.sidebar-navigation__title a:focus{outline:3px solid #000;outline-offset:-5px}.sidebar-navigation{width:100%}.sidebar-navigation .menu__toggle-button{background:rgba(0,0,0,0);border:none;display:none;height:44px;padding:0;position:relative;width:44px}:where(html.js) .sidebar-navigation .menu__toggle-button{display:block}.sidebar-navigation .menu__toggle-button::before{background-color:#f1f1f1;content:"";height:24px;top:0;right:0;bottom:0;left:0;margin:auto;position:absolute;width:24px}.sidebar-navigation .menu__toggle-button .hel-icon{transition:transform .2s ease-in}@media(prefers-reduced-motion){.sidebar-navigation .menu__toggle-button .hel-icon{transition:none}}.sidebar-navigation .menu__toggle-button:focus{outline:3px solid #000;outline-offset:-5px}.sidebar-navigation .menu__toggle-button:hover{cursor:pointer}.sidebar-navigation .menu__toggle-button:hover::before{background-color:#ccc}.sidebar-navigation .menu__link-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.sidebar-navigation .menu{list-style:none;margin:0;padding:0;width:100%}.sidebar-navigation .menu__item{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.sidebar-navigation .menu__item.menu__item--active-trail{display:flex;flex-wrap:wrap}.sidebar-navigation .menu__item.menu__item--active-trail>.menu__link-wrapper{font-weight:bold}.sidebar-navigation .menu__item--children .menu{display:block}:where(html.js) .sidebar-navigation .menu__item--children .menu{display:none}.sidebar-navigation .menu__item--open>.menu{display:block}.sidebar-navigation .menu__item--open>.menu__link-wrapper .hel-icon{transform:rotate(180deg)}.sidebar-navigation .menu__item--nolink,.sidebar-navigation .menu__link{margin-top:5px;margin-bottom:5px;padding:5px 4px;position:relative;width:100%}.sidebar-navigation .menu__item--nolink:focus,.sidebar-navigation .menu__link:focus{outline:3px solid #000;outline-offset:-3px}.sidebar-navigation .menu__item--item-below>.menu__link-wrapper .menu__item--nolink,.sidebar-navigation .menu__item--item-below>.menu__link-wrapper .menu__link{width:calc(100% - 44px)}.sidebar-navigation .menu--level-1{border-left:1px solid #ccc;margin-bottom:16px;padding-left:16px}.sidebar-navigation .menu--level-1 .menu{border-left:1px solid #ccc;padding-left:16px}.sidebar-navigation .menu--level-1 .menu__item--nolink[aria-current=page]::before,.sidebar-navigation .menu--level-1 .menu__link[aria-current=page]::before{background-color:#000;content:"";height:calc(100% + (2 * 5px));top:0;right:0;bottom:0;left:0;left:calc(-1 * 16px - 1px);position:absolute;top:-5px;width:3px}.sidebar-navigation .menu--level-0>.menu__item{border-bottom:1px solid #ccc}.sidebar-navigation .menu--level-0>.menu__item>.menu__link-wrapper .menu__link{margin-top:8px;margin-bottom:8px;padding:8px 4px}@media(min-width: 992px){.sidebar-navigation+.sidebar-navigation{margin-top:64px}}@media(max-width: 992px){.sidebar-navigation--section-navigation{background-color:#f7f7f8;display:block}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu__toggle-button{margin-right:-10px}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu--level-0{padding-left:16px;padding-right:16px}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu--level-0>.menu__item:last-child{border-bottom:0}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu__item--item-below>.menu__link-wrapper{padding-right:0}}@media(max-width: 992px){.section-navigation__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height);background-color:#f7f7f8;border-bottom:0 none;flex-grow:1;margin-top:0;padding:0}}@media(max-width: 992px)and (min-width: 992px){.section-navigation__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}@media(max-width: 992px){.section-navigation__title a{margin-bottom:0;margin-top:0;padding-left:16px;padding-right:16px}}@media(max-width: 992px){.section-navigation__title a::before{display:none}}@media(max-width: 992px){.section-navigation__header{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);align-items:stretch;display:flex}}@media(max-width: 992px){.section-navigation__header .section-navigation__toggle-wrapper{align-items:center;background-color:#dedfe1;display:flex}}.section-navigation__header .menu__toggle-button{display:none}@media(max-width: 992px){.section-navigation__header .menu__toggle-button{background-color:#dedfe1;height:54px;margin-right:0;width:54px}}.section-navigation__header .menu__toggle-button::before{display:none}@media(max-width: 992px){:where(html.js) .section-navigation__header .menu__toggle-button{display:block}}@media(max-width: 992px){.section-navigation__menu-wrapper{display:block}:where(html.js) .section-navigation__menu-wrapper{display:none}}@media(max-width: 992px){.section-navigation__menu-wrapper .menu__toggle-button::before{background-color:#dedfe1}}@media(max-width: 992px){.sidebar-navigation--section-navigation--open .sidebar-navigation__title{background-color:#dedfe1}}@media(max-width: 992px){.sidebar-navigation--section-navigation--open .section-navigation__header .menu__toggle-button .hel-icon{transform:rotate(180deg)}}@media(max-width: 992px){.sidebar-navigation--section-navigation--open .section-navigation__menu-wrapper{display:block}}.skip-to-main{--border-width: 2px;--border-color: var(--color-white);--outline-width: 3px;--background-color: var(--hdbt-color-black);--color: var(--color-white);--focus-outline-color: var(--hdbt-color-black);word-wrap:normal;background-color:var(--background-color);border:var(--border-width) solid var(--border-color);color:var(--color);font-weight:500;left:50%;position:absolute;scroll-margin-top:105px;text-decoration:none;top:0;transform:translate(-50%, 0);transition:transform ease-out .2s;width:-moz-fit-content;width:fit-content;z-index:2}.skip-to-main:not(:focus){clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);max-height:1px;max-width:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}@media(min-width: 768px){.skip-to-main{scroll-margin-top:24px}}.skip-to-main:focus,.skip-to-main:active{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:0;padding:8px 24px;transform:translate(-50%, 102px)}@media(min-width: 768px){.skip-to-main:focus,.skip-to-main:active{transform:translate(-50%, 24px)}}.skip-to-main:hover{text-decoration:underline}.table-of-contents{max-width:1296px}@media(min-width: 768px){.table-of-contents{max-width:1328px}}.table-of-contents:not(:first-child){margin-top:32px}@media(min-width: 992px){.table-of-contents:not(:first-child){margin-top:64px}}@media(min-width: 768px){.table-of-contents{padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}}@media(min-width: 768px)and (min-width: 768px){.table-of-contents{padding-left:32px;padding-right:32px}}.has-sidebar .table-of-contents{margin-left:-16px;margin-right:-16px}@media(min-width: 768px){.has-sidebar .table-of-contents{margin-left:-32px;margin-right:-32px}}.table-of-contents+.long-desc{margin-top:32px}@media(min-width: 992px){.table-of-contents+.long-desc{margin-top:64px}}.table-of-contents__container{background-color:#f7f7f8;border-left:8px solid #c2a251;max-width:908px;padding:32px 24px}.table-of-contents__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-bottom:0;margin-top:0}@media(min-width: 992px){.table-of-contents__title{--line-height: 1;font-size:2rem;font-weight:400}}.table-of-contents__title+.table-of-contents__content{padding-top:16px}@media(min-width: 992px){.table-of-contents__title+.table-of-contents__content{padding-top:24px}}.table-of-contents__list{list-style-type:none;margin:0;padding:0}.table-of-contents__list>.table-of-contents__item~.table-of-contents__item{padding-top:16px}.table-of-contents__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:inline-block;position:relative;text-decoration:underline}.table-of-contents__link:focus{outline:none}.table-of-contents__link:focus::after{box-shadow:0 0 0 3px #000;content:"";display:block;height:100%;left:-4px;position:absolute;top:50%;transform:translateY(-50%);width:calc(100% + 8px)}.tab__content[aria-hidden=true]{display:none}.tab{background:rgba(0,0,0,0);border:none;padding:0;text-decoration:underline}.tab[aria-selected=true]{font-weight:700}.tab:hover{cursor:pointer;text-decoration:none}.tab--map::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:20px;-webkit-mask-image:var(--hel-icon--map);mask-image:var(--hel-icon--map);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;margin-right:8px}.tab--list::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:20px;-webkit-mask-image:var(--hel-icon--menu-hamburger);mask-image:var(--hel-icon--menu-hamburger);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;margin-right:8px}.tabs--unit-search{margin-bottom:32px;margin-top:24px}@media(min-width: 768px){.tabs--unit-search{margin-bottom:0;margin-top:0}}.tabs--unit-search .tab{display:block}.tabs--unit-search .tab[aria-selected=true]{display:none;font-weight:400}.hds-pagination-container{margin-top:32px;text-align:center}@media(min-width: 768px){.hds-pagination-container{margin-top:64px}}.hds-pagination{--active-page-background-color: var(--color-black);--link-height: 40px;--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:inline-block;font-weight:700;position:relative;transform:scaleY(-1)}.hds-pagination::before{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);speak:never;content:attr(data-next);content:attr(data-next)/"";display:block;float:right;line-height:60px;padding-left:26px;padding-right:30px;transform:scaleY(-1);visibility:hidden}.hds-pagination__button-prev,.hds-pagination__button-next{list-style:none;margin-bottom:0;margin-top:0;padding:0}.hds-pagination__button-prev{float:left;margin-right:8px;transform:scaleY(-1);white-space:nowrap}.hds-pagination__button-next{position:absolute;right:0;top:0;transform:scaleY(-1);white-space:nowrap}.hds-pagination__button-prev-label{padding:16px 16px 16px 4px}.hds-pagination__button-next-label{padding:16px 4px 16px 16px}.hds-pagination__pages{display:inline-flex;flex-wrap:wrap;gap:0.5rem;gap:var(--spacing-2-xs);justify-content:center;list-style:none;margin-bottom:0;margin-top:10px;padding:0;transform:scaleY(-1)}.hds-pagination__item-link{align-items:center;border-radius:21px;color:#1a1a1a;color:var(--color-black-90);display:flex;height:var(--link-height);justify-content:center;min-width:40px;padding-left:0.25rem;padding-left:var(--spacing-3-xs);padding-right:0.25rem;padding-right:var(--spacing-3-xs);text-decoration:none}.hds-pagination__item-link:hover{text-decoration:underline}.hds-pagination__item-link:focus,.hds-pagination__item-link:active{outline:solid #0072c6 3px;outline:solid var(--color-coat-of-arms) 3px;outline-offset:1px}.hds-pagination__item-link.hds-pagination__item-link--active{background-color:var(--active-page-background-color);color:#ffffff;color:var(--color-white)}.hds-pagination__item-link.hds-pagination__item-link--active:hover{text-decoration:none}.hds-pagination__item-ellipsis{align-items:center;color:#1a1a1a;color:var(--color-black-90);display:flex;height:var(--link-height);justify-content:center;width:24px}.page-type--article .node--type-article .article-header__container{margin-bottom:32px}@media(min-width: 768px){.page-type--article .node--type-article .article-header__container{margin-bottom:48px}}.page-type--article .node--type-article .article-header__container>div{max-width:860px}@media(min-width: 768px){.page-type--article .node--type-article .article-header__container>div{padding-left:96px}}.page-type--article .node--type-article .article__lead{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);color:#000;margin-bottom:24px}@media(min-width: 992px){.page-type--article .node--type-article .article__lead{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.page-type--article .node--type-article .article__author{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#1a1a1a;display:flex}.page-type--article .node--type-article .article__author .label{margin-right:4px}.page-type--article .node--type-article .article__date{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#999898;margin-bottom:16px}.page-type--article .node--type-article .article__keywords{background:#f7f7f8;margin-top:32px;padding:8px 0 32px}@media(min-width: 768px){.page-type--article .node--type-article .article__keywords{margin-top:64px;padding:40px 0 64px}}@media(min-width: 992px){.page-type--article .node--type-article .article__keywords{margin-top:48px}}.page-type--article .node--type-article .article__keywords .container{max-width:1264px}.page-type--article .node--type-article .article__keywords:last-child{margin-bottom:calc(-1*(50px + 48px));padding-bottom:82px}@media(min-width: 992px){.page-type--article .node--type-article .article__keywords:last-child{padding-bottom:114px}}.page-type--article .node--type-article .article__keywords .keywords__wrapper{margin-left:-4px;margin-right:-4px}.page-type--article .node--type-article .article__keywords .label{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);color:#1a1a1a;margin:0 4px 8px}@media(min-width: 992px){.page-type--article .node--type-article .article__keywords .label{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.page-type--article .node--type-article .article__keywords .label{margin:0 4px 16px}}.page-type--article .node--type-article .article__keywords .keywords{display:flex;flex-flow:row wrap}.page-type--article .node--type-article .article__keywords .keywords a{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);background-color:#000;border-radius:24px;color:#fff;margin:4px;padding:8px 32px;text-decoration:none}[data-unpublished]::before{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);--line-height: 1;background:#b01038;color:#fff;content:attr(data-unpublished);display:block;padding-left:8px;padding-right:8px;position:fixed;transform:rotate(-90deg) translateX(calc(-50% - 50vh));transform-origin:top left;z-index:2}@media(min-width: 768px){[data-unpublished]::before{content:attr(data-unpublished-long);--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);--line-height: 1.5}}.lead-in .component__content{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);max-width:860px}@media(min-width: 992px){.lead-in .component__content{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.page-divider+*{margin-top:48px}.page-divider:first-child{display:none}.page-divider:first-child+*{margin-top:0}.page-title~article .page-divider{display:block}.page-title~article .page-divider+*{margin-top:48px}.page-divider::after{background-color:#000;content:"";display:block;height:2px;margin-top:32px;width:64px}.main-image img{display:block;height:auto;overflow:hidden;width:100%}.long-desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.long-desc>p{max-width:860px}.long-desc>:first-child{margin-top:0}.main-image+.long-desc{margin-top:64px}.no-sidebar .page-title,.no-sidebar .lead-in,.no-sidebar .page-divider,.no-sidebar .main-image,.no-sidebar .long-desc,.no-sidebar .enriched-content{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media(min-width: 768px){.no-sidebar .page-title,.no-sidebar .lead-in,.no-sidebar .page-divider,.no-sidebar .main-image,.no-sidebar .long-desc,.no-sidebar .enriched-content{max-width:1328px}}@media(min-width: 768px){.no-sidebar .page-title,.no-sidebar .lead-in,.no-sidebar .page-divider,.no-sidebar .main-image,.no-sidebar .long-desc,.no-sidebar .enriched-content{padding-left:32px;padding-right:32px}}.content-date{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666;margin-bottom:24px}.content-date__datetime--updated::before{background-color:currentcolor;content:"";display:inline-block;height:1em;margin-bottom:-1px;margin-left:8px;margin-right:8px;width:1px}.content-links{margin-top:32px}@media(min-width: 992px){.content-links{margin-top:64px}}.content-links__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.content-links__title{--line-height: 1;font-size:2rem;font-weight:400}}.content-links__links{margin-top:24px;padding:0}.content-links__links__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);list-style:none;padding:0}.content-links__links__link+.content-links__links__link{margin-top:16px}.content-links__links__link a::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear;margin-left:4px}@media(prefers-reduced-motion){.content-links__links__link a::after{transition:none}}.content-links__links__link a:hover{text-decoration:none}.content-links__links__link a:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.content-links__links__link a:hover::after{transform:none}}.content-links__links__link a[data-is-external]::after{content:none}.sidebar_block_heading{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-top:0;padding-bottom:24px;width:100%}@media(min-width: 992px){.sidebar_block_heading{--line-height: 1;font-size:2rem;font-weight:400}}.cookie-compliance--lead-in__container{max-width:1296px;padding-left:16px;padding-right:16px;padding-top:0}@media(min-width: 768px){.cookie-compliance--lead-in__container{max-width:1328px}}@media(min-width: 768px){.cookie-compliance--lead-in__container{padding-left:32px;padding-right:32px}}.cookie-compliance--lead-in__container h1{margin-bottom:32px;margin-top:0}.cookie-compliance-block .cookie-selection-instruction{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);border-bottom:1px solid #ccc;display:flex;margin-top:32px;padding-bottom:32px}.cookie-compliance-block .cookie-selection-instruction::before{background-color:#000;background-size:contain;content:"";display:flex;height:32px;-webkit-mask-image:var(--hel-icon--info-circle);mask-image:var(--hel-icon--info-circle);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px;margin-right:8px}.cookie-compliance-block .cookie-selection-instruction p{margin-top:0}.cookie-compliance-block .hds-checkbox{display:block;margin-top:32px}.cookie-compliance-block .hds-checkbox .hds-checkbox__label,.cookie-compliance-block .hds-checkbox>label{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;padding-left:calc(var(--size) + 16px)}@media(min-width: 992px){.cookie-compliance-block .hds-checkbox .hds-checkbox__label,.cookie-compliance-block .hds-checkbox>label{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.cookie-compliance-block .hds-checkbox .hds-checkbox__input,.cookie-compliance-block .hds-checkbox .hds-checkbox__label::after,.cookie-compliance-block .hds-checkbox>label::after,.cookie-compliance-block .hds-checkbox .hds-checkbox__label::before,.cookie-compliance-block .hds-checkbox>label::before{top:7px}.cookie-compliance-block .form-item:not(:last-of-type) .description{border-bottom:1px solid #ccc}.cookie-compliance-block .description{display:block}@media(min-width: 992px){.cookie-compliance-block .description{padding-top:16px}}.cookie-compliance-block .buttons input{margin-bottom:8px}.cookie-compliance--lead-in__container p,.cookie-compliance-block p{max-width:860px}.embedded-content-cookie-compliance,.react-and-share-cookie-compliance,.helfi-charts-cookie-compliance{align-content:center;align-items:center;background-color:#f1f1f1;display:flex;justify-content:center}.map .embedded-content-cookie-compliance,.remote-video .embedded-content-cookie-compliance,.map .react-and-share-cookie-compliance,.remote-video .react-and-share-cookie-compliance,.map .helfi-charts-cookie-compliance,.remote-video .helfi-charts-cookie-compliance{aspect-ratio:16/9}.embedded-content-cookie-compliance .message,.react-and-share-cookie-compliance .message,.helfi-charts-cookie-compliance .message{background-color:#fff;margin:16px;max-width:892px;padding:16px}@media(min-width: 768px){.embedded-content-cookie-compliance .message,.react-and-share-cookie-compliance .message,.helfi-charts-cookie-compliance .message{margin:64px;max-width:924px;padding:32px}}.embedded-content-cookie-compliance .message .hel-icon,.react-and-share-cookie-compliance .message .hel-icon,.helfi-charts-cookie-compliance .message .hel-icon{--icon-size: 24px}.embedded-content-cookie-compliance .message h2,.react-and-share-cookie-compliance .message h2,.helfi-charts-cookie-compliance .message h2{margin-top:0;--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.embedded-content-cookie-compliance .message h2,.react-and-share-cookie-compliance .message h2,.helfi-charts-cookie-compliance .message h2{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.embedded-content-cookie-compliance .message .buttons,.react-and-share-cookie-compliance .message .buttons,.helfi-charts-cookie-compliance .message .buttons{display:flex;flex-direction:column;margin-top:16px}@media(min-width: 768px){.embedded-content-cookie-compliance .message .buttons,.react-and-share-cookie-compliance .message .buttons,.helfi-charts-cookie-compliance .message .buttons{flex-direction:row}}.embedded-content-cookie-compliance .message .hds-button,.react-and-share-cookie-compliance .message .hds-button,.helfi-charts-cookie-compliance .message .hds-button{--theme-fg1: var(--color-white);--theme-fg2: var(--color-black);--theme-bg1: var(--color-black);--theme-bg2: transparent;--theme-focus: var(--color-black);margin-top:16px;max-width:400px}@media(min-width: 768px){.embedded-content-cookie-compliance .message .hds-button,.react-and-share-cookie-compliance .message .hds-button,.helfi-charts-cookie-compliance .message .hds-button{margin-left:16px;margin-top:0}}.embedded-content-cookie-compliance .message .hds-button:first-child,.react-and-share-cookie-compliance .message .hds-button:first-child,.helfi-charts-cookie-compliance .message .hds-button:first-child{margin-left:0;margin-top:0}.layout-main-wrapper>.block--react-and-share:last-child .message{margin-bottom:80px}.remote-video .embedded-content-cookie-compliance{background-color:#1a1a1a}.remote-video .embedded-content-cookie-compliance .message{background-color:#000}.remote-video .embedded-content-cookie-compliance .message .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.react-and-share-cookie-compliance .message{background-color:rgba(0,0,0,0);padding:0}.errand-service{margin-top:48px}@media(min-width: 992px){.errand-service{margin-top:64px}}.errand-service__container{padding:0}.errand-service__title{margin-top:0}.errand-service__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:24px}.errand-service__description p:first-child{margin-top:0}.errand-service__accordion{margin-top:32px}@media(min-width: 992px){.errand-service__accordion{margin-top:64px}}.errand-service__accordion .accordion__container{padding-left:0;padding-right:0;padding-top:0}.errand-service__accordion .errand-service__detail-links{list-style:none;padding-left:0;padding-top:0}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link-wrapper{margin-top:16px}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link-wrapper:first-child{margin-top:0}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link{display:flex}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link:before{background-color:#000;background-size:contain;content:"";display:flex;height:24px;-webkit-mask-image:var(--hel-icon--globe);mask-image:var(--hel-icon--globe);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;flex-shrink:0;margin-right:8px}.page-type--news-item .sidebar-first{display:block}.news-listing{margin-top:0;padding-left:0;padding-top:0}.news-listing__item{list-style:none;margin-top:24px;position:relative}.news-listing__link{display:block;text-decoration:none}.news-listing__link:focus,.news-listing__link:hover{text-decoration:underline}.news-listing__link::after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.news-listing__title{margin-top:0}.news-listing__datetime{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666}.components--news{margin-top:0}.news-listing--latest-tiny-teasers .news-listing__item{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--color-black-10);display:flex;margin-top:16px;padding-bottom:8px}.news-listing__tiny-teaser .news-listing__title{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:8px}@media(min-width: 768px){.news-listing--latest-medium-teasers{display:flex;flex-wrap:wrap}}.news-listing--latest-medium-teasers .news-listing__item:first-child{margin-top:0}@media(min-width: 768px){.news-listing--latest-medium-teasers .news-listing__item:nth-child(2){margin-top:0}}@media(min-width: 768px){.news-listing--latest-medium-teasers .news-listing__item{margin-top:32px;padding-right:24px;width:50%}}.news-listing__medium-teaser{border-left:4px solid var(--hdbt-color-palette--accent);padding-left:16px}@media(min-width: 992px){.news-listing__medium-teaser{padding-left:24px}}.news-listing__medium-teaser .news-listing__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.news-listing__medium-teaser .news-listing__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}@media(min-width: 992px){.news-listing__medium-teaser .news-listing__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}}@media(min-width: 992px)and (min-width: 992px){.news-listing__medium-teaser .news-listing__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.news-listing__medium-teaser .news-listing__datetime{display:block;margin-top:16px}@media(min-width: 992px){.news-listing__medium-teaser .news-listing__datetime{margin-top:24px}}.news-listing--teasers{max-width:860px}.news-listing--teasers .news-listing__item{align-items:flex-start;border-bottom:1px solid #f7f7f8;display:flex;flex-wrap:wrap;padding-bottom:24px;position:relative}.news-listing--teasers .news-listing__item:first-child{margin-top:24px}.news-listing--teasers .news-listing__item:last-child{border-bottom:none;padding-bottom:0}.news-listing--teasers .news-listing__content{width:100%}@media(min-width: 768px){.news-listing--teasers .news-listing__content{padding-right:24px;width:75%}}.news-listing--teasers .news-listing__content--with-image{padding-right:24px;width:75%}.news-listing--teasers .news-listing__img{box-shadow:inset 0 0 0 1px #e5e5e5;width:25%}.news-listing--teasers .news-listing__img img{display:block;height:auto;width:100%}.news-listing--teasers .news-listing__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.news-listing--teasers .news-listing__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.news-listing--teasers .news-listing__datetime{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:block;margin-top:8px}@media(min-width: 992px){.news-listing--teasers .news-listing__datetime{margin-top:16px}}@media(min-width: 768px){.news-listing--card-teasers{display:flex;flex-direction:row;flex-wrap:wrap;margin-right:-24px}}@media(min-width: 768px){.news-listing--card-teasers .news-listing__item{width:50%}}@media(min-width: 992px){.news-listing--card-teasers .news-listing__item{width:25%}}.news-listing--card-teasers .news-listing__card-teaser{height:100%}.news-listing__card-teaser{border-bottom:1px solid #f1f1f1;border-bottom:1px solid var(--color-black-5);display:flex;padding-bottom:16px;position:relative}.news-listing__card-teaser:hover .hel-icon--arrow-right{transform:translateX(4px)}@media(prefers-reduced-motion){.news-listing__card-teaser:hover .hel-icon--arrow-right{transform:none}}@media(min-width: 768px){.news-listing__card-teaser{border:1px solid #000000;border:1px solid var(--color-black);flex-direction:column;margin-right:24px;padding-bottom:0}}.news-listing__card-teaser .news-listing__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.news-listing__card-teaser .news-listing__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}@media(min-width: 768px){.news-listing__card-teaser .news-listing__title{font-size:1.25rem;line-height:30/20}}.news-listing__card-teaser .news-listing__img{position:relative;width:40%}@media(min-width: 768px){.news-listing__card-teaser .news-listing__img{width:unset}}.news-listing__card-teaser .news-listing__img img{display:block;height:auto;width:100%}.news-listing__card-teaser .image-placeholder{padding-bottom:66.6666666667%}.news-listing__card-teaser .news-listing__text-container{display:flex;flex-direction:column;height:100%;padding-left:16px;width:60%}@media(min-width: 768px){.news-listing__card-teaser .news-listing__text-container{padding:16px;width:unset}}.news-listing__card-teaser .news-listing__title,.news-listing__card-teaser .news-listing__datetime{margin-bottom:8px}.news-listing__card-teaser .news-listing__datetime{display:flex;flex-grow:1}.news-listing__card-teaser .hel-icon--arrow-right{transition:transform .2s linear;display:none;height:48px;width:48px}@media(prefers-reduced-motion){.news-listing__card-teaser .hel-icon--arrow-right{transition:none}}@media(min-width: 768px){.news-listing__card-teaser .hel-icon--arrow-right{display:inline-block}}.news-listing--sidebar{margin-bottom:64px}.news-listing--sidebar .link__read-more-news{align-items:center;display:flex;text-decoration:none}.news-listing--sidebar .link__read-more-news .hel-icon--arrow-right{transition:transform .2s linear;height:24px;margin-left:4px;width:24px}@media(prefers-reduced-motion){.news-listing--sidebar .link__read-more-news .hel-icon--arrow-right{transition:none}}.news-listing--sidebar .link__read-more-news:focus,.news-listing--sidebar .link__read-more-news:hover{text-decoration:underline}.news-listing--sidebar .link__read-more-news:focus .hel-icon,.news-listing--sidebar .link__read-more-news:hover .hel-icon{transform:translateX(4px)}@media(prefers-reduced-motion){.news-listing--sidebar .link__read-more-news:focus .hel-icon,.news-listing--sidebar .link__read-more-news:hover .hel-icon{transform:none}}.news-archive__heading{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-top:0;padding-bottom:24px;width:100%}@media(min-width: 992px){.news-archive__heading{--line-height: 1;font-size:2rem;font-weight:400}}.service-channel__links{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-items:flex-start;place-items:flex-start}.service-channel__links .service-channel__link-explanation{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666;display:inline-block;margin-bottom:8px}.service-channel__links a:not(.service-channel__link){--background-color-hover: transparent;--background-color-hover-focus: transparent;--background-color: var(--hdbt-color-palette-button--secondary);--background-color-focus: var(--hdbt-color-palette-button--secondary);--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--color: var(--hdbt-color-palette-button-contrast--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button-contrast--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--focus-outline-color: var(--hdbt-color-palette-button--secondary)}.service-channel__links a:not(.service-channel__link):first-child{margin-top:0}.service-channel:not(.service-channel--eservice){margin:24px 0 0;padding-bottom:0;padding-left:calc(24px + 8px);padding-right:16px;padding-top:0}@media(min-width: 992px){.service-channel:not(.service-channel--eservice){border:1px solid #000;margin:32px 0 0;padding-bottom:32px;padding-left:calc(24px + 24px + 8px);padding-right:24px;padding-top:32px}}.service-channel:not(.service-channel--eservice) .service-channel__header{align-items:flex-start;display:flex}.service-channel:not(.service-channel--eservice) .service-channel__type{height:24px;margin-left:calc(-24px - 8px);overflow:hidden;position:absolute;text-indent:-9999px;width:24px}.service-channel:not(.service-channel--eservice) .service-channel__type:after{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;left:0;position:absolute;text-indent:0;top:0}.service-channel:not(.service-channel--eservice) .service-channel__title{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height);margin-top:0;width:100%}@media(min-width: 992px){.service-channel:not(.service-channel--eservice) .service-channel__title{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.service-channel:not(.service-channel--eservice) .service-channel__links{margin-top:24px}.service-channel--eservice{background-color:var(--hdbt-color-palette--secondary);margin-top:24px;padding:24px 24px 32px}@media(min-width: 992px){.service-channel--eservice{margin:32px 0 0;padding:48px 32px}}.service-channel--eservice .service-channel__type{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height)}@media(min-width: 992px){.service-channel--eservice .service-channel__type{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.service-channel--eservice .service-channel__title{--line-height: 1.2307692308;font-size:1.625rem;font-weight:500;line-height:var(--line-height);margin-top:24px}@media(min-width: 992px){.service-channel--eservice .service-channel__title{--line-height: 1.2352941176;font-size:2.125rem;font-weight:500}}@media(min-width: 992px){.service-channel--eservice .service-channel__title{margin-top:16px}}.service-channel--eservice .service-channel__links{margin-top:24px}.service-channel--email .service-channel__type:after{-webkit-mask-image:var(--hel-icon--glyph-at);mask-image:var(--hel-icon--glyph-at)}.service-channel--sms .service-channel__type:after{-webkit-mask-image:var(--hel-icon--mobile);mask-image:var(--hel-icon--mobile)}.service-channel--telephone .service-channel__type:after{-webkit-mask-image:var(--hel-icon--phone);mask-image:var(--hel-icon--phone)}.service-channel--printable_form .service-channel__type:after{-webkit-mask-image:var(--hel-icon--document);mask-image:var(--hel-icon--document)}.service-channel--webpage .service-channel__type:after{-webkit-mask-image:var(--hel-icon--globe);mask-image:var(--hel-icon--globe)}.service-channel--chat .service-channel__type:after{-webkit-mask-image:var(--hel-icon--speechbubble-text);mask-image:var(--hel-icon--speechbubble-text)}.service-channel--local .service-channel__type:after{-webkit-mask-image:var(--hel-icon--location);mask-image:var(--hel-icon--location)}.service-channel--mail .service-channel__type:after{-webkit-mask-image:var(--hel-icon--envelope);mask-image:var(--hel-icon--envelope)}.service-channel__phone,.service-channel__email{margin-top:16px}.service-channel__phone>a,.service-channel__email>a{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.service-channel__phone>a,.service-channel__email>a{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.service-channel--no-title .service-channel__phone,.service-channel--no-title .service-channel__email{margin-top:0}.service-channel__call_charge{display:flex;margin-top:16px}.service-channel__call_charge .service-channel__call_charge-label{font-weight:500;margin-right:4px}.service-channel__call_charge p:first-of-type{margin-top:0}.service-channel__info{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);margin-top:24px}.service-channel__info>*{display:block}.service-channel__info>*+*{margin-top:8px}@media(min-width: 992px){.service-channel__info{align-items:center;display:flex}.service-channel__info>*{align-items:center;display:flex;margin-top:0}.service-channel__info>*:after{content:"|";margin:0 16px}.service-channel__info>*:last-child:after{content:""}}.service__units{margin-top:32px}@media(min-width: 992px){.service__units{margin-top:64px}}.main-content:last-child .service.service--full .component--service-units:last-child{margin-bottom:calc(-1*(50px + 64px));padding-bottom:98px}@media(min-width: 992px){.main-content:last-child .service.service--full .component--service-units:last-child{padding-bottom:114px}}@media(min-width: 992px){.service.service--teaser{height:100%;margin-left:calc(24px / 2);margin-right:calc(24px / 2)}}.service.service--teaser .service__link{border:1px solid #000;display:block;height:100%;margin-top:8px;padding:24px calc(24px + 32px + 16px) 24px 24px;position:relative;text-decoration:none}@media(min-width: 992px){.service.service--teaser .service__link{display:flex;flex-direction:column;justify-content:space-between;line-height:0;margin-top:0;min-height:240px;padding:32px 24px calc(24px + 24px)}}.service.service--teaser .service__link::before{background-color:#c2a251;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:8px}@media(min-width: 992px){.service.service--teaser .service__link::before{bottom:0;height:24px;right:0;top:auto;width:100%}}.service.service--teaser .service__link:hover{text-decoration:underline}.service.service--teaser .service__link:hover .hel-icon{margin-left:16px}@media(prefers-reduced-motion){.service.service--teaser .service__link:hover .hel-icon{margin-left:0}}.service.service--teaser .service__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin:0}@media(min-width: 992px){.service.service--teaser .service__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.service.service--teaser .hel-icon{--icon-size: 32px;bottom:50%;left:auto;position:absolute;right:16px;transform:translateY(50%);transition:all .3s}@media(prefers-reduced-motion){.service.service--teaser .hel-icon{transition:none}}@media(min-width: 992px){.service.service--teaser .hel-icon{--icon-size: 48px;margin-top:24px;position:static;right:auto;transform:none}}.service--units__container{margin-bottom:64px;margin-top:64px}.component--service-units{background-color:#f1f1f1;padding-bottom:96px;padding-top:96px}.component--service-units .service__units__header{display:block}.component--service-units .service__units__title{margin-top:0}.component--service-units .service__units__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;margin-top:16px;white-space:nowrap}@media(min-width: 992px){.component--service-units .service__units__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.component--service-units .service__units__count-container .service__units__count{font-weight:700}.component--service-units .service__units__list{margin-top:24px}@media(min-width: 992px){.component--service-units .service__units__list{margin-top:48px}}.component--service-units .unit.unit--teaser{margin-top:24px}@media(min-width: 768px){.component--service-units .unit.unit--teaser{margin-top:16px}}@media(min-width: 992px){.unit__contact:first-child .unit__contact__title{margin-top:8px}}.unit__contact .unit__contact__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-bottom:24px;margin-top:8px;padding-bottom:16px}@media(min-width: 992px){.unit__contact .unit__contact__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 992px){.unit__contact .unit__contact__title{margin-top:32px}}.unit__contact .unit__contact-row{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);border-bottom:1px solid #ccc;margin-bottom:16px;padding-bottom:16px;padding-left:32px}.unit__contact .unit__contact-row:last-of-type{border-bottom:0 none;margin-bottom:0;padding-bottom:0}.unit__contact .unit__contact-row .unit__contact-row__label{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height);align-items:flex-start;display:flex;margin-bottom:8px}@media(min-width: 992px){.unit__contact .unit__contact-row .unit__contact-row__label{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.unit__contact .unit__contact-row .unit__contact-row__label .hel-icon{--icon-size: 24px;margin-left:-32px;margin-right:8px;margin-top:2px}.unit__contact .unit__contact-row .form-item:last-child{margin-bottom:0}.unit__contact .unit__contact-row p:first-of-type{margin-top:0}.unit__contact .unit__contact-row--email a{word-break:break-all}.unit__contact .address>*{display:block}.unit__contact .phone{display:block;margin-bottom:8px}.unit__contact .phone:last-child{margin-bottom:0}.unit__content{margin-top:64px}@media(min-width: 992px){.unit__content{margin-top:96px}}.unit__services{padding:0}.unit__services .unit--services__container{padding-top:0}.unit__services .unit__services__title{margin-top:0}.unit__services .unit__services__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;margin-top:24px;width:100%}@media(min-width: 992px){.unit__services .unit__services__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.unit__services .unit__services__count-container .unit__services__count{font-weight:700}.unit__services .unit__services__list{margin-top:24px}@media(min-width: 992px){.unit__services .unit__services__list{margin-top:48px}}@media(min-width: 992px){.unit__services .unit__services__list>*{display:flex;flex-wrap:wrap;margin-left:calc(-24px / 2);margin-right:calc(-24px / 2)}}.unit__services .unit__services__list .service{width:100%}@media(min-width: 992px){.unit__services .unit__services__list .service{margin-top:24px;width:25%}}.unit__services .unit__services__list .service:nth-child(-n+4){margin-top:0}@media(min-width: 992px){.unit__services .unit__services__list .service{width:calc(25% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(1):nth-last-child(1){width:calc(50% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(1):nth-last-child(2){width:calc(50% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(2):nth-last-child(1){width:calc(50% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(1):nth-last-child(3){width:calc(33.33% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(2):nth-last-child(2){width:calc(33.33% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(3):nth-last-child(1){width:calc(33.33% - 24px)}}.unit__accessibility_sentences.component--accordion .accordion-item__content h3{margin-top:0}.unit__accessibility_sentences.component--accordion .accordion-item__content h3:not(:first-of-type){padding-top:32px}.unit__accessibility_sentences.component--accordion .accordion-item__content ul{margin:0;padding:0}.unit__accessibility_sentences.component--accordion .accordion-item__content li{display:list-item;margin-left:24px;margin-top:16px}@media(min-width: 576px){.unit__accessibility_sentences.component--accordion .accordion-item__content__inner{padding-left:50px}}@media(min-width: 992px){.unit__accessibility_sentences.component--accordion .accordion-item__content__inner{padding-left:72px}}.main-content:last-child .unit.unit--full .unit__services:last-child{margin-bottom:calc(-1*(50px + 48px));padding-bottom:82px}@media(min-width: 992px){.main-content:last-child .unit.unit--full .unit__services:last-child{margin-bottom:calc(-1*(50px + 64px));padding-bottom:114px}}.unit.unit--full .content-tags{margin-bottom:24px}@media(min-width: 768px){.unit.unit--full .content-tags{margin-bottom:32px}}.unit.unit--teaser{align-items:flex-start;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative}@media(min-width: 768px){.unit.unit--teaser{align-items:stretch;flex-direction:row;min-height:220px;padding-left:325px}}.views-row:last-child .unit.unit--teaser{margin-bottom:0}.unit.unit--teaser .unit__image{background-color:var(--hdbt-color-palette--primary);color:var(--hdbt-color-palette-text--primary);margin:0;overflow:hidden}@media(min-width: 768px){.unit.unit--teaser .unit__image{height:100%;left:0;margin:0;position:absolute;top:0;width:325px}}.unit.unit--teaser .unit__image img{display:block;height:auto;overflow:hidden;width:100%}@media(min-width: 768px){.unit.unit--teaser .unit__image img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover}}.unit.unit--teaser .unit__image--placeholder{width:100%}@media(min-width: 768px){.unit.unit--teaser .unit__image--placeholder{align-items:center;display:flex;width:325px}}.unit.unit--teaser .unit__text{margin-top:32px;padding:0 24px 32px;width:100%}@media(min-width: 768px){.unit.unit--teaser .unit__text{display:flex;flex-direction:column;justify-content:space-between;margin-top:0;padding:32px}}.unit.unit--teaser .unit__text .unit__text__content{align-content:flex-start}@media(min-width: 768px){.unit.unit--teaser .unit__text .unit__text__content{display:flex;flex-wrap:wrap;max-width:530px}}.unit.unit--teaser .unit__link{text-decoration:none}.unit.unit--teaser .unit__link::after{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%}.unit.unit--teaser .unit__link:hover{text-decoration:underline}.unit.unit--teaser .unit__title{--line-height: 1.2307692308;font-size:1.625rem;font-weight:500;line-height:var(--line-height);margin-bottom:4px;margin-top:0;padding-right:24px}@media(min-width: 992px){.unit.unit--teaser .unit__title{--line-height: 1.2352941176;font-size:2.125rem;font-weight:500}}@media(min-width: 768px){.unit.unit--teaser .unit__title{margin-bottom:0;padding-right:0;width:100%}}.unit.unit--teaser .unit__info{margin-top:8px}@media(min-width: 768px){.unit.unit--teaser .unit__info{width:100%}}.unit.unit--teaser .unit__info-row{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:flex;margin-bottom:24px}@media(min-width: 768px){.unit.unit--teaser .unit__info-row{margin-bottom:16px}}.unit.unit--teaser .unit__info-row:last-child{margin-bottom:0}@media(min-width: 768px){.unit.unit--teaser .unit__info-row--address{margin-bottom:8px}}.unit.unit--teaser .unit__info-row--address .address{display:inline}.unit.unit--teaser .unit__info-row--address .address .address-line1::after,.unit.unit--teaser .unit__info-row--address .address .address-line2::after{content:","}.unit.unit--teaser .content-tags{margin-top:16px}.unit.unit--teaser .unit__read-more{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);display:flex;margin-top:32px}@media(min-width: 768px){.unit.unit--teaser .unit__read-more{justify-content:flex-end;margin-top:16px}}.unit.unit--teaser .unit__read-more .unit__read-more__text{font-weight:500}.unit.unit--teaser .unit__read-more .hel-icon{transition:transform .2s linear;margin-left:8px;pointer-events:none}@media(prefers-reduced-motion){.unit.unit--teaser .unit__read-more .hel-icon{transition:none}}.unit.unit--teaser:hover .unit__read-more .hel-icon{transform:translateX(4px)}@media(prefers-reduced-motion){.unit.unit--teaser:hover .unit__read-more .hel-icon{transform:none}}.unit--minimal{background-color:#fff}.unit--minimal .unit__link{display:block;padding:24px;text-decoration:none}.unit--minimal .unit__link:focus .unit__title,.unit--minimal .unit__link:hover .unit__title{text-decoration:underline}.unit--minimal .unit__link:focus .unit__read-more .hel-icon,.unit--minimal .unit__link:hover .unit__read-more .hel-icon{transform:translateX(8px)}@media(prefers-reduced-motion){.unit--minimal .unit__link:focus .unit__read-more .hel-icon,.unit--minimal .unit__link:hover .unit__read-more .hel-icon{transform:none}}@media(min-width: 768px){.unit--minimal .unit__text{display:flex;justify-content:space-between;width:100%}}@media(min-width: 768px){.unit--minimal .unit__text__content{display:flex;justify-content:space-between;width:calc(100% - 32px + 24px)}}.unit--minimal .unit__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.unit--minimal .unit__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.unit--minimal .unit__title{font-weight:700;margin-top:2px;padding-right:24px;width:60%}}@media(min-width: 768px){.unit--minimal .unit__info{display:flex;justify-content:space-between;padding-right:24px;width:40%}}.unit--minimal .unit__info-row--address{margin-top:8px}@media(min-width: 768px){.unit--minimal .unit__info-row--address{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:2px}}.unit--minimal .unit__info-row--address .address-line1::after,.unit--minimal .unit__info-row--address .address-line2::after{content:","}.unit--minimal .unit__info-row--address p:first-child{margin-top:0}.unit--minimal .unit__info-row--distance{--line-height: 1.5;font-size:.875rem;font-weight:500;line-height:var(--line-height);color:#666;margin-top:8px;white-space:nowrap}@media(min-width: 768px){.unit--minimal .unit__info-row--distance{margin-left:16px;margin-top:7px}}.unit--minimal .unit__read-more{margin-top:16px}@media(min-width: 768px){.unit--minimal .unit__read-more{display:flex;margin-top:0}}.unit--minimal .unit__read-more .hel-icon{--icon-size: 32px;transition:transform .2s linear}@media(prefers-reduced-motion){.unit--minimal .unit__read-more .hel-icon{transition:none}}.component--accordion .accordion__wrapper{border-bottom:1px solid #ccc}.component--accordion .accordion-item__header{border-top:1px solid #ccc;margin:0;padding:0}.component--accordion .accordion-item__header.handorgel__header--opened .accordion-item__button--toggle{background-color:rgba(0,0,0,0)}.component--accordion .accordion-item__header.handorgel__header--opened .accordion-item__button--toggle::after{transform:translateY(-50%) rotate(180deg)}.component--accordion .accordion-item__header .accordion-item__button--toggle:focus,.component--accordion .accordion-item__header.handorgel__header--focus .accordion-item__button--toggle{position:relative}.component--accordion .accordion-item__header .accordion-item__button--toggle:focus::before,.component--accordion .accordion-item__header.handorgel__header--focus .accordion-item__button--toggle::before{box-shadow:0 0 0 3px #1a1a1a;pointer-events:none}.component--accordion .accordion-item__button{align-items:center;background:rgba(0,0,0,0);border:none;display:flex;margin:0;padding:0;text-align:left}.component--accordion .accordion-item__icon{display:inline-flex;margin-right:8px}@media(min-width: 992px){.component--accordion .accordion-item__icon{margin-right:16px}}.component--accordion .accordion-item__icon .hel-icon{--icon-size: 1.5rem}@media(min-width: 992px){.component--accordion .accordion-item__icon .hel-icon{--icon-size: 3rem}}.component--accordion .accordion-item__button--toggle{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);border:none;padding:16px 60px 16px 0;position:relative;width:100%}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle{padding:24px 60px 24px 0}}.component--accordion .accordion-item__button--toggle::before{content:"";height:30px;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle::before{height:32px;width:32px}}.component--accordion .accordion-item__button--toggle::after{transition:transform .2s ease-in;background-image:var(--hel-icon--angle-down);background-position:center;background-repeat:no-repeat;background-size:100%;content:"";height:30px;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px}@media(prefers-reduced-motion){.component--accordion .accordion-item__button--toggle::after{transition:none}}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle::after{height:32px;width:32px}}.component--accordion .accordion-item__button--close{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);align-items:center;bottom:16px;display:flex;padding:8px;position:absolute;right:-1px}.component--accordion .accordion-item__button--close:focus{box-shadow:0 0 0 3px #1a1a1a;outline:none;pointer-events:none}.component--accordion .accordion-item__button--close:hover{cursor:pointer}.component--accordion .accordion-item__content{border:none}.component--accordion .accordion-item__content__inner{padding:0 0 64px;position:relative}.component--accordion .accordion-item__content__inner>*:first-child{margin-top:0}.component--accordion .component--image .component__content{max-width:860px}.component--accordion-bg-white .accordion__wrapper~.accordion__wrapper .accordion-item__header{border-top:none}.component--accordion-bg-grey .accordion-item__header{background-color:#f1f1f1;border-color:#fff}.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle{padding:16px 82px 16px 16px}@media(min-width: 992px){.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle{padding:24px 82px 24px 24px}}.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::before,.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::after{right:16px}@media(min-width: 992px){.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::before,.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::after{right:24px}}.component--accordion-bg-grey .accordion__wrapper{border-color:#f1f1f1}.component--accordion-bg-grey .accordion-item__content{background-color:#f1f1f1;padding-left:16px;padding-right:16px}@media(min-width: 992px){.component--accordion-bg-grey .accordion-item__content{padding-left:24px;padding-right:24px}}.component--accordion-bg-white+.component--accordion-bg-white.component--no-header,.component--accordion-bg-grey+.component--accordion-bg-grey.component--no-header{margin-top:0}.component--accordion-bg-white+.component--accordion-bg-white.component--no-header .accordion-item__header{border-top:0 none}.component--accordion .handorgel{border-left:none;border-right:none;border-top:none}.component--accordion .handorgel .handorgel__header--open .handorgel__header__button{background-color:rgba(0,0,0,0)}.component--accordion .handorgel .handorgel__header--focus .handorgel__header__button{background-color:rgba(0,0,0,0)}.component--accordion .handorgel .handorgel__header__button{background-color:rgba(0,0,0,0);border:none}.component--accordion .handorgel .handorgel__content{border:0}.accordion--white+.accordion--white.accordion--no-header,.accordion--grey+.accordion--grey.accordion--no-header{margin-top:0}.accordion--white+.accordion--white.accordion--no-header>.container,.accordion--grey+.accordion--grey.accordion--no-header>.container{padding-top:0}.accordion--white+.accordion--white.accordion--no-header>.container>.accordion__wrapper>.accordion-item__header{border-top:0 none}.banner__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.banner__title{--line-height: 1;font-size:2rem;font-weight:400}}.banner__desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:16px}@media(min-width: 992px){.banner__desc{margin-top:24px}}.banner__desc p:first-child{margin:0}.banner__icon{display:inline-flex;margin-bottom:24px;margin-right:16px}@media(min-width: 768px){.banner__icon{margin-right:24px}}.banner__icon .hel-icon{--icon-size: 64px}@media(min-width: 768px){.banner__icon .hel-icon{--icon-size: 6.25rem}}.banner__icon a{--hdbt-default-link-color: var(--hdbt-color-palette-text--primary)}.component--banner .banner{padding-bottom:32px;padding-left:32px;padding-right:32px;padding-top:32px}a.banner__button{margin:32px auto 0}.component--banner-align-center{text-align:center}.component--banner-align-center .banner__title,.component--banner-align-center .banner__desc{margin-left:auto;margin-right:auto;max-width:700px}.component--banner-align-center .component__content{margin-left:auto;margin-right:auto}.component--banner-align-left .banner{display:flex;flex-flow:column}@media(min-width: 768px){.component--banner-align-left .banner{flex-flow:row}}@media(min-width: 992px){.component--banner-align-left.component--banner-has-icon .banner__button{margin-left:auto;margin-right:0}}.component--banner-align-left.component--banner-has-icon .banner__button.hds-button--supplementary{margin-left:calc(-8px + (-2px))}.component--banner .component__container{background-color:var(--hdbt-color-palette--primary);color:var(--hdbt-color-palette-text--primary)}.banner a{--hdbt-default-link-color: var(--hdbt-color-palette-text--primary)}.banner .hds-button--primary{--background-color: var(--hdbt-color-palette-button--primary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--primary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button-contrast--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--primary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--primary)}.banner .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--primary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--primary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--hdbt-color-palette-button--primary);--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button-contrast--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--primary);--focus-outline-color: var(--hdbt-color-palette-button--primary)}.banner .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--hdbt-color-palette-button--primary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.component--banner-secondary .component__container{background-color:var(--hdbt-color-palette--secondary);color:var(--hdbt-color-palette-text--secondary)}.component--banner-secondary .banner a{--hdbt-default-link-color: var(--hdbt-color-palette-text--secondary)}.component--banner-secondary .banner .hds-button--primary{--background-color: var(--hdbt-color-palette-button--secondary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--secondary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button-contrast--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--secondary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--secondary)}.component--banner-secondary .banner .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--secondary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--secondary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--hdbt-color-palette-button--secondary);--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button-contrast--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--secondary);--focus-outline-color: var(--hdbt-color-palette-button--secondary)}.component--banner-secondary .banner .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--hdbt-color-palette-button--secondary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.helfi-charts-content iframe{aspect-ratio:16/9;border:0;height:auto;width:100%}.helfi-charts-noscript{background:#dedfe1;padding:16px}.helfi-charts-noscript p:first-child{margin-top:0}.chart__transcript{margin-top:16px}.columns{align-items:center;display:flex;flex-direction:column}@media(min-width: 768px){.columns{flex-direction:row;margin-left:-24px;margin-right:-24px}}@media(min-width: 992px){.columns{margin-left:-32px;margin-right:-32px}}.columns .image .image__container{padding:0}@media(min-width: 768px){.columns .image .image__container{padding:0}}@media(min-width: 992px){.columns .image .image__container{padding:0}}.columns__column{align-self:stretch}@media(min-width: 768px){.columns__column{margin-left:24px;margin-right:24px}}@media(min-width: 992px){.columns__column{margin-left:32px;margin-right:32px}}@media(min-width: 768px){.columns__column.column--50{width:50%}}@media(min-width: 768px){.columns__column.column--30{width:30%}}@media(min-width: 768px){.columns__column.column--70{width:70%}}.columns__column+.columns__column{margin-top:32px}@media(min-width: 768px){.columns__column+.columns__column{margin-top:0}}@media(min-width: 992px){.has-sidebar .main-content .columns{flex-direction:column}}@media(min-width: 1248px){.has-sidebar .main-content .columns{flex-direction:row}}@media(min-width: 992px){.has-sidebar .main-content .columns__column{width:auto}.has-sidebar .main-content .columns__column:not(:first-of-type){margin-top:32px}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column{margin-top:0}.has-sidebar .main-content .columns__column:not(:first-of-type){margin-top:0}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column.column--50{width:50%}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column.column--30{width:30%}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column.column--70{width:70%}}.contact-card{display:flex}@media(min-width: 576px){.contact-card--with-image{flex-direction:column}}@media(min-width: 576px){.contact-card--information-container{max-width:200px}}.contact-card--person-social-media{display:flex}.contact-card--person-social-media .hel-icon{height:24px;margin-right:8px;width:24px}.contact-card--image-container{margin-bottom:16px;margin-right:16px}@media(min-width: 576px){.contact-card--image-container{margin-right:0}}.contact-card--image-container img{height:100px;width:100px}@media(min-width: 576px){.contact-card--image-container img{height:200px;width:200px}}.contact-card--person-name{margin-top:0;--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.contact-card--person-name{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.contact-card--person-phone-number a:not(:last-of-type)::after{content:",";margin-right:2px}.contact-card--person-email{word-break:break-all}.contact-card--person-information{margin-bottom:8px}.contact-card--color-line{background-color:var(--hdbt-color-palette--primary);margin-right:24px;min-width:4px}.contact-card--person-description{color:#666666;color:var(--color-black-60)}.contact-card-listing--container{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap}@media(min-width: 576px){.contact-card-listing--container{flex-direction:row}}.contact-card-listing--container .contact-card{margin-bottom:48px}.contact-card-listing--container .contact-card:not(:last-of-type){padding-right:24px}@media(min-width: 576px){.contact-card-listing--container .contact-card{min-width:-moz-fit-content;min-width:fit-content;width:25%}}.component-content-cards .component__container{overflow:hidden}.content-cards{display:flex;flex-direction:column;margin-bottom:0;margin-top:0}@media(min-width: 576px){.content-cards{flex-direction:row;flex-wrap:wrap;margin-left:-24px;width:calc(100% + 24px)}}.content-card{margin-top:64px;position:relative}@media(min-width: 576px){.content-card{margin-left:24px;width:calc(50% - 24px)}}@media(min-width: 992px){.content-card{width:calc(25% - 24px)}}.content-card:first-child{margin-top:0}.content-card__image{line-height:0}.content-card__image img{display:block;height:auto;overflow:hidden;width:100%;box-shadow:inset 0 0 0 1px #e5e5e5}.content-card__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:16px}@media(min-width: 992px){.content-card__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.content-card__date{margin-top:8px}.content-card__link{display:block;overflow:hidden;text-decoration:none}.content-card__link::before{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.content-card__link::after{transition:transform .2s linear;--icon-size: 2rem;margin-left:-2px;margin-top:16px;background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em))}@media(prefers-reduced-motion){.content-card__link::after{transition:none}}@media(min-width: 576px){.content-card__link::after{--icon-size: 3rem;margin-left:-4px}}.content-card__link:focus .content-card__title,.content-card__link:hover .content-card__title{text-decoration:underline}.content-card__link:focus::after,.content-card__link:hover::after{transform:translateX(16px)}@media(prefers-reduced-motion){.content-card__link:focus::after,.content-card__link:hover::after{transform:none}}@media(min-width: 576px){.component--content-cards-large .content-card{margin-left:24px;width:calc(50% - 24px)}}@media(min-width: 992px){.component--content-cards-large .content-card{width:calc(33.3333% - 24px)}}.component--content-cards-grey{background:#f7f7f8}.component--content-cards-grey .hds-koros{color:#fff}.has-sidebar .components--upper .component--content-cards-grey .hds-koros{display:none}.component--content-cards-grey .component__container{padding-bottom:64px;padding-top:48px}@media(min-width: 992px){.component--content-cards-grey .component__container{padding-bottom:96px;padding-top:64px}}.has-sidebar .components--upper .component--content-cards-grey .component__container{padding-bottom:32px;padding-left:32px;padding-right:32px;padding-top:32px}.component--content-cards-grey .content-card__link{background-color:#fff;padding:16px}@media(min-width: 576px){.component--content-cards-small .content-card:nth-child(-n+2){margin-top:0}}@media(min-width: 992px){.component--content-cards-small .content-card:nth-child(-n+4){margin-top:0}}@media(min-width: 576px){.component--content-cards-large .content-card:nth-child(-n+2){margin-top:0}}@media(min-width: 992px){.component--content-cards-large .content-card:nth-child(-n+3){margin-top:0}}.layout-main-wrapper>*:last-child .component--content-cards-grey:last-child{margin-bottom:-115px;padding-bottom:55px}.content-liftup{--info-row__gap-size: 4px;border:1px solid #000;position:relative}@media(min-width: 768px){.content-liftup{--info-row__gap-size: 8px;display:flex;min-height:400px}}.content-liftup__image{flex-basis:50%;flex-grow:0;flex-shrink:0}@media(min-width: 768px){.content-liftup__image{align-self:stretch;background-color:#f1f1f1;max-width:50%}}@media(min-width: 992px){.has-sidebar .components--upper .content-liftup__image{flex-basis:28.6844484629%}}.content-liftup__image picture{display:block;height:100%}.content-liftup__image img{aspect-ratio:2.3;display:block;height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}@media(min-width: 768px){.content-liftup__image img{aspect-ratio:unset}}@media(min-width: 992px){.no-sidebar .components--upper .content-liftup__image img,.components--lower .content-liftup__image img{height:100%;-o-object-fit:cover;object-fit:cover}}.content-liftup__image .image-placeholder{padding-bottom:43.4782608696%}@media(min-width: 768px){.content-liftup__image .image-placeholder{padding-bottom:66.6666666667%}}@media(min-width: 992px){.no-sidebar .components--upper .content-liftup__image .image-placeholder,.components--lower .content-liftup__image .image-placeholder{height:100%}}.content-liftup__text{flex-grow:1;padding:16px}@media(min-width: 768px){.content-liftup__text{display:flex;flex-direction:column;justify-content:space-between;padding:32px}}.content-liftup__title{--line-height: 1.2307692308;font-size:1.625rem;font-weight:500;line-height:var(--line-height);margin-bottom:8px;margin-top:0}@media(min-width: 992px){.content-liftup__title{--line-height: 1.2352941176;font-size:2.125rem;font-weight:500}}@media(min-width: 768px){.content-liftup__title{margin-bottom:16px}}.content-liftup__link{text-decoration:none}.content-liftup__link:hover,.content-liftup__link:focus{text-decoration:underline}.content-liftup__link::before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.content-liftup__info-row{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);--margin-size: calc(24px + var(--info-row__gap-size));margin-left:var(--margin-size)}.content-liftup__info-row+.content-liftup__info-row{margin-top:16px}.content-liftup__info-row__title{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height)}@media(min-width: 992px){.content-liftup__info-row__title{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.content-liftup__info-row__title::before{margin-bottom:1px;margin-left:calc(-1*var(--margin-size));margin-right:var(--info-row__gap-size)}.content-liftup__info-row__content>:first-child{margin-top:0}.content-liftup__info-row__content>:last-child{margin-bottom:0}.content-liftup__info-row--address .content-liftup__info-row__title::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--location);mask-image:var(--hel-icon--location);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.content-liftup__info-row--address .address-line1::after,.content-liftup__info-row--address .address-line2::after{content:","}.content-liftup__info-row--opening-hours .content-liftup__info-row__title::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--clock);mask-image:var(--hel-icon--clock);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.content-liftup__read-more{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);display:flex;margin-left:calc(24px + var(--info-row__gap-size));padding-bottom:8px;padding-top:16px}.content-liftup__read-more::after{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;transition:transform .2s linear;flex-shrink:0}@media(prefers-reduced-motion){.content-liftup__read-more::after{transition:none}}.content-liftup:hover .content-liftup__read-more::after,.content-liftup[focus-within] .content-liftup__read-more::after{transform:translateX(4px)}.content-liftup:hover .content-liftup__read-more::after,.content-liftup:focus-within .content-liftup__read-more::after{transform:translateX(4px)}@media(prefers-reduced-motion){.content-liftup:hover .content-liftup__read-more::after,.content-liftup[focus-within] .content-liftup__read-more::after{transform:none}.content-liftup:hover .content-liftup__read-more::after,.content-liftup:focus-within .content-liftup__read-more::after{transform:none}}@media(min-width: 768px){.content-liftup__read-more{justify-content:flex-end;padding-bottom:0}}.event-list__event{border-bottom:1px solid #e5e5e5;padding-bottom:8px;padding-top:24px;position:relative}@media(min-width: 992px){.event-list__event{display:grid;grid-template-columns:325px 1fr;padding-bottom:16px;padding-top:16px}}.event-list__event:first-child{border-top:1px solid #e5e5e5}.event-list__event-name{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:24px;margin-top:16px}@media(min-width: 992px){.event-list__event-name{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.event-list__event-link{text-decoration:none}.event-list__event-link:hover{text-decoration:underline}.event-list__event-link::before{content:"";display:block;top:0;right:0;bottom:0;left:0;position:absolute;z-index:1}.event-list__image-container{display:block;overflow:hidden;position:relative}.event-list__event-image{max-height:264px;-o-object-fit:cover;object-fit:cover;width:100%}@media(min-width: 992px){.event-list__event-image{height:100%;max-height:unset;position:absolute}}@media(min-width: 992px){.event-list__content-container{padding-left:32px}}.event-list__tags{margin-left:-8px;margin-right:-8px}.event-list__tags>*{margin-left:8px;margin-right:8px}.event-list__tags--mobile{bottom:0;display:flex;flex-wrap:wrap-reverse;justify-content:flex-end;padding:16px;position:absolute;width:100%;z-index:1}@media(min-width: 992px){.event-list__tags--mobile{display:none}}.event-list__tags--desktop{display:none}@media(min-width: 992px){.event-list__tags--desktop{align-items:flex-start;display:flex;flex-wrap:wrap}}.event-list__tag{--line-height: 1.5;font-size:.875rem;font-weight:500;line-height:var(--line-height);background:#dedfe1;border-radius:24px;display:inline-block;margin-bottom:16px;padding:5px 12px}.event__icon{align-content:flex-start;display:flex;margin-right:8px}.event__content{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:flex;margin-bottom:16px}.event-list__indicator-container{align-items:flex-end;display:flex}.event-list__event-link-indicator{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}@media(min-width: 992px){.event-list__event-link-indicator{background-color:#000;background-size:contain;content:"";display:inline-block;height:48px;-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:48px 48px;mask-size:48px 48px;vertical-align:bottom;width:48px}}.event__content::before{margin-right:8px}.event__content--date::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--calendar-clock);mask-image:var(--hel-icon--calendar-clock);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.event__content--location::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--location);mask-image:var(--hel-icon--location);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.event-list__list-container{margin-bottom:32px}.event__lower-container{display:flex;justify-content:space-between}@media(min-width: 992px){.event__lower-container{margin-bottom:8px}}.event-list__count{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-bottom:16px}.events-list__empty-subtext{margin-bottom:24px}.event-list__load-more{margin-left:-8px;margin-right:-8px}.event-list__load-more>*{margin-left:8px;margin-right:8px}.event-list__load-more-button{margin-bottom:16px}.event-list-spinner{position:relative}.event-list-spinner .hds-loading-spinner{margin-bottom:48px;margin-top:48px;position:relative}.hero{color:#fff}.hero .hero__container{color:#1a1a1a;padding-bottom:48px;padding-top:24px;position:relative}@media(max-width: 576px){.hero .hero__container{max-width:100%}}.hero .hds-koros svg{margin-bottom:-1px}.hero .hero__text-content{max-width:690px}.hero .hero__title{margin-bottom:16px;margin-top:16px}.hero .hero__title+.hero__cta{margin-top:48px}.hero .hero__cta{align-items:flex-start;display:inline-flex;flex-flow:column;margin-top:32px}@media(min-width: 576px){.hero .hero__cta{flex-flow:row;margin:32px 0 0}}.hero .hero__cta .hero__button{margin-top:8px 0 0}@media(min-width: 576px){.hero .hero__cta .hero__button{margin:0 0 0 16px}}.hero .hero__cta .hero__button:first-child{margin:0}.hero .hero__cta .hero__button.hds-button--supplementary{margin-left:calc(-8px + (-2px))}@media(min-width: 576px){.hero .hero__cta .hero__button.hds-button--supplementary{margin-left:16px}}@media(min-width: 576px){.hero .hero__cta .hero__button.hds-button--supplementary:first-child{margin-left:-8px}}.hero .hero__description p{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.hero .hero__description a:not(.hds-button){color:currentColor}.hero .hero__arrow{background-color:var(--hdbt-color-palette--accent);bottom:-90px;height:100px;left:24px;-webkit-mask-image:var(--hel-icon--hero-arrow-mobile);mask-image:var(--hel-icon--hero-arrow-mobile);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;position:absolute;width:94px;z-index:10}@media(min-width: 992px){.hero .hero__arrow{bottom:-100px;height:110px;left:32px;-webkit-mask-image:var(--hel-icon--hero-arrow-desktop);mask-image:var(--hel-icon--hero-arrow-desktop);width:94px}}.hero-wrapper.has-first-gray-bg-block{background-color:#f7f7f8;margin-bottom:-64px;padding-bottom:48px}@media(min-width: 768px){.hero-wrapper.has-first-gray-bg-block{margin-bottom:-96px}}.hero--bg-color--coat-of-arms{background-color:#0072c6}.hero--bg-color--coat-of-arms .hero__container{color:#fff}.hero--bg-color--coat-of-arms .hero__image-container{color:#0072c6}.hero--bg-color--coat-of-arms .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero--bg-color--gold{background-color:#c2a251}.hero--bg-color--gold .hero__image-container{color:#c2a251}.hero--bg-color--silver{background-color:#dedfe1}.hero--bg-color--silver .hero__image-container{color:#dedfe1}.hero--bg-color--brick{background-color:#bd2719}.hero--bg-color--brick .hero__container{color:#fff}.hero--bg-color--brick .hero__image-container{color:#bd2719}.hero--bg-color--brick .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero--bg-color--bus{background-color:#0000bf}.hero--bg-color--bus .hero__container{color:#fff}.hero--bg-color--bus .hero__image-container{color:#0000bf}.hero--bg-color--bus .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero--bg-color--copper{background-color:#00d7a7}.hero--bg-color--copper .hero__image-container{color:#00d7a7}.hero--bg-color--engel{background-color:#ffe977}.hero--bg-color--engel .hero__image-container{color:#ffe977}.hero--bg-color--fog{background-color:#9fc9eb}.hero--bg-color--fog .hero__image-container{color:#9fc9eb}.hero--bg-color--metro{background-color:#fd4f00}.hero--bg-color--metro .hero__image-container{color:#fd4f00}.hero--bg-color--summer{background-color:#ffc61e}.hero--bg-color--summer .hero__image-container{color:#ffc61e}.hero--bg-color--suomenlinna{background-color:#f5a3c7}.hero--bg-color--suomenlinna .hero__image-container{color:#f5a3c7}.hero--bg-color--tram{background-color:#008741}.hero--bg-color--tram .hero__container{color:#fff}.hero--bg-color--tram .hero__image-container{color:#008741}.hero--bg-color--tram .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero__container .helfi-search__form .hds-text-input__label{color:inherit}.has-first-gray-bg-block .hero--without-image-left .hds-koros{color:#f7f7f8}.hero--with-image-right .hero__container,.hero--with-image-left .hero__container,.hero--with-image-bottom .hero__container{padding-bottom:16px}@media(min-width: 768px){.hero--with-image-right .hero__container,.hero--with-image-left .hero__container,.hero--with-image-bottom .hero__container{padding-bottom:48px}}.hero--with-image-right .hds-koros,.hero--with-image-left .hds-koros,.hero--with-image-bottom .hds-koros{display:none}.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container,.hero--with-image-bottom .hero__image-container{height:200px;position:relative}@media(min-width: 320px){.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container,.hero--with-image-bottom .hero__image-container{height:300px}}.hero--with-image-right .hero__image-container img,.hero--with-image-left .hero__image-container img,.hero--with-image-bottom .hero__image-container img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%);z-index:0}.hero--with-image-right .hero__image-container .hds-koros,.hero--with-image-left .hero__image-container .hds-koros,.hero--with-image-bottom .hero__image-container .hds-koros{display:block;position:absolute;z-index:1}@media(min-width: 768px){.hero--with-image-right,.hero--with-image-left{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}}@media(min-width: 768px){.hero--with-image-right .hero__container,.hero--with-image-left .hero__container{align-items:center;display:flex;margin:0;max-width:648px;width:50%}}@media(min-width: 992px){.hero--with-image-right .hero__container,.hero--with-image-left .hero__container{max-width:664px}}@media(min-width: 768px){.hero--with-image-right .hds-koros,.hero--with-image-left .hds-koros{display:block}}@media(min-width: 768px){.has-first-gray-bg-block .hero--with-image-right .hds-koros,.has-first-gray-bg-block .hero--with-image-left .hds-koros{color:#f7f7f8}}@media(min-width: 768px){.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container{height:auto;margin-top:64px;max-width:648px;padding:0 32px 64px;width:50%}}@media(min-width: 992px){.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container{max-width:664px}}@media(min-width: 768px){.hero--with-image-right .hero__image-container img,.hero--with-image-left .hero__image-container img{height:auto;position:static;transform:none;width:100%}}@media(min-width: 768px){.hero--with-image-right .hero__image-container .hds-koros,.hero--with-image-left .hero__image-container .hds-koros{display:none}}.hero--with-image-right .hero__arrow,.hero--with-image-left .hero__arrow{bottom:-355px}@media(min-width: 768px){.hero--with-image-right .hero__arrow,.hero--with-image-left .hero__arrow{bottom:-90px}}@media(min-width: 768px){.hero--with-image-left{flex-direction:row-reverse}}@media(min-width: 768px){.hero--with-image-left .hero__arrow{left:calc(-100% + 24px)}}.hero--with-image-bottom .hero__container{padding-bottom:16px}@media(min-width: 992px){.hero--with-image-bottom .hero__image-container{height:400px}}.hero--with-image-bottom .hero__arrow{bottom:-355px}@media(min-width: 992px){.hero--with-image-bottom .hero__arrow{bottom:-470px}}@media(min-width: 992px){.hero--diagonal,.hero--with-search{position:relative}}.hero--diagonal .hero__container,.hero--with-search .hero__container{align-items:center;display:flex;padding-bottom:16px;position:relative;width:100%;z-index:2}@media(min-width: 992px){.hero--diagonal .hero__container,.hero--with-search .hero__container{min-height:480px;padding-bottom:48px}}@media(min-width: 992px){.hero--diagonal .hero__text-content,.hero--with-search .hero__text-content{max-width:400px}}@media(min-width: 1248px){.hero--diagonal .hero__text-content,.hero--with-search .hero__text-content{max-width:500px}}@media(min-width: 992px){.hero--diagonal .hero__title,.hero--with-search .hero__title{margin-top:16px}}.hero--diagonal .hero__image-container,.hero--with-search .hero__image-container{height:200px;position:relative}@media(min-width: 320px){.hero--diagonal .hero__image-container,.hero--with-search .hero__image-container{height:300px}}@media(min-width: 992px){.hero--diagonal .hero__image-container,.hero--with-search .hero__image-container{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}}.hero--diagonal .hero__image-container .hds-koros,.hero--with-search .hero__image-container .hds-koros{display:block;position:absolute;top:-1px;z-index:1}@media(min-width: 992px){.hero--diagonal .hero__image-container .hds-koros,.hero--with-search .hero__image-container .hds-koros{bottom:50%;left:5%;top:auto;transform:rotate(135deg);transform-origin:center;width:100%}}@media(min-width: 1248px){.hero--diagonal .hero__image-container .hds-koros,.hero--with-search .hero__image-container .hds-koros{left:0%}}@media(min-width: 992px){.hero--diagonal .hero__image-container .hds-koros::after,.hero--with-search .hero__image-container .hds-koros::after{background-color:currentColor;content:"";display:block;height:1000px;left:15%;position:absolute;top:48px;width:1500px}}@media(min-width: 1248px){.hero--diagonal .hero__image-container .hds-koros::after,.hero--with-search .hero__image-container .hds-koros::after{left:25%}}.hero--diagonal .hero__image-container img,.hero--with-search .hero__image-container img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%);z-index:0}@media(min-width: 992px){.hero--diagonal .hero__image-container img,.hero--with-search .hero__image-container img{margin-left:30%;position:static;transform:none}}.hero--diagonal .hds-koros,.hero--with-search .hds-koros{display:none}.hero--diagonal .hero__arrow,.hero--with-search .hero__arrow{bottom:-355px}@media(min-width: 992px){.hero--diagonal .hero__arrow,.hero--with-search .hero__arrow{bottom:-70px}}.component--image img{width:100%}.component--liftup-with-image-img{--side-padding: 10%;color:var(--hdbt-color-palette-text--primary)}@media(min-width: 576px){.component--liftup-with-image-img{--side-padding: 20%}}@media(min-width: 830px){.component--liftup-with-image-img{--side-padding: 30%}}@media(min-width: 1248px){.component--liftup-with-image-img{--side-padding: 20%}}.component--liftup-with-image-img .liftup-with-image{align-items:center;display:grid;grid-template-columns:[col1-start] var(--side-padding) [col2-start] 1fr [col1-end] var(--side-padding) [col2-end];grid-template-rows:[row1-start] 1fr [row2-start] 32px [row1-end] min-content [row2-end]}@media(min-width: 830px){.component--liftup-with-image-img .liftup-with-image{grid-template-rows:[row1-start row2-start] 1fr [row1-end row2-end]}}.component--liftup-with-image-img.component--liftup-with-image-img-on-right .liftup-with-image{--content-area: row2-start / col1-start / row2-end / col1-end;--image-area: row1-start / col2-start / row1-end / col2-end}.component--liftup-with-image-img.component--liftup-with-image-img-on-left .liftup-with-image{--content-area: row2-start / col2-start / row2-end / col2-end;--image-area: row1-start / col1-start / row1-end / col1-end;--content-margin-right: auto}.component--liftup-with-image-img .liftup-with-image__content{background-color:var(--hdbt-color-palette--primary);color:var(--hdbt-color-palette-text--primary);margin-left:var(--content-margin-right);padding:32px;width:-moz-fit-content;width:fit-content}@media(min-width: 830px){.component--liftup-with-image-img .liftup-with-image__content{display:flex;flex-direction:column;justify-content:center;min-height:350px;width:460px}}@media(min-width: 1248px){.component--liftup-with-image-img .liftup-with-image__content{min-height:435px}}.component--liftup-with-image-img .liftup-with-image__content .hds-button{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height)}.component--liftup-with-image-img a.link{color:var(--hdbt-color-palette-text--primary)}.component--liftup-with-image-img .hds-button--primary{--background-color: var(--hdbt-color-palette-button--primary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--primary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button-contrast--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--primary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--primary)}.component--liftup-with-image-img .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--primary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--primary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--hdbt-color-palette-button--primary);--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button-contrast--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--primary);--focus-outline-color: var(--hdbt-color-palette-button--primary)}.component--liftup-with-image-img .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--hdbt-color-palette-button--primary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.component--liftup-with-image-secondary{color:var(--hdbt-color-palette-text--secondary)}.component--liftup-with-image-secondary .liftup-with-image__content{background-color:var(--hdbt-color-palette--secondary);color:var(--hdbt-color-palette-text--secondary)}.component--liftup-with-image-secondary a.link{color:var(--hdbt-color-palette-text--secondary)}.component--liftup-with-image-secondary .hds-button--primary{--background-color: var(--hdbt-color-palette-button--secondary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--secondary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button-contrast--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--secondary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--secondary)}.component--liftup-with-image-secondary .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--secondary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--secondary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--hdbt-color-palette-button--secondary);--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button-contrast--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--secondary);--focus-outline-color: var(--hdbt-color-palette-button--secondary)}.component--liftup-with-image-secondary .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--hdbt-color-palette-button--secondary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.liftup-with-image__image{grid-area:var(--image-area)}.liftup-with-image__image picture{width:100%}.liftup-with-image__image img{display:block;height:auto;overflow:hidden;width:100%;box-shadow:inset 0 0 0 1px #e5e5e5}.liftup-with-image__container{grid-area:var(--content-area)}.liftup-with-image__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.liftup-with-image__title{--line-height: 1;font-size:2rem;font-weight:400}}.liftup-with-image__desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:16px}.liftup-with-image__desc>*:first-child{margin-top:0}.liftup-with-image__desc a{--hdbt-default-link-color: var(--hdbt-color-palette-text--primary)}.no-sidebar .components--upper>.component--liftup-with-image-bg.component--liftup-with-image-bg{padding-left:0;padding-right:0}.component--liftup-with-image-bg .component__container{max-width:none}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image{--max-width: 1296px;--image-area: row1-start / col1-start / row1-end / col1-end;display:grid;grid-template-columns:[col1-start] 1fr [col2-start] min(100%,var(--max-width)) [col2-end] 1fr [col1-end];grid-template-rows:[row1-start row2-start] 1fr [row1-end row2-end]}}@media(min-width: 992px)and (min-width: 768px){.component--liftup-with-image-bg .liftup-with-image{--max-width: 1328px}}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image__image{min-height:540px;position:relative}.component--liftup-with-image-bg .liftup-with-image__image picture{top:0;right:0;bottom:0;left:0;position:absolute}.component--liftup-with-image-bg .liftup-with-image__image img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover}}.component--liftup-with-image-bg .liftup-with-image__container{padding-left:16px;padding-right:16px}@media(min-width: 768px){.component--liftup-with-image-bg .liftup-with-image__container{padding-left:32px;padding-right:32px}}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image__container{align-content:center;display:grid;grid-area:row2-start/col2-start/row2-end/col2-end}}.component--liftup-with-image-bg .liftup-with-image__content{justify-self:end;padding-top:32px;padding-left:0;padding-right:0;z-index:1}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image__content{background-color:#fff;display:flex;flex-direction:column;justify-content:center;margin:64px 0;min-height:350px;padding:32px;width:460px}}.component--liftup-with-image-bg a{--hdbt-default-link-color: var(--color-black)}.component--liftup-with-image-bg .hds-button--primary{--background-color: var(--color-black-90);--background-color-hover: var(--color-white);--background-color-focus: var(--color-black-90);--background-color-hover-focus: var(--color-white);--background-color-disabled: var(--color-black-20);--border-color: var(--color-black-90);--border-color-hover: var(--color-black);--border-color-focus: var(--color-black-90);--border-color-hover-focus: var(--color-black-90);--border-color-disabled: var(--color-black-20);--color: var(--color-white);--color-hover: var(--color-black-90);--color-focus: var(--color-white);--color-hover-focus: var(--color-black-90);--color-disabled: var(--color-white);--focus-outline-color: var(--color-black-90);--submit-input-focus-gutter-color: var(--color-white)}.component--liftup-with-image-bg .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--color-black-90);--background-color-focus: transparent;--background-color-hover-focus: var(--color-black-90);--background-color-disabled: transparent;--border-color: var(--color-black-90);--border-color-hover: var(--color-black-90);--border-color-focus: var(--color-black-90);--border-color-hover-focus: var(--color-black-90);--border-color-disabled: var(--color-black-50);--color: var(--color-black-90);--color-hover: var(--color-white);--color-focus: var(--color-black-90);--color-hover-focus: var(--color-white);--focus-outline-color: var(--color-black-90)}.component--liftup-with-image-bg .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--color-black-90);--border-color-hover-focus: var(--color-black-90);--border-color-disabled: transparent;--color: var(--color-black-90);--color-hover: var(--color-black-90);--color-focus: var(--color-black-90);--color-hover-focus: var(--color-black-90);--color-disabled: var(--color-black-20);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.component--liftup-with-image-bg .hds-button--supplementary:hover{text-decoration:underline}@media(min-width: 992px){.component--liftup-with-image-bg.component--liftup-with-image-img-on-left .liftup-with-image__container{justify-self:end}}@media(min-width: 992px){.component--liftup-with-image-bg.component--liftup-with-image-img-on-right .liftup-with-image__container{justify-self:start}}.list-of-links{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;width:100%}@media(min-width: 576px){.list-of-links{flex-direction:row;margin-left:-48px;width:calc(100% + 48px)}}.list-of-links__item{margin-bottom:32px;position:relative;width:100%}@media(min-width: 576px){.list-of-links__item{margin-left:48px;width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item{width:calc(25% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(1):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(1):nth-last-child(1){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(1):nth-last-child(2){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(1):nth-last-child(2){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(2):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(2):nth-last-child(1){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(1):nth-last-child(3){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(1):nth-last-child(3){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(2):nth-last-child(2){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(2):nth-last-child(2){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(3):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(3):nth-last-child(1){width:calc(33.3333% - 48px)}}.list-of-links__item .list-of-links__item__link{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:90px;word-wrap:anywhere;text-decoration:none;width:100%}@media(min-width: 576px){.list-of-links__item .list-of-links__item__link{display:block}}.list-of-links__item .list-of-links__item__link:focus,.list-of-links__item .list-of-links__item__link:hover{text-decoration:underline}.list-of-links__item .list-of-links__item__link:focus::after,.list-of-links__item .list-of-links__item__link:hover::after{transform:translateX(8px)}@media(prefers-reduced-motion){.list-of-links__item .list-of-links__item__link:focus::after,.list-of-links__item .list-of-links__item__link:hover::after{transform:none}}.list-of-links__item .list-of-links__item__link::before{content:"";display:block;top:0;right:0;bottom:0;left:0;position:absolute}.list-of-links__item .list-of-links__item__link::after{--icon-size: 1.5rem;background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear;content:"";display:block;flex-shrink:0;margin-left:-4px;margin-top:8px}@media(prefers-reduced-motion){.list-of-links__item .list-of-links__item__link::after{transition:none}}@media(min-width: 576px){.list-of-links__item .list-of-links__item__link::after{--icon-size: 3rem;margin-left:-8px;margin-top:16px}}.list-of-links__item .list-of-links__item__link[data-is-external]::after{content:none;display:none}.list-of-links__item .list-of-links__item__link .link__type{--icon-size: 1.5rem;display:block;flex-shrink:0;height:var(--icon-size);margin-left:-4px;margin-top:8px;-webkit-mask-size:var(--icon-size) var(--icon-size);mask-size:var(--icon-size) var(--icon-size);width:var(--icon-size)}@media(min-width: 576px){.list-of-links__item .list-of-links__item__link .link__type{--icon-size: 3rem;margin-left:-8px;margin-top:16px}}.list-of-links__item .list-of-links__item__link:focus .link__type--external,.list-of-links__item .list-of-links__item__link:hover .link__type--external{transform:translate(4px, -4px)}@media(prefers-reduced-motion){.list-of-links__item .list-of-links__item__link:focus .link__type--external,.list-of-links__item .list-of-links__item__link:hover .link__type--external{transform:none}}.list-of-links__item .list-of-links__item__image{left:0;position:absolute;top:0;width:90px}@media(min-width: 576px){.list-of-links__item .list-of-links__item__image{margin-bottom:16px;position:static;width:100%}}.list-of-links__item .list-of-links__item__image img{display:block;height:auto;overflow:hidden;width:100%;box-shadow:inset 0 0 0 1px #e5e5e5}.list-of-links__item .list-of-links__item__image .image-placeholder{padding-bottom:100%}.list-of-links__item .list-of-links__item__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin:0 0 0 116px}@media(min-width: 992px){.list-of-links__item .list-of-links__item__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 576px){.list-of-links__item .list-of-links__item__title{margin:0}}.component--list-of-links-without-image .list-of-links__item{align-self:flex-start;min-height:2rem;padding-bottom:0}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item{width:calc(33.3333% - 48px)}}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item:nth-child(1):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item:nth-child(1):nth-last-child(2){width:calc(50% - 48px)}}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item:nth-child(2):nth-last-child(1){width:calc(50% - 48px)}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link{display:flex;flex-direction:row;justify-content:flex-start;min-height:auto;text-decoration:underline}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link .link__type,.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link::after{align-self:flex-start;margin-left:8px;margin-top:-2px}@media(min-width: 576px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link .link__type,.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link::after{margin-top:-8px}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link:focus,.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link:hover{text-decoration:none}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__title{display:flex;margin-left:0}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow{margin:-2px 0 0 16px}@media(min-width: 576px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow{margin-top:-8px}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow .hel-icon{--icon-size: 2rem}@media(min-width: 576px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow .hel-icon{--icon-size: 3rem}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);color:#666;margin-top:8px}@media(min-width: 992px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__desc{margin-top:4px}}.has-sidebar .main-content .list-of-links__item{padding-bottom:24px}@media(min-width: 992px){.has-sidebar .main-content .list-of-links__item{width:calc(50% - 48px)}}@media(min-width: 992px){.has-sidebar .main-content .component--list-of-links-without-image .list-of-links__item{width:calc(50% - 48px)}}.component--map{background-color:#f7f7f8}.component--map .address-line1::after{content:","}.unit .component--map{margin-top:32px}@media(min-width: 768px){.unit .component--map{margin-top:48px}}.component--map .component__container{padding:48px 0}.unit .component--map .component__container,.has-sidebar .component--map .component__container{padding:24px 16px 48px}@media(min-width: 768px){.unit .component--map .component__container,.has-sidebar .component--map .component__container{padding:32px 32px 48px}}@media(max-width: 992px){.has-sidebar .components--upper .component--map,.has-sidebar .unit .component--map{margin-left:-16px;margin-right:-16px}}@media(max-width: 992px)and (min-width: 768px){.has-sidebar .components--upper .component--map,.has-sidebar .unit .component--map{margin-left:-32px;margin-right:-32px}}.map{height:0;margin:16px 0;padding-bottom:100%;position:relative}@media(min-width: 576px){.map{padding-bottom:56.25%}}.map>div,.map iframe{background-color:#e5e5e5;border:0;height:100%;left:0;position:absolute;top:0;width:100%}.map .map__external-link{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);align-items:center;bottom:-40px;display:inline-flex;position:absolute;right:0;text-decoration:underline}.component--news-list .news-listing{margin-bottom:48px}.component--phasing{--item-title-lineheight: 1.875rem;counter-reset:item}@media(min-width: 992px){.component--phasing{--item-title-lineheight: 2.25rem}}.component--phasing .component__content{padding-left:0}.phasing__item{--circle-size: 16px;--p-left: 72px;background-color:var(--hdbt-color-palette--secondary);list-style:none;padding:32px 32px 32px var(--p-left);position:relative}.phasing__item:not(:last-of-type){margin-bottom:16px}.phasing__item::before,.phasing__item::after{content:"";display:block;left:calc(var(--p-left)*.5);position:absolute}.phasing__item::before{background-color:#000;height:calc(100% + 16px + 8px);top:0;transform:translateX(-50%);width:2px}.phasing__item:first-of-type::before{height:100%;top:calc(32px + var(--item-title-lineheight)*.5)}.phasing__item:last-of-type::before{height:calc(32px + var(--item-title-lineheight)*.5)}.phasing__item:only-child::before{display:none}.phasing__item::after{background-color:#fff;border:3px solid #000;border-radius:50%;height:var(--circle-size);top:calc(32px + var(--item-title-lineheight)*.5);transform:translate(-50%, -50%);width:var(--circle-size)}.phasing__item--with-numbers{--circle-size: 40px;--p-left: 80px}@media(min-width: 992px){.phasing__item--with-numbers{--circle-size: 48px;--p-left: 96px}}.phasing__item--with-numbers::after{align-items:center;content:counter(item);counter-increment:item;display:flex;justify-content:center;--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.phasing__item--with-numbers::after{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.phasing__item-title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.phasing__item-title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.phasing__item-title{--line-height: var(--item-title-lineheight)}.phasing__item-title+.phasing__item-description{margin-top:16px}.component--accordion .component--phasing{--item-title-lineheight: 1.6875rem}@media(min-width: 992px){.component--accordion .component--phasing{--item-title-lineheight: 1.875rem}}.component--accordion .component--phasing .phasing__item--with-numbers::after,.component--accordion .component--phasing .phasing__item-title,.component--accordion .component--phasing .component__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.component--accordion .component--phasing .phasing__item--with-numbers::after,.component--accordion .component--phasing .phasing__item-title,.component--accordion .component--phasing .component__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.popular-service-item{background-color:#f7f7f8;margin-bottom:24px;padding-bottom:32px;padding-left:24px;padding-right:24px;padding-top:24px}@media(min-width: 768px){.popular-service-item{width:calc(50% - 24px)}}.popular-service-item__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:unset}@media(min-width: 992px){.popular-service-item__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.popular-service-item__links{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:flex;flex-direction:column;margin-top:16px}@media(min-width: 768px){.popular-service-item__links{margin-top:24px}}@media(min-width: 768px){.popular-services{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}.popular-services>*{margin-left:12px;margin-right:12px}}.component--remote-video{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white);padding-left:16px;padding-right:16px;background-color:#000;padding-bottom:32px;padding-top:32px}@media(min-width: 768px){.component--remote-video{padding-left:32px;padding-right:32px}}@media(min-width: 768px){.component--remote-video{padding-bottom:48px;padding-top:48px}}@media(min-width: 992px){.component--remote-video{padding-bottom:64px;padding-top:64px}}.component--remote-video,.component--remote-video a:not(.hds-button){color:#fff}.component--remote-video+.component--remote-video.component--no-header{margin-top:0;padding-top:0}.remote-video__video{position:relative}.remote-video__video .responsive-video-container{background-color:#e5e5e5;height:0;overflow:hidden;padding-bottom:56.25%}.remote-video__video .responsive-video-container iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.remote-video__video-title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:8px}@media(min-width: 992px){.remote-video__video-title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.remote-video__video-title{margin-top:16px}}.remote-video__video-desc{margin-top:8px}.remote-video__video-desc>p:first-child{margin-top:0}.views--service-list .form-actions .hds-button--primary{width:100%}@media(min-width: 768px){.views--service-list .form-actions .hds-button--primary{margin-left:24px}}@media(min-width: 768px){.views--service-list .views-exposed-form{align-items:flex-end;display:flex}}@media(min-width: 768px){.views--service-list .views-exposed-form .form-item{margin-bottom:0;width:70%}}.views--service-list .views-exposed-form .hds-text-input__input-wrapper::after{background-color:#000;background-size:contain;content:"";display:block;height:20px;-webkit-mask-image:var(--hel-icon--search);mask-image:var(--hel-icon--search);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.views--service-list .views-exposed-form .hds-text-input__input-wrapper .hds-text-input__input{border-radius:0;padding-right:48px}@media(min-width: 768px){.views--service-list .views-exposed-form .form-actions{display:flex;width:30%}}.views--service-list .service-list__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;width:100%}@media(min-width: 992px){.views--service-list .service-list__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.views--service-list .service-list__count-container .service-list__count{font-weight:700}.views--service-list .views-infinite-scroll-content-wrapper{margin-top:24px}@media(min-width: 992px){.views--service-list .views-infinite-scroll-content-wrapper{display:flex;flex-wrap:wrap;margin-left:calc(-24px / 2);margin-right:calc(-24px / 2);margin-top:48px}}@media(min-width: 992px){.views--service-list .views-infinite-scroll-content-wrapper .views-row{margin-top:24px;width:25%}}.views--service-list .views-infinite-scroll-content-wrapper .views-row:nth-child(-n+4){margin-top:0}.sidebar-text{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.sidebar-text+.sidebar-text{margin-top:32px}.sidebar-text .sidebar-text__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);color:#000;margin-top:0}@media(min-width: 992px){.sidebar-text .sidebar-text__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.sidebar-text .sidebar-text__title+.sidebar-text__text-content{margin-top:24px}.sidebar-text .sidebar-text__text-content{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:var(--hdbt-color-palette-text--secondary)}.sidebar-text .sidebar-text__text-content>*:first-child{margin-top:0}.sidebar-text .sidebar-text__text-content>p:first-child{margin-top:0}.sidebar-text .sidebar-text__text-content>*:last-child{margin-bottom:0}.sidebar-text .sidebar-text__text-content>p{background-color:var(--hdbt-color-palette--secondary);padding:24px 16px}.sidebar-text .sidebar-text__text-content .hds-button--primary,.sidebar-text .sidebar-text__text-content .hds-button--secondary{display:inline-flex}.sidebar-text .sidebar-text__text-content .hds-button--primary:only-child,.sidebar-text .sidebar-text__text-content .hds-button--secondary:only-child{margin-top:0}@media(min-width: 992px){.sidebar-text .sidebar-text__text-content .hds-button--primary,.sidebar-text .sidebar-text__text-content .hds-button--secondary{display:flex}}.sidebar-text .sidebar-text__text-content .hds-button--supplementary:first-child{margin-left:0}.sidebar-text .sidebar-text__text-content .hds-button--supplementary.hdbt-icon::before{margin-left:8px}.sidebar-text ul,.sidebar-text ol{background-color:var(--hdbt-color-palette--secondary);padding:16px}.sidebar-text ul li,.sidebar-text ol li{margin-left:32px;padding-left:8px}.sidebar-text ul ul,.sidebar-text ul ol,.sidebar-text ol ul,.sidebar-text ol ol{margin-top:0}.sidebar-text ul ul li,.sidebar-text ul ol li,.sidebar-text ol ul li,.sidebar-text ol ol li{margin-left:8px}.sidebar-text--service-links .sidebar-text__text-content>a{background-color:var(--hdbt-color-palette--secondary);display:grid;grid-template-columns:1fr calc(24px + 8px);margin-top:16px;padding:24px 16px;text-decoration:none}.sidebar-text--service-links .sidebar-text__text-content>a:after{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;align-self:center;justify-self:end;order:3}.sidebar-text--service-links .sidebar-text__text-content>a[data-is-external]:after{display:none}.sidebar-text--service-links .sidebar-text__text-content>a:hover{text-decoration:underline}.target-group-links{--gap: 8px;display:flex;flex-wrap:wrap;gap:8px;gap:var(--gap, 8px)}@media(min-width: 768px){.target-group-links{--gap: 24px}}.target-group-link{--icon-size: 32px;--title-line-height: 1.625rem;grid-column-gap:24px;background-color:#f7f7f8;display:grid;grid-template-areas:"icon title" "icon subtitle";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;padding:24px;position:relative;width:100%}@media(min-width: 768px){.target-group-link{--icon-size: 48px;width:calc(50% - .5*var(--gap))}}@media(min-width: 992px){.target-group-link{--title-line-height: 1.75rem}}.target-group-link__icon{grid-area:icon}.target-group-link__icon .hel-icon{display:block}.target-group-link__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);grid-area:title;margin:0;padding-top:calc(.5*(var(--icon-size) - var(--title-line-height)))}@media(min-width: 992px){.target-group-link__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.target-group-link__link{text-decoration:none}.target-group-link__link::before{content:"";height:100%;top:0;right:0;bottom:0;left:0;position:absolute}.target-group-link__link:hover{text-decoration:underline}.target-group-link__subtitle{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);grid-area:subtitle;margin-bottom:calc(.5*(var(--icon-size) - var(--title-line-height)));margin-top:8px}.target-group-link__subtitle p{margin-top:0}.component--paragraph-text .component__content{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);max-width:860px}.component--paragraph-text .component__content>*:first-child,.component--paragraph-text .component__content>p:first-child{margin-top:0}.component--paragraph-text .component__content>*:last-child{margin-bottom:0}.component--unit-search{background-color:#f7f7f8}.layout-main-wrapper>*:last-child .component--unit-search:last-child{margin-bottom:-115px;padding-bottom:55px}.component--unit-search .component__container{padding-bottom:32px;padding-top:32px}@media(min-width: 768px){.component--unit-search .component__container{padding-bottom:64px;padding-top:64px}}.views--unit-search{margin-top:32px}.views--unit-search .form-actions .hds-button--primary{width:100%}@media(min-width: 768px){.views--unit-search .form-actions .hds-button--primary{margin-left:24px}}@media(min-width: 768px){.views--unit-search .views-exposed-form{align-items:flex-end;display:flex;flex-wrap:wrap}}@media(min-width: 768px){.views--unit-search .views-exposed-form .form-item{margin-bottom:0;width:70%}}.views--unit-search .views-exposed-form .hds-text-input__input-wrapper::after{background-color:#000;background-size:contain;content:"";display:block;height:20px;-webkit-mask-image:var(--hel-icon--search);mask-image:var(--hel-icon--search);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.views--unit-search .views-exposed-form .hds-text-input__input-wrapper .hds-text-input__input{border-radius:0;padding-right:48px}.views--unit-search .views-exposed-form [data-drupal-selector=edit-provided-languages-value]{margin-top:24px;order:1}@media(min-width: 768px){.views--unit-search .views-exposed-form .form-actions{display:flex;width:30%}}.views--unit-search .unit-search__results>.views-row:first-of-type,.views--unit-search .views-infinite-scroll-content-wrapper{margin-top:16px}@media(min-width: 768px){.views--unit-search .unit-search__results>.views-row:first-of-type,.views--unit-search .views-infinite-scroll-content-wrapper{margin-top:32px}}.unit-search__results{border-top:1px solid #e5e5e5;display:block;margin-top:32px;padding-top:32px;width:100%}@media(min-width: 768px){.unit-search__results{margin-top:64px;padding-top:64px}}.unit-search__results>.views-infinite-scroll-content-wrapper>.views-row+.views-row{margin-top:16px}@media(min-width: 768px){.unit-search__result-actions{align-items:center;display:flex;justify-content:space-between}}.unit-search__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){.unit-search__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.unit-search__count-container .unit-search__count{font-weight:700}.unit-search__additional-information{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:block;margin-bottom:24px;margin-top:16px}.unit-search__additional-information.unit-search__address-not-found{padding-left:48px;position:relative}.unit-search__additional-information.unit-search__address-not-found::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--alert-circle-fill);mask-image:var(--hel-icon--alert-circle-fill);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;background-color:#d18200;left:16px;margin-top:-12px;position:absolute;top:50%}.unit-search__additional-information.unit-search__address-not-found p{margin-top:0}.unit-search__result--list,.unit-search__result--map{margin-top:16px}@media(min-width: 768px){.unit-search__result--list,.unit-search__result--map{margin-top:32px}}.unit-search__result--map{padding-bottom:52%;position:relative;width:100%}.unit-search__map{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.unit-search__map-actions{display:flex;justify-content:flex-end;margin-top:16px}@media(min-width: 768px){.unit-search__map-actions{margin-top:24px}}.unit-search__no-results-title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-top:24px}@media(min-width: 992px){.unit-search__no-results-title{--line-height: 1;font-size:2rem;font-weight:400}}.unit-search__no-results-desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.views--unit-search--large-volume .unit-search__results>.views-infinite-scroll-content-wrapper>.views-row+.views-row,.views--unit-search--large-volume .unit-search__results .views-row+.views-row{margin-top:8px}.dialog-off-canvas-main-canvas::after{background-color:rgba(0,0,0,.4);content:"";height:0;opacity:0;pointer-events:none;visibility:hidden;width:0}.eu-cookie-compliance-banner{background-color:#0000bf;color:#fff;max-height:100vh;overflow:auto;padding:0 0 24px}@media(min-width: 768px){.eu-cookie-compliance-banner{padding:0 0 32px}}.eu-cookie-compliance-banner .eu-cookie-compliance-content{display:flex;flex-wrap:wrap;padding-top:24px}.eu-cookie-compliance-banner .eu-cookie-compliance-message{float:none;max-width:100%;width:100%}.eu-cookie-compliance-banner .eu-cookie-compliance-message>h2{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:0;max-width:860px}@media(min-width: 992px){.eu-cookie-compliance-banner .eu-cookie-compliance-message>h2{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.eu-cookie-compliance-banner .eu-cookie-compliance-message>p{max-width:860px}.eu-cookie-compliance-banner .eu-cookie-compliance-more-info,.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{margin-top:32px;width:100%}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-more-info,.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{align-items:center;display:flex}}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-more-info{width:30%}}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{justify-content:flex-end;width:70%}}.eu-cookie-compliance-banner .eu-cookie-compliance-categories-buttons{margin-top:16px}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-categories-buttons{margin-left:16px;margin-top:0}}.eu-cookie-compliance-banner .eu-cookie-compliance-buttons{float:none;max-width:100%}.eu-cookie-compliance-banner .eu-cookie-withdraw-button{display:none}.eu-cookie-compliance-banner .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white);max-width:400px;width:100%}@media(min-width: 768px){.eu-cookie-compliance-banner .hds-button{width:auto}}.sliding-popup-bottom{width:100%}.gin--horizontal-toolbar .toolbar-bar{position:fixed}.gin--horizontal-toolbar .node-preview-container{padding:0 32px;top:54px}.logo{align-items:center;display:flex;text-decoration:none}.logo__icon{--height: 32px;--aspect-ratio: 2.1666666667;height:var(--height);width:calc(var(--aspect-ratio)*var(--height))}@media(min-width: 768px){.logo__icon{--height: 54px}}.logo__icon--sv,.logo__icon--ru{--aspect-ratio: 2.7857142857}.logo--header{color:#000;height:var(--branding-height)}.logo--footer{margin-top:8px}@media(min-width: 768px){.logo--footer{margin-right:16px;margin-top:0}}.logo--footer .logo__icon{--height: 40px}.metadata-container{background-color:var(--hdbt-color-palette--secondary);display:flex;flex-wrap:wrap;margin-top:16px;padding:24px}@media(min-width: 768px){.metadata-container{margin-top:32px}}.metadata__item{display:flex;margin-top:16px;width:100%}@media(min-width: 768px){.metadata__item{width:50%}}.metadata__item:first-child{margin-top:0}@media(min-width: 768px){.metadata__item:nth-child(2){margin-top:0}}.metadata__item .hel-icon{height:24px;margin-right:8px;min-width:24px;width:24px}.metadata__item-label{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);display:block}.content-tags__tags{margin-left:-4px;margin-right:-4px;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0;margin-top:0;padding-left:0}.content-tags__tags>*{margin-left:4px;margin-right:4px}.content-tags__tags__tag{list-style:none;margin-bottom:8px;margin-top:0}.content-tags__tags__tag a,.content-tags__tags__tag span,.content-tags__tags--static li{--line-height: 1.5;font-size:.875rem;font-weight:500;line-height:var(--line-height);display:inline-block;line-height:1;text-decoration:none;transition:.2s ease-in-out background-color,.2s ease-in-out border-color}.content-tags__tags--interactive a{background-color:rgba(0,0,0,0);border:1px solid #000;border-radius:48px;padding:16px 20px 18px}.content-tags__tags--interactive a:hover,.content-tags__tags--interactive a:active{background-color:#000;border-color:#000;color:#fff}.content-tags__tags--interactive a:focus,.content-tags__tags--interactive a:active{border-color:#000;outline:2px solid #000;outline-offset:2px}.content-tags__tags--static span{background-color:#dedfe1;border-radius:16px;padding:8px 16px 10px}.content-tags__tags--static .content-tags__tags__tag--coat-of-arms span{background-color:#b5daf7}.content-tags__tags--static .content-tags__tags__tag--gold span{background-color:#e8d7a7}.content-tags__tags--static .content-tags__tags__tag--bus span{background-color:#ccf}.content-tags__tags--static .content-tags__tags__tag--success span{background-color:#007a64;color:#fff}.content-tags__tags--static .content-tags__tags__tag--alert span{background-color:#ffda07}.content-tags__tags--static .content-tags__tags__tag--error span{background-color:#b01038;color:#fff}.hds-loading-spinner{left:49%;position:fixed;top:48.5%;z-index:1000}#ed11y-panel{left:21px !important;right:auto !important}.is-hidden{display:none} +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccccff;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-black: #000000;--color-white: #ffffff;--color-black-5: #f1f1f1;--color-black-10: #e5e5e5;--color-black-20: #cccccc;--color-black-30: #b2b2b2;--color-black-40: #999898;--color-black-50: #808080;--color-black-60: #666666;--color-black-70: #4c4c4c;--color-black-80: #333333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xl: 3.25rem;--fontsize-heading-l: 2.25rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk, Arial, sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75}html,body{height:100%}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#fff;color:#1a1a1a;display:flex;flex-direction:column;font-family:HelsinkiGrotesk,Arial,sans-serif;font-size:1rem;line-height:1.5}body.gin--horizontal-toolbar{padding-top:0 !important}:root{--hdbt-color-black: #121212;--hdbt-default-link-color: var(--color-black-90);--hdbt-theme-color: var(--color-black);--hdbt-text-color: var(--color-white);--hdbt-text-color--coat-of-arms: var(--color-white);--hdbt-text-color--brick: var(--color-white);--hdbt-text-color--bus: var(--color-white);--hdbt-text-color--metro: var(--color-white);--hdbt-text-color--tram: var(--color-white);--hdbt-text-color--gold: var(--hdbt-color-black);--hdbt-text-color--silver: var(--hdbt-color-black);--hdbt-text-color--copper: var(--hdbt-color-black);--hdbt-text-color--engel: var(--hdbt-color-black);--hdbt-text-color--fog: var(--hdbt-color-black);--hdbt-text-color--summer: var(--hdbt-color-black);--hdbt-text-color--suomenlinna: var(--hdbt-color-black);--hdbt-button-text-color--coat-of-arms: var(--hdbt-color-black);--hdbt-button-text-color--brick: var(--hdbt-color-black);--hdbt-button-text-color--bus: var(--hdbt-color-black);--hdbt-button-text-color--metro: var(--hdbt-color-black);--hdbt-button-text-color--tram: var(--hdbt-color-black);--hdbt-button-text-color--gold: var(--color-white);--hdbt-button-text-color--silver: var(--color-white);--hdbt-button-text-color--copper: var(--color-white);--hdbt-button-text-color--engel: var(--color-white);--hdbt-button-text-color--fog: var(--color-white);--hdbt-button-text-color--summer: var(--color-white);--hdbt-button-text-color--suomenlinna: var(--color-white);--hdbt-button-highlight-color--coat-of-arms: var(--color-black-90);--hdbt-button-highlight-color--brick: var(--color-black-90);--hdbt-button-highlight-color--bus: var(--color-black-90);--hdbt-button-highlight-color--metro: var(--color-black-90);--hdbt-button-highlight-color--tram: var(--color-black-90);--hdbt-button-highlight-color--gold: var(--color-white);--hdbt-button-highlight-color--silver: var(--color-white);--hdbt-button-highlight-color--copper: var(--color-white);--hdbt-button-highlight-color--engel: var(--color-white);--hdbt-button-highlight-color--fog: var(--color-white);--hdbt-button-highlight-color--summer: var(--color-white);--hdbt-button-highlight-color--suomenlinna: var(--color-white);--background-color-disabled: transparent;--border-color-disabled: transparent;--color-disabled: var(--color-black-40);--border-color-focus: var(--color-coat-of-arms);--border-color-hover-focus: var(--color-coat-of-arms-dark)}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:400;src:url(../fonts/HelsinkiGrotesk-Regular.eot);src:url(../fonts/HelsinkiGrotesk-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Regular.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Regular.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Regular.svg#HelsinkiGrotesk-Regular) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:400;src:url(../fonts/HelsinkiGrotesk-RegularItalic.eot);src:url(../fonts/HelsinkiGrotesk-RegularItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-RegularItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-RegularItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-RegularItalic.svg#HelsinkiGrotesk-RegularItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:500;src:url(../fonts/HelsinkiGrotesk-Medium.eot);src:url(../fonts/HelsinkiGrotesk-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Medium.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Medium.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Medium.svg#HelsinkiGrotesk-Medium) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:500;src:url(../fonts/HelsinkiGrotesk-MediumItalic.eot);src:url(../fonts/HelsinkiGrotesk-MediumItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-MediumItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-MediumItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-MediumItalic.svg#HelsinkiGrotesk-MediumItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:700;src:url(../fonts/HelsinkiGrotesk-Bold.eot);src:url(../fonts/HelsinkiGrotesk-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Bold.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Bold.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Bold.svg#HelsinkiGrotesk-Bold) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:700;src:url(../fonts/HelsinkiGrotesk-BoldItalic.eot);src:url(../fonts/HelsinkiGrotesk-BoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-BoldItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-BoldItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-BoldItalic.svg#HelsinkiGrotesk-BoldItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:800;src:url(../fonts/HelsinkiGrotesk-Black.eot);src:url(../fonts/HelsinkiGrotesk-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Black.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Black.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Black.svg#HelsinkiGrotesk-Black) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:800;src:url(../fonts/HelsinkiGrotesk-BlackItalic.eot);src:url(../fonts/HelsinkiGrotesk-BlackItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-BlackItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-BlackItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-BlackItalic.svg#HelsinkiGrotesk-BlackItalic) format("svg")}figure{margin:0}table{background-color:#fff;border:1px solid #666;border-spacing:0;display:block;margin:32px 0;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;table-layout:fixed;white-space:nowrap}table caption{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);background-color:#000;color:#fff;padding:32px 16px;text-align:left}table thead{background-color:#000}table thead th{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#fff;font-weight:500;min-width:140px;padding:16px;text-align:left;vertical-align:middle;white-space:normal}table thead th p{font-size:inherit;font-weight:inherit;margin:0}table tbody,table tfoot{background-color:#fff}table tbody tr,table tfoot tr{background-color:#fff}table tbody tr:hover,table tbody tr:active,table tfoot tr:hover,table tfoot tr:active{background-color:#f1f1f1}table tbody tr th,table tbody tr td,table tfoot tr th,table tfoot tr td{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#121212;color:var(--hdbt-color-black);min-width:140px;padding:16px;text-align:left;vertical-align:middle;white-space:normal}table tbody tr th p,table tbody tr td p,table tfoot tr th p,table tfoot tr td p{margin:0}table tbody tr th p+p,table tbody tr td p+p,table tfoot tr th p+p,table tfoot tr td p+p{margin:16px 0 0}table tbody tr th,table tfoot tr th{background-color:#000;color:#fff;font-weight:500}table tbody tr:not(:last-of-type) td,table tfoot tr:not(:last-of-type) td{border-bottom:1px solid #e5e5e5}h1,h2,h3,h4,h5,h6{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:0;margin-top:48px;word-wrap:break-word}h1{--line-height: 1;font-size:2.5rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){h1{--line-height: 1;font-size:4rem;font-weight:400}}@media(min-width: 768px){h1{margin-top:64px}}@media(min-width: 992px){h1{margin-bottom:64px}}h2{--line-height: 1;font-size:2rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){h2{--line-height: 1;font-size:3rem;font-weight:400}}h3{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){h3{--line-height: 1;font-size:2rem;font-weight:400}}h4{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){h4{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}h5{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){h5{--line-height: 1.5;font-size:1.25rem;font-weight:500}}h6{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height)}@media(min-width: 992px){h6{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}a{color:#1a1a1a;color:var(--hdbt-default-link-color);word-wrap:break-word}p{margin-bottom:0;margin-top:16px;word-wrap:break-word}ul,ol{margin-bottom:24px;margin-left:0;margin-top:24px;padding-left:32px}ul ul,ul ol,ol ul,ol ol{margin-bottom:0;margin-top:16px}li{margin-left:0;padding-left:0}li+li{margin-top:16px}.local-tasks li,.toolbar-menu li,.pager li,.table-of-contents__list li,.menu li{margin-top:0}.hdbt-icon::before{--icon-size: 24px;background-color:#000;content:"";display:inline-block;height:var(--icon-size);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--icon-size) var(--icon-size);mask-size:var(--icon-size) var(--icon-size);min-height:var(--icon-size);min-width:var(--icon-size);position:static;width:var(--icon-size)}.hds-button.hdbt-icon .hds-button__label{margin:0 0 0 0.5rem;margin:0 0 0 var(--spacing-2-xs);order:1}.hds-button.hdbt-icon .link__type{margin-left:-16px;margin-right:16px;order:2}.hds-button.hdbt-icon:focus::before{background-color:var(--color-focus)}.hds-button.hdbt-icon:hover::before{background-color:var(--color-hover)}.hds-button.hdbt-icon:focus:hover::before{background-color:var(--color-hover-focus)}.hds-button.hdbt-icon::after{order:2}.hds-button.hdbt-icon::before{background-color:var(--color);order:3}.hel-icon{--fallback: calc(var(--line-height, 1) * 1em);background-color:currentColor;display:inline-block;height:var(--fallback);height:var(--icon-size, var(--fallback));-webkit-mask-image:var(--url);mask-image:var(--url);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:text-bottom;width:var(--fallback);width:var(--icon-size, var(--fallback))}.icon{--icon-size: 1.5rem;height:var(--icon-size);width:var(--icon-size)}:root{--theme-fg1: var(--color-white);--theme-fg2: var(--color-black);--theme-bg1: var(--color-black);--theme-bg2: transparent;--theme-focus: var(--color-black)}.hds-button{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);--border-width: 2px;--color: inherit;--min-size: 44px;--outline-gutter: 2px;--outline-width: 3px;align-content:flex-start;align-items:center;background-color:transparent;background-color:var(--background-color, transparent);border:var(--border-width) solid transparent;border:var(--border-width) solid var(--border-color, transparent);border-radius:0;color:var(--color);cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;min-height:var(--min-size);min-width:var(--min-size);padding:0 0.5rem;padding:0 var(--spacing-2-xs);text-decoration:none;vertical-align:top}.hds-button,.hds-button::before,.hds-button::after,.hds-button *,.hds-button *::before,.hds-button *::after{box-sizing:border-box}.hds-button:hover,.hds-button:focus,.hds-button:active{transition-duration:85ms;transition-property:background-color,border-color,color;transition-timing-function:ease-out}.hds-button:hover{background-color:transparent;background-color:var(--background-color-hover, transparent);color:var(--color-hover)}.hds-button:focus{background-color:transparent;background-color:var(--background-color-focus, transparent);color:var(--color-focus);outline:none}.hds-button:focus:hover{background-color:transparent;background-color:var(--background-color-hover-focus, transparent)}.hds-button:disabled{background-color:transparent;background-color:var(--background-color-disabled, transparent);border-color:transparent;border-color:var(--border-color-disabled, transparent);color:#999898;color:var(--color-disabled);cursor:not-allowed}.hds-button:not(:disabled){border-color:transparent;border-color:var(--border-color, transparent)}.hds-button:not(:disabled):hover{border-color:transparent;border-color:var(--border-color-hover, transparent)}.hds-button:not(:disabled):active,.hds-button:not(:disabled):focus{border-color:#0072c6;border-color:var(--border-color-focus, transparent)}.hds-button:not(:disabled):active:hover,.hds-button:not(:disabled):focus:hover{border-color:#005799;border-color:var(--border-color-hover-focus, transparent);color:var(--color-hover-focus)}.hds-button:active,.hds-button:focus{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:var(--outline-gutter);outline-offset:2px}input[type=submit].hds-button,.hds-button__label{font-weight:inherit;line-height:1.25em;padding:1rem;padding:var(--spacing-s)}input[type=submit].hds-button{cursor:pointer;padding:1rem 2rem;padding:var(--spacing-s) var(--spacing-l)}.hds-button__label:only-child{margin:0 0.5rem;margin:0 var(--spacing-2-xs)}.hds-button--supplementary .hds-button__label:first-child{padding-right:0.25rem;padding-right:var(--spacing-3-xs)}.hds-button--supplementary .hds-icon+.hds-button__label:last-child{padding-left:0.25rem;padding-left:var(--spacing-3-xs)}.hds-button--supplementary .hds-icon+.hds-button__label:not(:last-child){padding-left:0.25rem;padding-left:var(--spacing-3-xs);padding-right:0.25rem;padding-right:var(--spacing-3-xs)}.hds-button .hds-icon{height:1.5rem;height:var(--spacing-m);margin-left:1rem;margin-left:var(--spacing-s);width:1.5rem;width:var(--spacing-m)}.hds-button__label~.hds-icon{margin:0 1rem 0 0;margin:0 var(--spacing-s) 0 0}.hds-button .hds-icon:first-of-type:not(:last-of-type){margin:0 0 0 0.5rem;margin:0 0 0 var(--spacing-2-xs)}.hds-button .hds-icon:last-of-type:not(:first-of-type){margin:0 0.5rem 0 0;margin:0 var(--spacing-2-xs) 0 0}.hds-button--primary{--background-color: var(--theme-bg1, var(--color-bus));--background-color-hover: var(--theme-bg2, var(--color-bus-dark));--background-color-focus: var(--theme-bg1, var(--color-bus));--background-color-hover-focus: var(--theme-bg2, var(--color-bus-dark));--background-color-disabled: var(--color-black-20);--border-color: var(--theme-bg1, var(--color-bus));--border-color-hover: var(--theme-bg1, var(--color-bus-dark));--border-color-focus: var(--theme-bg1, var(--color-bus));--border-color-hover-focus: var(--theme-bg1, var(--color-bus-dark));--border-color-disabled: var(--color-black-20);--color: var(--theme-fg1, var(--color-white));--color-hover: var(--theme-fg2, var(--color-white));--color-focus: var(--theme-fg1, var(--color-white));--color-hover-focus: var(--theme-fg2, var(--color-white));--color-disabled: var(--color-white);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button--secondary{--background-color: var(--theme-bg2, transparent);--background-color-hover: var(--theme-bg1, var(--color-bus-light));--background-color-focus: var(--theme-bg2, transparent);--background-color-hover-focus: var(--theme-bg1, var(--color-bus-light));--background-color-disabled: transparent;--border-color: var(--theme-bg1, var(--color-bus));--border-color-hover: var(--theme-bg2, var(--color-bus-dark));--border-color-focus: var(--theme-bg1, var(--color-bus));--border-color-hover-focus: var(--theme-bg2, var(--color-bus-dark));--border-color-disabled: var(--color-black-50);--color: var(--theme-fg2, var(--color-bus));--color-hover: var(--theme-fg1, var(--color-bus-dark));--color-focus: var(--theme-fg2, var(--color-bus));--color-hover-focus: var(--theme-fg1, var(--color-bus-dark));--color-disabled: var(--color-black-40);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button--supplementary{--background-color: var(--theme-bg2, transparent);--background-color-hover: var(--theme-bg2, var(--color-bus-light));--background-color-focus: var(--theme-bg2, transparent);--background-color-hover-focus: var(--theme-bg2, var(--color-bus-light));--background-color-disabled: transparent;--border-color: var(--theme-bg2, transparent);--border-color-hover: var(--theme-bg2, transparent);--border-color-focus: var(--theme-bg2, var(--color-coat-of-arms));--border-color-hover-focus: var(--theme-bg2, var(--color-coat-of-arms));--border-color-disabled: transparent;--color: var(--theme-fg2, var(--color-bus));--color-hover: var(--theme-fg2, var(--color-bus-dark));--color-focus: var(--theme-fg2, var(--color-bus));--color-hover-focus: var(--theme-fg2, var(--color-bus-dark));--color-disabled: var(--color-black-40);--focus-outline-color: var(--theme-focus, transparent)}.hds-button--loading{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: transparent;--border-color-hover-focus: transparent;--border-color-disabled: transparent;--color: var(--color-black-90);--color-hover: var(--color-black-90);--color-focus: var(--color-black-90);--color-hover-focus: var(--color-black-90);--color-disabled: var(--color-black-90);cursor:wait}.hds-button--success{--background-color: var(--color-success);--background-color-hover: var(--color-success-dark);--background-color-focus: var(--color-success);--background-color-hover-focus: var(--color-success-dark);--border-color: var(--color-success);--border-color-hover: var(--color-success-dark);--border-color-focus: var(--color-success);--border-color-hover-focus: var(--color-success-dark);--color: var(--color-white);--color-hover: var(--color-white);--color-focus: var(--color-white);--color-hover-focus: var(--color-white);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button--danger{--background-color: var(--color-error);--background-color-hover: var(--color-error-dark);--background-color-focus: var(--color-error);--background-color-hover-focus: var(--color-error-dark);--border-color: var(--color-error);--border-color-hover: var(--color-error-dark);--border-color-focus: var(--color-error);--border-color-hover-focus: var(--color-error-dark);--color: var(--color-white);--color-hover: var(--color-white);--color-focus: var(--color-white);--color-hover-focus: var(--color-white);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button .hel-icon{--icon-size: 24px}.hds-button .hel-icon:first-of-type:not(:last-of-type){margin:0 0 0 8px}.hds-button .link__type,.hds-button .hel-icon:last-of-type:not(:first-of-type){margin:0 8px 0 0}.hds-button.hds-button--supplementary{margin:0;padding:0 8px 0 0;text-decoration:underline}.hds-button.hds-button--supplementary .hds-button__label{line-height:24px;margin:0 0 -8px 0;padding:8px}.hds-button.hds-button--supplementary .hds-button__label:only-child{margin:0}.hds-button.hds-button--supplementary:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:not([data-is-external])::after{--icon-size: 24px;background-color:var(--color);background-size:contain;content:"";display:inline-block;height:var(--icon-size);-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--icon-size) var(--icon-size);mask-size:var(--icon-size) var(--icon-size);vertical-align:bottom;width:var(--icon-size);transition:transform .2s linear;order:3;position:static}@media(prefers-reduced-motion){.hds-button.hds-button--supplementary:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:not([data-is-external])::after{transition:none}}.hds-button.hds-button--supplementary:focus:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary:hover:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:focus:not([data-is-external])::after,.hds-button.hds-button--supplementary[data-selected-icon]:hover:not([data-is-external])::after{transform:translateX(4px)}@media(prefers-reduced-motion){.hds-button.hds-button--supplementary:focus:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary:hover:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:focus:not([data-is-external])::after,.hds-button.hds-button--supplementary[data-selected-icon]:hover:not([data-is-external])::after{transform:none}}.hds-button.hds-button--supplementary:hover{text-decoration:none}.hds-button.hds-button--primary.hdbt-icon::before,.hds-button.hds-button--secondary.hdbt-icon::before{margin-right:16px}.hds-button--supplementary:not(.hdbt-icon):not([data-selected-icon]):before{-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right)}p>a.hds-button.hds-button--supplementary:first-child{margin-left:calc(-8px + (-2px))}.hds-button--link{--border-width: 2px;--min-size: 56px;--outline-gutter: 2px;--outline-width: 3px}.hds-button__target-blank{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);max-height:1px;max-width:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}:not(.hds-button)>.hds-button__label{margin:0;padding:0}.card{background:#fff;word-wrap:anywhere;padding:16px;position:relative}.card+.card{margin-top:16px}@media(min-width: 576px){.card{display:flex;flex-direction:row-reverse;gap:16px;grid-template-areas:"content img";grid-template-columns:1fr 30%;padding:16px}}@media(min-width: 768px){.card{gap:24px;padding:24px}}.card__image{flex-basis:30%;flex-shrink:0;margin-bottom:16px}.card__image picture,.card__image img{background-color:#f1f1f1;display:block;height:auto;width:100%}@media(min-width: 576px){.card__image{margin-bottom:0}}.card__text{display:flex;flex-direction:column;flex-grow:1}.card__text::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear;--icon-size: 32px;flex-grow:1;margin-top:16px;-webkit-mask-position:bottom center;mask-position:bottom center}@media(prefers-reduced-motion){.card__text::after{transition:none}}@media(min-width: 768px){.card__text::after{--icon-size: 48px}}.card[focus-within] .card__text::after,.card:hover .card__text::after{transform:translateX(4px)}.card:focus-within .card__text::after,.card:hover .card__text::after{transform:translateX(4px)}@media(prefers-reduced-motion){.card[focus-within] .card__text::after,.card:hover .card__text::after{transform:none}.card:focus-within .card__text::after,.card:hover .card__text::after{transform:none}}.card--external .card__text::after{-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external)}.card--external[focus-within] .card__text::after,.card--external:hover .card__text::after{transform:translate(4px, -4px)}.card--external:focus-within .card__text::after,.card--external:hover .card__text::after{transform:translate(4px, -4px)}@media(prefers-reduced-motion){.card--external[focus-within] .card__text::after,.card--external:hover .card__text::after{transform:none}.card--external:focus-within .card__text::after,.card--external:hover .card__text::after{transform:none}}.card--external .link__type--external{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);max-height:1px;max-width:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}.card .content-tags{margin-bottom:-8px}.card__category{margin-top:12px}.card__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin:0}@media(min-width: 992px){.card__title{--line-height: 1;font-size:2rem;font-weight:400}}.card__link{word-wrap:anywhere;text-decoration:none}.card__link::after{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.card__link:active,.card__link:focus{outline:3px solid #000;outline-offset:2px}.card__link:active,.card__link:hover{text-decoration:underline}.card__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.card__helptext{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666}.card__description,.card__helptext{margin-top:8px}.card__description>:first-child,.card__helptext>:first-child{margin-top:0}.card__metas{margin-top:16px}.card__meta{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);padding-left:32px}.card__meta+.card__meta{margin-top:8px}.card__meta__icon{--icon-size: 24px;display:inline-block;margin-left:-32px;margin-right:8px}.card__meta__label{font-weight:500}.card p.address{display:inline}.card__tags{margin-top:16px}.link__type{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height)*1em);-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);vertical-align:bottom;width:calc(var(--line-height)*1em);transition:transform .2s linear;--external-icon-move: translate(3px, -3px);overflow:hidden}@media(prefers-reduced-motion){.link__type{transition:none}}@media(prefers-reduced-motion){.link__type{--external-icon-move: scale(1)}}a:focus .link__type,a:hover .link__type{transform:var(--external-icon-move)}.link__type--tel{-webkit-mask-image:var(--hel-icon--tel);mask-image:var(--hel-icon--tel);--external-icon-move: rotate(15deg)}.link__type--mailto{-webkit-mask-image:var(--hel-icon--mailto);mask-image:var(--hel-icon--mailto);--external-icon-move: rotate(15deg)}.link__style--highlight{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:16px;padding-left:calc(var(--line-height)*1em + 8px)}.link__style--highlight::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height)*1em);-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);vertical-align:bottom;width:calc(var(--line-height)*1em);margin-left:calc(var(--line-height)*-1em - 8px);margin-right:8px}.quote{--line-height: 1.5;font-size:1.5rem;font-weight:500;line-height:var(--line-height);display:block;margin:48px 0;padding:8px 0 8px 24px;position:relative}@media(min-width: 992px){.quote{--line-height: 1.5;font-size:2rem;font-weight:400}}@media(min-width: 992px){.quote{margin:64px 0;padding:0 0 0 40px}}.quote::before{background-color:var(--hdbt-color-palette--primary);content:"";height:100%;left:0;position:absolute;top:0;width:8px}.quote__text{font-style:italic;margin-top:0}.quote__text::before{content:"”"}.quote__text[lang=en]::before,[lang=en] .quote__text::before{content:"“"}.quote__text::after{content:"”"}.quote__author{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:24px}.quote__author::before{content:"-";margin-right:3px}.quote__author cite{font-style:normal}.block--branding-navigation{display:flex;grid-area:brand;margin-left:auto;order:2;z-index:2}@media(min-width: 768px){.block--branding-navigation{margin-left:32px;order:3}}.block--branding{align-items:center;display:flex;grid-area:logo;height:var(--branding-height);z-index:1}@media(min-width: 768px){.block--branding{height:auto}}.block--branding .city-name{color:#000;display:none;margin-left:8px;margin-right:8px}@media(min-width: 992px){.block--branding .city-name{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:flex;margin-left:16px;margin-right:16px}}@media(min-width: 992px)and (min-width: 768px){.block--branding .city-name{--line-height: 1.5;font-size:1.25rem;font-weight:400}}.block--branding a:focus .city-name,.block--branding a:hover .city-name{text-decoration:underline}#chat-leijuke-wrapper{bottom:0;color:#fff;position:fixed;right:0;z-index:1}.chat-leijuke{align-items:center;background:#000;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:auto;gap:8px;padding:8px 16px;--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.chat-leijuke.hidden{display:none}.chat-leijuke .hel-icon--angle-up{margin-left:auto}.cx-widget.cx-side-button-group{display:none}.smartti-button-closed{display:none}#aca--widget-button{opacity:0}.kuura-chat-toggle.closed-chat{display:none}.language-wrapper{--language-block-height: 52px;align-content:stretch;align-items:center;align-self:center;background-color:#f7f7f8;border-bottom:1px solid #ccc;display:flex;grid-area:lang;height:100%;justify-content:space-between;min-height:var(--language-block-height);padding:0 16px;position:relative;transition:margin-top .3s ease 1s;width:100vw;z-index:0}@media(min-width: 768px){.language-wrapper{background-color:rgba(0,0,0,0);border-bottom:0 none;border-top:none;margin-left:auto;order:2;padding:0;width:auto;z-index:10}}.language-wrapper.scroll-up{margin-top:calc(-1*var(--language-block-height));transition-delay:0s}@media(min-width: 768px){.language-wrapper.scroll-up{margin-top:0;transition-duration:0s}}#menu:not([data-js])~* .mega-and-mobilemenu .block--language-switcher+*{margin-top:16px}.language-links{display:flex}.nav-toggle-dropdown--otherlangs{grid-area:langmenu}@media(min-width: 992px){.nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__content{display:flex;justify-content:flex-end;pointer-events:none}}.headerlanguagelinks__menu-dropdown{background-color:#efeff0;height:100%;list-style:none;margin:0;min-width:240px;padding:16px;width:auto}@media(min-width: 992px){.headerlanguagelinks__menu-dropdown{border:1px solid #ccc;border-top:0;height:auto;max-width:200px;pointer-events:all}}.headerlanguagelinks__group+.headerlanguagelinks__group{margin-top:24px}.headerlanguagelinks__link{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:block}.headerlanguagelinks__link+.headerlanguagelinks__group,.headerlanguagelinks__link+.headerlanguagelinks__link{margin-top:8px}.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink){text-decoration:none}.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink):hover,.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink):active,.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink):focus{text-decoration:underline}.headerlanguagelinks__link--nolink{display:block;font-weight:700}.block--mobile-navigation{order:3}@media(min-width: 768px){.block--mobile-navigation{display:none}}.page-title{padding-top:0}.page-title h1{margin-bottom:0;margin-top:0;max-width:860px}.page-title+article>.lead-in{margin-top:24px}.page-title+article>.table-of-contents:first-child,.page-title+article>.components:first-child{margin-top:32px}@media(min-width: 992px){.page-title+article>.table-of-contents:first-child,.page-title+article>.components:first-child{margin-top:64px}}.block--react-and-share{margin-top:32px;width:100%}@media(min-width: 992px){.block--react-and-share{margin-top:64px}}.block--react-and-share:last-child{background:#f1f1f1}.block--react-and-share:last-child .rns .rns-plugin{padding-bottom:112px}.js .block--react-and-share:last-child{margin-bottom:-112px}.rns{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media(min-width: 768px){.rns{max-width:1328px}}@media(min-width: 768px){.rns{padding-left:32px;padding-right:32px}}.rns .rns-plugin{font-family:HelsinkiGrotesk,Arial,sans-serif;margin:0;padding-bottom:80px;padding-top:80px}.rns .rns-plugin .rns-reactions{max-width:688px}.rns .rns-plugin .rns-reactions .rns-header{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.rns .rns-plugin .rns-reactions .rns-header{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.rns .rns-plugin .rns-reactions .reactions{margin-top:24px}@media only screen and (min-width: 681px){.rns .rns-plugin .rns-reactions .reactions{margin-left:calc(-24px / 2);margin-right:calc(-24px / 2)}}.rns .rns-plugin .rns-reactions .reactions .rns-reaction{flex-grow:0;margin:0 calc(24px / 2);max-width:190px;padding:0}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-reactions .reactions .rns-reaction{max-width:100%}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-reactions .reactions .rns-reaction{margin:16px 0 0;padding:0;width:100%}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-reactions .reactions .rns-reaction:first-child{margin-top:0}}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button{border-color:#000;padding:14px 32px;position:relative}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:before{--size: 100%;border:2px solid rgba(0,0,0,0);content:"";height:var(--size);left:0;position:absolute;width:var(--size)}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button .rns-label{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);align-items:center;color:#000;display:flex;justify-content:center;min-width:-moz-max-content;min-width:max-content;width:100%}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button .rns-label:after{background-color:#000;background-size:contain;content:"";display:flex;height:24px;-webkit-mask-image:var(--hel-icon--face-neutral);mask-image:var(--hel-icon--face-neutral);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;margin-left:16px}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button .rns-reaction-count{display:none}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus{background-color:#fff;box-shadow:none;color:#000}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus .rns-label{color:#000}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus:before{--size: calc(100% + calc(24px / 2));border-color:#000;left:calc(-24px / 4)}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:hover{background-color:#000}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:hover .rns-label{color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:hover .rns-label:after{background-color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus:hover .rns-label{color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction.selected .rns-reaction-button{background-color:#000 !important}.rns .rns-plugin .rns-reactions .reactions .rns-reaction.selected .rns-reaction-button .rns-label{color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction.selected .rns-reaction-button .rns-label:after{background-color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction:first-child .rns-label:after{-webkit-mask-image:var(--hel-icon--face-smile);mask-image:var(--hel-icon--face-smile)}.rns .rns-plugin .rns-reactions .reactions .rns-reaction:last-child .rns-label:after{-webkit-mask-image:var(--hel-icon--face-sad);mask-image:var(--hel-icon--face-sad)}.rns .rns-plugin .rns-shares{margin-top:64px;padding:0 calc(24px / 4)}.rns .rns-plugin .rns-shares .rns-header{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.rns .rns-plugin .rns-shares .rns-header{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.rns .rns-plugin .rns-shares .rns-shares-list{margin-top:32px}@media only screen and (min-width: 681px){.rns .rns-plugin .rns-shares .rns-shares-list{margin-bottom:0;margin-left:-8px;margin-right:-8px;margin-top:32px}}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share{margin:0 8px;padding:0 !important;width:auto}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share{margin:16px 0 0;padding:0 !important;width:calc(50% - 16px)}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:first-child,.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:nth-child(2){margin:0}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:nth-child(odd){margin-right:4px}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:nth-child(even){margin-left:4px}}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button{align-items:center;background-color:rgba(0,0,0,0);border:0;color:#000;display:flex;justify-content:left;padding:0}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:after{--size: 100%;border:2px solid rgba(0,0,0,0);content:"";height:var(--size);left:0;position:absolute;width:var(--size)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:before{background-color:#000;background-size:contain;content:"";display:flex;height:32px;-webkit-mask-image:var(--hel-icon--share);mask-image:var(--hel-icon--share);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px;margin-right:8px}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:focus{box-shadow:none;outline:none}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:focus:after{--size: calc(100% + 8px);border-color:#000;left:calc(-8px / 2);top:calc(-8px / 2)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:hover{opacity:1}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:hover:before{background-color:#000}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:hover .rns-label{color:#000;text-decoration:underline}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button .rns-icon{display:none}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button .rns-label{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);padding-right:calc(8px / 2)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-facebook .rns-share-button:before{-webkit-mask-image:var(--hel-icon--facebook);mask-image:var(--hel-icon--facebook)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-whatsapp .rns-share-button:before{-webkit-mask-image:var(--hel-icon--whatsapp);mask-image:var(--hel-icon--whatsapp)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-twitter .rns-share-button:before{-webkit-mask-image:var(--hel-icon--twitter);mask-image:var(--hel-icon--twitter)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-email .rns-share-button:before{-webkit-mask-image:var(--hel-icon--email);mask-image:var(--hel-icon--email)}.rns .rns-plugin .rns-inputs{margin-top:48px;max-width:688px;padding:calc(24px / 4)}.rns .rns-plugin .rns-inputs .rns-header{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.rns .rns-plugin .rns-inputs .rns-header{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.rns .rns-plugin .rns-inputs .rns-input-description{margin:24px 0 0;--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666;opacity:1}.rns .rns-plugin .rns-inputs .rns-input-field{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);border:2px solid gray;font-family:HelsinkiGrotesk,Arial,sans-serif;height:188px;margin-top:24px;padding:16px}.rns .rns-plugin .rns-inputs .rns-form-submit{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);background-color:#000;border:2px solid #000;color:#fff;display:inline-flex;margin-top:24px;padding:16px 24px;position:relative}.rns .rns-plugin .rns-inputs .rns-form-submit:after{background-color:#fff;background-size:contain;content:"";display:flex;height:24px;-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;margin-left:16px}.rns .rns-plugin .rns-inputs .rns-form-submit:before{--size: 100%;border:2px solid rgba(0,0,0,0);content:"";height:var(--size);left:0;position:absolute;top:0;width:var(--size)}.rns .rns-plugin .rns-inputs .rns-form-submit:focus{box-shadow:none;outline:none}.rns .rns-plugin .rns-inputs .rns-form-submit:focus:before{--size: calc(100% + calc(24px / 2));border-color:#000;left:calc(-24px / 4);top:calc(-24px / 4)}.rns .rns-plugin .rns-inputs .rns-form-submit:hover{background-color:#fff;color:#000}.rns .rns-plugin .rns-inputs .rns-form-submit:hover:after{background-color:#000}.social-media{margin-top:48px}.social-media__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.social-media__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.social-media__items{margin-left:-4px;margin-right:-4px;display:flex;margin-bottom:32px;margin-top:16px}.social-media__items>*{margin-left:4px;margin-right:4px}.social-media__item{color:#000;list-style:none;text-decoration:none}.social-media__item .hel-icon{--icon-size: 32px}.social-media__item:focus.email,.social-media__item:active.email,.social-media__item:hover.email{color:#4c4c4c}.social-media__item:focus.facebook-share,.social-media__item:active.facebook-share,.social-media__item:hover.facebook-share{color:#4169af}.social-media__item:focus.linkedin,.social-media__item:active.linkedin,.social-media__item:hover.linkedin{color:#0079b2}.social-media__item:focus.twitter,.social-media__item:active.twitter,.social-media__item:hover.twitter{color:#0da4ee}.hds-checkbox{--focus-outline-color: #000000}.hds-checkbox .hds-checkbox__input:focus{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.hds-checkbox .hds-checkbox__input:focus+.hds-checkbox__label::before,.hds-checkbox>.hds-checkbox__input:focus+label::before{box-shadow:none}.hds-checkbox .hds-checkbox__input::before,.hds-checkbox .hds-checkbox__input:hover::before{-webkit-mask-image:var(--hel-icon--check);mask-image:var(--hel-icon--check)}.form-item{margin-bottom:16px}.openid-connect-login-form{border-bottom:1px solid #666;margin-bottom:32px;max-width:600px;padding-bottom:32px}.openid-connect-login-form input{width:100%}.openid-connect-login-form>div{margin-top:16px}.openid-connect-login-form>div:first-child{margin-top:0}.user-login-form{max-width:600px;padding-bottom:16px}.hdbt--select-wrapper{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);--border-width: 2px;--input-height: 52px;--menu-item-height: 52px;--icon-size: var(--spacing-layout-s);--icon-spacing: calc(((var(--spacing-s) - var(--border-width) * 2) * 2) + var(--icon-size));--helper-color-default: var(--color-black-60);--helper-color-invalid: var(--color-error);--icon-color-invalid: var(--color-error);--input-background-default: var(--color-white);--input-background-disabled: var(--color-black-10);--input-border-color-default: var(--color-black-50);--input-border-color-hover: var(--color-black-90);--input-border-color-focus: var(--color-black-90);--input-border-color-invalid: var(--color-error);--input-border-color-disabled: var(--color-black-10);--input-color-default: var(--color-black-90);--input-color-disabled: var(--color-black-40);--label-color-default: var(--color-black-90);--label-color-invalid: var(--color-black-90);--placeholder-color: var(--color-black-60);--focus-outline-color: #000000;--outline-width: 3px;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--input-background-default);border:var(--border-width) solid var(--input-border-color-default);box-sizing:border-box;color:var(--input-color-default);cursor:pointer;display:block;grid-template-areas:"select";min-width:15ch;padding:0;position:relative;width:100%}.hdbt--select-wrapper select,.hdbt--select-wrapper::after{grid-area:select}.hdbt--select-wrapper select{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:none;color:var(--dropdown-color-default);cursor:inherit;display:flex;font-family:inherit;height:var(--input-height);margin:0;min-height:var(--menu-item-height);outline:none;padding:calc(1rem - var(--border-width)*2) var(--icon-spacing) calc(1rem - var(--border-width)*2) 1rem;padding:calc(var(--spacing-s) - var(--border-width)*2) var(--icon-spacing) calc(var(--spacing-s) - var(--border-width)*2) var(--spacing-s);width:100%;z-index:1}.hdbt--select-wrapper select::-ms-expand{display:none}.hdbt--select-wrapper select:focus{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:4px}.hdbt--select-wrapper .hel-icon{--icon-size: var(--spacing-m);pointer-events:none;position:absolute;right:calc(1rem - var(--border-width)*2);right:calc(var(--spacing-s) - var(--border-width)*2);top:50%;transform:translateY(-50%)}.hdbt--select-wrapper:not(.select--multiple)::after{background-color:var(--helper-color-default);-webkit-clip-path:polygon(100% 0%, 0 0%, 50% 100%);clip-path:polygon(100% 0%, 0 0%, 50% 100%);content:"";height:.5em;justify-self:end;width:.8em}.hdbt--select-wrapper--disabled{background-color:var(--input-background-disabled);border:var(--border-width) solid var(--input-border-color-disabled);color:var(--input-color-disabled);cursor:not-allowed}.hdbt--select-wrapper--disabled select:disabled{color:var(--input-color-disabled);opacity:1}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){--focus-outline-color: #000000;box-shadow:none;outline:3px solid var(--focus-outline-color);outline:var(--outline-width, 3px) solid var(--focus-outline-color);outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){--focus-outline-color: #000000;box-shadow:none;outline:3px solid var(--focus-outline-color);outline:3px solid var(--focus-outline-color);outline:var(--outline-width, 3px) solid var(--focus-outline-color);outline-offset:2px;outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.hds-text-input__input-wrapper:focus-within .hds-text-input__input:not([readonly]){--focus-outline-color: #000000;box-shadow:none;outline:3px solid var(--focus-outline-color);outline:var(--outline-width, 3px) solid var(--focus-outline-color);outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.region--attachments{height:0;visibility:hidden;width:0}.before-content{width:100%}*~.components,.service__units+.component,.unit__services+.component,.component~.component{margin-top:32px}@media(min-width: 992px){*~.components,.service__units+.component,.unit__services+.component,.component~.component{margin-top:64px}}.components--lower>.component:not(.component--liftup-with-image-bg),.no-sidebar .components--upper>.component:not(.component--liftup-with-image-bg){padding-left:16px;padding-right:16px}@media(min-width: 768px){.components--lower>.component:not(.component--liftup-with-image-bg),.no-sidebar .components--upper>.component:not(.component--liftup-with-image-bg){padding-left:32px;padding-right:32px}}.component--has-koro>.hds-koros{margin-left:-16px;margin-right:-16px;width:calc(16px + 100% + 16px)}@media(min-width: 768px){.component--has-koro>.hds-koros{margin-left:-32px;margin-right:-32px;width:calc(32px + 100% + 32px)}}.component__container{margin-left:auto;margin-right:auto;max-width:1264px}.component__title,.component__description{margin-bottom:0;margin-top:0}.component__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);max-width:860px}.component__description>:first-child{margin-top:0}.component__description>:last-child{margin-bottom:0}.component__title+.component__description{margin-top:16px}.component__title+.component__content,.component__description+.component__content{margin-top:24px}@media(min-width: 992px){.component__title+.component__content,.component__description+.component__content{margin-top:48px}}.component--tpr-unit,.component--unit-services,.component--service-units{padding-left:16px;padding-right:16px}@media(min-width: 768px){.component--tpr-unit,.component--unit-services,.component--service-units{padding-left:32px;padding-right:32px}}.container{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media(min-width: 768px){.container{max-width:1328px}}@media(min-width: 768px){.container{padding-left:32px;padding-right:32px}}.dialog-off-canvas-main-canvas{display:flex;flex-direction:column;height:100%;z-index:1}.gin--horizontal-toolbar .dialog-off-canvas-main-canvas{--drupal-toolbar-height: 39px;padding-top:var(--drupal-toolbar-height)}@media(min-width: 976px){.gin--horizontal-toolbar .dialog-off-canvas-main-canvas{--drupal-toolbar-height: 54px}}.error-page{background-color:#efeff0}.error-page .no-sidebar .main-content{margin-top:0}body[\:has\(.error-page__title\)]{background-color:#efeff0}body:has(.error-page__title){background-color:#efeff0}body[\:has\(.error-page__title\)] .no-sidebar .main-content{margin-top:0}body:has(.error-page__title) .no-sidebar .main-content{margin-top:0}@media(min-width: 768px){.error-page-content__container{display:flex}}@media(min-width: 768px){.error-page__text-container{width:50%}}.error-page__title{margin-bottom:0}.error-page__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 768px){.error-page__description{margin-top:24px}}.error-page__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:inline-flex;margin-top:32px}.error-page__link::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear}@media(prefers-reduced-motion){.error-page__link::after{transition:none}}.error-page__link[data-is-external]::after{content:none}.error-page__link:hover{text-decoration:none}.error-page__link:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.error-page__link:hover::after{transform:none}}.error-page__link+.error-page__link{margin-top:24px}.error-page__login-title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.error-page__login-title{--line-height: 1;font-size:2rem;font-weight:400}}.error-page__login-form{margin-top:32px}@media(min-width: 768px){.error-page__illustration-container{align-items:flex-start;display:flex;justify-content:center;padding-left:48px;padding-right:48px;padding-top:96px;width:50%}}.error-page__illustration{display:block;height:auto;margin-left:32px;margin-top:48px;width:264px}@media(min-width: 768px){.error-page__illustration{margin-left:0;margin-top:0;max-width:100%;width:379px}}.footer{flex-shrink:0;margin:calc(50px + 48px) auto 0;max-width:1920px;width:100%}@media(min-width: 992px){.footer{margin-top:calc(50px + 64px)}}.footer a{text-decoration:underline}.footer .menu{list-style:none;margin:0;padding:0}.footer .hds-koros{margin-top:calc(-1*(50px - 1px))}.footer-top__container{padding-top:0}.footer-top{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto;padding-top:64px}@media(min-width: 768px){.footer-top{max-width:1328px}}@media(min-width: 768px){.footer-top{padding-left:32px;padding-right:32px}}@media(min-width: 768px){.footer-top{display:flex;flex-wrap:wrap}}.footer-top h2{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.footer-top h2{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.footer-top h2.footer-top__content__title{margin-top:32px}@media(min-width: 768px){.footer-top h2.footer-top__content__title{margin-top:0}}.footer-top p{margin-top:16px}@media(min-width: 768px){.footer-top nav{margin-right:96px}}.footer-top .menu{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin:16px 0 32px 0}@media(min-width: 768px){.footer-top .menu{margin-bottom:0;margin-top:24px}}.footer-top .menu__item{margin-top:16px}.footer-top .menu__item:first-child{margin-top:0}@media(min-width: 768px){.footer-top__content{max-width:544px}}.footer-bottom__container{padding-top:0}.footer-bottom{border-top:1px solid #b2b2b2;-moz-column-gap:32px;column-gap:32px;display:flex;flex-wrap:wrap;margin-top:48px;padding-bottom:48px;padding-top:24px;row-gap:16px}@media(min-width: 768px){.footer-bottom{margin-top:96px;padding-bottom:0}}@media(min-width: 768px){.footer-bottom__navigation-wrapper{align-items:center;display:flex;flex-wrap:nowrap;margin-bottom:48px}}.footer-bottom__navigation{margin-top:16px}@media(min-width: 768px){.footer-bottom__navigation{margin-top:0}}.footer-bottom__navigation .menu{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:flex;flex-wrap:wrap}.footer-bottom__navigation .menu__item{align-items:center;display:flex}.footer-bottom__navigation .menu__item::after{content:"";display:block;height:15px;margin:0 8px;width:1px}.footer-bottom__navigation .menu__item.menu__item--nolink{display:flex;width:auto}.footer-bottom__navigation .menu__item:last-child::after{display:none}.footer__back-to-top{--outline-gutter: 2px;--outline-width: 3px;--focus-outline-color: var(--hdbt-color-black);--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);align-items:center;align-self:flex-end;display:flex;height:40px;margin-left:auto;margin-right:8px;text-decoration:none}@media(min-width: 992px){.footer__back-to-top{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.footer__back-to-top{margin-bottom:48px;margin-top:0}}.footer__back-to-top:focus,.footer__back-to-top:active{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:var(--outline-gutter)}.footer__back-to-top:hover{text-decoration:underline}.footer__back-to-top .hel-icon{transition:transform .2s linear}@media(prefers-reduced-motion){.footer__back-to-top .hel-icon{transition:none}}.footer__back-to-top:focus .hel-icon,.footer__back-to-top:hover .hel-icon{transform:translateY(-4px)}@media(prefers-reduced-motion){.footer__back-to-top:focus .hel-icon,.footer__back-to-top:hover .hel-icon{transform:none}}.footer--light{background-color:#efeff0;color:#fff}.footer--light .hds-koros{color:#efeff0}.footer--light a{color:#000}.footer--light .footer-bottom,.footer--light .footer-top{color:#000}.footer--light .footer-bottom .menu__item::after{background-color:#000}.footer--dark{background-color:#121212;background-color:var(--hdbt-color-black);color:#fff}.footer--dark .hds-koros{color:#121212;color:var(--hdbt-color-black)}.footer--dark a{color:#fff}.footer--dark .footer-bottom,.footer--dark .footer-top{color:#fff}.footer--dark .footer-bottom{border-color:#fff}.footer--dark .footer-bottom .menu__item::after{background-color:#fff}.footer--dark .footer__back-to-top{--focus-outline-color: var(--color-white)}.wrapper>.header{padding-top:114px}@media(min-width: 768px){.wrapper>.header{padding-top:0}}.layout-main-wrapper *{scroll-margin-top:113px}@media(min-width: 768px){.layout-main-wrapper *{scroll-margin-top:0}.toolbar-horizontal .layout-main-wrapper *{scroll-margin-top:64px}}.main-content{display:grid;grid-template-areas:"subnav" "content" "sidebar";grid-template-columns:100%;grid-template-rows:auto;margin-left:auto;margin-right:auto;margin-top:64px}@media(min-width: 992px){.main-content{margin-top:96px}}@media(min-width: 992px){.has-sidebar .main-content{-moz-column-gap:64px;column-gap:64px;grid-template-areas:"content sidebar";grid-template-columns:auto 340px}.has-sidebar--first .main-content{grid-template-areas:"subnav content" "sidebar content";grid-template-columns:340px auto;grid-template-rows:auto 1fr}}@media(min-width: 1248px){.main-content{-moz-column-gap:48px;column-gap:48px}}.has-sidebar .main-content{max-width:1296px;padding-left:16px;padding-right:16px}@media(min-width: 768px){.has-sidebar .main-content{max-width:1328px}}@media(min-width: 768px){.has-sidebar .main-content{padding-left:32px;padding-right:32px}}.layout-sidebar-first{display:none;grid-area:subnav;margin-bottom:48px}@media(min-width: 992px){.layout-sidebar-first{display:block}.no-sidebar-second .layout-sidebar-first{margin-bottom:0}}.layout-content{grid-area:content}.layout-content:not(:last-child){margin-bottom:48px}@media(min-width: 992px){.layout-content:not(:last-child){margin-bottom:0}}.layout-sidebar-second{grid-area:sidebar}.user-login-page{background-color:#efeff0}.user-login-page .no-sidebar .main-content{margin-top:0}@media(min-width: 768px){.user-login-page-content__container{display:flex}}.user-login-page__title{--line-height: 1;font-size:2rem;font-weight:400;line-height:var(--line-height);margin-bottom:32px}@media(min-width: 992px){.user-login-page__title{--line-height: 1;font-size:3rem;font-weight:400}}@media(min-width: 768px){.user-login-page__title{margin-bottom:48px}}@media(min-width: 768px){.user-login__form-container{width:50%}}.user-login-page__illustration-container{align-items:center;display:flex;justify-content:center}@media(min-width: 768px){.user-login-page__illustration-container{padding-left:96px;width:50%}}.user-login-page__illustration{display:block;height:auto;margin-top:48px;max-width:450px;width:100%}@media(min-width: 768px){.user-login-page__illustration{margin-left:0;margin-top:0;max-width:unset}}.login-form .description{display:none}.login-form .form-item--error-message{margin-top:32px}.lower-content{margin-top:32px;width:100%}@media(min-width: 992px){.lower-content{margin-top:64px}}.lower-content .layout-content{margin:0;padding:0;width:100%}.maintenance-page{background-color:#efeff0}@media(min-width: 768px){.maintenance-page-content__container{display:flex}}@media(min-width: 768px){.maintenance-page__text-container{display:flex;flex-direction:column;justify-content:center;width:50%}}.maintenance-page__title{margin-bottom:0}.maintenance-page__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 768px){.maintenance-page__description{margin-top:24px}}.maintenance-page__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:inline-flex;margin-top:32px}.maintenance-page__link::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear}@media(prefers-reduced-motion){.maintenance-page__link::after{transition:none}}.maintenance-page__link[data-is-external]::after{content:none}.maintenance-page__link:hover{text-decoration:none}.maintenance-page__link:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.maintenance-page__link:hover::after{transform:none}}.maintenance-page__link+.maintenance-page__link{margin-top:24px}@media(min-width: 768px){.maintenance-page__illustration-container{align-items:flex-start;display:flex;justify-content:center;padding:96px 48px;width:50%}}.maintenance-page__illustration{display:block;height:auto;margin:96px auto;width:350px}@media(min-width: 768px){.maintenance-page__illustration{margin:0;max-width:100%;width:460px}}.paragraph-content>*:first-child{margin-top:0}@media(min-width: 768px){.tools__container{margin-top:16px}}@media(min-width: 768px){.breadcrumb__container+.tools__container{margin-bottom:20px;margin-top:-8px}}.wrapper{flex:1 0 auto;margin-left:auto;margin-right:auto;max-width:1920px;width:100%}.image-placeholder{background-color:var(--hdbt-color-palette--primary);padding-bottom:56.25%;position:relative;width:100%}.image-placeholder .hel-icon{--icon-size: 50%;color:var(--hdbt-color-palette-text--primary);left:25%;position:absolute;top:25%}.image picture{display:block}.image img{display:block;height:auto;max-width:100%;overflow:hidden;box-shadow:inset 0 0 0 1px #e5e5e5}.image__caption{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);padding-top:16px}img{word-wrap:break-word}.announcement{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);height:auto;height:var(--js-announcement-height, auto);padding-bottom:16px}.announcement__container{--announcement-bg-color: #f7f7f8;--announcement-bg-size: 32px;--announcement-color: #0062b9;align-items:flex-start;background:linear-gradient(90deg, var(--announcement-color) 0, var(--announcement-color) var(--announcement-bg-size), var(--announcement-bg-color) var(--announcement-bg-size));background-color:var(--announcement-bg-color);box-shadow:2px 2px 10px 0 rgba(0,0,0,.1);display:flex;justify-content:space-between;min-height:var(--announcement-bg-size);padding-bottom:16px;padding-left:calc(var(--announcement-bg-size) + 16px);padding-right:16px;padding-top:16px;position:relative}.announcement__container::before{background-color:#fff;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--info-circle-fill);mask-image:var(--hel-icon--info-circle-fill);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;left:calc(.5*(var(--announcement-bg-size) - 24px));margin-top:-12px;position:absolute;top:50%}@media(min-width: 768px){.announcement__container{--announcement-bg-size: 48px}}.announcement--alert .announcement__container{--announcement-bg-color: #f6e2e6;--announcement-color: #b01038}.announcement--alert .announcement__container::before{-webkit-mask-image:var(--hel-icon--error-fill);mask-image:var(--hel-icon--error-fill)}.announcement--attention .announcement__container{--announcement-color: #ffda07}.announcement--attention .announcement__container::before{-webkit-mask-image:var(--hel-icon--alert-circle-fill);mask-image:var(--hel-icon--alert-circle-fill);background-color:#000}.announcenemnt__content-body *:first-child{margin-top:0}.announcement__link{margin-top:16px}.announcement__link:first-child{margin-top:0}.announcement__link a::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height)*1em);-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);vertical-align:bottom;width:calc(var(--line-height)*1em);transition:transform .2s linear;margin-left:4px}@media(prefers-reduced-motion){.announcement__link a::after{transition:none}}.announcement__link a:focus::after,.announcement__link a:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.announcement__link a:focus::after,.announcement__link a:hover::after{transform:none}}.announcement__link a[data-is-external]::after{content:none}.announcement__close{background:rgba(0,0,0,0);border:0 none;cursor:pointer;height:32px;margin-bottom:0;margin-left:0;margin-right:-8px;margin-top:-8px;padding:0;width:32px}.announcement__close::after{--icon-size: 32px;background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--cross);mask-image:var(--hel-icon--cross);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em))}.js-announcement__close--disabled{visibility:hidden}.js-announcement--hide{height:0;opacity:0;overflow:hidden;padding-bottom:0;transition:opacity linear .15s,height linear .2s .15s,padding-bottom linear .2s .15s,visibility linear 0s 0.35s;visibility:hidden}@media(prefers-reduced-motion){.js-announcement--hide{transition:none}}.hds-notification{margin-bottom:16px}.hds-notification:first-of-type{margin-top:16px}.hds-notification__label .hel-icon{--icon-size: 24px;margin-right:8px}.messages__container{padding-top:0}.menu__link{text-decoration:none}.menu__link:focus,.menu__link:hover{text-decoration:underline}.menu__link[aria-current=page],.menu__link[aria-current=true]{font-weight:700}.menu__link__text{text-decoration:inherit}.menu__link__icon{display:none}.header-branding{--branding-height: 65px;--header-branding-padding: 16px;background-color:#fff;display:grid;grid-template-areas:". logo . brand search toggle profile ." "menu menu menu menu menu menu menu menu" "lang lang lang lang lang lang lang lang" "langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu";grid-template-columns:var(--header-branding-padding) auto 1fr auto auto auto auto var(--header-branding-padding);grid-template-rows:var(--branding-height) min-content min-content min-content;position:fixed;top:0;width:100%;z-index:100}@media(min-width: 768px){.header-branding{--branding-height: 86px;--header-branding-padding: 24px;grid-template-areas:". logo . lang brand search toggle profile ." "langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu" "menu menu menu menu menu menu menu menu menu";grid-template-columns:var(--header-branding-padding) auto 1fr auto auto auto auto auto var(--header-branding-padding);grid-template-rows:var(--branding-height) auto}}@media(min-width: 992px){.header-branding{grid-template-areas:". logo . lang brand search toggle profile ." "langmenu langmenu langmenu langmenu langmenu . . . ." "menu menu menu menu menu menu menu menu menu"}}@media(min-width: 768px){.header-branding{position:relative;top:auto}}@media(min-width: 992px){.header-branding{--header-branding-padding: 32px}}.header-branding::before{align-self:end;background-color:#fff;border-bottom:1px solid #ccc;content:"";grid-column:1/-1;grid-row:1/span 1;height:100%;z-index:1}@media(min-width: 768px){.header-branding::before{height:0}}.toolbar-vertical .header-branding{top:var(--drupal-toolbar-height)}.header-branding .block--branding-navigation .menu{display:flex;list-style:none;margin:0;padding:0}.header-branding .block--branding-navigation .menu__item+.menu__item{margin-left:8px}.header-branding .block--branding-navigation .menu__link{--line-height: 1;font-size:.875rem;font-weight:400;line-height:var(--line-height);align-self:center;cursor:pointer;display:grid;grid-template-areas:"icon" "label";padding:5px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(min-width: 992px){.header-branding .block--branding-navigation .menu__link{display:none}}.header-branding .block--branding-navigation .menu__link:focus,.header-branding .block--branding-navigation .menu__link:hover{text-decoration:underline}.header-branding .block--branding-navigation .menu__link:active,.header-branding .block--branding-navigation .menu__link:focus{outline:3px solid #000;outline-offset:-3px}.header-branding .block--branding-navigation .menu__link__icon{--icon-size: 32px;align-self:end;display:block;grid-area:icon;justify-self:center}.breadcrumb{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);align-items:center;display:flex;list-style:none;margin:0;padding:8px 16px}@media(min-width: 768px){.breadcrumb{--line-height: 1.5;font-size:.875rem;font-weight:400}}@media(min-width: 768px){.breadcrumb{padding:16px 24px}}@media(min-width: 992px){.breadcrumb{padding:16px 32px}}.breadcrumb .hel-icon{display:none}@media(min-width: 768px){.breadcrumb .hel-icon{--icon-size: 0.875rem;display:block;margin:0 2px}}.breadcrumb__link{display:none;text-decoration:underline}@media(min-width: 768px){.breadcrumb__link{display:block}}.breadcrumb__link:hover{text-decoration:none}.breadcrumb__link:last-of-type{align-items:center;display:flex;margin-left:-8px}@media(min-width: 768px){.breadcrumb__link:last-of-type{margin-left:0}}.breadcrumb__link:last-of-type::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--angle-left);mask-image:var(--hel-icon--angle-left);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}@media(min-width: 768px){.breadcrumb__link:last-of-type::before{display:none}}.breadcrumb__current{--line-height: 1.5;font-size:.875rem;font-weight:700;line-height:var(--line-height);display:none}@media(min-width: 768px){.breadcrumb__current{display:block}}.header-bottom{background-color:#fff}@media(min-width: 992px){.header-bottom{border-bottom:1px solid #ccc}}.header-bottom .menu{display:none;margin:0;padding:0;z-index:0}@media(min-width: 992px){.header-bottom .menu{display:flex}}.header-bottom .menu--level-0,.header-bottom .site-name__container{margin-left:22px;margin-right:22px;flex-wrap:wrap}.header-bottom .menu--level-0>*,.header-bottom .site-name__container>*{margin-left:10px;margin-right:10px}.header-bottom .site-name__container{display:none;padding-top:24px}@media(min-width: 992px){.header-bottom .site-name__container{display:flex}}.header-bottom .site-name__link{--line-height: 1.1666666667;font-size:1.5rem;font-weight:400;line-height:var(--line-height);text-decoration:none}.header-bottom .site-name__link:hover,.header-bottom .site-name__link:focus{text-decoration:underline}.header-bottom .menu__item{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);list-style:none;position:relative}.header-bottom .menu__toggle-button{background-color:#f1f1f1;border:none;margin-left:4px;padding:0}.header-bottom .menu__toggle-button:hover{cursor:pointer}.header-bottom .menu__toggle-button:focus{box-shadow:0 0 0 3px #000;outline:none;padding:6px 0}.header-bottom .menu__toggle-button-icon{transition:transform .2s ease-in}@media(prefers-reduced-motion){.header-bottom .menu__toggle-button-icon{transition:none}}.header-bottom [aria-expanded=true]>.menu__toggle-button-icon{transform:rotate(180deg)}.header-bottom .menu__item--nolink{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);padding:24px 0;text-decoration:none}.header-bottom .menu__link-wrapper{align-items:center;display:flex;height:100%;position:relative}.header-bottom .menu__link{display:inline-block;padding:24px 0}.header-bottom .menu__link::before{background-color:#000;bottom:0;content:"";height:0;left:0;margin:0 auto;position:absolute;right:0;transition:all .5s cubic-bezier(0.19, 1, 0.22, 1);width:0}.header-bottom .menu__link[aria-current=page]::before{height:4px;width:100%}.header-bottom .menu__link:focus{outline:none}.header-bottom .menu__link:focus::after{box-shadow:0 0 0 3px #000;content:"";display:block;height:50%;left:-4px;position:absolute;top:50%;transform:translateY(-50%);width:calc(100% + 8px)}.header-bottom .menu__item--item-below .menu__link:focus::after{left:-2px;width:calc(100% - 24px)}.header-bottom .menu__link--active-trail{font-weight:700}.header-bottom .menu__link--active-trail::before{height:4px;width:100%}.header-bottom .menu__link__text{display:inline-block}.header-bottom .menu--level-1{background-color:#fff;border:1px solid #ccc;bottom:auto;display:none;left:-20px;min-width:310px;position:absolute;width:calc(100% + 64px);z-index:100}.header-bottom .menu__item--hover .menu--level-1,.header-bottom .menu__item--open .menu--level-1{display:block}.header-bottom .menu--level-1 .menu__toggle-button{display:none}.header-bottom .menu--level-1 .menu__link,.header-bottom .menu--level-1 .menu__item--nolink{--line-height: 1.25;font-size:1rem;font-weight:400;line-height:var(--line-height);display:block;padding:16px 20px}.header-bottom .menu--level-1 .menu__link::before,.header-bottom .menu--level-1 .menu__item--nolink::before{bottom:0;height:100%;left:0;margin:0;right:auto;top:0;transition:width 100ms ease-in}.header-bottom .menu--level-1 .menu__link:focus,.header-bottom .menu--level-1 .menu__item--nolink:focus{margin:0}.header-bottom .menu--level-1 .menu__link:focus::after,.header-bottom .menu--level-1 .menu__item--nolink:focus::after{height:100%;left:8px;width:calc(100% - 16px)}.header-bottom .menu--level-1 .menu__link[aria-current=page],.header-bottom .menu--level-1 .menu__item--nolink[aria-current=page]{font-weight:700}.header-bottom .menu--level-1 .menu__link:hover::before,.header-bottom .menu--level-1 .menu__link[aria-current=page]::before,.header-bottom .menu--level-1 .menu__link.menu__link--active-trail::before,.header-bottom .menu--level-1 .menu__item--nolink:hover::before,.header-bottom .menu--level-1 .menu__item--nolink[aria-current=page]::before,.header-bottom .menu--level-1 .menu__item--nolink.menu__link--active-trail::before{height:100%;width:4px}.header-bottom .menu--level-1 .menu__item--active-trail::before{height:100%;width:0}.nav-toggle-dropdown--search .nav-toggle-dropdown__content{background-color:#f7f7f8}.header-search-wrapper{padding-left:16px;padding-right:16px;max-width:860px;padding-top:48px;padding-bottom:48px}@media(min-width: 768px){.header-search-wrapper{padding-left:32px;padding-right:32px}}.header-search-wrapper .helfi-search__form{align-items:initial;flex-direction:column;margin-bottom:24px}@media(min-width: 576px){.header-search-wrapper .helfi-search__form{align-items:flex-end;flex-direction:row}}.header-search-wrapper .helfi-search__form .hds-text-input{width:100%}.header-search__javascript-disabled{display:block;margin-bottom:24px}.header-search__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-bottom:16px;margin-top:0}@media(min-width: 992px){.header-search__title{--line-height: 1;font-size:2rem;font-weight:400}}.search-container__links-container{display:flex;flex-direction:column;gap:24px}@media(min-width: 768px){.search-container__links-container{flex-direction:row}}@media(min-width: 768px){.search-container__link{width:50%}}.search-container__link p{margin-top:0}.search__link-external{display:inline-block;margin-bottom:8px;--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}.header{--header-top-height: 0}@media(min-width: 992px){.header{--header-top-height: calc(28px + 1.25rem)}}.header-top{display:none}@media(min-width: 992px){.header-top{--line-height: 1.4285714286;font-size:.875rem;font-weight:400;line-height:var(--line-height);align-items:center;background-color:#f1f1f1;display:flex;justify-content:flex-end;padding:14px 32px}}.header-top .menu{display:flex;list-style:none;margin:0;padding:0}[dir="ltr"] .header-top .menu__item+.menu__item{margin-left:16px}[dir="rtl"] .header-top .menu__item+.menu__item{margin-right:16px}.header-top .link-to-site-frontpage{text-decoration:none}.header-top .link-to-site-frontpage:focus,.header-top .link-to-site-frontpage:hover{text-decoration:underline}.header-top .link-to-site-frontpage[aria-current=page],.header-top .link-to-site-frontpage[aria-current=true]{font-weight:700}.header-top .menu__link__text::after{--external-icon-move: translate(1px, -1px)}@media(prefers-reduced-motion){.header-top .menu__link__text::after{--external-icon-move: scale(1)}}.helfi-search__form{align-items:flex-end;display:flex;gap:8px}.helfi-search__form .form-item{margin-bottom:0}html:not(.js) .helfi-search__form{display:none}.helfi-search__submit-button{height:56px}.language-link{text-decoration:none;--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#1a1a1a;margin-left:8px;margin-right:8px}.language-link:focus,.language-link:hover{text-decoration:underline}.language-link[aria-current=page],.language-link[aria-current=true]{font-weight:700}.language-link:first-child{margin-left:0}.language-link[aria-current=true]{border-bottom:3px solid #1a1a1a;cursor:default;text-decoration:none}.language-link.is-disabled{color:#666;cursor:not-allowed}.language-link.is-disabled.is-alternative{display:none}.local-tasks__wrapper{display:none}@media(min-width: 768px){.local-tasks__wrapper{display:block;margin:0 24px}}@media(min-width: 992px){.local-tasks__wrapper{margin:0 32px 16px}}.local-tasks{display:flex;flex:1 1;height:56px;list-style:none;margin:0 0 0 -4px;padding:0}.local-task{align-items:center;display:flex;font-weight:500;margin-left:32px;outline:none;padding:0}.local-task:first-child{margin-left:0}.local-task a{align-items:center;display:flex;height:100%;padding:4px;position:relative;text-decoration:none}.local-task a::after{background-color:#000;bottom:0;content:"";height:4px;left:0;position:absolute;right:0;transform:scale(0);transition:transform .5s cubic-bezier(0.19, 1, 0.22, 1)}.local-task a.is-active::after,.local-task a:hover::after{transform:scale(1)}.local-task a:focus{outline:3px solid #000;outline-offset:2px}.infinite-scroll-pager{display:flex;flex-direction:column;justify-content:center;list-style:none;margin-left:0;margin-top:32px;padding:0}@media(min-width: 768px){.infinite-scroll-pager{flex-direction:row;margin-top:64px}}.infinite-scroll-pager .pager-button{display:flex}.layout-sidebar-first{display:none}@media(min-width: 992px){.layout-sidebar-first{display:block}}.has-section-nav .layout-sidebar-first{display:block}.sidebar-navigation__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-top:0}@media(min-width: 992px){.sidebar-navigation__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.sidebar-navigation__title a{text-decoration:none;align-items:center;display:flex;margin-top:8px;margin-bottom:8px;padding-top:16px;padding-bottom:16px;position:relative}.sidebar-navigation__title a:focus,.sidebar-navigation__title a:hover{text-decoration:underline}.sidebar-navigation__title a[aria-current=page],.sidebar-navigation__title a[aria-current=true]{font-weight:700}.sidebar-navigation__title a::before{background-color:#000;background-size:contain;content:"";display:flex;height:25px;-webkit-mask-image:var(--hel-icon--arrow-left);mask-image:var(--hel-icon--arrow-left);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:25px 25px;mask-size:25px 25px;vertical-align:bottom;width:25px;transition:transform .2s linear;margin-left:8px;margin-right:16px}@media(prefers-reduced-motion){.sidebar-navigation__title a::before{transition:none}}.sidebar-navigation__title a:focus::before,.sidebar-navigation__title a:hover::before{transform:translateX(-4px)}@media(prefers-reduced-motion){.sidebar-navigation__title a:focus::before,.sidebar-navigation__title a:hover::before{transform:none}}.sidebar-navigation__title a:focus{outline:3px solid #000;outline-offset:-5px}.sidebar-navigation{width:100%}.sidebar-navigation .menu__toggle-button{background:rgba(0,0,0,0);border:none;display:none;height:44px;padding:0;position:relative;width:44px}:where(html.js) .sidebar-navigation .menu__toggle-button{display:block}.sidebar-navigation .menu__toggle-button::before{background-color:#f1f1f1;content:"";height:24px;top:0;right:0;bottom:0;left:0;margin:auto;position:absolute;width:24px}.sidebar-navigation .menu__toggle-button .hel-icon{transition:transform .2s ease-in}@media(prefers-reduced-motion){.sidebar-navigation .menu__toggle-button .hel-icon{transition:none}}.sidebar-navigation .menu__toggle-button:focus{outline:3px solid #000;outline-offset:-5px}.sidebar-navigation .menu__toggle-button:hover{cursor:pointer}.sidebar-navigation .menu__toggle-button:hover::before{background-color:#ccc}.sidebar-navigation .menu__link-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.sidebar-navigation .menu{list-style:none;margin:0;padding:0;width:100%}.sidebar-navigation .menu__item{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.sidebar-navigation .menu__item.menu__item--active-trail{display:flex;flex-wrap:wrap}.sidebar-navigation .menu__item.menu__item--active-trail>.menu__link-wrapper{font-weight:bold}.sidebar-navigation .menu__item--children .menu{display:block}:where(html.js) .sidebar-navigation .menu__item--children .menu{display:none}.sidebar-navigation .menu__item--open>.menu{display:block}.sidebar-navigation .menu__item--open>.menu__link-wrapper .hel-icon{transform:rotate(180deg)}.sidebar-navigation .menu__item--nolink,.sidebar-navigation .menu__link{margin-top:5px;margin-bottom:5px;padding:5px 4px;position:relative;width:100%}.sidebar-navigation .menu__item--nolink:focus,.sidebar-navigation .menu__link:focus{outline:3px solid #000;outline-offset:-3px}.sidebar-navigation .menu__item--item-below>.menu__link-wrapper .menu__item--nolink,.sidebar-navigation .menu__item--item-below>.menu__link-wrapper .menu__link{width:calc(100% - 44px)}.sidebar-navigation .menu--level-1{border-left:1px solid #ccc;margin-bottom:16px;padding-left:16px}.sidebar-navigation .menu--level-1 .menu{border-left:1px solid #ccc;padding-left:16px}.sidebar-navigation .menu--level-1 .menu__item--nolink[aria-current=page]::before,.sidebar-navigation .menu--level-1 .menu__link[aria-current=page]::before{background-color:#000;content:"";height:calc(100% + (2 * 5px));top:0;right:0;bottom:0;left:0;left:calc(-1 * 16px - 1px);position:absolute;top:-5px;width:3px}.sidebar-navigation .menu--level-0>.menu__item{border-bottom:1px solid #ccc}.sidebar-navigation .menu--level-0>.menu__item>.menu__link-wrapper .menu__link{margin-top:8px;margin-bottom:8px;padding:8px 4px}@media(min-width: 992px){.sidebar-navigation+.sidebar-navigation{margin-top:64px}}@media(max-width: 992px){.sidebar-navigation--section-navigation{background-color:#f7f7f8;display:block}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu__toggle-button{margin-right:-10px}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu--level-0{padding-left:16px;padding-right:16px}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu--level-0>.menu__item:last-child{border-bottom:0}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu__item--item-below>.menu__link-wrapper{padding-right:0}}@media(max-width: 992px){.section-navigation__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height);background-color:#f7f7f8;border-bottom:0 none;flex-grow:1;margin-top:0;padding:0}}@media(max-width: 992px)and (min-width: 992px){.section-navigation__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}@media(max-width: 992px){.section-navigation__title a{margin-bottom:0;margin-top:0;padding-left:16px;padding-right:16px}}@media(max-width: 992px){.section-navigation__title a::before{display:none}}@media(max-width: 992px){.section-navigation__header{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);align-items:stretch;display:flex}}@media(max-width: 992px){.section-navigation__header .section-navigation__toggle-wrapper{align-items:center;background-color:#dedfe1;display:flex}}.section-navigation__header .menu__toggle-button{display:none}@media(max-width: 992px){.section-navigation__header .menu__toggle-button{background-color:#dedfe1;height:54px;margin-right:0;width:54px}}.section-navigation__header .menu__toggle-button::before{display:none}@media(max-width: 992px){:where(html.js) .section-navigation__header .menu__toggle-button{display:block}}@media(max-width: 992px){.section-navigation__menu-wrapper{display:block}:where(html.js) .section-navigation__menu-wrapper{display:none}}@media(max-width: 992px){.section-navigation__menu-wrapper .menu__toggle-button::before{background-color:#dedfe1}}@media(max-width: 992px){.sidebar-navigation--section-navigation--open .sidebar-navigation__title{background-color:#dedfe1}}@media(max-width: 992px){.sidebar-navigation--section-navigation--open .section-navigation__header .menu__toggle-button .hel-icon{transform:rotate(180deg)}}@media(max-width: 992px){.sidebar-navigation--section-navigation--open .section-navigation__menu-wrapper{display:block}}.skip-to-main{--border-width: 2px;--border-color: var(--color-white);--outline-width: 3px;--background-color: var(--hdbt-color-black);--color: var(--color-white);--focus-outline-color: var(--hdbt-color-black);word-wrap:normal;background-color:var(--background-color);border:var(--border-width) solid var(--border-color);color:var(--color);font-weight:500;left:50%;position:absolute;scroll-margin-top:105px;text-decoration:none;top:0;transform:translate(-50%, 0);transition:transform ease-out .2s;width:-moz-fit-content;width:fit-content;z-index:2}.skip-to-main:not(:focus){clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);max-height:1px;max-width:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}@media(min-width: 768px){.skip-to-main{scroll-margin-top:24px}}.skip-to-main:focus,.skip-to-main:active{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:0;padding:8px 24px;transform:translate(-50%, 102px)}@media(min-width: 768px){.skip-to-main:focus,.skip-to-main:active{transform:translate(-50%, 24px)}}.skip-to-main:hover{text-decoration:underline}.table-of-contents{max-width:1296px}@media(min-width: 768px){.table-of-contents{max-width:1328px}}.table-of-contents:not(:first-child){margin-top:32px}@media(min-width: 992px){.table-of-contents:not(:first-child){margin-top:64px}}@media(min-width: 768px){.table-of-contents{padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}}@media(min-width: 768px)and (min-width: 768px){.table-of-contents{padding-left:32px;padding-right:32px}}.has-sidebar .table-of-contents{margin-left:-16px;margin-right:-16px}@media(min-width: 768px){.has-sidebar .table-of-contents{margin-left:-32px;margin-right:-32px}}.table-of-contents+.long-desc{margin-top:32px}@media(min-width: 992px){.table-of-contents+.long-desc{margin-top:64px}}.table-of-contents__container{background-color:#f7f7f8;border-left:8px solid #c2a251;max-width:908px;padding:32px 24px}.table-of-contents__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-bottom:0;margin-top:0}@media(min-width: 992px){.table-of-contents__title{--line-height: 1;font-size:2rem;font-weight:400}}.table-of-contents__title+.table-of-contents__content{padding-top:16px}@media(min-width: 992px){.table-of-contents__title+.table-of-contents__content{padding-top:24px}}.table-of-contents__list{list-style-type:none;margin:0;padding:0}.table-of-contents__list>.table-of-contents__item~.table-of-contents__item{padding-top:16px}.table-of-contents__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:inline-block;position:relative;text-decoration:underline}.table-of-contents__link:focus{outline:none}.table-of-contents__link:focus::after{box-shadow:0 0 0 3px #000;content:"";display:block;height:100%;left:-4px;position:absolute;top:50%;transform:translateY(-50%);width:calc(100% + 8px)}.tab__content[aria-hidden=true]{display:none}.tab{background:rgba(0,0,0,0);border:none;padding:0;text-decoration:underline}.tab[aria-selected=true]{font-weight:700}.tab:hover{cursor:pointer;text-decoration:none}.tab--map::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:20px;-webkit-mask-image:var(--hel-icon--map);mask-image:var(--hel-icon--map);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;margin-right:8px}.tab--list::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:20px;-webkit-mask-image:var(--hel-icon--menu-hamburger);mask-image:var(--hel-icon--menu-hamburger);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;margin-right:8px}.tabs--unit-search{margin-bottom:32px;margin-top:24px}@media(min-width: 768px){.tabs--unit-search{margin-bottom:0;margin-top:0}}.tabs--unit-search .tab{display:block}.tabs--unit-search .tab[aria-selected=true]{display:none;font-weight:400}.hds-pagination-container{margin-top:32px;text-align:center}@media(min-width: 768px){.hds-pagination-container{margin-top:64px}}.hds-pagination{--active-page-background-color: var(--color-black);--link-height: 40px;--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:inline-block;font-weight:700;position:relative;transform:scaleY(-1)}.hds-pagination::before{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);speak:never;content:attr(data-next);content:attr(data-next)/"";display:block;float:right;line-height:60px;padding-left:26px;padding-right:30px;transform:scaleY(-1);visibility:hidden}.hds-pagination__button-prev,.hds-pagination__button-next{list-style:none;margin-bottom:0;margin-top:0;padding:0}.hds-pagination__button-prev{float:left;margin-right:8px;transform:scaleY(-1);white-space:nowrap}.hds-pagination__button-next{position:absolute;right:0;top:0;transform:scaleY(-1);white-space:nowrap}.hds-pagination__button-prev-label{padding:16px 16px 16px 4px}.hds-pagination__button-next-label{padding:16px 4px 16px 16px}.hds-pagination__pages{display:inline-flex;flex-wrap:wrap;gap:0.5rem;gap:var(--spacing-2-xs);justify-content:center;list-style:none;margin-bottom:0;margin-top:10px;padding:0;transform:scaleY(-1)}.hds-pagination__item-link{align-items:center;border-radius:21px;color:#1a1a1a;color:var(--color-black-90);display:flex;height:var(--link-height);justify-content:center;min-width:40px;padding-left:0.25rem;padding-left:var(--spacing-3-xs);padding-right:0.25rem;padding-right:var(--spacing-3-xs);text-decoration:none}.hds-pagination__item-link:hover{text-decoration:underline}.hds-pagination__item-link:focus,.hds-pagination__item-link:active{outline:solid #0072c6 3px;outline:solid var(--color-coat-of-arms) 3px;outline-offset:1px}.hds-pagination__item-link.hds-pagination__item-link--active{background-color:var(--active-page-background-color);color:#ffffff;color:var(--color-white)}.hds-pagination__item-link.hds-pagination__item-link--active:hover{text-decoration:none}.hds-pagination__item-ellipsis{align-items:center;color:#1a1a1a;color:var(--color-black-90);display:flex;height:var(--link-height);justify-content:center;width:24px}.page-type--article .node--type-article .article-header__container{margin-bottom:32px}@media(min-width: 768px){.page-type--article .node--type-article .article-header__container{margin-bottom:48px}}.page-type--article .node--type-article .article-header__container>div{max-width:860px}@media(min-width: 768px){.page-type--article .node--type-article .article-header__container>div{padding-left:96px}}.page-type--article .node--type-article .article__lead{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);color:#000;margin-bottom:24px}@media(min-width: 992px){.page-type--article .node--type-article .article__lead{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.page-type--article .node--type-article .article__author{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#1a1a1a;display:flex}.page-type--article .node--type-article .article__author .label{margin-right:4px}.page-type--article .node--type-article .article__date{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#999898;margin-bottom:16px}.page-type--article .node--type-article .article__keywords{background:#f7f7f8;margin-top:32px;padding:8px 0 32px}@media(min-width: 768px){.page-type--article .node--type-article .article__keywords{margin-top:64px;padding:40px 0 64px}}@media(min-width: 992px){.page-type--article .node--type-article .article__keywords{margin-top:48px}}.page-type--article .node--type-article .article__keywords .container{max-width:1264px}.page-type--article .node--type-article .article__keywords:last-child{margin-bottom:calc(-1*(50px + 48px));padding-bottom:82px}@media(min-width: 992px){.page-type--article .node--type-article .article__keywords:last-child{padding-bottom:114px}}.page-type--article .node--type-article .article__keywords .keywords__wrapper{margin-left:-4px;margin-right:-4px}.page-type--article .node--type-article .article__keywords .label{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);color:#1a1a1a;margin:0 4px 8px}@media(min-width: 992px){.page-type--article .node--type-article .article__keywords .label{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.page-type--article .node--type-article .article__keywords .label{margin:0 4px 16px}}.page-type--article .node--type-article .article__keywords .keywords{display:flex;flex-flow:row wrap}.page-type--article .node--type-article .article__keywords .keywords a{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);background-color:#000;border-radius:24px;color:#fff;margin:4px;padding:8px 32px;text-decoration:none}[data-unpublished]::before{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);--line-height: 1;background:#b01038;color:#fff;content:attr(data-unpublished);display:block;padding-left:8px;padding-right:8px;position:fixed;transform:rotate(-90deg) translateX(calc(-50% - 50vh));transform-origin:top left;z-index:2}@media(min-width: 768px){[data-unpublished]::before{content:attr(data-unpublished-long);--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);--line-height: 1.5}}.lead-in .component__content{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);max-width:860px}@media(min-width: 992px){.lead-in .component__content{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.page-divider+*{margin-top:48px}.page-divider:first-child{display:none}.page-divider:first-child+*{margin-top:0}.page-title~article .page-divider{display:block}.page-title~article .page-divider+*{margin-top:48px}.page-divider::after{background-color:#000;content:"";display:block;height:2px;margin-top:32px;width:64px}.main-image img{display:block;height:auto;overflow:hidden;width:100%}.long-desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.long-desc>p{max-width:860px}.long-desc>:first-child{margin-top:0}.main-image+.long-desc{margin-top:64px}.no-sidebar .page-title,.no-sidebar .lead-in,.no-sidebar .page-divider,.no-sidebar .main-image,.no-sidebar .long-desc,.no-sidebar .enriched-content{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media(min-width: 768px){.no-sidebar .page-title,.no-sidebar .lead-in,.no-sidebar .page-divider,.no-sidebar .main-image,.no-sidebar .long-desc,.no-sidebar .enriched-content{max-width:1328px}}@media(min-width: 768px){.no-sidebar .page-title,.no-sidebar .lead-in,.no-sidebar .page-divider,.no-sidebar .main-image,.no-sidebar .long-desc,.no-sidebar .enriched-content{padding-left:32px;padding-right:32px}}.content-date{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666;margin-bottom:24px}.content-date__datetime--updated::before{background-color:currentcolor;content:"";display:inline-block;height:1em;margin-bottom:-1px;margin-left:8px;margin-right:8px;width:1px}.content-links{margin-top:32px}@media(min-width: 992px){.content-links{margin-top:64px}}.content-links__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.content-links__title{--line-height: 1;font-size:2rem;font-weight:400}}.content-links__links{margin-top:24px;padding:0}.content-links__links__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);list-style:none;padding:0}.content-links__links__link+.content-links__links__link{margin-top:16px}.content-links__links__link a::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear;margin-left:4px}@media(prefers-reduced-motion){.content-links__links__link a::after{transition:none}}.content-links__links__link a:hover{text-decoration:none}.content-links__links__link a:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.content-links__links__link a:hover::after{transform:none}}.content-links__links__link a[data-is-external]::after{content:none}.sidebar_block_heading{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-top:0;padding-bottom:24px;width:100%}@media(min-width: 992px){.sidebar_block_heading{--line-height: 1;font-size:2rem;font-weight:400}}.cookie-compliance--lead-in__container{max-width:1296px;padding-left:16px;padding-right:16px;padding-top:0}@media(min-width: 768px){.cookie-compliance--lead-in__container{max-width:1328px}}@media(min-width: 768px){.cookie-compliance--lead-in__container{padding-left:32px;padding-right:32px}}.cookie-compliance--lead-in__container h1{margin-bottom:32px;margin-top:0}.cookie-compliance-block .cookie-selection-instruction{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);border-bottom:1px solid #ccc;display:flex;margin-top:32px;padding-bottom:32px}.cookie-compliance-block .cookie-selection-instruction::before{background-color:#000;background-size:contain;content:"";display:flex;height:32px;-webkit-mask-image:var(--hel-icon--info-circle);mask-image:var(--hel-icon--info-circle);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px;margin-right:8px}.cookie-compliance-block .cookie-selection-instruction p{margin-top:0}.cookie-compliance-block .hds-checkbox{display:block;margin-top:32px}.cookie-compliance-block .hds-checkbox .hds-checkbox__label,.cookie-compliance-block .hds-checkbox>label{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;padding-left:calc(var(--size) + 16px)}@media(min-width: 992px){.cookie-compliance-block .hds-checkbox .hds-checkbox__label,.cookie-compliance-block .hds-checkbox>label{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.cookie-compliance-block .hds-checkbox .hds-checkbox__input,.cookie-compliance-block .hds-checkbox .hds-checkbox__label::after,.cookie-compliance-block .hds-checkbox>label::after,.cookie-compliance-block .hds-checkbox .hds-checkbox__label::before,.cookie-compliance-block .hds-checkbox>label::before{top:7px}.cookie-compliance-block .form-item:not(:last-of-type) .description{border-bottom:1px solid #ccc}.cookie-compliance-block .description{display:block}@media(min-width: 992px){.cookie-compliance-block .description{padding-top:16px}}.cookie-compliance-block .buttons input{margin-bottom:8px}.cookie-compliance--lead-in__container p,.cookie-compliance-block p{max-width:860px}.embedded-content-cookie-compliance,.react-and-share-cookie-compliance,.helfi-charts-cookie-compliance{align-content:center;align-items:center;background-color:#f1f1f1;display:flex;justify-content:center}.map .embedded-content-cookie-compliance,.remote-video .embedded-content-cookie-compliance,.map .react-and-share-cookie-compliance,.remote-video .react-and-share-cookie-compliance,.map .helfi-charts-cookie-compliance,.remote-video .helfi-charts-cookie-compliance{aspect-ratio:16/9}.embedded-content-cookie-compliance .message,.react-and-share-cookie-compliance .message,.helfi-charts-cookie-compliance .message{background-color:#fff;margin:16px;max-width:892px;padding:16px}@media(min-width: 768px){.embedded-content-cookie-compliance .message,.react-and-share-cookie-compliance .message,.helfi-charts-cookie-compliance .message{margin:64px;max-width:924px;padding:32px}}.embedded-content-cookie-compliance .message .hel-icon,.react-and-share-cookie-compliance .message .hel-icon,.helfi-charts-cookie-compliance .message .hel-icon{--icon-size: 24px}.embedded-content-cookie-compliance .message h2,.react-and-share-cookie-compliance .message h2,.helfi-charts-cookie-compliance .message h2{margin-top:0;--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.embedded-content-cookie-compliance .message h2,.react-and-share-cookie-compliance .message h2,.helfi-charts-cookie-compliance .message h2{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.embedded-content-cookie-compliance .message .buttons,.react-and-share-cookie-compliance .message .buttons,.helfi-charts-cookie-compliance .message .buttons{display:flex;flex-direction:column;margin-top:16px}@media(min-width: 768px){.embedded-content-cookie-compliance .message .buttons,.react-and-share-cookie-compliance .message .buttons,.helfi-charts-cookie-compliance .message .buttons{flex-direction:row}}.embedded-content-cookie-compliance .message .hds-button,.react-and-share-cookie-compliance .message .hds-button,.helfi-charts-cookie-compliance .message .hds-button{--theme-fg1: var(--color-white);--theme-fg2: var(--color-black);--theme-bg1: var(--color-black);--theme-bg2: transparent;--theme-focus: var(--color-black);margin-top:16px;max-width:400px}@media(min-width: 768px){.embedded-content-cookie-compliance .message .hds-button,.react-and-share-cookie-compliance .message .hds-button,.helfi-charts-cookie-compliance .message .hds-button{margin-left:16px;margin-top:0}}.embedded-content-cookie-compliance .message .hds-button:first-child,.react-and-share-cookie-compliance .message .hds-button:first-child,.helfi-charts-cookie-compliance .message .hds-button:first-child{margin-left:0;margin-top:0}.layout-main-wrapper>.block--react-and-share:last-child .message{margin-bottom:80px}.remote-video .embedded-content-cookie-compliance{background-color:#1a1a1a}.remote-video .embedded-content-cookie-compliance .message{background-color:#000}.remote-video .embedded-content-cookie-compliance .message .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.react-and-share-cookie-compliance .message{background-color:rgba(0,0,0,0);padding:0}.errand-service{margin-top:48px}@media(min-width: 992px){.errand-service{margin-top:64px}}.errand-service__container{padding:0}.errand-service__title{margin-top:0}.errand-service__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:24px}.errand-service__description p:first-child{margin-top:0}.errand-service__accordion{margin-top:32px}@media(min-width: 992px){.errand-service__accordion{margin-top:64px}}.errand-service__accordion .accordion__container{padding-left:0;padding-right:0;padding-top:0}.errand-service__accordion .errand-service__detail-links{list-style:none;padding-left:0;padding-top:0}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link-wrapper{margin-top:16px}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link-wrapper:first-child{margin-top:0}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link{display:flex}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link:before{background-color:#000;background-size:contain;content:"";display:flex;height:24px;-webkit-mask-image:var(--hel-icon--globe);mask-image:var(--hel-icon--globe);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;flex-shrink:0;margin-right:8px}.page-type--news-item .sidebar-first{display:block}.news-listing{margin-top:0;padding-left:0;padding-top:0}.news-listing__item{list-style:none;margin-top:24px;position:relative}.news-listing__link{display:block;text-decoration:none}.news-listing__link:focus,.news-listing__link:hover{text-decoration:underline}.news-listing__link::after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.news-listing__title{margin-top:0}.news-listing__datetime{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666}.components--news{margin-top:0}.news-listing--latest-tiny-teasers .news-listing__item{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--color-black-10);display:flex;margin-top:16px;padding-bottom:8px}.news-listing__tiny-teaser .news-listing__title{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:8px}@media(min-width: 768px){.news-listing--latest-medium-teasers{display:flex;flex-wrap:wrap}}.news-listing--latest-medium-teasers .news-listing__item:first-child{margin-top:0}@media(min-width: 768px){.news-listing--latest-medium-teasers .news-listing__item:nth-child(2){margin-top:0}}@media(min-width: 768px){.news-listing--latest-medium-teasers .news-listing__item{margin-top:32px;padding-right:24px;width:50%}}.news-listing__medium-teaser{border-left:4px solid var(--hdbt-color-palette--accent);padding-left:16px}@media(min-width: 992px){.news-listing__medium-teaser{padding-left:24px}}.news-listing__medium-teaser .news-listing__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.news-listing__medium-teaser .news-listing__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}@media(min-width: 992px){.news-listing__medium-teaser .news-listing__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}}@media(min-width: 992px)and (min-width: 992px){.news-listing__medium-teaser .news-listing__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.news-listing__medium-teaser .news-listing__datetime{display:block;margin-top:16px}@media(min-width: 992px){.news-listing__medium-teaser .news-listing__datetime{margin-top:24px}}.news-listing--teasers{max-width:860px}.news-listing--teasers .news-listing__item{align-items:flex-start;border-bottom:1px solid #f7f7f8;display:flex;flex-wrap:wrap;padding-bottom:24px;position:relative}.news-listing--teasers .news-listing__item:first-child{margin-top:24px}.news-listing--teasers .news-listing__item:last-child{border-bottom:none;padding-bottom:0}.news-listing--teasers .news-listing__content{width:100%}@media(min-width: 768px){.news-listing--teasers .news-listing__content{padding-right:24px;width:75%}}.news-listing--teasers .news-listing__content--with-image{padding-right:24px;width:75%}.news-listing--teasers .news-listing__img{box-shadow:inset 0 0 0 1px #e5e5e5;width:25%}.news-listing--teasers .news-listing__img img{display:block;height:auto;width:100%}.news-listing--teasers .news-listing__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.news-listing--teasers .news-listing__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.news-listing--teasers .news-listing__datetime{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:block;margin-top:8px}@media(min-width: 992px){.news-listing--teasers .news-listing__datetime{margin-top:16px}}@media(min-width: 768px){.news-listing--card-teasers{display:flex;flex-direction:row;flex-wrap:wrap;margin-right:-24px}}@media(min-width: 768px){.news-listing--card-teasers .news-listing__item{width:50%}}@media(min-width: 992px){.news-listing--card-teasers .news-listing__item{width:25%}}.news-listing--card-teasers .news-listing__card-teaser{height:100%}.news-listing__card-teaser{border-bottom:1px solid #f1f1f1;border-bottom:1px solid var(--color-black-5);display:flex;padding-bottom:16px;position:relative}.news-listing__card-teaser:hover .hel-icon--arrow-right{transform:translateX(4px)}@media(prefers-reduced-motion){.news-listing__card-teaser:hover .hel-icon--arrow-right{transform:none}}@media(min-width: 768px){.news-listing__card-teaser{border:1px solid #000000;border:1px solid var(--color-black);flex-direction:column;margin-right:24px;padding-bottom:0}}.news-listing__card-teaser .news-listing__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.news-listing__card-teaser .news-listing__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}@media(min-width: 768px){.news-listing__card-teaser .news-listing__title{font-size:1.25rem;line-height:30/20}}.news-listing__card-teaser .news-listing__img{position:relative;width:40%}@media(min-width: 768px){.news-listing__card-teaser .news-listing__img{width:unset}}.news-listing__card-teaser .news-listing__img img{display:block;height:auto;width:100%}.news-listing__card-teaser .image-placeholder{padding-bottom:66.6666666667%}.news-listing__card-teaser .news-listing__text-container{display:flex;flex-direction:column;height:100%;padding-left:16px;width:60%}@media(min-width: 768px){.news-listing__card-teaser .news-listing__text-container{padding:16px;width:unset}}.news-listing__card-teaser .news-listing__title,.news-listing__card-teaser .news-listing__datetime{margin-bottom:8px}.news-listing__card-teaser .news-listing__datetime{display:flex;flex-grow:1}.news-listing__card-teaser .hel-icon--arrow-right{transition:transform .2s linear;display:none;height:48px;width:48px}@media(prefers-reduced-motion){.news-listing__card-teaser .hel-icon--arrow-right{transition:none}}@media(min-width: 768px){.news-listing__card-teaser .hel-icon--arrow-right{display:inline-block}}.news-listing--sidebar{margin-bottom:64px}.news-listing--sidebar .link__read-more-news{align-items:center;display:flex;text-decoration:none}.news-listing--sidebar .link__read-more-news .hel-icon--arrow-right{transition:transform .2s linear;height:24px;margin-left:4px;width:24px}@media(prefers-reduced-motion){.news-listing--sidebar .link__read-more-news .hel-icon--arrow-right{transition:none}}.news-listing--sidebar .link__read-more-news:focus,.news-listing--sidebar .link__read-more-news:hover{text-decoration:underline}.news-listing--sidebar .link__read-more-news:focus .hel-icon,.news-listing--sidebar .link__read-more-news:hover .hel-icon{transform:translateX(4px)}@media(prefers-reduced-motion){.news-listing--sidebar .link__read-more-news:focus .hel-icon,.news-listing--sidebar .link__read-more-news:hover .hel-icon{transform:none}}.news-archive__heading{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-top:0;padding-bottom:24px;width:100%}@media(min-width: 992px){.news-archive__heading{--line-height: 1;font-size:2rem;font-weight:400}}.service-channel__links{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-items:flex-start;place-items:flex-start}.service-channel__links .service-channel__link-explanation{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666;display:inline-block;margin-bottom:8px}.service-channel__links a:not(.service-channel__link){--background-color-hover: transparent;--background-color-hover-focus: transparent;--background-color: var(--hdbt-color-palette-button--secondary);--background-color-focus: var(--hdbt-color-palette-button--secondary);--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--color: var(--hdbt-color-palette-button-contrast--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button-contrast--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--focus-outline-color: var(--hdbt-color-palette-button--secondary)}.service-channel__links a:not(.service-channel__link):first-child{margin-top:0}.service-channel:not(.service-channel--eservice){margin:24px 0 0;padding-bottom:0;padding-left:calc(24px + 8px);padding-right:16px;padding-top:0}@media(min-width: 992px){.service-channel:not(.service-channel--eservice){border:1px solid #000;margin:32px 0 0;padding-bottom:32px;padding-left:calc(24px + 24px + 8px);padding-right:24px;padding-top:32px}}.service-channel:not(.service-channel--eservice) .service-channel__header{align-items:flex-start;display:flex}.service-channel:not(.service-channel--eservice) .service-channel__type{height:24px;margin-left:calc(-24px - 8px);overflow:hidden;position:absolute;text-indent:-9999px;width:24px}.service-channel:not(.service-channel--eservice) .service-channel__type:after{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;left:0;position:absolute;text-indent:0;top:0}.service-channel:not(.service-channel--eservice) .service-channel__title{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height);margin-top:0;width:100%}@media(min-width: 992px){.service-channel:not(.service-channel--eservice) .service-channel__title{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.service-channel:not(.service-channel--eservice) .service-channel__links{margin-top:24px}.service-channel--eservice{background-color:var(--hdbt-color-palette--secondary);margin-top:24px;padding:24px 24px 32px}@media(min-width: 992px){.service-channel--eservice{margin:32px 0 0;padding:48px 32px}}.service-channel--eservice .service-channel__type{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height)}@media(min-width: 992px){.service-channel--eservice .service-channel__type{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.service-channel--eservice .service-channel__title{--line-height: 1.2307692308;font-size:1.625rem;font-weight:500;line-height:var(--line-height);margin-top:24px}@media(min-width: 992px){.service-channel--eservice .service-channel__title{--line-height: 1.2352941176;font-size:2.125rem;font-weight:500}}@media(min-width: 992px){.service-channel--eservice .service-channel__title{margin-top:16px}}.service-channel--eservice .service-channel__links{margin-top:24px}.service-channel--email .service-channel__type:after{-webkit-mask-image:var(--hel-icon--glyph-at);mask-image:var(--hel-icon--glyph-at)}.service-channel--sms .service-channel__type:after{-webkit-mask-image:var(--hel-icon--mobile);mask-image:var(--hel-icon--mobile)}.service-channel--telephone .service-channel__type:after{-webkit-mask-image:var(--hel-icon--phone);mask-image:var(--hel-icon--phone)}.service-channel--printable_form .service-channel__type:after{-webkit-mask-image:var(--hel-icon--document);mask-image:var(--hel-icon--document)}.service-channel--webpage .service-channel__type:after{-webkit-mask-image:var(--hel-icon--globe);mask-image:var(--hel-icon--globe)}.service-channel--chat .service-channel__type:after{-webkit-mask-image:var(--hel-icon--speechbubble-text);mask-image:var(--hel-icon--speechbubble-text)}.service-channel--local .service-channel__type:after{-webkit-mask-image:var(--hel-icon--location);mask-image:var(--hel-icon--location)}.service-channel--mail .service-channel__type:after{-webkit-mask-image:var(--hel-icon--envelope);mask-image:var(--hel-icon--envelope)}.service-channel__phone,.service-channel__email{margin-top:16px}.service-channel__phone>a,.service-channel__email>a{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.service-channel__phone>a,.service-channel__email>a{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.service-channel--no-title .service-channel__phone,.service-channel--no-title .service-channel__email{margin-top:0}.service-channel__call_charge{display:flex;margin-top:16px}.service-channel__call_charge .service-channel__call_charge-label{font-weight:500;margin-right:4px}.service-channel__call_charge p:first-of-type{margin-top:0}.service-channel__info{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);margin-top:24px}.service-channel__info>*{display:block}.service-channel__info>*+*{margin-top:8px}@media(min-width: 992px){.service-channel__info{align-items:center;display:flex}.service-channel__info>*{align-items:center;display:flex;margin-top:0}.service-channel__info>*:after{content:"|";margin:0 16px}.service-channel__info>*:last-child:after{content:""}}.service__units{margin-top:32px}@media(min-width: 992px){.service__units{margin-top:64px}}.main-content:last-child .service.service--full .component--service-units:last-child{margin-bottom:calc(-1*(50px + 64px));padding-bottom:98px}@media(min-width: 992px){.main-content:last-child .service.service--full .component--service-units:last-child{padding-bottom:114px}}@media(min-width: 992px){.service.service--teaser{height:100%;margin-left:calc(24px / 2);margin-right:calc(24px / 2)}}.service.service--teaser .service__link{border:1px solid #000;display:block;height:100%;margin-top:8px;padding:24px calc(24px + 32px + 16px) 24px 24px;position:relative;text-decoration:none}@media(min-width: 992px){.service.service--teaser .service__link{display:flex;flex-direction:column;justify-content:space-between;line-height:0;margin-top:0;min-height:240px;padding:32px 24px calc(24px + 24px)}}.service.service--teaser .service__link::before{background-color:#c2a251;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:8px}@media(min-width: 992px){.service.service--teaser .service__link::before{bottom:0;height:24px;right:0;top:auto;width:100%}}.service.service--teaser .service__link:hover{text-decoration:underline}.service.service--teaser .service__link:hover .hel-icon{margin-left:16px}@media(prefers-reduced-motion){.service.service--teaser .service__link:hover .hel-icon{margin-left:0}}.service.service--teaser .service__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin:0}@media(min-width: 992px){.service.service--teaser .service__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.service.service--teaser .hel-icon{--icon-size: 32px;bottom:50%;left:auto;position:absolute;right:16px;transform:translateY(50%);transition:all .3s}@media(prefers-reduced-motion){.service.service--teaser .hel-icon{transition:none}}@media(min-width: 992px){.service.service--teaser .hel-icon{--icon-size: 48px;margin-top:24px;position:static;right:auto;transform:none}}.service--units__container{margin-bottom:64px;margin-top:64px}.component--service-units{background-color:#f1f1f1;padding-bottom:96px;padding-top:96px}.component--service-units .service__units__header{display:block}.component--service-units .service__units__title{margin-top:0}.component--service-units .service__units__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;margin-top:16px;white-space:nowrap}@media(min-width: 992px){.component--service-units .service__units__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.component--service-units .service__units__count-container .service__units__count{font-weight:700}.component--service-units .service__units__list{margin-top:24px}@media(min-width: 992px){.component--service-units .service__units__list{margin-top:48px}}.component--service-units .unit.unit--teaser{margin-top:24px}@media(min-width: 768px){.component--service-units .unit.unit--teaser{margin-top:16px}}@media(min-width: 992px){.unit__contact:first-child .unit__contact__title{margin-top:8px}}.unit__contact .unit__contact__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-bottom:24px;margin-top:8px;padding-bottom:16px}@media(min-width: 992px){.unit__contact .unit__contact__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 992px){.unit__contact .unit__contact__title{margin-top:32px}}.unit__contact .unit__contact-row{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);border-bottom:1px solid #ccc;margin-bottom:16px;padding-bottom:16px;padding-left:32px}.unit__contact .unit__contact-row:last-of-type{border-bottom:0 none;margin-bottom:0;padding-bottom:0}.unit__contact .unit__contact-row .unit__contact-row__label{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height);align-items:flex-start;display:flex;margin-bottom:8px}@media(min-width: 992px){.unit__contact .unit__contact-row .unit__contact-row__label{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.unit__contact .unit__contact-row .unit__contact-row__label .hel-icon{--icon-size: 24px;margin-left:-32px;margin-right:8px;margin-top:2px}.unit__contact .unit__contact-row .form-item:last-child{margin-bottom:0}.unit__contact .unit__contact-row p:first-of-type{margin-top:0}.unit__contact .unit__contact-row--email a{word-break:break-all}.unit__contact .address>*{display:block}.unit__contact .phone{display:block;margin-bottom:8px}.unit__contact .phone:last-child{margin-bottom:0}.unit__content{margin-top:64px}@media(min-width: 992px){.unit__content{margin-top:96px}}.unit__services{padding:0}.unit__services .unit--services__container{padding-top:0}.unit__services .unit__services__title{margin-top:0}.unit__services .unit__services__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;margin-top:24px;width:100%}@media(min-width: 992px){.unit__services .unit__services__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.unit__services .unit__services__count-container .unit__services__count{font-weight:700}.unit__services .unit__services__list{margin-top:24px}@media(min-width: 992px){.unit__services .unit__services__list{margin-top:48px}}@media(min-width: 992px){.unit__services .unit__services__list>*{display:flex;flex-wrap:wrap;margin-left:calc(-24px / 2);margin-right:calc(-24px / 2)}}.unit__services .unit__services__list .service{width:100%}@media(min-width: 992px){.unit__services .unit__services__list .service{margin-top:24px;width:25%}}.unit__services .unit__services__list .service:nth-child(-n+4){margin-top:0}@media(min-width: 992px){.unit__services .unit__services__list .service{width:calc(25% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(1):nth-last-child(1){width:calc(50% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(1):nth-last-child(2){width:calc(50% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(2):nth-last-child(1){width:calc(50% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(1):nth-last-child(3){width:calc(33.33% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(2):nth-last-child(2){width:calc(33.33% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(3):nth-last-child(1){width:calc(33.33% - 24px)}}.unit__accessibility_sentences.component--accordion .accordion-item__content h3{margin-top:0}.unit__accessibility_sentences.component--accordion .accordion-item__content h3:not(:first-of-type){padding-top:32px}.unit__accessibility_sentences.component--accordion .accordion-item__content ul{margin:0;padding:0}.unit__accessibility_sentences.component--accordion .accordion-item__content li{display:list-item;margin-left:24px;margin-top:16px}@media(min-width: 576px){.unit__accessibility_sentences.component--accordion .accordion-item__content__inner{padding-left:50px}}@media(min-width: 992px){.unit__accessibility_sentences.component--accordion .accordion-item__content__inner{padding-left:72px}}.main-content:last-child .unit.unit--full .unit__services:last-child{margin-bottom:calc(-1*(50px + 48px));padding-bottom:82px}@media(min-width: 992px){.main-content:last-child .unit.unit--full .unit__services:last-child{margin-bottom:calc(-1*(50px + 64px));padding-bottom:114px}}.unit.unit--full .content-tags{margin-bottom:24px}@media(min-width: 768px){.unit.unit--full .content-tags{margin-bottom:32px}}.unit.unit--teaser{align-items:flex-start;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative}@media(min-width: 768px){.unit.unit--teaser{align-items:stretch;flex-direction:row;min-height:220px;padding-left:325px}}.views-row:last-child .unit.unit--teaser{margin-bottom:0}.unit.unit--teaser .unit__image{background-color:var(--hdbt-color-palette--primary);color:var(--hdbt-color-palette-text--primary);margin:0;overflow:hidden}@media(min-width: 768px){.unit.unit--teaser .unit__image{height:100%;left:0;margin:0;position:absolute;top:0;width:325px}}.unit.unit--teaser .unit__image img{display:block;height:auto;overflow:hidden;width:100%}@media(min-width: 768px){.unit.unit--teaser .unit__image img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover}}.unit.unit--teaser .unit__image--placeholder{width:100%}@media(min-width: 768px){.unit.unit--teaser .unit__image--placeholder{align-items:center;display:flex;width:325px}}.unit.unit--teaser .unit__text{margin-top:32px;padding:0 24px 32px;width:100%}@media(min-width: 768px){.unit.unit--teaser .unit__text{display:flex;flex-direction:column;justify-content:space-between;margin-top:0;padding:32px}}.unit.unit--teaser .unit__text .unit__text__content{align-content:flex-start}@media(min-width: 768px){.unit.unit--teaser .unit__text .unit__text__content{display:flex;flex-wrap:wrap;max-width:530px}}.unit.unit--teaser .unit__link{text-decoration:none}.unit.unit--teaser .unit__link::after{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%}.unit.unit--teaser .unit__link:hover{text-decoration:underline}.unit.unit--teaser .unit__title{--line-height: 1.2307692308;font-size:1.625rem;font-weight:500;line-height:var(--line-height);margin-bottom:4px;margin-top:0;padding-right:24px}@media(min-width: 992px){.unit.unit--teaser .unit__title{--line-height: 1.2352941176;font-size:2.125rem;font-weight:500}}@media(min-width: 768px){.unit.unit--teaser .unit__title{margin-bottom:0;padding-right:0;width:100%}}.unit.unit--teaser .unit__info{margin-top:8px}@media(min-width: 768px){.unit.unit--teaser .unit__info{width:100%}}.unit.unit--teaser .unit__info-row{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:flex;margin-bottom:24px}@media(min-width: 768px){.unit.unit--teaser .unit__info-row{margin-bottom:16px}}.unit.unit--teaser .unit__info-row:last-child{margin-bottom:0}@media(min-width: 768px){.unit.unit--teaser .unit__info-row--address{margin-bottom:8px}}.unit.unit--teaser .unit__info-row--address .address{display:inline}.unit.unit--teaser .unit__info-row--address .address .address-line1::after,.unit.unit--teaser .unit__info-row--address .address .address-line2::after{content:","}.unit.unit--teaser .content-tags{margin-top:16px}.unit.unit--teaser .unit__read-more{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);display:flex;margin-top:32px}@media(min-width: 768px){.unit.unit--teaser .unit__read-more{justify-content:flex-end;margin-top:16px}}.unit.unit--teaser .unit__read-more .unit__read-more__text{font-weight:500}.unit.unit--teaser .unit__read-more .hel-icon{transition:transform .2s linear;margin-left:8px;pointer-events:none}@media(prefers-reduced-motion){.unit.unit--teaser .unit__read-more .hel-icon{transition:none}}.unit.unit--teaser:hover .unit__read-more .hel-icon{transform:translateX(4px)}@media(prefers-reduced-motion){.unit.unit--teaser:hover .unit__read-more .hel-icon{transform:none}}.unit--minimal{background-color:#fff}.unit--minimal .unit__link{display:block;padding:24px;text-decoration:none}.unit--minimal .unit__link:focus .unit__title,.unit--minimal .unit__link:hover .unit__title{text-decoration:underline}.unit--minimal .unit__link:focus .unit__read-more .hel-icon,.unit--minimal .unit__link:hover .unit__read-more .hel-icon{transform:translateX(8px)}@media(prefers-reduced-motion){.unit--minimal .unit__link:focus .unit__read-more .hel-icon,.unit--minimal .unit__link:hover .unit__read-more .hel-icon{transform:none}}@media(min-width: 768px){.unit--minimal .unit__text{display:flex;justify-content:space-between;width:100%}}@media(min-width: 768px){.unit--minimal .unit__text__content{display:flex;justify-content:space-between;width:calc(100% - 32px + 24px)}}.unit--minimal .unit__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.unit--minimal .unit__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.unit--minimal .unit__title{font-weight:700;margin-top:2px;padding-right:24px;width:60%}}@media(min-width: 768px){.unit--minimal .unit__info{display:flex;justify-content:space-between;padding-right:24px;width:40%}}.unit--minimal .unit__info-row--address{margin-top:8px}@media(min-width: 768px){.unit--minimal .unit__info-row--address{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:2px}}.unit--minimal .unit__info-row--address .address-line1::after,.unit--minimal .unit__info-row--address .address-line2::after{content:","}.unit--minimal .unit__info-row--address p:first-child{margin-top:0}.unit--minimal .unit__info-row--distance{--line-height: 1.5;font-size:.875rem;font-weight:500;line-height:var(--line-height);color:#666;margin-top:8px;white-space:nowrap}@media(min-width: 768px){.unit--minimal .unit__info-row--distance{margin-left:16px;margin-top:7px}}.unit--minimal .unit__read-more{margin-top:16px}@media(min-width: 768px){.unit--minimal .unit__read-more{display:flex;margin-top:0}}.unit--minimal .unit__read-more .hel-icon{--icon-size: 32px;transition:transform .2s linear}@media(prefers-reduced-motion){.unit--minimal .unit__read-more .hel-icon{transition:none}}.component--accordion .accordion__wrapper{border-bottom:1px solid #ccc}.component--accordion .accordion-item__header{border-top:1px solid #ccc;margin:0;padding:0}.component--accordion .accordion-item__header.handorgel__header--opened .accordion-item__button--toggle{background-color:rgba(0,0,0,0)}.component--accordion .accordion-item__header.handorgel__header--opened .accordion-item__button--toggle::after{transform:translateY(-50%) rotate(180deg)}.component--accordion .accordion-item__header .accordion-item__button--toggle:focus,.component--accordion .accordion-item__header.handorgel__header--focus .accordion-item__button--toggle{position:relative}.component--accordion .accordion-item__header .accordion-item__button--toggle:focus::before,.component--accordion .accordion-item__header.handorgel__header--focus .accordion-item__button--toggle::before{box-shadow:0 0 0 3px #1a1a1a;pointer-events:none}.component--accordion .accordion-item__button{align-items:center;background:rgba(0,0,0,0);border:none;display:flex;margin:0;padding:0;text-align:left}.component--accordion .accordion-item__icon{display:inline-flex;margin-right:8px}@media(min-width: 992px){.component--accordion .accordion-item__icon{margin-right:16px}}.component--accordion .accordion-item__icon .hel-icon{--icon-size: 1.5rem}@media(min-width: 992px){.component--accordion .accordion-item__icon .hel-icon{--icon-size: 3rem}}.component--accordion .accordion-item__button--toggle{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);border:none;padding:16px 60px 16px 0;position:relative;width:100%}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle{padding:24px 60px 24px 0}}.component--accordion .accordion-item__button--toggle::before{content:"";height:30px;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle::before{height:32px;width:32px}}.component--accordion .accordion-item__button--toggle::after{transition:transform .2s ease-in;background-image:var(--hel-icon--angle-down);background-position:center;background-repeat:no-repeat;background-size:100%;content:"";height:30px;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px}@media(prefers-reduced-motion){.component--accordion .accordion-item__button--toggle::after{transition:none}}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle::after{height:32px;width:32px}}.component--accordion .accordion-item__button--close{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);align-items:center;bottom:16px;display:flex;padding:8px;position:absolute;right:-1px}.component--accordion .accordion-item__button--close:focus{box-shadow:0 0 0 3px #1a1a1a;outline:none;pointer-events:none}.component--accordion .accordion-item__button--close:hover{cursor:pointer}.component--accordion .accordion-item__content{border:none}.component--accordion .accordion-item__content__inner{padding:0 0 64px;position:relative}.component--accordion .accordion-item__content__inner>*:first-child{margin-top:0}.component--accordion .component--image .component__content{max-width:860px}.component--accordion-bg-white .accordion__wrapper~.accordion__wrapper .accordion-item__header{border-top:none}.component--accordion-bg-grey .accordion-item__header{background-color:#f1f1f1;border-color:#fff}.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle{padding:16px 82px 16px 16px}@media(min-width: 992px){.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle{padding:24px 82px 24px 24px}}.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::before,.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::after{right:16px}@media(min-width: 992px){.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::before,.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::after{right:24px}}.component--accordion-bg-grey .accordion__wrapper{border-color:#f1f1f1}.component--accordion-bg-grey .accordion-item__content{background-color:#f1f1f1;padding-left:16px;padding-right:16px}@media(min-width: 992px){.component--accordion-bg-grey .accordion-item__content{padding-left:24px;padding-right:24px}}.component--accordion-bg-white+.component--accordion-bg-white.component--no-header,.component--accordion-bg-grey+.component--accordion-bg-grey.component--no-header{margin-top:0}.component--accordion-bg-white+.component--accordion-bg-white.component--no-header .accordion-item__header{border-top:0 none}.component--accordion .handorgel{border-left:none;border-right:none;border-top:none}.component--accordion .handorgel .handorgel__header--open .handorgel__header__button{background-color:rgba(0,0,0,0)}.component--accordion .handorgel .handorgel__header--focus .handorgel__header__button{background-color:rgba(0,0,0,0)}.component--accordion .handorgel .handorgel__header__button{background-color:rgba(0,0,0,0);border:none}.component--accordion .handorgel .handorgel__content{border:0}.accordion--white+.accordion--white.accordion--no-header,.accordion--grey+.accordion--grey.accordion--no-header{margin-top:0}.accordion--white+.accordion--white.accordion--no-header>.container,.accordion--grey+.accordion--grey.accordion--no-header>.container{padding-top:0}.accordion--white+.accordion--white.accordion--no-header>.container>.accordion__wrapper>.accordion-item__header{border-top:0 none}.banner__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.banner__title{--line-height: 1;font-size:2rem;font-weight:400}}.banner__desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:16px}@media(min-width: 992px){.banner__desc{margin-top:24px}}.banner__desc p:first-child{margin:0}.banner__icon{display:inline-flex;margin-bottom:24px;margin-right:16px}@media(min-width: 768px){.banner__icon{margin-right:24px}}.banner__icon .hel-icon{--icon-size: 64px}@media(min-width: 768px){.banner__icon .hel-icon{--icon-size: 6.25rem}}.banner__icon a{--hdbt-default-link-color: var(--hdbt-color-palette-text--primary)}.component--banner .banner{padding-bottom:32px;padding-left:32px;padding-right:32px;padding-top:32px}a.banner__button{margin:32px auto 0}.component--banner-align-center{text-align:center}.component--banner-align-center .banner__title,.component--banner-align-center .banner__desc{margin-left:auto;margin-right:auto;max-width:700px}.component--banner-align-center .component__content{margin-left:auto;margin-right:auto}.component--banner-align-left .banner{display:flex;flex-flow:column}@media(min-width: 768px){.component--banner-align-left .banner{flex-flow:row}}@media(min-width: 992px){.component--banner-align-left.component--banner-has-icon .banner__button{margin-left:auto;margin-right:0}}.component--banner-align-left.component--banner-has-icon .banner__button.hds-button--supplementary{margin-left:calc(-8px + (-2px))}.component--banner .component__container{background-color:var(--hdbt-color-palette--primary);color:var(--hdbt-color-palette-text--primary)}.banner a{--hdbt-default-link-color: var(--hdbt-color-palette-text--primary)}.banner .hds-button--primary{--background-color: var(--hdbt-color-palette-button--primary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--primary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button-contrast--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--primary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--primary)}.banner .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--primary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--primary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--hdbt-color-palette-button--primary);--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button-contrast--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--primary);--focus-outline-color: var(--hdbt-color-palette-button--primary)}.banner .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--hdbt-color-palette-button--primary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.component--banner-secondary .component__container{background-color:var(--hdbt-color-palette--secondary);color:var(--hdbt-color-palette-text--secondary)}.component--banner-secondary .banner a{--hdbt-default-link-color: var(--hdbt-color-palette-text--secondary)}.component--banner-secondary .banner .hds-button--primary{--background-color: var(--hdbt-color-palette-button--secondary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--secondary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button-contrast--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--secondary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--secondary)}.component--banner-secondary .banner .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--secondary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--secondary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--hdbt-color-palette-button--secondary);--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button-contrast--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--secondary);--focus-outline-color: var(--hdbt-color-palette-button--secondary)}.component--banner-secondary .banner .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--hdbt-color-palette-button--secondary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.helfi-charts-content iframe{aspect-ratio:16/9;border:0;height:auto;width:100%}.helfi-charts-noscript{background:#dedfe1;padding:16px}.helfi-charts-noscript p:first-child{margin-top:0}.chart__transcript{margin-top:16px}.columns{align-items:center;display:flex;flex-direction:column}@media(min-width: 768px){.columns{flex-direction:row;margin-left:-24px;margin-right:-24px}}@media(min-width: 992px){.columns{margin-left:-32px;margin-right:-32px}}.columns .image .image__container{padding:0}@media(min-width: 768px){.columns .image .image__container{padding:0}}@media(min-width: 992px){.columns .image .image__container{padding:0}}.columns__column{align-self:stretch}@media(min-width: 768px){.columns__column{margin-left:24px;margin-right:24px}}@media(min-width: 992px){.columns__column{margin-left:32px;margin-right:32px}}@media(min-width: 768px){.columns__column.column--50{width:50%}}@media(min-width: 768px){.columns__column.column--30{width:30%}}@media(min-width: 768px){.columns__column.column--70{width:70%}}.columns__column+.columns__column{margin-top:32px}@media(min-width: 768px){.columns__column+.columns__column{margin-top:0}}@media(min-width: 992px){.has-sidebar .main-content .columns{flex-direction:column}}@media(min-width: 1248px){.has-sidebar .main-content .columns{flex-direction:row}}@media(min-width: 992px){.has-sidebar .main-content .columns__column{width:auto}.has-sidebar .main-content .columns__column:not(:first-of-type){margin-top:32px}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column{margin-top:0}.has-sidebar .main-content .columns__column:not(:first-of-type){margin-top:0}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column.column--50{width:50%}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column.column--30{width:30%}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column.column--70{width:70%}}.contact-card{display:flex}@media(min-width: 576px){.contact-card--with-image{flex-direction:column}}@media(min-width: 576px){.contact-card--information-container{max-width:200px}}.contact-card--person-social-media{display:flex}.contact-card--person-social-media .hel-icon{height:24px;margin-right:8px;width:24px}.contact-card--image-container{margin-bottom:16px;margin-right:16px}@media(min-width: 576px){.contact-card--image-container{margin-right:0}}.contact-card--image-container img{height:100px;width:100px}@media(min-width: 576px){.contact-card--image-container img{height:200px;width:200px}}.contact-card--person-name{margin-top:0;--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.contact-card--person-name{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.contact-card--person-phone-number a:not(:last-of-type)::after{content:",";margin-right:2px}.contact-card--person-email{word-break:break-all}.contact-card--person-information{margin-bottom:8px}.contact-card--color-line{background-color:var(--hdbt-color-palette--primary);margin-right:24px;min-width:4px}.contact-card--person-description{color:#666666;color:var(--color-black-60)}.contact-card-listing--container{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap}@media(min-width: 576px){.contact-card-listing--container{flex-direction:row}}.contact-card-listing--container .contact-card{margin-bottom:48px}.contact-card-listing--container .contact-card:not(:last-of-type){padding-right:24px}@media(min-width: 576px){.contact-card-listing--container .contact-card{min-width:-moz-fit-content;min-width:fit-content;width:25%}}.component-content-cards .component__container{overflow:hidden}.content-cards{display:flex;flex-direction:column;margin-bottom:0;margin-top:0}@media(min-width: 576px){.content-cards{flex-direction:row;flex-wrap:wrap;margin-left:-24px;width:calc(100% + 24px)}}.content-card{margin-top:64px;position:relative}@media(min-width: 576px){.content-card{margin-left:24px;width:calc(50% - 24px)}}@media(min-width: 992px){.content-card{width:calc(25% - 24px)}}.content-card:first-child{margin-top:0}.content-card__image{line-height:0}.content-card__image img{display:block;height:auto;overflow:hidden;width:100%;box-shadow:inset 0 0 0 1px #e5e5e5}.content-card__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:16px}@media(min-width: 992px){.content-card__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.content-card__date{margin-top:8px}.content-card__link{display:block;overflow:hidden;text-decoration:none}.content-card__link::before{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.content-card__link::after{transition:transform .2s linear;--icon-size: 2rem;margin-left:-2px;margin-top:16px;background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em))}@media(prefers-reduced-motion){.content-card__link::after{transition:none}}@media(min-width: 576px){.content-card__link::after{--icon-size: 3rem;margin-left:-4px}}.content-card__link:focus .content-card__title,.content-card__link:hover .content-card__title{text-decoration:underline}.content-card__link:focus::after,.content-card__link:hover::after{transform:translateX(16px)}@media(prefers-reduced-motion){.content-card__link:focus::after,.content-card__link:hover::after{transform:none}}@media(min-width: 576px){.component--content-cards-large .content-card{margin-left:24px;width:calc(50% - 24px)}}@media(min-width: 992px){.component--content-cards-large .content-card{width:calc(33.3333% - 24px)}}.component--content-cards-grey{background:#f7f7f8}.component--content-cards-grey .hds-koros{color:#fff}.has-sidebar .components--upper .component--content-cards-grey .hds-koros{display:none}.component--content-cards-grey .component__container{padding-bottom:64px;padding-top:48px}@media(min-width: 992px){.component--content-cards-grey .component__container{padding-bottom:96px;padding-top:64px}}.has-sidebar .components--upper .component--content-cards-grey .component__container{padding-bottom:32px;padding-left:32px;padding-right:32px;padding-top:32px}.component--content-cards-grey .content-card__link{background-color:#fff;padding:16px}@media(min-width: 576px){.component--content-cards-small .content-card:nth-child(-n+2){margin-top:0}}@media(min-width: 992px){.component--content-cards-small .content-card:nth-child(-n+4){margin-top:0}}@media(min-width: 576px){.component--content-cards-large .content-card:nth-child(-n+2){margin-top:0}}@media(min-width: 992px){.component--content-cards-large .content-card:nth-child(-n+3){margin-top:0}}.layout-main-wrapper>*:last-child .component--content-cards-grey:last-child{margin-bottom:-115px;padding-bottom:55px}.content-liftup{--info-row__gap-size: 4px;border:1px solid #000;position:relative}@media(min-width: 768px){.content-liftup{--info-row__gap-size: 8px;display:flex;min-height:400px}}.content-liftup__image{flex-basis:50%;flex-grow:0;flex-shrink:0}@media(min-width: 768px){.content-liftup__image{align-self:stretch;background-color:#f1f1f1;max-width:50%}}@media(min-width: 992px){.has-sidebar .components--upper .content-liftup__image{flex-basis:28.6844484629%}}.content-liftup__image picture{display:block;height:100%}.content-liftup__image img{aspect-ratio:2.3;display:block;height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}@media(min-width: 768px){.content-liftup__image img{aspect-ratio:unset}}@media(min-width: 992px){.no-sidebar .components--upper .content-liftup__image img,.components--lower .content-liftup__image img{height:100%;-o-object-fit:cover;object-fit:cover}}.content-liftup__image .image-placeholder{padding-bottom:43.4782608696%}@media(min-width: 768px){.content-liftup__image .image-placeholder{padding-bottom:66.6666666667%}}@media(min-width: 992px){.no-sidebar .components--upper .content-liftup__image .image-placeholder,.components--lower .content-liftup__image .image-placeholder{height:100%}}.content-liftup__text{flex-grow:1;padding:16px}@media(min-width: 768px){.content-liftup__text{display:flex;flex-direction:column;justify-content:space-between;padding:32px}}.content-liftup__title{--line-height: 1.2307692308;font-size:1.625rem;font-weight:500;line-height:var(--line-height);margin-bottom:8px;margin-top:0}@media(min-width: 992px){.content-liftup__title{--line-height: 1.2352941176;font-size:2.125rem;font-weight:500}}@media(min-width: 768px){.content-liftup__title{margin-bottom:16px}}.content-liftup__link{text-decoration:none}.content-liftup__link:hover,.content-liftup__link:focus{text-decoration:underline}.content-liftup__link::before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.content-liftup__info-row{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);--margin-size: calc(24px + var(--info-row__gap-size));margin-left:var(--margin-size)}.content-liftup__info-row+.content-liftup__info-row{margin-top:16px}.content-liftup__info-row__title{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height)}@media(min-width: 992px){.content-liftup__info-row__title{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.content-liftup__info-row__title::before{margin-bottom:1px;margin-left:calc(-1*var(--margin-size));margin-right:var(--info-row__gap-size)}.content-liftup__info-row__content>:first-child{margin-top:0}.content-liftup__info-row__content>:last-child{margin-bottom:0}.content-liftup__info-row--address .content-liftup__info-row__title::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--location);mask-image:var(--hel-icon--location);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.content-liftup__info-row--address .address-line1::after,.content-liftup__info-row--address .address-line2::after{content:","}.content-liftup__info-row--opening-hours .content-liftup__info-row__title::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--clock);mask-image:var(--hel-icon--clock);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.content-liftup__read-more{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);display:flex;margin-left:calc(24px + var(--info-row__gap-size));padding-bottom:8px;padding-top:16px}.content-liftup__read-more::after{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;transition:transform .2s linear;flex-shrink:0}@media(prefers-reduced-motion){.content-liftup__read-more::after{transition:none}}.content-liftup:hover .content-liftup__read-more::after,.content-liftup[focus-within] .content-liftup__read-more::after{transform:translateX(4px)}.content-liftup:hover .content-liftup__read-more::after,.content-liftup:focus-within .content-liftup__read-more::after{transform:translateX(4px)}@media(prefers-reduced-motion){.content-liftup:hover .content-liftup__read-more::after,.content-liftup[focus-within] .content-liftup__read-more::after{transform:none}.content-liftup:hover .content-liftup__read-more::after,.content-liftup:focus-within .content-liftup__read-more::after{transform:none}}@media(min-width: 768px){.content-liftup__read-more{justify-content:flex-end;padding-bottom:0}}.event-list__event{border-bottom:1px solid #e5e5e5;padding-bottom:8px;padding-top:24px;position:relative}@media(min-width: 992px){.event-list__event{display:grid;grid-template-columns:325px 1fr;padding-bottom:16px;padding-top:16px}}.event-list__event:first-child{border-top:1px solid #e5e5e5}.event-list__event-name{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:24px;margin-top:16px}@media(min-width: 992px){.event-list__event-name{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.event-list__event-link{text-decoration:none}.event-list__event-link:hover{text-decoration:underline}.event-list__event-link::before{content:"";display:block;top:0;right:0;bottom:0;left:0;position:absolute;z-index:1}.event-list__image-container{display:block;overflow:hidden;position:relative}.event-list__event-image{max-height:264px;-o-object-fit:cover;object-fit:cover;width:100%}@media(min-width: 992px){.event-list__event-image{height:100%;max-height:unset;position:absolute}}@media(min-width: 992px){.event-list__content-container{padding-left:32px}}.event-list__tags{margin-left:-8px;margin-right:-8px}.event-list__tags>*{margin-left:8px;margin-right:8px}.event-list__tags--mobile{bottom:0;display:flex;flex-wrap:wrap-reverse;justify-content:flex-end;padding:16px;position:absolute;width:100%;z-index:1}@media(min-width: 992px){.event-list__tags--mobile{display:none}}.event-list__tags--desktop{display:none}@media(min-width: 992px){.event-list__tags--desktop{align-items:flex-start;display:flex;flex-wrap:wrap}}.event-list__tag{--line-height: 1.5;font-size:.875rem;font-weight:500;line-height:var(--line-height);background:#dedfe1;border-radius:24px;display:inline-block;margin-bottom:16px;padding:5px 12px}.event__icon{align-content:flex-start;display:flex;margin-right:8px}.event__content{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:flex;margin-bottom:16px}.event-list__indicator-container{align-items:flex-end;display:flex}.event-list__event-link-indicator{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}@media(min-width: 992px){.event-list__event-link-indicator{background-color:#000;background-size:contain;content:"";display:inline-block;height:48px;-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:48px 48px;mask-size:48px 48px;vertical-align:bottom;width:48px}}.event__content::before{margin-right:8px}.event__content--date::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--calendar-clock);mask-image:var(--hel-icon--calendar-clock);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.event__content--location::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--location);mask-image:var(--hel-icon--location);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.event-list__list-container{margin-bottom:32px}.event__lower-container{display:flex;justify-content:space-between}@media(min-width: 992px){.event__lower-container{margin-bottom:8px}}.event-list__count{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-bottom:16px}.events-list__empty-subtext{margin-bottom:24px}.event-list__load-more{margin-left:-8px;margin-right:-8px}.event-list__load-more>*{margin-left:8px;margin-right:8px}.event-list__load-more-button{margin-bottom:16px}.event-list-spinner{position:relative}.event-list-spinner .hds-loading-spinner{margin-bottom:48px;margin-top:48px;position:relative}.hero{color:#fff}.hero .hero__container{color:#1a1a1a;padding-bottom:48px;padding-top:24px;position:relative}@media(max-width: 576px){.hero .hero__container{max-width:100%}}.hero .hds-koros svg{margin-bottom:-1px}.hero .hero__text-content{max-width:690px}.hero .hero__title{margin-bottom:16px;margin-top:16px}.hero .hero__title+.hero__cta{margin-top:48px}.hero .hero__cta{align-items:flex-start;display:inline-flex;flex-flow:column;margin-top:32px}@media(min-width: 576px){.hero .hero__cta{flex-flow:row;margin:32px 0 0}}.hero .hero__cta .hero__button{margin-top:8px 0 0}@media(min-width: 576px){.hero .hero__cta .hero__button{margin:0 0 0 16px}}.hero .hero__cta .hero__button:first-child{margin:0}.hero .hero__cta .hero__button.hds-button--supplementary{margin-left:calc(-8px + (-2px))}@media(min-width: 576px){.hero .hero__cta .hero__button.hds-button--supplementary{margin-left:16px}}@media(min-width: 576px){.hero .hero__cta .hero__button.hds-button--supplementary:first-child{margin-left:-8px}}.hero .hero__description p{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.hero .hero__description a:not(.hds-button){color:currentColor}.hero .hero__arrow{background-color:var(--hdbt-color-palette--accent);bottom:-90px;height:100px;left:24px;-webkit-mask-image:var(--hel-icon--hero-arrow-mobile);mask-image:var(--hel-icon--hero-arrow-mobile);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;position:absolute;width:94px;z-index:10}@media(min-width: 992px){.hero .hero__arrow{bottom:-100px;height:110px;left:32px;-webkit-mask-image:var(--hel-icon--hero-arrow-desktop);mask-image:var(--hel-icon--hero-arrow-desktop);width:94px}}.hero-wrapper.has-first-gray-bg-block{background-color:#f7f7f8;margin-bottom:-64px;padding-bottom:48px}@media(min-width: 768px){.hero-wrapper.has-first-gray-bg-block{margin-bottom:-96px}}.hero--bg-color--coat-of-arms{background-color:#0072c6}.hero--bg-color--coat-of-arms .hero__container{color:#fff}.hero--bg-color--coat-of-arms .hero__image-container{color:#0072c6}.hero--bg-color--coat-of-arms .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero--bg-color--gold{background-color:#c2a251}.hero--bg-color--gold .hero__image-container{color:#c2a251}.hero--bg-color--silver{background-color:#dedfe1}.hero--bg-color--silver .hero__image-container{color:#dedfe1}.hero--bg-color--brick{background-color:#bd2719}.hero--bg-color--brick .hero__container{color:#fff}.hero--bg-color--brick .hero__image-container{color:#bd2719}.hero--bg-color--brick .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero--bg-color--bus{background-color:#0000bf}.hero--bg-color--bus .hero__container{color:#fff}.hero--bg-color--bus .hero__image-container{color:#0000bf}.hero--bg-color--bus .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero--bg-color--copper{background-color:#00d7a7}.hero--bg-color--copper .hero__image-container{color:#00d7a7}.hero--bg-color--engel{background-color:#ffe977}.hero--bg-color--engel .hero__image-container{color:#ffe977}.hero--bg-color--fog{background-color:#9fc9eb}.hero--bg-color--fog .hero__image-container{color:#9fc9eb}.hero--bg-color--metro{background-color:#fd4f00}.hero--bg-color--metro .hero__image-container{color:#fd4f00}.hero--bg-color--summer{background-color:#ffc61e}.hero--bg-color--summer .hero__image-container{color:#ffc61e}.hero--bg-color--suomenlinna{background-color:#f5a3c7}.hero--bg-color--suomenlinna .hero__image-container{color:#f5a3c7}.hero--bg-color--tram{background-color:#008741}.hero--bg-color--tram .hero__container{color:#fff}.hero--bg-color--tram .hero__image-container{color:#008741}.hero--bg-color--tram .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero__container .helfi-search__form .hds-text-input__label{color:inherit}.has-first-gray-bg-block .hero--without-image-left .hds-koros{color:#f7f7f8}.hero--with-image-right .hero__container,.hero--with-image-left .hero__container,.hero--with-image-bottom .hero__container{padding-bottom:16px}@media(min-width: 768px){.hero--with-image-right .hero__container,.hero--with-image-left .hero__container,.hero--with-image-bottom .hero__container{padding-bottom:48px}}.hero--with-image-right .hds-koros,.hero--with-image-left .hds-koros,.hero--with-image-bottom .hds-koros{display:none}.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container,.hero--with-image-bottom .hero__image-container{height:200px;position:relative}@media(min-width: 320px){.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container,.hero--with-image-bottom .hero__image-container{height:300px}}.hero--with-image-right .hero__image-container img,.hero--with-image-left .hero__image-container img,.hero--with-image-bottom .hero__image-container img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%);z-index:0}.hero--with-image-right .hero__image-container .hds-koros,.hero--with-image-left .hero__image-container .hds-koros,.hero--with-image-bottom .hero__image-container .hds-koros{display:block;position:absolute;z-index:1}@media(min-width: 768px){.hero--with-image-right,.hero--with-image-left{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}}@media(min-width: 768px){.hero--with-image-right .hero__container,.hero--with-image-left .hero__container{align-items:center;display:flex;margin:0;max-width:648px;width:50%}}@media(min-width: 992px){.hero--with-image-right .hero__container,.hero--with-image-left .hero__container{max-width:664px}}@media(min-width: 768px){.hero--with-image-right .hds-koros,.hero--with-image-left .hds-koros{display:block}}@media(min-width: 768px){.has-first-gray-bg-block .hero--with-image-right .hds-koros,.has-first-gray-bg-block .hero--with-image-left .hds-koros{color:#f7f7f8}}@media(min-width: 768px){.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container{height:auto;margin-top:64px;max-width:648px;padding:0 32px 64px;width:50%}}@media(min-width: 992px){.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container{max-width:664px}}@media(min-width: 768px){.hero--with-image-right .hero__image-container img,.hero--with-image-left .hero__image-container img{height:auto;position:static;transform:none;width:100%}}@media(min-width: 768px){.hero--with-image-right .hero__image-container .hds-koros,.hero--with-image-left .hero__image-container .hds-koros{display:none}}.hero--with-image-right .hero__arrow,.hero--with-image-left .hero__arrow{bottom:-355px}@media(min-width: 768px){.hero--with-image-right .hero__arrow,.hero--with-image-left .hero__arrow{bottom:-90px}}@media(min-width: 768px){.hero--with-image-left{flex-direction:row-reverse}}@media(min-width: 768px){.hero--with-image-left .hero__arrow{left:calc(-100% + 24px)}}.hero--with-image-bottom .hero__container{padding-bottom:16px}@media(min-width: 992px){.hero--with-image-bottom .hero__image-container{height:400px}}.hero--with-image-bottom .hero__arrow{bottom:-355px}@media(min-width: 992px){.hero--with-image-bottom .hero__arrow{bottom:-470px}}@media(min-width: 992px){.hero--diagonal,.hero--with-search{position:relative}}.hero--diagonal .hero__container,.hero--with-search .hero__container{align-items:center;display:flex;padding-bottom:16px;position:relative;width:100%;z-index:2}@media(min-width: 992px){.hero--diagonal .hero__container,.hero--with-search .hero__container{min-height:480px;padding-bottom:48px}}@media(min-width: 992px){.hero--diagonal .hero__text-content,.hero--with-search .hero__text-content{max-width:400px}}@media(min-width: 1248px){.hero--diagonal .hero__text-content,.hero--with-search .hero__text-content{max-width:500px}}@media(min-width: 992px){.hero--diagonal .hero__title,.hero--with-search .hero__title{margin-top:16px}}.hero--diagonal .hero__image-container,.hero--with-search .hero__image-container{height:200px;position:relative}@media(min-width: 320px){.hero--diagonal .hero__image-container,.hero--with-search .hero__image-container{height:300px}}@media(min-width: 992px){.hero--diagonal .hero__image-container,.hero--with-search .hero__image-container{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}}.hero--diagonal .hero__image-container .hds-koros,.hero--with-search .hero__image-container .hds-koros{display:block;position:absolute;top:-1px;z-index:1}@media(min-width: 992px){.hero--diagonal .hero__image-container .hds-koros,.hero--with-search .hero__image-container .hds-koros{bottom:50%;left:5%;top:auto;transform:rotate(135deg);transform-origin:center;width:100%}}@media(min-width: 1248px){.hero--diagonal .hero__image-container .hds-koros,.hero--with-search .hero__image-container .hds-koros{left:0%}}@media(min-width: 992px){.hero--diagonal .hero__image-container .hds-koros::after,.hero--with-search .hero__image-container .hds-koros::after{background-color:currentColor;content:"";display:block;height:1000px;left:15%;position:absolute;top:48px;width:1500px}}@media(min-width: 1248px){.hero--diagonal .hero__image-container .hds-koros::after,.hero--with-search .hero__image-container .hds-koros::after{left:25%}}.hero--diagonal .hero__image-container img,.hero--with-search .hero__image-container img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%);z-index:0}@media(min-width: 992px){.hero--diagonal .hero__image-container img,.hero--with-search .hero__image-container img{margin-left:30%;position:static;transform:none}}.hero--diagonal .hds-koros,.hero--with-search .hds-koros{display:none}.hero--diagonal .hero__arrow,.hero--with-search .hero__arrow{bottom:-355px}@media(min-width: 992px){.hero--diagonal .hero__arrow,.hero--with-search .hero__arrow{bottom:-70px}}.component--image img{width:100%}.component--liftup-with-image-img{--side-padding: 10%;color:var(--hdbt-color-palette-text--primary)}@media(min-width: 576px){.component--liftup-with-image-img{--side-padding: 20%}}@media(min-width: 830px){.component--liftup-with-image-img{--side-padding: 30%}}@media(min-width: 1248px){.component--liftup-with-image-img{--side-padding: 20%}}.component--liftup-with-image-img .liftup-with-image{align-items:center;display:grid;grid-template-columns:[col1-start] var(--side-padding) [col2-start] 1fr [col1-end] var(--side-padding) [col2-end];grid-template-rows:[row1-start] 1fr [row2-start] 32px [row1-end] min-content [row2-end]}@media(min-width: 830px){.component--liftup-with-image-img .liftup-with-image{grid-template-rows:[row1-start row2-start] 1fr [row1-end row2-end]}}.component--liftup-with-image-img.component--liftup-with-image-img-on-right .liftup-with-image{--content-area: row2-start / col1-start / row2-end / col1-end;--image-area: row1-start / col2-start / row1-end / col2-end}.component--liftup-with-image-img.component--liftup-with-image-img-on-left .liftup-with-image{--content-area: row2-start / col2-start / row2-end / col2-end;--image-area: row1-start / col1-start / row1-end / col1-end;--content-margin-right: auto}.component--liftup-with-image-img .liftup-with-image__content{background-color:var(--hdbt-color-palette--primary);color:var(--hdbt-color-palette-text--primary);margin-left:var(--content-margin-right);padding:32px;width:-moz-fit-content;width:fit-content}@media(min-width: 830px){.component--liftup-with-image-img .liftup-with-image__content{display:flex;flex-direction:column;justify-content:center;min-height:350px;width:460px}}@media(min-width: 1248px){.component--liftup-with-image-img .liftup-with-image__content{min-height:435px}}.component--liftup-with-image-img .liftup-with-image__content .hds-button{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height)}.component--liftup-with-image-img a.link{color:var(--hdbt-color-palette-text--primary)}.component--liftup-with-image-img .hds-button--primary{--background-color: var(--hdbt-color-palette-button--primary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--primary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button-contrast--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--primary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--primary)}.component--liftup-with-image-img .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--primary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--primary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--hdbt-color-palette-button--primary);--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button-contrast--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--primary);--focus-outline-color: var(--hdbt-color-palette-button--primary)}.component--liftup-with-image-img .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--hdbt-color-palette-button--primary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.component--liftup-with-image-secondary{color:var(--hdbt-color-palette-text--secondary)}.component--liftup-with-image-secondary .liftup-with-image__content{background-color:var(--hdbt-color-palette--secondary);color:var(--hdbt-color-palette-text--secondary)}.component--liftup-with-image-secondary a.link{color:var(--hdbt-color-palette-text--secondary)}.component--liftup-with-image-secondary .hds-button--primary{--background-color: var(--hdbt-color-palette-button--secondary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--secondary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button-contrast--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--secondary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--secondary)}.component--liftup-with-image-secondary .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--secondary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--secondary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--hdbt-color-palette-button--secondary);--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button-contrast--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--secondary);--focus-outline-color: var(--hdbt-color-palette-button--secondary)}.component--liftup-with-image-secondary .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--hdbt-color-palette-button--secondary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.liftup-with-image__image{grid-area:var(--image-area)}.liftup-with-image__image picture{width:100%}.liftup-with-image__image img{display:block;height:auto;overflow:hidden;width:100%;box-shadow:inset 0 0 0 1px #e5e5e5}.liftup-with-image__container{grid-area:var(--content-area)}.liftup-with-image__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.liftup-with-image__title{--line-height: 1;font-size:2rem;font-weight:400}}.liftup-with-image__desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:16px}.liftup-with-image__desc>*:first-child{margin-top:0}.liftup-with-image__desc a{--hdbt-default-link-color: var(--hdbt-color-palette-text--primary)}.no-sidebar .components--upper>.component--liftup-with-image-bg.component--liftup-with-image-bg{padding-left:0;padding-right:0}.component--liftup-with-image-bg .component__container{max-width:none}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image{--max-width: 1296px;--image-area: row1-start / col1-start / row1-end / col1-end;display:grid;grid-template-columns:[col1-start] 1fr [col2-start] min(100%,var(--max-width)) [col2-end] 1fr [col1-end];grid-template-rows:[row1-start row2-start] 1fr [row1-end row2-end]}}@media(min-width: 992px)and (min-width: 768px){.component--liftup-with-image-bg .liftup-with-image{--max-width: 1328px}}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image__image{min-height:540px;position:relative}.component--liftup-with-image-bg .liftup-with-image__image picture{top:0;right:0;bottom:0;left:0;position:absolute}.component--liftup-with-image-bg .liftup-with-image__image img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover}}.component--liftup-with-image-bg .liftup-with-image__container{padding-left:16px;padding-right:16px}@media(min-width: 768px){.component--liftup-with-image-bg .liftup-with-image__container{padding-left:32px;padding-right:32px}}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image__container{align-content:center;display:grid;grid-area:row2-start/col2-start/row2-end/col2-end}}.component--liftup-with-image-bg .liftup-with-image__content{justify-self:end;padding-top:32px;padding-left:0;padding-right:0;z-index:1}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image__content{background-color:#fff;display:flex;flex-direction:column;justify-content:center;margin:64px 0;min-height:350px;padding:32px;width:460px}}.component--liftup-with-image-bg a{--hdbt-default-link-color: var(--color-black)}.component--liftup-with-image-bg .hds-button--primary{--background-color: var(--color-black-90);--background-color-hover: var(--color-white);--background-color-focus: var(--color-black-90);--background-color-hover-focus: var(--color-white);--background-color-disabled: var(--color-black-20);--border-color: var(--color-black-90);--border-color-hover: var(--color-black);--border-color-focus: var(--color-black-90);--border-color-hover-focus: var(--color-black-90);--border-color-disabled: var(--color-black-20);--color: var(--color-white);--color-hover: var(--color-black-90);--color-focus: var(--color-white);--color-hover-focus: var(--color-black-90);--color-disabled: var(--color-white);--focus-outline-color: var(--color-black-90);--submit-input-focus-gutter-color: var(--color-white)}.component--liftup-with-image-bg .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--color-black-90);--background-color-focus: transparent;--background-color-hover-focus: var(--color-black-90);--background-color-disabled: transparent;--border-color: var(--color-black-90);--border-color-hover: var(--color-black-90);--border-color-focus: var(--color-black-90);--border-color-hover-focus: var(--color-black-90);--border-color-disabled: var(--color-black-50);--color: var(--color-black-90);--color-hover: var(--color-white);--color-focus: var(--color-black-90);--color-hover-focus: var(--color-white);--focus-outline-color: var(--color-black-90)}.component--liftup-with-image-bg .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--color-black-90);--border-color-hover-focus: var(--color-black-90);--border-color-disabled: transparent;--color: var(--color-black-90);--color-hover: var(--color-black-90);--color-focus: var(--color-black-90);--color-hover-focus: var(--color-black-90);--color-disabled: var(--color-black-20);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.component--liftup-with-image-bg .hds-button--supplementary:hover{text-decoration:underline}@media(min-width: 992px){.component--liftup-with-image-bg.component--liftup-with-image-img-on-left .liftup-with-image__container{justify-self:end}}@media(min-width: 992px){.component--liftup-with-image-bg.component--liftup-with-image-img-on-right .liftup-with-image__container{justify-self:start}}.list-of-links{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;width:100%}@media(min-width: 576px){.list-of-links{flex-direction:row;margin-left:-48px;width:calc(100% + 48px)}}.list-of-links__item{margin-bottom:32px;position:relative;width:100%}@media(min-width: 576px){.list-of-links__item{margin-left:48px;width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item{width:calc(25% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(1):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(1):nth-last-child(1){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(1):nth-last-child(2){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(1):nth-last-child(2){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(2):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(2):nth-last-child(1){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(1):nth-last-child(3){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(1):nth-last-child(3){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(2):nth-last-child(2){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(2):nth-last-child(2){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(3):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(3):nth-last-child(1){width:calc(33.3333% - 48px)}}.list-of-links__item .list-of-links__item__link{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:90px;word-wrap:anywhere;text-decoration:none;width:100%}@media(min-width: 576px){.list-of-links__item .list-of-links__item__link{display:block}}.list-of-links__item .list-of-links__item__link:focus,.list-of-links__item .list-of-links__item__link:hover{text-decoration:underline}.list-of-links__item .list-of-links__item__link:focus::after,.list-of-links__item .list-of-links__item__link:hover::after{transform:translateX(8px)}@media(prefers-reduced-motion){.list-of-links__item .list-of-links__item__link:focus::after,.list-of-links__item .list-of-links__item__link:hover::after{transform:none}}.list-of-links__item .list-of-links__item__link::before{content:"";display:block;top:0;right:0;bottom:0;left:0;position:absolute}.list-of-links__item .list-of-links__item__link::after{--icon-size: 1.5rem;background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear;content:"";display:block;flex-shrink:0;margin-left:-4px;margin-top:8px}@media(prefers-reduced-motion){.list-of-links__item .list-of-links__item__link::after{transition:none}}@media(min-width: 576px){.list-of-links__item .list-of-links__item__link::after{--icon-size: 3rem;margin-left:-8px;margin-top:16px}}.list-of-links__item .list-of-links__item__link[data-is-external]::after{content:none;display:none}.list-of-links__item .list-of-links__item__link .link__type{--icon-size: 1.5rem;display:block;flex-shrink:0;height:var(--icon-size);margin-left:-4px;margin-top:8px;-webkit-mask-size:var(--icon-size) var(--icon-size);mask-size:var(--icon-size) var(--icon-size);width:var(--icon-size)}@media(min-width: 576px){.list-of-links__item .list-of-links__item__link .link__type{--icon-size: 3rem;margin-left:-8px;margin-top:16px}}.list-of-links__item .list-of-links__item__link:focus .link__type--external,.list-of-links__item .list-of-links__item__link:hover .link__type--external{transform:translate(4px, -4px)}@media(prefers-reduced-motion){.list-of-links__item .list-of-links__item__link:focus .link__type--external,.list-of-links__item .list-of-links__item__link:hover .link__type--external{transform:none}}.list-of-links__item .list-of-links__item__image{left:0;position:absolute;top:0;width:90px}@media(min-width: 576px){.list-of-links__item .list-of-links__item__image{margin-bottom:16px;position:static;width:100%}}.list-of-links__item .list-of-links__item__image img{display:block;height:auto;overflow:hidden;width:100%;box-shadow:inset 0 0 0 1px #e5e5e5}.list-of-links__item .list-of-links__item__image .image-placeholder{padding-bottom:100%}.list-of-links__item .list-of-links__item__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin:0 0 0 116px}@media(min-width: 992px){.list-of-links__item .list-of-links__item__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 576px){.list-of-links__item .list-of-links__item__title{margin:0}}.component--list-of-links-without-image .list-of-links__item{align-self:flex-start;min-height:2rem;padding-bottom:0}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item{width:calc(33.3333% - 48px)}}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item:nth-child(1):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item:nth-child(1):nth-last-child(2){width:calc(50% - 48px)}}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item:nth-child(2):nth-last-child(1){width:calc(50% - 48px)}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link{display:flex;flex-direction:row;justify-content:flex-start;min-height:auto;text-decoration:underline}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link .link__type,.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link::after{align-self:flex-start;margin-left:8px;margin-top:-2px}@media(min-width: 576px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link .link__type,.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link::after{margin-top:-8px}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link:focus,.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link:hover{text-decoration:none}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__title{display:flex;margin-left:0}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow{margin:-2px 0 0 16px}@media(min-width: 576px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow{margin-top:-8px}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow .hel-icon{--icon-size: 2rem}@media(min-width: 576px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow .hel-icon{--icon-size: 3rem}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);color:#666;margin-top:8px}@media(min-width: 992px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__desc{margin-top:4px}}.has-sidebar .main-content .list-of-links__item{padding-bottom:24px}@media(min-width: 992px){.has-sidebar .main-content .list-of-links__item{width:calc(50% - 48px)}}@media(min-width: 992px){.has-sidebar .main-content .component--list-of-links-without-image .list-of-links__item{width:calc(50% - 48px)}}.component--map{background-color:#f7f7f8}.component--map .address-line1::after{content:","}.unit .component--map{margin-top:32px}@media(min-width: 768px){.unit .component--map{margin-top:48px}}.component--map .component__container{padding:48px 0}.unit .component--map .component__container,.has-sidebar .component--map .component__container{padding:24px 16px 48px}@media(min-width: 768px){.unit .component--map .component__container,.has-sidebar .component--map .component__container{padding:32px 32px 48px}}@media(max-width: 992px){.has-sidebar .components--upper .component--map,.has-sidebar .unit .component--map{margin-left:-16px;margin-right:-16px}}@media(max-width: 992px)and (min-width: 768px){.has-sidebar .components--upper .component--map,.has-sidebar .unit .component--map{margin-left:-32px;margin-right:-32px}}.map{height:0;margin:16px 0;padding-bottom:100%;position:relative}@media(min-width: 576px){.map{padding-bottom:56.25%}}.map>div,.map iframe{background-color:#e5e5e5;border:0;height:100%;left:0;position:absolute;top:0;width:100%}.map .map__external-link{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);align-items:center;bottom:-40px;display:inline-flex;position:absolute;right:0;text-decoration:underline}.component--news-list .news-listing{margin-bottom:48px}.component--phasing{--item-title-lineheight: 1.875rem;counter-reset:item}@media(min-width: 992px){.component--phasing{--item-title-lineheight: 2.25rem}}.component--phasing .component__content{padding-left:0}.phasing__item{--circle-size: 16px;--p-left: 72px;background-color:var(--hdbt-color-palette--secondary);list-style:none;padding:32px 32px 32px var(--p-left);position:relative}.phasing__item:not(:last-of-type){margin-bottom:16px}.phasing__item::before,.phasing__item::after{content:"";display:block;left:calc(var(--p-left)*.5);position:absolute}.phasing__item::before{background-color:#000;height:calc(100% + 16px + 8px);top:0;transform:translateX(-50%);width:2px}.phasing__item:first-of-type::before{height:100%;top:calc(32px + var(--item-title-lineheight)*.5)}.phasing__item:last-of-type::before{height:calc(32px + var(--item-title-lineheight)*.5)}.phasing__item:only-child::before{display:none}.phasing__item::after{background-color:#fff;border:3px solid #000;border-radius:50%;height:var(--circle-size);top:calc(32px + var(--item-title-lineheight)*.5);transform:translate(-50%, -50%);width:var(--circle-size)}.phasing__item--with-numbers{--circle-size: 40px;--p-left: 80px}@media(min-width: 992px){.phasing__item--with-numbers{--circle-size: 48px;--p-left: 96px}}.phasing__item--with-numbers::after{align-items:center;content:counter(item);counter-increment:item;display:flex;justify-content:center;--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.phasing__item--with-numbers::after{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.phasing__item-title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.phasing__item-title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.phasing__item-title{--line-height: var(--item-title-lineheight)}.phasing__item-title+.phasing__item-description{margin-top:16px}.component--accordion .component--phasing{--item-title-lineheight: 1.6875rem}@media(min-width: 992px){.component--accordion .component--phasing{--item-title-lineheight: 1.875rem}}.component--accordion .component--phasing .phasing__item--with-numbers::after,.component--accordion .component--phasing .phasing__item-title,.component--accordion .component--phasing .component__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.component--accordion .component--phasing .phasing__item--with-numbers::after,.component--accordion .component--phasing .phasing__item-title,.component--accordion .component--phasing .component__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.popular-service-item{background-color:#f7f7f8;margin-bottom:24px;padding-bottom:32px;padding-left:24px;padding-right:24px;padding-top:24px}@media(min-width: 768px){.popular-service-item{width:calc(50% - 24px)}}.popular-service-item__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:unset}@media(min-width: 992px){.popular-service-item__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.popular-service-item__links{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:flex;flex-direction:column;margin-top:16px}@media(min-width: 768px){.popular-service-item__links{margin-top:24px}}@media(min-width: 768px){.popular-services{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}.popular-services>*{margin-left:12px;margin-right:12px}}.component--remote-video{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white);padding-left:16px;padding-right:16px;background-color:#000;padding-bottom:32px;padding-top:32px}@media(min-width: 768px){.component--remote-video{padding-left:32px;padding-right:32px}}@media(min-width: 768px){.component--remote-video{padding-bottom:48px;padding-top:48px}}@media(min-width: 992px){.component--remote-video{padding-bottom:64px;padding-top:64px}}.component--remote-video,.component--remote-video a:not(.hds-button){color:#fff}.component--remote-video+.component--remote-video.component--no-header{margin-top:0;padding-top:0}.remote-video__video{position:relative}.remote-video__video .responsive-video-container{background-color:#e5e5e5;height:0;overflow:hidden;padding-bottom:56.25%}.remote-video__video .responsive-video-container iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.remote-video__video-title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:8px}@media(min-width: 992px){.remote-video__video-title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.remote-video__video-title{margin-top:16px}}.remote-video__video-desc{margin-top:8px}.remote-video__video-desc>p:first-child{margin-top:0}.views--service-list .form-actions .hds-button--primary{width:100%}@media(min-width: 768px){.views--service-list .form-actions .hds-button--primary{margin-left:24px}}@media(min-width: 768px){.views--service-list .views-exposed-form{align-items:flex-end;display:flex}}@media(min-width: 768px){.views--service-list .views-exposed-form .form-item{margin-bottom:0;width:70%}}.views--service-list .views-exposed-form .hds-text-input__input-wrapper::after{background-color:#000;background-size:contain;content:"";display:block;height:20px;-webkit-mask-image:var(--hel-icon--search);mask-image:var(--hel-icon--search);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.views--service-list .views-exposed-form .hds-text-input__input-wrapper .hds-text-input__input{border-radius:0;padding-right:48px}@media(min-width: 768px){.views--service-list .views-exposed-form .form-actions{display:flex;width:30%}}.views--service-list .service-list__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;width:100%}@media(min-width: 992px){.views--service-list .service-list__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.views--service-list .service-list__count-container .service-list__count{font-weight:700}.views--service-list .views-infinite-scroll-content-wrapper{margin-top:24px}@media(min-width: 992px){.views--service-list .views-infinite-scroll-content-wrapper{display:flex;flex-wrap:wrap;margin-left:calc(-24px / 2);margin-right:calc(-24px / 2);margin-top:48px}}@media(min-width: 992px){.views--service-list .views-infinite-scroll-content-wrapper .views-row{margin-top:24px;width:25%}}.views--service-list .views-infinite-scroll-content-wrapper .views-row:nth-child(-n+4){margin-top:0}.sidebar-text{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.sidebar-text+.sidebar-text{margin-top:32px}.sidebar-text .sidebar-text__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);color:#000;margin-top:0}@media(min-width: 992px){.sidebar-text .sidebar-text__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.sidebar-text .sidebar-text__title+.sidebar-text__text-content{margin-top:24px}.sidebar-text .sidebar-text__text-content{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:var(--hdbt-color-palette-text--secondary)}.sidebar-text .sidebar-text__text-content>*:first-child{margin-top:0}.sidebar-text .sidebar-text__text-content>p:first-child{margin-top:0}.sidebar-text .sidebar-text__text-content>*:last-child{margin-bottom:0}.sidebar-text .sidebar-text__text-content>p{background-color:var(--hdbt-color-palette--secondary);padding:24px 16px}.sidebar-text .sidebar-text__text-content .hds-button--primary,.sidebar-text .sidebar-text__text-content .hds-button--secondary{display:inline-flex}.sidebar-text .sidebar-text__text-content .hds-button--primary:only-child,.sidebar-text .sidebar-text__text-content .hds-button--secondary:only-child{margin-top:0}@media(min-width: 992px){.sidebar-text .sidebar-text__text-content .hds-button--primary,.sidebar-text .sidebar-text__text-content .hds-button--secondary{display:flex}}.sidebar-text .sidebar-text__text-content .hds-button--supplementary:first-child{margin-left:0}.sidebar-text .sidebar-text__text-content .hds-button--supplementary.hdbt-icon::before{margin-left:8px}.sidebar-text ul,.sidebar-text ol{background-color:var(--hdbt-color-palette--secondary);padding:16px}.sidebar-text ul li,.sidebar-text ol li{margin-left:32px;padding-left:8px}.sidebar-text ul ul,.sidebar-text ul ol,.sidebar-text ol ul,.sidebar-text ol ol{margin-top:0}.sidebar-text ul ul li,.sidebar-text ul ol li,.sidebar-text ol ul li,.sidebar-text ol ol li{margin-left:8px}.sidebar-text--service-links .sidebar-text__text-content>a{background-color:var(--hdbt-color-palette--secondary);display:grid;grid-template-columns:1fr calc(24px + 8px);margin-top:16px;padding:24px 16px;text-decoration:none}.sidebar-text--service-links .sidebar-text__text-content>a:after{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;align-self:center;justify-self:end;order:3}.sidebar-text--service-links .sidebar-text__text-content>a[data-is-external]:after{display:none}.sidebar-text--service-links .sidebar-text__text-content>a:hover{text-decoration:underline}.target-group-links{--gap: 8px;display:flex;flex-wrap:wrap;gap:8px;gap:var(--gap, 8px)}@media(min-width: 768px){.target-group-links{--gap: 24px}}.target-group-link{--icon-size: 32px;--title-line-height: 1.625rem;grid-column-gap:24px;background-color:#f7f7f8;display:grid;grid-template-areas:"icon title" "icon subtitle";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;padding:24px;position:relative;width:100%}@media(min-width: 768px){.target-group-link{--icon-size: 48px;width:calc(50% - .5*var(--gap))}}@media(min-width: 992px){.target-group-link{--title-line-height: 1.75rem}}.target-group-link__icon{grid-area:icon}.target-group-link__icon .hel-icon{display:block}.target-group-link__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);grid-area:title;margin:0;padding-top:calc(.5*(var(--icon-size) - var(--title-line-height)))}@media(min-width: 992px){.target-group-link__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.target-group-link__link{text-decoration:none}.target-group-link__link::before{content:"";height:100%;top:0;right:0;bottom:0;left:0;position:absolute}.target-group-link__link:hover{text-decoration:underline}.target-group-link__subtitle{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);grid-area:subtitle;margin-bottom:calc(.5*(var(--icon-size) - var(--title-line-height)));margin-top:8px}.target-group-link__subtitle p{margin-top:0}.component--paragraph-text .component__content{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);max-width:860px}.component--paragraph-text .component__content>*:first-child,.component--paragraph-text .component__content>p:first-child{margin-top:0}.component--paragraph-text .component__content>*:last-child{margin-bottom:0}.component--unit-search{background-color:#f7f7f8}.layout-main-wrapper>*:last-child .component--unit-search:last-child{margin-bottom:-115px;padding-bottom:55px}.component--unit-search .component__container{padding-bottom:32px;padding-top:32px}@media(min-width: 768px){.component--unit-search .component__container{padding-bottom:64px;padding-top:64px}}.views--unit-search{margin-top:32px}.views--unit-search .form-actions .hds-button--primary{width:100%}@media(min-width: 768px){.views--unit-search .form-actions .hds-button--primary{margin-left:24px}}@media(min-width: 768px){.views--unit-search .views-exposed-form{align-items:flex-end;display:flex;flex-wrap:wrap}}@media(min-width: 768px){.views--unit-search .views-exposed-form .form-item{margin-bottom:0;width:70%}}.views--unit-search .views-exposed-form .hds-text-input__input-wrapper::after{background-color:#000;background-size:contain;content:"";display:block;height:20px;-webkit-mask-image:var(--hel-icon--search);mask-image:var(--hel-icon--search);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.views--unit-search .views-exposed-form .hds-text-input__input-wrapper .hds-text-input__input{border-radius:0;padding-right:48px}.views--unit-search .views-exposed-form [data-drupal-selector=edit-provided-languages-value]{margin-top:24px;order:1}@media(min-width: 768px){.views--unit-search .views-exposed-form .form-actions{display:flex;width:30%}}.views--unit-search .unit-search__results>.views-row:first-of-type,.views--unit-search .views-infinite-scroll-content-wrapper{margin-top:16px}@media(min-width: 768px){.views--unit-search .unit-search__results>.views-row:first-of-type,.views--unit-search .views-infinite-scroll-content-wrapper{margin-top:32px}}.unit-search__results{border-top:1px solid #e5e5e5;display:block;margin-top:32px;padding-top:32px;width:100%}@media(min-width: 768px){.unit-search__results{margin-top:64px;padding-top:64px}}.unit-search__results>.views-infinite-scroll-content-wrapper>.views-row+.views-row{margin-top:16px}@media(min-width: 768px){.unit-search__result-actions{align-items:center;display:flex;justify-content:space-between}}.unit-search__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){.unit-search__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.unit-search__count-container .unit-search__count{font-weight:700}.unit-search__additional-information{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:block;margin-bottom:24px;margin-top:16px}.unit-search__additional-information.unit-search__address-not-found{padding-left:48px;position:relative}.unit-search__additional-information.unit-search__address-not-found::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--alert-circle-fill);mask-image:var(--hel-icon--alert-circle-fill);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;background-color:#d18200;left:16px;margin-top:-12px;position:absolute;top:50%}.unit-search__additional-information.unit-search__address-not-found p{margin-top:0}.unit-search__result--list,.unit-search__result--map{margin-top:16px}@media(min-width: 768px){.unit-search__result--list,.unit-search__result--map{margin-top:32px}}.unit-search__result--map{padding-bottom:52%;position:relative;width:100%}.unit-search__map{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.unit-search__map-actions{display:flex;justify-content:flex-end;margin-top:16px}@media(min-width: 768px){.unit-search__map-actions{margin-top:24px}}.unit-search__no-results-title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-top:24px}@media(min-width: 992px){.unit-search__no-results-title{--line-height: 1;font-size:2rem;font-weight:400}}.unit-search__no-results-desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.views--unit-search--large-volume .unit-search__results>.views-infinite-scroll-content-wrapper>.views-row+.views-row,.views--unit-search--large-volume .unit-search__results .views-row+.views-row{margin-top:8px}.dialog-off-canvas-main-canvas::after{background-color:rgba(0,0,0,.4);content:"";height:0;opacity:0;pointer-events:none;visibility:hidden;width:0}.eu-cookie-compliance-banner{background-color:#0000bf;color:#fff;max-height:100vh;overflow:auto;padding:0 0 24px}@media(min-width: 768px){.eu-cookie-compliance-banner{padding:0 0 32px}}.eu-cookie-compliance-banner .eu-cookie-compliance-content{display:flex;flex-wrap:wrap;padding-top:24px}.eu-cookie-compliance-banner .eu-cookie-compliance-message{float:none;max-width:100%;width:100%}.eu-cookie-compliance-banner .eu-cookie-compliance-message>h2{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:0;max-width:860px}@media(min-width: 992px){.eu-cookie-compliance-banner .eu-cookie-compliance-message>h2{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.eu-cookie-compliance-banner .eu-cookie-compliance-message>p{max-width:860px}.eu-cookie-compliance-banner .eu-cookie-compliance-more-info,.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{margin-top:32px;width:100%}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-more-info,.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{align-items:center;display:flex}}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-more-info{width:30%}}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{justify-content:flex-end;width:70%}}.eu-cookie-compliance-banner .eu-cookie-compliance-categories-buttons{margin-top:16px}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-categories-buttons{margin-left:16px;margin-top:0}}.eu-cookie-compliance-banner .eu-cookie-compliance-buttons{float:none;max-width:100%}.eu-cookie-compliance-banner .eu-cookie-withdraw-button{display:none}.eu-cookie-compliance-banner .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white);max-width:400px;width:100%}@media(min-width: 768px){.eu-cookie-compliance-banner .hds-button{width:auto}}.sliding-popup-bottom{width:100%}.gin--horizontal-toolbar .toolbar-bar{position:fixed}.gin--horizontal-toolbar .node-preview-container{padding:0 32px;top:54px}.logo{align-items:center;display:flex;text-decoration:none}.logo__icon{--height: 32px;--aspect-ratio: 2.1666666667;height:var(--height);width:calc(var(--aspect-ratio)*var(--height))}@media(min-width: 768px){.logo__icon{--height: 54px}}.logo__icon--sv,.logo__icon--ru{--aspect-ratio: 2.7857142857}.logo--header{color:#000;height:var(--branding-height)}.logo--footer{margin-top:8px}@media(min-width: 768px){.logo--footer{margin-right:16px;margin-top:0}}.logo--footer .logo__icon{--height: 40px}.metadata-container{background-color:var(--hdbt-color-palette--secondary);display:flex;flex-wrap:wrap;margin-top:16px;padding:24px}@media(min-width: 768px){.metadata-container{margin-top:32px}}.metadata__item{display:flex;margin-top:16px;width:100%}@media(min-width: 768px){.metadata__item{width:50%}}.metadata__item:first-child{margin-top:0}@media(min-width: 768px){.metadata__item:nth-child(2){margin-top:0}}.metadata__item .hel-icon{height:24px;margin-right:8px;min-width:24px;width:24px}.metadata__item-label{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);display:block}.content-tags__tags{margin-left:-4px;margin-right:-4px;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0;margin-top:0;padding-left:0}.content-tags__tags>*{margin-left:4px;margin-right:4px}.content-tags__tags__tag{list-style:none;margin-bottom:8px;margin-top:0}.content-tags__tags__tag a,.content-tags__tags__tag span,.content-tags__tags--static li{--line-height: 1.5;font-size:.875rem;font-weight:500;line-height:var(--line-height);display:inline-block;line-height:1;text-decoration:none;transition:.2s ease-in-out background-color,.2s ease-in-out border-color}.content-tags__tags--interactive a{background-color:rgba(0,0,0,0);border:1px solid #000;border-radius:48px;padding:16px 20px 18px}.content-tags__tags--interactive a:hover,.content-tags__tags--interactive a:active{background-color:#000;border-color:#000;color:#fff}.content-tags__tags--interactive a:focus,.content-tags__tags--interactive a:active{border-color:#000;outline:2px solid #000;outline-offset:2px}.content-tags__tags--static span{background-color:#dedfe1;border-radius:16px;padding:8px 16px 10px}.content-tags__tags--static .content-tags__tags__tag--coat-of-arms span{background-color:#b5daf7}.content-tags__tags--static .content-tags__tags__tag--gold span{background-color:#e8d7a7}.content-tags__tags--static .content-tags__tags__tag--bus span{background-color:#ccf}.content-tags__tags--static .content-tags__tags__tag--success span{background-color:#007a64;color:#fff}.content-tags__tags--static .content-tags__tags__tag--alert span{background-color:#ffda07}.content-tags__tags--static .content-tags__tags__tag--error span{background-color:#b01038;color:#fff}.hds-loading-spinner{left:49%;position:fixed;top:48.5%;z-index:1000}#ed11y-panel{left:21px !important;right:auto !important}.is-hidden{display:none} diff --git a/dist/js/menu.min.js b/dist/js/menu.min.js index 94b3f4563..a6485bef1 100644 --- a/dist/js/menu.min.js +++ b/dist/js/menu.min.js @@ -1 +1 @@ -!function(){var t={504:function(t,e,n){const r=n(466),i=n(184),a=Drupal.t("Frontpage",{},{context:"Global navigation mobile menu top level"}),s=Drupal.t("Open submenu:",{},{context:"Mobile navigation menu prefix"}),o=Drupal.t("Open parent menu:",{},{context:"Mobile navigation menu prefix"});function l(){return this.sub_tree?.length>0}function u(){try{return!this.external&&this.url&&new URL(this.url).pathname===window.location.pathname}catch(t){console.warn('Invalid url given to "isCurrentPath"-helper',this.url)}return!1}function c(){return!!this.active}function h(){return!!this.inPath}function p(){return{external:this.attributes["data-external"]||this.external||!1,protocol:this.attributes["data-protocol"]||!1}}function d(){return!!this.attributes?.lang}function f(){return!!this.external&&(f.ICONS[this.attributes["data-protocol"]]||f.ICONS.external)}Array.prototype.findRecursive=function(t,e){if(!e)throw new Error("findRecursive requires parameter `childrenPropertyName`");let n=[];n=this;const r=this.find(t),i=this.filter((t=>t[e]));if(r)return r;if(i.length){const n=[];return i.forEach((t=>{n.push(...t[e])})),n.findRecursive(t,e)}},f.ICONS={mailto:{class:"link__type link__type--mailto",text:Drupal.t("Link opens default mail program",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link opens default mail program."})},tel:{class:"link__type link__type--tel",text:Drupal.t("Link starts a phone call",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link starts a phone call."})},external:{class:"link__type link__type--external",text:Drupal.t("Link leads to external service",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link leads to an external service."})}};const m={compileTemplates(){this.templates={panel:`\n {{#panels}}\n
\n
\n {{#back}}\n \n {{/back}}\n {{name}}{{#externalLinkIcon}} {{/externalLinkIcon}}\n {{>sub_tree}}\n
\n ${document.querySelector(".js-mmenu__footer")?.outerHTML}\n
\n {{/panels}}\n\n {{^panels}}\n
\n \n
\n {{/panels}}\n `,list:'\n \n '}},menu:null,templates:null,SCROLL_TRESHOLD:100,size:10,running:!1,data:null,currentIndex:0,cacheKey:"hdbt-mobile-menu",enableCache:!1,selectors:{container:"#mmenu",rootId:"mmenu__panels",forward:"mmenu__forward",back:"mmenu__back"},getAPIUrl(){const t=new URL(drupalSettings?.helfi_navigation?.links?.api);return t.searchParams.set("_format","json"),t.searchParams.set("max-depth",drupalSettings?.menu_depth),t.toString()},getRoot(){return document.getElementById(this.selectors.rootId)},sortPanelsByPath(){const t=[],e=this.data,n=e.findRecursive((t=>u.call(t)),"sub_tree");let r=n?.sub_tree?.length?n.id:n?.parentId;for(;r;){e.findRecursive((({id:e,url:n,name:i,sub_tree:a,parentId:s,inPath:o,active:l})=>e===r&&(t.push({sub_tree:a,name:i,url:n,parentId:s,inPath:o,active:l}),r=s,!0)),"sub_tree")||(r=void 0)}t.push({sub_tree:e,inPath:!0}),t.reverse(),this.currentIndex=t.length-1,this.content=[...t]},content:[],getView(t){return this.content.map(((e,n)=>({...e,name:e?.name||a,url:e.url||drupalSettings.helfi_navigation.links.canonical,button:l,isActive:c,isInPath:h,externalLinkAttributes:p,hasLang:d,externalLinkIcon:f,back:n>0&&(this.content.at(n-1)?.name??a),openSubMenuTranslation:s,openParentMenuTranslation:o,panel_class:i({mmenu__panel:!0,"mmenu__panel--visible":!0,"mmenu__panel--current":n===this.currentIndex,"mmenu__panel--visible-right":"start"===t&&n>this.currentIndex||"up"===t&&n>=this.currentIndex||"down"===t&&n>this.currentIndex+1,"mmenu__panel--visible-left":"up"===t&&ne===t));if(!e)throw new Error(`ID mismatch in menu items${t}`);this.currentIndex=this.currentIndex+1=0?this.currentIndex-1:this.currentIndex,this.render("down"))},render(t){const e=this.getRoot();if(e.innerHTML=r.render(this.templates.panel,{panels:this.getView(t)},{sub_tree:this.templates.list}),"load"===t)return;const n=[...e.querySelectorAll(".mmenu__panel")],i=n.at(this.currentIndex);e.parentElement.scrollTop>this.SCROLL_TRESHOLD&&this.currentIndex>0&&i.querySelector(".mmenu__back").scrollIntoView({block:"start",behaviour:"smooth"}),setTimeout((()=>{switch(i.classList.remove("mmenu__panel--visible-right","mmenu__panel--visible-left"),t){case"up":n.at(this.currentIndex-1).classList.add("mmenu__panel--visible-left");break;case"down":n.at(this.currentIndex+1).classList.add("mmenu__panel--visible-right")}setTimeout((()=>{n.forEach((t=>{t.classList.contains("mmenu__panel--current")||(t.style.visibility="hidden")}))}),200)}),10)},async load(){const t=await fetch(this.getAPIUrl()),e=await t.json(),n=Object.getOwnPropertyNames(e);if(!n.length)throw new Error("No instances found in data",e);const r=n.map((t=>{const n=e[t].menu_tree[0];return n.parentId="",n})),i=r.findRecursive((t=>u.call(t)),"sub_tree");i&&(i.active=!0,i.inPath=!0);let a=i?.parentId;for(;a;){r.findRecursive((t=>t.id===a&&(a=t.parentId,t.inPath=!0,!0)),"sub_tree")||(a=void 0)}this.data=r},async start(){const t=document.querySelector(this.selectors.container);if(!this.getRoot()||!t)throw new Error("Panel root not found");t.classList.add("mmenu--visible"),this.render("load");try{await this.load()}catch(t){return console.error("Unable to load menu data, using mock menu for development purposes. Reset to nojs-fallback when integrating with actual API",t),void this.enableFallback()}this.sortPanelsByPath(),this.render("start"),this.getRoot().addEventListener("click",(t=>{const{target:{classList:e,value:n,parentElement:r}}=t;t.stopImmediatePropagation(),e&&e.contains(this.selectors.forward)?this.up(n):(e&&e.contains(this.selectors.back)||r?.classList&&r?.classList.contains(this.selectors.back))&&this.down()}))},isOpen(){return"#menu"===window.location.hash||"true"===this.toggleButton.getAttribute("aria-expanded")},disableFallback(){this.menu.dataset.js=!0},enableFallback(){this.menu.dataset.target="false",this.getRoot().innerHTML="",delete this.menu.dataset.js,window.location.hash="#menu"},close(){this.toggleButton.setAttribute("aria-expanded","false"),this.menu.dataset.target="false",this.onClose&&this.onClose()},open(){this.menu.dataset.target="true",this.toggleButton.setAttribute("aria-expanded","true"),this.onOpen&&this.onOpen()},toggle(){this.isOpen()?this.close():this.open(),this.toggleButton.focus()},init({onOpen:t,onClose:e}){this.running?console.warn("MobilePanel already initiated. Is it include more than once?"):(this.onOpen=t,this.onClose=e,document.addEventListener("DOMContentLoaded",(()=>{if(this.toggleButton=document.querySelector(".js-menu-toggle-button"),!this.toggleButton)throw new Error("No toggle button for JS menu.");if(this.menu=document.querySelector("#menu"),!this.menu)return void console.error("Panel not present in DOM. Cannot start JS mobile menu");this.disableFallback(),document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.toggleButton.focus())}));const t=()=>{this.compileTemplates(),this.toggleButton.removeEventListener("click",t),this.start()};this.toggleButton.addEventListener("click",t),this.toggleButton.addEventListener("click",(()=>this.toggle())),this.isOpen()&&(window.location.hash="",t(),this.open())})),this.running=!0)}};t.exports=m},184:function(t,e){var n;!function(){"use strict";var r={}.hasOwnProperty;function i(){for(var t=[],e=0;e":">",'"':""","'":"'","/":"/","`":"`","=":"="};function p(t){return String(t).replace(/[&<>"'`=\/]/g,(function(t){return h[t]}))}var d=/\s*/,f=/\s+/,m=/\s*=/,g=/\s*\}/,v=/#|\^|\/|>|\{|&|=|!/;function b(t,n){if(!t)return[];var r,a,s,o=!1,l=[],u=[],h=[],p=!1,b=!1,k="",y=0;function L(){if(p&&!b)for(;h.length;)delete u[h.pop()];else h=[];p=!1,b=!1}function E(t){if("string"==typeof t&&(t=t.split(f,2)),!e(t)||2!==t.length)throw new Error("Invalid tags: "+t);r=new RegExp(i(t[0])+"\\s*"),a=new RegExp("\\s*"+i(t[1])),s=new RegExp("\\s*"+i("}"+t[1]))}E(n||I.tags);for(var P,C,S,A,O,T,R=new w(t);!R.eos();){if(P=R.pos,S=R.scanUntil(r))for(var j=0,U=S.length;j0?i[i.length-1][4]:n;break;default:r.push(e)}return n}function w(t){this.string=t,this.tail=t,this.pos=0}function k(t,e){this.view=t,this.cache={".":this.view},this.parent=e}function y(){this.templateCache={_cache:{},set:function(t,e){this._cache[t]=e},get:function(t){return this._cache[t]},clear:function(){this._cache={}}}}w.prototype.eos=function(){return""===this.tail},w.prototype.scan=function(t){var e=this.tail.match(t);if(!e||0!==e.index)return"";var n=e[0];return this.tail=this.tail.substring(n.length),this.pos+=n.length,n},w.prototype.scanUntil=function(t){var e,n=this.tail.search(t);switch(n){case-1:e=this.tail,this.tail="";break;case 0:e="";break;default:e=this.tail.substring(0,n),this.tail=this.tail.substring(n)}return this.pos+=e.length,e},k.prototype.push=function(t){return new k(t,this)},k.prototype.lookup=function(t){var e,r=this.cache;if(r.hasOwnProperty(t))e=r[t];else{for(var i,o,l,u=this,c=!1;u;){if(t.indexOf(".")>0)for(i=u.view,o=t.split("."),l=0;null!=i&&l"===s?o=this.renderPartial(a,e,n,i):"&"===s?o=this.unescapedValue(a,e):"name"===s?o=this.escapedValue(a,e,i):"text"===s&&(o=this.rawValue(a)),void 0!==o&&(l+=o);return l},y.prototype.renderSection=function(t,r,i,a,s){var o=this,l="",u=r.lookup(t[1]);function c(t){return o.render(t,r,i,s)}if(u){if(e(u))for(var h=0,p=u.length;h0||!n)&&(i[a]=r+i[a]);return i.join("\n")},y.prototype.renderPartial=function(t,e,r,i){if(r){var a=this.getConfigTags(i),s=n(r)?r(t[1]):r[t[1]];if(null!=s){var o=t[6],l=t[5],u=t[4],c=s;0==l&&u&&(c=this.indentPartial(s,u,o));var h=this.parse(c,a);return this.renderTokens(h,e,r,c,i)}}},y.prototype.unescapedValue=function(t,e){var n=e.lookup(t[1]);if(null!=n)return n},y.prototype.escapedValue=function(t,e,n){var r=this.getConfigEscape(n)||I.escape,i=e.lookup(t[1]);if(null!=i)return"number"==typeof i&&r===I.escape?String(i):r(i)},y.prototype.rawValue=function(t){return t[1]},y.prototype.getConfigTags=function(t){return e(t)?t:t&&"object"==typeof t?t.tags:void 0},y.prototype.getConfigEscape=function(t){return t&&"object"==typeof t&&!e(t)?t.escape:void 0};var I={name:"mustache.js",version:"4.2.0",tags:["{{","}}"],clearCache:void 0,escape:void 0,parse:void 0,render:void 0,Scanner:void 0,Context:void 0,Writer:void 0,set templateCache(t){L.templateCache=t},get templateCache(){return L.templateCache}},L=new y;return I.clearCache=function(){return L.clearCache()},I.parse=function(t,e){return L.parse(t,e)},I.render=function(t,e,n,i){if("string"!=typeof t)throw new TypeError('Invalid template! Template should be a "string" but "'+r(t)+'" was given as the first argument for mustache#render(template, view, partials)');return L.render(t,e,n,i)},I.escape=p,I.Scanner=w,I.Context=k,I.Writer=y,I}()}},e={};(function n(r){var i=e[r];if(void 0!==i)return i.exports;var a=e[r]={exports:{}};return t[r].call(a.exports,a,a.exports,n),a.exports})(504)}(); \ No newline at end of file +!function(){var t={504:function(t,e,n){const r=n(466),i=n(184),a=Drupal.t("Frontpage",{},{context:"Global navigation mobile menu top level"}),s=Drupal.t("Open submenu:",{},{context:"Mobile navigation menu prefix"}),o=Drupal.t("Open parent menu:",{},{context:"Mobile navigation menu prefix"});function l(){return this.sub_tree?.length>0}function u(){try{return!this.external&&this.url&&new URL(this.url).pathname===window.location.pathname}catch(t){console.warn('Invalid url given to "isCurrentPath"-helper',this.url)}return!1}function c(){return!!this.active}function h(){return!!this.inPath}function p(){return{external:this.attributes["data-external"]||this.external||!1,protocol:this.attributes["data-protocol"]||!1}}function d(){return!!this.attributes?.lang}function f(){return!!this.external&&(f.ICONS[this.attributes["data-protocol"]]||f.ICONS.external)}Array.prototype.findRecursive=function(t,e){if(!e)throw new Error("findRecursive requires parameter `childrenPropertyName`");let n=[];n=this;const r=this.find(t),i=this.filter((t=>t[e]));if(r)return r;if(i.length){const n=[];return i.forEach((t=>{n.push(...t[e])})),n.findRecursive(t,e)}},f.ICONS={mailto:{class:"link__type link__type--mailto",text:Drupal.t("Link opens default mail program",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link opens default mail program."})},tel:{class:"link__type link__type--tel",text:Drupal.t("Link starts a phone call",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link starts a phone call."})},external:{class:"link__type link__type--external",text:Drupal.t("Link leads to external service",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link leads to an external service."})}};const m={compileTemplates(){this.templates={panel:`\n {{#panels}}\n
\n
\n {{#back}}\n \n {{/back}}\n {{name}}{{#externalLinkIcon}} {{/externalLinkIcon}}\n {{>sub_tree}}\n
\n ${document.querySelector(".js-mmenu__footer")?.outerHTML}\n
\n {{/panels}}\n\n {{^panels}}\n
\n \n
\n {{/panels}}\n `,list:'\n \n '}},menu:null,templates:null,SCROLL_TRESHOLD:100,size:10,running:!1,data:null,currentIndex:0,cacheKey:"hdbt-mobile-menu",enableCache:!1,selectors:{container:"#mmenu",rootId:"mmenu__panels",forward:"mmenu__forward",back:"mmenu__back"},getAPIUrl(){const t=new URL(drupalSettings?.helfi_navigation?.links?.api);return t.searchParams.set("_format","json"),t.searchParams.set("max-depth",drupalSettings?.menu_depth),t.toString()},getRoot(){return document.getElementById(this.selectors.rootId)},sortPanelsByPath(){const t=[],e=this.data,n=e.findRecursive((t=>u.call(t)),"sub_tree");let r=n?.sub_tree?.length?n.id:n?.parentId;for(;r;){e.findRecursive((({id:e,url:n,name:i,sub_tree:a,parentId:s,inPath:o,active:l})=>e===r&&(t.push({sub_tree:a,name:i,url:n,parentId:s,inPath:o,active:l}),r=s,!0)),"sub_tree")||(r=void 0)}t.push({sub_tree:e,inPath:!0}),t.reverse(),this.currentIndex=t.length-1,this.content=[...t]},content:[],getView(t){return this.content.map(((e,n)=>({...e,name:e?.name||a,url:e.url||drupalSettings.helfi_navigation.links.canonical,button:l,isActive:c,isInPath:h,externalLinkAttributes:p,hasLang:d,externalLinkIcon:f,back:n>0&&(this.content.at(n-1)?.name??a),openSubMenuTranslation:s,openParentMenuTranslation:o,panel_class:i({mmenu__panel:!0,"mmenu__panel--visible":!0,"mmenu__panel--current":n===this.currentIndex,"mmenu__panel--visible-right":"start"===t&&n>this.currentIndex||"up"===t&&n>=this.currentIndex||"down"===t&&n>this.currentIndex+1,"mmenu__panel--visible-left":"up"===t&&ne===t));if(!e)throw new Error(`ID mismatch in menu items${t}`);this.currentIndex=this.currentIndex+1=0?this.currentIndex-1:this.currentIndex,this.render("down"))},render(t){const e=this.getRoot();if(e.innerHTML=r.render(this.templates.panel,{panels:this.getView(t)},{sub_tree:this.templates.list}),"load"===t)return;const n=[...e.querySelectorAll(".mmenu__panel")],i=n.at(this.currentIndex);e.parentElement.scrollTop>this.SCROLL_TRESHOLD&&this.currentIndex>0&&i.querySelector(".mmenu__back").scrollIntoView({block:"start",behaviour:"smooth"}),setTimeout((()=>{switch(i.classList.remove("mmenu__panel--visible-right","mmenu__panel--visible-left"),t){case"up":n.at(this.currentIndex-1).classList.add("mmenu__panel--visible-left");break;case"down":n.at(this.currentIndex+1).classList.add("mmenu__panel--visible-right")}setTimeout((()=>{n.forEach((t=>{t.classList.contains("mmenu__panel--current")||(t.style.visibility="hidden")}))}),200)}),10)},async load(){const t=await fetch(this.getAPIUrl()),e=await t.json(),n=Object.getOwnPropertyNames(e);if(!n.length)throw new Error("No instances found in data",e);const r=n.map((t=>{const n=e[t].menu_tree[0];return n.parentId="",n})),i=r.findRecursive((t=>u.call(t)),"sub_tree");i&&(i.active=!0,i.inPath=!0);let a=i?.parentId;for(;a;){r.findRecursive((t=>t.id===a&&(a=t.parentId,t.inPath=!0,!0)),"sub_tree")||(a=void 0)}this.data=r},async start(){const t=document.querySelector(this.selectors.container);if(!this.getRoot()||!t)throw new Error("Panel root not found");t.classList.add("mmenu--visible"),this.render("load");try{await this.load()}catch(t){return console.error("Unable to load menu data, using mock menu for development purposes. Reset to nojs-fallback when integrating with actual API",t),void this.enableFallback()}this.sortPanelsByPath(),this.render("start"),this.getRoot().addEventListener("click",(t=>{const{target:{classList:e,value:n,parentElement:r}}=t;t.stopImmediatePropagation(),e&&e.contains(this.selectors.forward)?this.up(n):(e&&e.contains(this.selectors.back)||r?.classList&&r?.classList.contains(this.selectors.back))&&this.down()}))},isOpen(){return"#menu"===window.location.hash||"true"===this.toggleButton.getAttribute("aria-expanded")},disableFallback(){this.menu.dataset.js=!0},enableFallback(){this.menu.dataset.target="false",this.getRoot().innerHTML="",delete this.menu.dataset.js,window.location.hash="#menu"},close(){this.toggleButton.setAttribute("aria-expanded","false"),this.menu.dataset.target="false",this.onClose&&this.onClose()},open(){this.menu.dataset.target="true",this.toggleButton.setAttribute("aria-expanded","true"),this.onOpen&&this.onOpen()},toggle(){this.isOpen()?this.close():this.open(),this.toggleButton.focus()},init({onOpen:t,onClose:e}){this.running?console.warn("MobilePanel already initiated. Is it include more than once?"):(this.onOpen=t,this.onClose=e,document.addEventListener("DOMContentLoaded",(()=>{if(this.toggleButton=document.querySelector(".js-menu-toggle-button"),!this.toggleButton)throw new Error("No toggle button for JS menu.");if(this.menu=document.querySelector("#menu"),!this.menu)return void console.error("Panel not present in DOM. Cannot start JS mobile menu");this.disableFallback(),document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.toggleButton.focus())}));const t=()=>{this.compileTemplates(),this.toggleButton.removeEventListener("click",t),this.start()};this.toggleButton.addEventListener("click",t),this.toggleButton.addEventListener("click",(()=>this.toggle())),this.isOpen()&&(window.location.hash="",t(),this.open())})),this.running=!0)}};t.exports=m},184:function(t,e){var n;!function(){"use strict";var r={}.hasOwnProperty;function i(){for(var t=[],e=0;e":">",'"':""","'":"'","/":"/","`":"`","=":"="};function p(t){return String(t).replace(/[&<>"'`=\/]/g,(function(t){return h[t]}))}var d=/\s*/,f=/\s+/,m=/\s*=/,g=/\s*\}/,v=/#|\^|\/|>|\{|&|=|!/;function b(t,n){if(!t)return[];var r,a,s,o=!1,l=[],u=[],h=[],p=!1,b=!1,k="",y=0;function L(){if(p&&!b)for(;h.length;)delete u[h.pop()];else h=[];p=!1,b=!1}function E(t){if("string"==typeof t&&(t=t.split(f,2)),!e(t)||2!==t.length)throw new Error("Invalid tags: "+t);r=new RegExp(i(t[0])+"\\s*"),a=new RegExp("\\s*"+i(t[1])),s=new RegExp("\\s*"+i("}"+t[1]))}E(n||I.tags);for(var P,C,S,A,O,T,R=new w(t);!R.eos();){if(P=R.pos,S=R.scanUntil(r))for(var j=0,U=S.length;j0?i[i.length-1][4]:n;break;default:r.push(e)}return n}function w(t){this.string=t,this.tail=t,this.pos=0}function k(t,e){this.view=t,this.cache={".":this.view},this.parent=e}function y(){this.templateCache={_cache:{},set:function(t,e){this._cache[t]=e},get:function(t){return this._cache[t]},clear:function(){this._cache={}}}}w.prototype.eos=function(){return""===this.tail},w.prototype.scan=function(t){var e=this.tail.match(t);if(!e||0!==e.index)return"";var n=e[0];return this.tail=this.tail.substring(n.length),this.pos+=n.length,n},w.prototype.scanUntil=function(t){var e,n=this.tail.search(t);switch(n){case-1:e=this.tail,this.tail="";break;case 0:e="";break;default:e=this.tail.substring(0,n),this.tail=this.tail.substring(n)}return this.pos+=e.length,e},k.prototype.push=function(t){return new k(t,this)},k.prototype.lookup=function(t){var e,r=this.cache;if(r.hasOwnProperty(t))e=r[t];else{for(var i,o,l,u=this,c=!1;u;){if(t.indexOf(".")>0)for(i=u.view,o=t.split("."),l=0;null!=i&&l"===s?o=this.renderPartial(a,e,n,i):"&"===s?o=this.unescapedValue(a,e):"name"===s?o=this.escapedValue(a,e,i):"text"===s&&(o=this.rawValue(a)),void 0!==o&&(l+=o);return l},y.prototype.renderSection=function(t,r,i,a,s){var o=this,l="",u=r.lookup(t[1]);function c(t){return o.render(t,r,i,s)}if(u){if(e(u))for(var h=0,p=u.length;h0||!n)&&(i[a]=r+i[a]);return i.join("\n")},y.prototype.renderPartial=function(t,e,r,i){if(r){var a=this.getConfigTags(i),s=n(r)?r(t[1]):r[t[1]];if(null!=s){var o=t[6],l=t[5],u=t[4],c=s;0==l&&u&&(c=this.indentPartial(s,u,o));var h=this.parse(c,a);return this.renderTokens(h,e,r,c,i)}}},y.prototype.unescapedValue=function(t,e){var n=e.lookup(t[1]);if(null!=n)return n},y.prototype.escapedValue=function(t,e,n){var r=this.getConfigEscape(n)||I.escape,i=e.lookup(t[1]);if(null!=i)return"number"==typeof i&&r===I.escape?String(i):r(i)},y.prototype.rawValue=function(t){return t[1]},y.prototype.getConfigTags=function(t){return e(t)?t:t&&"object"==typeof t?t.tags:void 0},y.prototype.getConfigEscape=function(t){return t&&"object"==typeof t&&!e(t)?t.escape:void 0};var I={name:"mustache.js",version:"4.2.0",tags:["{{","}}"],clearCache:void 0,escape:void 0,parse:void 0,render:void 0,Scanner:void 0,Context:void 0,Writer:void 0,set templateCache(t){L.templateCache=t},get templateCache(){return L.templateCache}},L=new y;return I.clearCache=function(){return L.clearCache()},I.parse=function(t,e){return L.parse(t,e)},I.render=function(t,e,n,i){if("string"!=typeof t)throw new TypeError('Invalid template! Template should be a "string" but "'+r(t)+'" was given as the first argument for mustache#render(template, view, partials)');return L.render(t,e,n,i)},I.escape=p,I.Scanner=w,I.Context=k,I.Writer=y,I}()}},e={};(function n(r){var i=e[r];if(void 0!==i)return i.exports;var a=e[r]={exports:{}};return t[r].call(a.exports,a,a.exports,n),a.exports})(504)}(); \ No newline at end of file diff --git a/dist/js/nav-global.min.js b/dist/js/nav-global.min.js index 0d5f6db32..4cea5f2e5 100644 --- a/dist/js/nav-global.min.js +++ b/dist/js/nav-global.min.js @@ -1 +1 @@ -!function(){var t={504:function(t,e,n){const r=n(466),s=n(184),i=Drupal.t("Frontpage",{},{context:"Global navigation mobile menu top level"}),a=Drupal.t("Open submenu:",{},{context:"Mobile navigation menu prefix"}),o=Drupal.t("Open parent menu:",{},{context:"Mobile navigation menu prefix"});function l(){return this.sub_tree?.length>0}function c(){try{return!this.external&&this.url&&new URL(this.url).pathname===window.location.pathname}catch(t){console.warn('Invalid url given to "isCurrentPath"-helper',this.url)}return!1}function u(){return!!this.active}function h(){return!!this.inPath}function p(){return{external:this.attributes["data-external"]||this.external||!1,protocol:this.attributes["data-protocol"]||!1}}function d(){return!!this.attributes?.lang}function m(){return!!this.external&&(m.ICONS[this.attributes["data-protocol"]]||m.ICONS.external)}Array.prototype.findRecursive=function(t,e){if(!e)throw new Error("findRecursive requires parameter `childrenPropertyName`");let n=[];n=this;const r=this.find(t),s=this.filter((t=>t[e]));if(r)return r;if(s.length){const n=[];return s.forEach((t=>{n.push(...t[e])})),n.findRecursive(t,e)}},m.ICONS={mailto:{class:"link__type link__type--mailto",text:Drupal.t("Link opens default mail program",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link opens default mail program."})},tel:{class:"link__type link__type--tel",text:Drupal.t("Link starts a phone call",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link starts a phone call."})},external:{class:"link__type link__type--external",text:Drupal.t("Link leads to external service",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link leads to an external service."})}};const f={compileTemplates(){this.templates={panel:`\n {{#panels}}\n
\n
\n {{#back}}\n \n {{/back}}\n {{name}}{{#externalLinkIcon}} {{/externalLinkIcon}}\n {{>sub_tree}}\n
\n ${document.querySelector(".js-mmenu__footer")?.outerHTML}\n
\n {{/panels}}\n\n {{^panels}}\n
\n \n
\n {{/panels}}\n `,list:'\n \n '}},menu:null,templates:null,SCROLL_TRESHOLD:100,size:10,running:!1,data:null,currentIndex:0,cacheKey:"hdbt-mobile-menu",enableCache:!1,selectors:{container:"#mmenu",rootId:"mmenu__panels",forward:"mmenu__forward",back:"mmenu__back"},getAPIUrl(){const t=new URL(drupalSettings?.helfi_navigation?.links?.api);return t.searchParams.set("_format","json"),t.searchParams.set("max-depth",drupalSettings?.menu_depth),t.toString()},getRoot(){return document.getElementById(this.selectors.rootId)},sortPanelsByPath(){const t=[],e=this.data,n=e.findRecursive((t=>c.call(t)),"sub_tree");let r=n?.sub_tree?.length?n.id:n?.parentId;for(;r;){e.findRecursive((({id:e,url:n,name:s,sub_tree:i,parentId:a,inPath:o,active:l})=>e===r&&(t.push({sub_tree:i,name:s,url:n,parentId:a,inPath:o,active:l}),r=a,!0)),"sub_tree")||(r=void 0)}t.push({sub_tree:e,inPath:!0}),t.reverse(),this.currentIndex=t.length-1,this.content=[...t]},content:[],getView(t){return this.content.map(((e,n)=>({...e,name:e?.name||i,url:e.url||drupalSettings.helfi_navigation.links.canonical,button:l,isActive:u,isInPath:h,externalLinkAttributes:p,hasLang:d,externalLinkIcon:m,back:n>0&&(this.content.at(n-1)?.name??i),openSubMenuTranslation:a,openParentMenuTranslation:o,panel_class:s({mmenu__panel:!0,"mmenu__panel--visible":!0,"mmenu__panel--current":n===this.currentIndex,"mmenu__panel--visible-right":"start"===t&&n>this.currentIndex||"up"===t&&n>=this.currentIndex||"down"===t&&n>this.currentIndex+1,"mmenu__panel--visible-left":"up"===t&&ne===t));if(!e)throw new Error(`ID mismatch in menu items${t}`);this.currentIndex=this.currentIndex+1=0?this.currentIndex-1:this.currentIndex,this.render("down"))},render(t){const e=this.getRoot();if(e.innerHTML=r.render(this.templates.panel,{panels:this.getView(t)},{sub_tree:this.templates.list}),"load"===t)return;const n=[...e.querySelectorAll(".mmenu__panel")],s=n.at(this.currentIndex);e.parentElement.scrollTop>this.SCROLL_TRESHOLD&&this.currentIndex>0&&s.querySelector(".mmenu__back").scrollIntoView({block:"start",behaviour:"smooth"}),setTimeout((()=>{switch(s.classList.remove("mmenu__panel--visible-right","mmenu__panel--visible-left"),t){case"up":n.at(this.currentIndex-1).classList.add("mmenu__panel--visible-left");break;case"down":n.at(this.currentIndex+1).classList.add("mmenu__panel--visible-right")}setTimeout((()=>{n.forEach((t=>{t.classList.contains("mmenu__panel--current")||(t.style.visibility="hidden")}))}),200)}),10)},async load(){const t=await fetch(this.getAPIUrl()),e=await t.json(),n=Object.getOwnPropertyNames(e);if(!n.length)throw new Error("No instances found in data",e);const r=n.map((t=>{const n=e[t].menu_tree[0];return n.parentId="",n})),s=r.findRecursive((t=>c.call(t)),"sub_tree");s&&(s.active=!0,s.inPath=!0);let i=s?.parentId;for(;i;){r.findRecursive((t=>t.id===i&&(i=t.parentId,t.inPath=!0,!0)),"sub_tree")||(i=void 0)}this.data=r},async start(){const t=document.querySelector(this.selectors.container);if(!this.getRoot()||!t)throw new Error("Panel root not found");t.classList.add("mmenu--visible"),this.render("load");try{await this.load()}catch(t){return console.error("Unable to load menu data, using mock menu for development purposes. Reset to nojs-fallback when integrating with actual API",t),void this.enableFallback()}this.sortPanelsByPath(),this.render("start"),this.getRoot().addEventListener("click",(t=>{const{target:{classList:e,value:n,parentElement:r}}=t;t.stopImmediatePropagation(),e&&e.contains(this.selectors.forward)?this.up(n):(e&&e.contains(this.selectors.back)||r?.classList&&r?.classList.contains(this.selectors.back))&&this.down()}))},isOpen(){return"#menu"===window.location.hash||"true"===this.toggleButton.getAttribute("aria-expanded")},disableFallback(){this.menu.dataset.js=!0},enableFallback(){this.menu.dataset.target="false",this.getRoot().innerHTML="",delete this.menu.dataset.js,window.location.hash="#menu"},close(){this.toggleButton.setAttribute("aria-expanded","false"),this.menu.dataset.target="false",this.onClose&&this.onClose()},open(){this.menu.dataset.target="true",this.toggleButton.setAttribute("aria-expanded","true"),this.onOpen&&this.onOpen()},toggle(){this.isOpen()?this.close():this.open(),this.toggleButton.focus()},init({onOpen:t,onClose:e}){this.running?console.warn("MobilePanel already initiated. Is it include more than once?"):(this.onOpen=t,this.onClose=e,document.addEventListener("DOMContentLoaded",(()=>{if(this.toggleButton=document.querySelector(".js-menu-toggle-button"),!this.toggleButton)throw new Error("No toggle button for JS menu.");if(this.menu=document.querySelector("#menu"),!this.menu)return void console.error("Panel not present in DOM. Cannot start JS mobile menu");this.disableFallback(),document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.toggleButton.focus())}));const t=()=>{this.compileTemplates(),this.toggleButton.removeEventListener("click",t),this.start()};this.toggleButton.addEventListener("click",t),this.toggleButton.addEventListener("click",(()=>this.toggle())),this.isOpen()&&(window.location.hash="",t(),this.open())})),this.running=!0)}};t.exports=f},351:function(t){class e{constructor(){this.HASH_ID=null,this.buttonSelector=null,this.buttonInstance=null,this.running=!1,this.targetNode=null,this.onOpen=null}isOpen(){return window.location.hash===this.HASH_ID||"true"===this.targetNode.dataset.target}close(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","false"),this.targetNode.dataset.target="false",this.onClose&&this.onClose())}open(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","true"),this.targetNode.dataset.target="true",this.onOpen&&this.onOpen())}toggle(){this.isOpen()?this.close():this.open(),this.buttonInstance.focus()}addListeners(){document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.buttonInstance.focus())})),this.buttonInstance.addEventListener("click",(()=>{this.toggle()}))}init({name:t,buttonSelector:e,targetSelector:n,onOpen:r,onClose:s}){if(this.name=t,this.buttonSelector=e,this.buttonInstance=document.querySelector(this.buttonSelector),!this.buttonInstance)return this.running=!1,void console.warn(`${t} button missing. Looking for ${this.buttonSelector}`);this.running?console.warn(`${t} already initiated. Is it included more than once?`):(this.HASH_ID=n,this.onOpen=r,this.onClose=s,document.addEventListener("DOMContentLoaded",(()=>{if(this.targetNode=document.querySelector(this.HASH_ID),!this.targetNode)throw new Error(`${t} target node missing. Looking for ${this.HASH_ID}`);this.targetNode.dataset.js=!0,this.addListeners()})),this.running=!0)}}t.exports=()=>new e},996:function(t){const e=["#chat-leijuke-wrapper",".si-toggle-container",".cx-theme-helsinki-blue","#smartti-wrapper",".aca--button--desktop, .aca--button--mobile, .aca--widget--mobile, .aca--widget--desktop, #aca--widget-button-close","#block-kuurahealthchat","#ed11y-panel","#sliding-popup"],n=()=>{document.querySelectorAll(e.join(",")).forEach((t=>{t.dataset.cssmenuHide=!0}))},r=()=>{document.querySelectorAll(e.join(",")).forEach((t=>{delete t.dataset.cssmenuHide}))};t.exports={setHide:t=>{(!0===t?n:r)()},close:n,open:r,HIDE_SELECTORS:e}},184:function(t,e){var n;!function(){"use strict";var r={}.hasOwnProperty;function s(){for(var t=[],e=0;e":">",'"':""","'":"'","/":"/","`":"`","=":"="};function p(t){return String(t).replace(/[&<>"'`=\/]/g,(function(t){return h[t]}))}var d=/\s*/,m=/\s+/,f=/\s*=/,g=/\s*\}/,v=/#|\^|\/|>|\{|&|=|!/;function b(t,n){if(!t)return[];var r,i,a,o=!1,l=[],c=[],h=[],p=!1,b=!1,k="",y=0;function L(){if(p&&!b)for(;h.length;)delete c[h.pop()];else h=[];p=!1,b=!1}function S(t){if("string"==typeof t&&(t=t.split(m,2)),!e(t)||2!==t.length)throw new Error("Invalid tags: "+t);r=new RegExp(s(t[0])+"\\s*"),i=new RegExp("\\s*"+s(t[1])),a=new RegExp("\\s*"+s("}"+t[1]))}S(n||I.tags);for(var E,O,C,A,P,T,j=new _(t);!j.eos();){if(E=j.pos,C=j.scanUntil(r))for(var R=0,D=C.length;R0?s[s.length-1][4]:n;break;default:r.push(e)}return n}function _(t){this.string=t,this.tail=t,this.pos=0}function k(t,e){this.view=t,this.cache={".":this.view},this.parent=e}function y(){this.templateCache={_cache:{},set:function(t,e){this._cache[t]=e},get:function(t){return this._cache[t]},clear:function(){this._cache={}}}}_.prototype.eos=function(){return""===this.tail},_.prototype.scan=function(t){var e=this.tail.match(t);if(!e||0!==e.index)return"";var n=e[0];return this.tail=this.tail.substring(n.length),this.pos+=n.length,n},_.prototype.scanUntil=function(t){var e,n=this.tail.search(t);switch(n){case-1:e=this.tail,this.tail="";break;case 0:e="";break;default:e=this.tail.substring(0,n),this.tail=this.tail.substring(n)}return this.pos+=e.length,e},k.prototype.push=function(t){return new k(t,this)},k.prototype.lookup=function(t){var e,r=this.cache;if(r.hasOwnProperty(t))e=r[t];else{for(var s,o,l,c=this,u=!1;c;){if(t.indexOf(".")>0)for(s=c.view,o=t.split("."),l=0;null!=s&&l"===a?o=this.renderPartial(i,e,n,s):"&"===a?o=this.unescapedValue(i,e):"name"===a?o=this.escapedValue(i,e,s):"text"===a&&(o=this.rawValue(i)),void 0!==o&&(l+=o);return l},y.prototype.renderSection=function(t,r,s,i,a){var o=this,l="",c=r.lookup(t[1]);function u(t){return o.render(t,r,s,a)}if(c){if(e(c))for(var h=0,p=c.length;h0||!n)&&(s[i]=r+s[i]);return s.join("\n")},y.prototype.renderPartial=function(t,e,r,s){if(r){var i=this.getConfigTags(s),a=n(r)?r(t[1]):r[t[1]];if(null!=a){var o=t[6],l=t[5],c=t[4],u=a;0==l&&c&&(u=this.indentPartial(a,c,o));var h=this.parse(u,i);return this.renderTokens(h,e,r,u,s)}}},y.prototype.unescapedValue=function(t,e){var n=e.lookup(t[1]);if(null!=n)return n},y.prototype.escapedValue=function(t,e,n){var r=this.getConfigEscape(n)||I.escape,s=e.lookup(t[1]);if(null!=s)return"number"==typeof s&&r===I.escape?String(s):r(s)},y.prototype.rawValue=function(t){return t[1]},y.prototype.getConfigTags=function(t){return e(t)?t:t&&"object"==typeof t?t.tags:void 0},y.prototype.getConfigEscape=function(t){return t&&"object"==typeof t&&!e(t)?t.escape:void 0};var I={name:"mustache.js",version:"4.2.0",tags:["{{","}}"],clearCache:void 0,escape:void 0,parse:void 0,render:void 0,Scanner:void 0,Context:void 0,Writer:void 0,set templateCache(t){L.templateCache=t},get templateCache(){return L.templateCache}},L=new y;return I.clearCache=function(){return L.clearCache()},I.parse=function(t,e){return L.parse(t,e)},I.render=function(t,e,n,s){if("string"!=typeof t)throw new TypeError('Invalid template! Template should be a "string" but "'+r(t)+'" was given as the first argument for mustache#render(template, view, partials)');return L.render(t,e,n,s)},I.escape=p,I.Scanner=_,I.Context=k,I.Writer=y,I}()}},e={};function n(r){var s=e[r];if(void 0!==s)return s.exports;var i=e[r]={exports:{}};return t[r].call(i.exports,i,i.exports,n),i.exports}!function(){const t=n(504),e=n(996),r=n(351);const s=r(),i=r();i.init({name:"Other languages dropdown",buttonSelector:".js-otherlangs-button",targetSelector:"#otherlangs",onOpen:()=>{t.close(),s.close(),e.close()},onClose:e.open}),s.init({name:"Search dropdown",buttonSelector:".js-header-search__button",targetSelector:"#search",onOpen:()=>{t.close(),i.close(),e.close(),window.setTimeout((()=>document.querySelector('.header-search-wrapper input[type="search"]')?.focus()),10)},onClose:e.open});const a=({target:n})=>{(n.closest(".desktop-menu, .header-top")||null===n.closest(".header"))&&(t.close(),i.close(),s.close(),e.open())},o=e=>{if(e.touches&&e.touches.length>1)return!0;const n=e.target.closest(".mmenu__panel--current");var r;return window.matchMedia("(max-width: 992px)").matches&&(t.isOpen()||s.isOpen()||i.isOpen())&&(null===e.target.closest("#nav-toggle-dropdown--menu")||null!==n&&!((r=n).scrollWidth>r.clientWidth||r.scrollHeight>r.clientHeight))?(e.preventDefault(),e.stopPropagation(),!1):void 0};t.init({onOpen:()=>{i.close(),s.close(),e.close()},onClose:e.open}),document.addEventListener("DOMContentLoaded",(()=>{document.addEventListener("click",a);const t=document.querySelector("body");t.addEventListener("wheel",o,{passive:!1}),t.addEventListener("scroll",o,{passive:!1}),t.addEventListener("touchmove",o,{passive:!1})}))}()}(); \ No newline at end of file +!function(){var t={504:function(t,e,n){const r=n(466),s=n(184),i=Drupal.t("Frontpage",{},{context:"Global navigation mobile menu top level"}),a=Drupal.t("Open submenu:",{},{context:"Mobile navigation menu prefix"}),o=Drupal.t("Open parent menu:",{},{context:"Mobile navigation menu prefix"});function l(){return this.sub_tree?.length>0}function c(){try{return!this.external&&this.url&&new URL(this.url).pathname===window.location.pathname}catch(t){console.warn('Invalid url given to "isCurrentPath"-helper',this.url)}return!1}function u(){return!!this.active}function h(){return!!this.inPath}function p(){return{external:this.attributes["data-external"]||this.external||!1,protocol:this.attributes["data-protocol"]||!1}}function d(){return!!this.attributes?.lang}function m(){return!!this.external&&(m.ICONS[this.attributes["data-protocol"]]||m.ICONS.external)}Array.prototype.findRecursive=function(t,e){if(!e)throw new Error("findRecursive requires parameter `childrenPropertyName`");let n=[];n=this;const r=this.find(t),s=this.filter((t=>t[e]));if(r)return r;if(s.length){const n=[];return s.forEach((t=>{n.push(...t[e])})),n.findRecursive(t,e)}},m.ICONS={mailto:{class:"link__type link__type--mailto",text:Drupal.t("Link opens default mail program",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link opens default mail program."})},tel:{class:"link__type link__type--tel",text:Drupal.t("Link starts a phone call",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link starts a phone call."})},external:{class:"link__type link__type--external",text:Drupal.t("Link leads to external service",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link leads to an external service."})}};const f={compileTemplates(){this.templates={panel:`\n {{#panels}}\n
\n
\n {{#back}}\n \n {{/back}}\n {{name}}{{#externalLinkIcon}} {{/externalLinkIcon}}\n {{>sub_tree}}\n
\n ${document.querySelector(".js-mmenu__footer")?.outerHTML}\n
\n {{/panels}}\n\n {{^panels}}\n
\n \n
\n {{/panels}}\n `,list:'\n \n '}},menu:null,templates:null,SCROLL_TRESHOLD:100,size:10,running:!1,data:null,currentIndex:0,cacheKey:"hdbt-mobile-menu",enableCache:!1,selectors:{container:"#mmenu",rootId:"mmenu__panels",forward:"mmenu__forward",back:"mmenu__back"},getAPIUrl(){const t=new URL(drupalSettings?.helfi_navigation?.links?.api);return t.searchParams.set("_format","json"),t.searchParams.set("max-depth",drupalSettings?.menu_depth),t.toString()},getRoot(){return document.getElementById(this.selectors.rootId)},sortPanelsByPath(){const t=[],e=this.data,n=e.findRecursive((t=>c.call(t)),"sub_tree");let r=n?.sub_tree?.length?n.id:n?.parentId;for(;r;){e.findRecursive((({id:e,url:n,name:s,sub_tree:i,parentId:a,inPath:o,active:l})=>e===r&&(t.push({sub_tree:i,name:s,url:n,parentId:a,inPath:o,active:l}),r=a,!0)),"sub_tree")||(r=void 0)}t.push({sub_tree:e,inPath:!0}),t.reverse(),this.currentIndex=t.length-1,this.content=[...t]},content:[],getView(t){return this.content.map(((e,n)=>({...e,name:e?.name||i,url:e.url||drupalSettings.helfi_navigation.links.canonical,button:l,isActive:u,isInPath:h,externalLinkAttributes:p,hasLang:d,externalLinkIcon:m,back:n>0&&(this.content.at(n-1)?.name??i),openSubMenuTranslation:a,openParentMenuTranslation:o,panel_class:s({mmenu__panel:!0,"mmenu__panel--visible":!0,"mmenu__panel--current":n===this.currentIndex,"mmenu__panel--visible-right":"start"===t&&n>this.currentIndex||"up"===t&&n>=this.currentIndex||"down"===t&&n>this.currentIndex+1,"mmenu__panel--visible-left":"up"===t&&ne===t));if(!e)throw new Error(`ID mismatch in menu items${t}`);this.currentIndex=this.currentIndex+1=0?this.currentIndex-1:this.currentIndex,this.render("down"))},render(t){const e=this.getRoot();if(e.innerHTML=r.render(this.templates.panel,{panels:this.getView(t)},{sub_tree:this.templates.list}),"load"===t)return;const n=[...e.querySelectorAll(".mmenu__panel")],s=n.at(this.currentIndex);e.parentElement.scrollTop>this.SCROLL_TRESHOLD&&this.currentIndex>0&&s.querySelector(".mmenu__back").scrollIntoView({block:"start",behaviour:"smooth"}),setTimeout((()=>{switch(s.classList.remove("mmenu__panel--visible-right","mmenu__panel--visible-left"),t){case"up":n.at(this.currentIndex-1).classList.add("mmenu__panel--visible-left");break;case"down":n.at(this.currentIndex+1).classList.add("mmenu__panel--visible-right")}setTimeout((()=>{n.forEach((t=>{t.classList.contains("mmenu__panel--current")||(t.style.visibility="hidden")}))}),200)}),10)},async load(){const t=await fetch(this.getAPIUrl()),e=await t.json(),n=Object.getOwnPropertyNames(e);if(!n.length)throw new Error("No instances found in data",e);const r=n.map((t=>{const n=e[t].menu_tree[0];return n.parentId="",n})),s=r.findRecursive((t=>c.call(t)),"sub_tree");s&&(s.active=!0,s.inPath=!0);let i=s?.parentId;for(;i;){r.findRecursive((t=>t.id===i&&(i=t.parentId,t.inPath=!0,!0)),"sub_tree")||(i=void 0)}this.data=r},async start(){const t=document.querySelector(this.selectors.container);if(!this.getRoot()||!t)throw new Error("Panel root not found");t.classList.add("mmenu--visible"),this.render("load");try{await this.load()}catch(t){return console.error("Unable to load menu data, using mock menu for development purposes. Reset to nojs-fallback when integrating with actual API",t),void this.enableFallback()}this.sortPanelsByPath(),this.render("start"),this.getRoot().addEventListener("click",(t=>{const{target:{classList:e,value:n,parentElement:r}}=t;t.stopImmediatePropagation(),e&&e.contains(this.selectors.forward)?this.up(n):(e&&e.contains(this.selectors.back)||r?.classList&&r?.classList.contains(this.selectors.back))&&this.down()}))},isOpen(){return"#menu"===window.location.hash||"true"===this.toggleButton.getAttribute("aria-expanded")},disableFallback(){this.menu.dataset.js=!0},enableFallback(){this.menu.dataset.target="false",this.getRoot().innerHTML="",delete this.menu.dataset.js,window.location.hash="#menu"},close(){this.toggleButton.setAttribute("aria-expanded","false"),this.menu.dataset.target="false",this.onClose&&this.onClose()},open(){this.menu.dataset.target="true",this.toggleButton.setAttribute("aria-expanded","true"),this.onOpen&&this.onOpen()},toggle(){this.isOpen()?this.close():this.open(),this.toggleButton.focus()},init({onOpen:t,onClose:e}){this.running?console.warn("MobilePanel already initiated. Is it include more than once?"):(this.onOpen=t,this.onClose=e,document.addEventListener("DOMContentLoaded",(()=>{if(this.toggleButton=document.querySelector(".js-menu-toggle-button"),!this.toggleButton)throw new Error("No toggle button for JS menu.");if(this.menu=document.querySelector("#menu"),!this.menu)return void console.error("Panel not present in DOM. Cannot start JS mobile menu");this.disableFallback(),document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.toggleButton.focus())}));const t=()=>{this.compileTemplates(),this.toggleButton.removeEventListener("click",t),this.start()};this.toggleButton.addEventListener("click",t),this.toggleButton.addEventListener("click",(()=>this.toggle())),this.isOpen()&&(window.location.hash="",t(),this.open())})),this.running=!0)}};t.exports=f},351:function(t){class e{constructor(){this.HASH_ID=null,this.buttonSelector=null,this.buttonInstance=null,this.running=!1,this.targetNode=null,this.onOpen=null}isOpen(){return window.location.hash===this.HASH_ID||"true"===this.targetNode.dataset.target}close(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","false"),this.targetNode.dataset.target="false",this.onClose&&this.onClose())}open(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","true"),this.targetNode.dataset.target="true",this.onOpen&&this.onOpen())}toggle(){this.isOpen()?this.close():this.open(),this.buttonInstance.focus()}addListeners(){document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.buttonInstance.focus())})),this.buttonInstance.addEventListener("click",(()=>{this.toggle()}))}init({name:t,buttonSelector:e,targetSelector:n,onOpen:r,onClose:s}){if(this.name=t,this.buttonSelector=e,this.buttonInstance=document.querySelector(this.buttonSelector),!this.buttonInstance)return this.running=!1,void console.warn(`${t} button missing. Looking for ${this.buttonSelector}`);this.running?console.warn(`${t} already initiated. Is it included more than once?`):(this.HASH_ID=n,this.onOpen=r,this.onClose=s,document.addEventListener("DOMContentLoaded",(()=>{if(this.targetNode=document.querySelector(this.HASH_ID),!this.targetNode)throw new Error(`${t} target node missing. Looking for ${this.HASH_ID}`);this.targetNode.dataset.js=!0,this.addListeners()})),this.running=!0)}}t.exports=()=>new e},996:function(t){const e=["#chat-leijuke-wrapper",".si-toggle-container",".cx-theme-helsinki-blue","#smartti-wrapper",".aca--button--desktop, .aca--button--mobile, .aca--widget--mobile, .aca--widget--desktop, #aca--widget-button-close","#block-kuurahealthchat","#ed11y-panel","#sliding-popup"],n=()=>{document.querySelectorAll(e.join(",")).forEach((t=>{t.dataset.cssmenuHide=!0}))},r=()=>{document.querySelectorAll(e.join(",")).forEach((t=>{delete t.dataset.cssmenuHide}))};t.exports={setHide:t=>{(!0===t?n:r)()},close:n,open:r,HIDE_SELECTORS:e}},184:function(t,e){var n;!function(){"use strict";var r={}.hasOwnProperty;function s(){for(var t=[],e=0;e":">",'"':""","'":"'","/":"/","`":"`","=":"="};function p(t){return String(t).replace(/[&<>"'`=\/]/g,(function(t){return h[t]}))}var d=/\s*/,m=/\s+/,f=/\s*=/,g=/\s*\}/,v=/#|\^|\/|>|\{|&|=|!/;function b(t,n){if(!t)return[];var r,i,a,o=!1,l=[],c=[],h=[],p=!1,b=!1,k="",y=0;function L(){if(p&&!b)for(;h.length;)delete c[h.pop()];else h=[];p=!1,b=!1}function S(t){if("string"==typeof t&&(t=t.split(m,2)),!e(t)||2!==t.length)throw new Error("Invalid tags: "+t);r=new RegExp(s(t[0])+"\\s*"),i=new RegExp("\\s*"+s(t[1])),a=new RegExp("\\s*"+s("}"+t[1]))}S(n||I.tags);for(var E,O,C,A,P,T,j=new _(t);!j.eos();){if(E=j.pos,C=j.scanUntil(r))for(var R=0,D=C.length;R0?s[s.length-1][4]:n;break;default:r.push(e)}return n}function _(t){this.string=t,this.tail=t,this.pos=0}function k(t,e){this.view=t,this.cache={".":this.view},this.parent=e}function y(){this.templateCache={_cache:{},set:function(t,e){this._cache[t]=e},get:function(t){return this._cache[t]},clear:function(){this._cache={}}}}_.prototype.eos=function(){return""===this.tail},_.prototype.scan=function(t){var e=this.tail.match(t);if(!e||0!==e.index)return"";var n=e[0];return this.tail=this.tail.substring(n.length),this.pos+=n.length,n},_.prototype.scanUntil=function(t){var e,n=this.tail.search(t);switch(n){case-1:e=this.tail,this.tail="";break;case 0:e="";break;default:e=this.tail.substring(0,n),this.tail=this.tail.substring(n)}return this.pos+=e.length,e},k.prototype.push=function(t){return new k(t,this)},k.prototype.lookup=function(t){var e,r=this.cache;if(r.hasOwnProperty(t))e=r[t];else{for(var s,o,l,c=this,u=!1;c;){if(t.indexOf(".")>0)for(s=c.view,o=t.split("."),l=0;null!=s&&l"===a?o=this.renderPartial(i,e,n,s):"&"===a?o=this.unescapedValue(i,e):"name"===a?o=this.escapedValue(i,e,s):"text"===a&&(o=this.rawValue(i)),void 0!==o&&(l+=o);return l},y.prototype.renderSection=function(t,r,s,i,a){var o=this,l="",c=r.lookup(t[1]);function u(t){return o.render(t,r,s,a)}if(c){if(e(c))for(var h=0,p=c.length;h0||!n)&&(s[i]=r+s[i]);return s.join("\n")},y.prototype.renderPartial=function(t,e,r,s){if(r){var i=this.getConfigTags(s),a=n(r)?r(t[1]):r[t[1]];if(null!=a){var o=t[6],l=t[5],c=t[4],u=a;0==l&&c&&(u=this.indentPartial(a,c,o));var h=this.parse(u,i);return this.renderTokens(h,e,r,u,s)}}},y.prototype.unescapedValue=function(t,e){var n=e.lookup(t[1]);if(null!=n)return n},y.prototype.escapedValue=function(t,e,n){var r=this.getConfigEscape(n)||I.escape,s=e.lookup(t[1]);if(null!=s)return"number"==typeof s&&r===I.escape?String(s):r(s)},y.prototype.rawValue=function(t){return t[1]},y.prototype.getConfigTags=function(t){return e(t)?t:t&&"object"==typeof t?t.tags:void 0},y.prototype.getConfigEscape=function(t){return t&&"object"==typeof t&&!e(t)?t.escape:void 0};var I={name:"mustache.js",version:"4.2.0",tags:["{{","}}"],clearCache:void 0,escape:void 0,parse:void 0,render:void 0,Scanner:void 0,Context:void 0,Writer:void 0,set templateCache(t){L.templateCache=t},get templateCache(){return L.templateCache}},L=new y;return I.clearCache=function(){return L.clearCache()},I.parse=function(t,e){return L.parse(t,e)},I.render=function(t,e,n,s){if("string"!=typeof t)throw new TypeError('Invalid template! Template should be a "string" but "'+r(t)+'" was given as the first argument for mustache#render(template, view, partials)');return L.render(t,e,n,s)},I.escape=p,I.Scanner=_,I.Context=k,I.Writer=y,I}()}},e={};function n(r){var s=e[r];if(void 0!==s)return s.exports;var i=e[r]={exports:{}};return t[r].call(i.exports,i,i.exports,n),i.exports}!function(){const t=n(504),e=n(996),r=n(351);const s=r(),i=r();i.init({name:"Other languages dropdown",buttonSelector:".js-otherlangs-button",targetSelector:"#otherlangs",onOpen:()=>{t.close(),s.close(),e.close()},onClose:e.open}),s.init({name:"Search dropdown",buttonSelector:".js-header-search__button",targetSelector:"#search",onOpen:()=>{t.close(),i.close(),e.close(),window.setTimeout((()=>document.querySelector('.header-search-wrapper input[type="search"]')?.focus()),10)},onClose:e.open});const a=({target:n})=>{(n.closest(".desktop-menu, .header-top")||null===n.closest(".header"))&&(t.close(),i.close(),s.close(),e.open())},o=e=>{if(e.touches&&e.touches.length>1)return!0;const n=e.target.closest(".mmenu__panel--current");var r;return window.matchMedia("(max-width: 992px)").matches&&(t.isOpen()||s.isOpen()||i.isOpen())&&(null===e.target.closest("#nav-toggle-dropdown--menu")||null!==n&&!((r=n).scrollWidth>r.clientWidth||r.scrollHeight>r.clientHeight))?(e.preventDefault(),e.stopPropagation(),!1):void 0};t.init({onOpen:()=>{i.close(),s.close(),e.close()},onClose:e.open}),document.addEventListener("DOMContentLoaded",(()=>{document.addEventListener("click",a);const t=document.querySelector("body");t.addEventListener("wheel",o,{passive:!1}),t.addEventListener("scroll",o,{passive:!1}),t.addEventListener("touchmove",o,{passive:!1})}))}()}(); \ No newline at end of file diff --git a/hdbt.libraries.yml b/hdbt.libraries.yml index 4cd385152..aaef2cdc5 100644 --- a/hdbt.libraries.yml +++ b/hdbt.libraries.yml @@ -138,3 +138,11 @@ disable_genesys_button: - core/jquery - core/drupal - core/drupalSettings + +nav-toggle: + version: 1.x + js: + dist/js/nav-toggle-dropdown.min.js: {} + css: + theme: + dist/css/nav_global.min.css: {} diff --git a/src/scss/06_components/navigation/_branding-navigation.scss b/src/scss/06_components/navigation/_branding-navigation.scss index b3cacf06c..bd6197415 100644 --- a/src/scss/06_components/navigation/_branding-navigation.scss +++ b/src/scss/06_components/navigation/_branding-navigation.scss @@ -6,11 +6,11 @@ $-branding-icon-size-desktop: $spacing-double; background-color: $color-white; display: grid; grid-template-areas: - '. logo . brand search toggle .' - 'menu menu menu menu menu menu menu' - 'lang lang lang lang lang lang lang' - 'langmenu langmenu langmenu langmenu langmenu langmenu langmenu'; - grid-template-columns: var(--header-branding-padding) auto 1fr auto auto auto var(--header-branding-padding); + '. logo . brand search toggle profile .' + 'menu menu menu menu menu menu menu menu' + 'lang lang lang lang lang lang lang lang' + 'langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu'; + grid-template-columns: var(--header-branding-padding) auto 1fr auto auto auto auto var(--header-branding-padding); grid-template-rows: var(--branding-height) min-content min-content min-content; position: fixed; top: 0; @@ -21,18 +21,18 @@ $-branding-icon-size-desktop: $spacing-double; --branding-height: 86px; --header-branding-padding: #{$spacing-and-half}; grid-template-areas: - '. logo . lang brand search toggle .' - 'langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu' - 'menu menu menu menu menu menu menu menu'; - grid-template-columns: var(--header-branding-padding) auto 1fr auto auto auto auto var(--header-branding-padding); + '. logo . lang brand search toggle profile .' + 'langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu' + 'menu menu menu menu menu menu menu menu menu'; + grid-template-columns: var(--header-branding-padding) auto 1fr auto auto auto auto auto var(--header-branding-padding); grid-template-rows: var(--branding-height) auto; } @include breakpoint($breakpoint-l) { grid-template-areas: - '. logo . lang brand search toggle .' - 'langmenu langmenu langmenu langmenu . . . .' - 'menu menu menu menu menu menu menu menu'; + '. logo . lang brand search toggle profile .' + 'langmenu langmenu langmenu langmenu langmenu . . . .' + 'menu menu menu menu menu menu menu menu menu'; } @include breakpoint($breakpoint-m) { diff --git a/src/scss/06_components/navigation/global/_menu-toggle.scss b/src/scss/06_components/navigation/global/_menu-toggle.scss index 60adee507..d1dc8f46c 100644 --- a/src/scss/06_components/navigation/global/_menu-toggle.scss +++ b/src/scss/06_components/navigation/global/_menu-toggle.scss @@ -316,6 +316,7 @@ $label-font: 'special.navigation.icon_label'; @include button-toggle-rules('#menu', '.nav-toggle--menu', '.nav-toggle-dropdown--menu'); @include button-toggle-rules('#search', '.nav-toggle--search', '.nav-toggle-dropdown--search'); @include button-toggle-rules('#otherlangs', '.nav-toggle--otherlangs', '.nav-toggle-dropdown--otherlangs'); +@include button-toggle-rules('#profile', '.nav-toggle--profile', '.nav-toggle-dropdown--profile'); // What should happen when menu is opened #menu:target, diff --git a/templates/layout/page.html.twig b/templates/layout/page.html.twig index ff86c31c5..3adff8b40 100644 --- a/templates/layout/page.html.twig +++ b/templates/layout/page.html.twig @@ -46,6 +46,7 @@ {% else %} + {# This checkbox handles opening and closing mobile menu #} {% endif %} From 95ebb0bbc06cfed3f210a327dce25ad672f23ae6 Mon Sep 17 00:00:00 2001 From: Tero Elonen Date: Mon, 16 Jan 2023 12:20:28 +0200 Subject: [PATCH 02/31] LOM-266: LOM-266 Added separate js file to include the javascript functionality to profile block functionality --- dist/js/nav-toggle.min.js | 1 + hdbt.libraries.yml | 1 + src/js/nav-toggle.js | 83 +++++++++++++++++++++++++++++++++++++++ 3 files changed, 85 insertions(+) create mode 100644 dist/js/nav-toggle.min.js create mode 100644 src/js/nav-toggle.js diff --git a/dist/js/nav-toggle.min.js b/dist/js/nav-toggle.min.js new file mode 100644 index 000000000..50cdea276 --- /dev/null +++ b/dist/js/nav-toggle.min.js @@ -0,0 +1 @@ +!function(){var t={504:function(t,e,n){const r=n(466),i=n(184),s=Drupal.t("Frontpage",{},{context:"Global navigation mobile menu top level"}),a=Drupal.t("Open submenu:",{},{context:"Mobile navigation menu prefix"}),o=Drupal.t("Open parent menu:",{},{context:"Mobile navigation menu prefix"});function l(){return this.sub_tree?.length>0}function u(){try{return!this.external&&this.url&&new URL(this.url).pathname===window.location.pathname}catch(t){console.warn('Invalid url given to "isCurrentPath"-helper',this.url)}return!1}function c(){return!!this.active}function h(){return!!this.inPath}function p(){return{external:this.attributes["data-external"]||this.external||!1,protocol:this.attributes["data-protocol"]||!1}}function d(){return!!this.attributes?.lang}function f(){return!!this.external&&(f.ICONS[this.attributes["data-protocol"]]||f.ICONS.external)}Array.prototype.findRecursive=function(t,e){if(!e)throw new Error("findRecursive requires parameter `childrenPropertyName`");let n=[];n=this;const r=this.find(t),i=this.filter((t=>t[e]));if(r)return r;if(i.length){const n=[];return i.forEach((t=>{n.push(...t[e])})),n.findRecursive(t,e)}},f.ICONS={mailto:{class:"link__type link__type--mailto",text:Drupal.t("Link opens default mail program",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link opens default mail program."})},tel:{class:"link__type link__type--tel",text:Drupal.t("Link starts a phone call",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link starts a phone call."})},external:{class:"link__type link__type--external",text:Drupal.t("Link leads to external service",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link leads to an external service."})}};const m={compileTemplates(){this.templates={panel:`\n {{#panels}}\n
\n
\n {{#back}}\n \n {{/back}}\n {{name}}{{#externalLinkIcon}} {{/externalLinkIcon}}\n {{>sub_tree}}\n
\n ${document.querySelector(".js-mmenu__footer")?.outerHTML}\n
\n {{/panels}}\n\n {{^panels}}\n
\n \n
\n {{/panels}}\n `,list:'\n \n '}},menu:null,templates:null,SCROLL_TRESHOLD:100,size:10,running:!1,data:null,currentIndex:0,cacheKey:"hdbt-mobile-menu",enableCache:!1,selectors:{container:"#mmenu",rootId:"mmenu__panels",forward:"mmenu__forward",back:"mmenu__back"},getAPIUrl(){const t=new URL(drupalSettings?.helfi_navigation?.links?.api);return t.searchParams.set("_format","json"),t.searchParams.set("max-depth",drupalSettings?.menu_depth),t.toString()},getRoot(){return document.getElementById(this.selectors.rootId)},sortPanelsByPath(){const t=[],e=this.data,n=e.findRecursive((t=>u.call(t)),"sub_tree");let r=n?.sub_tree?.length?n.id:n?.parentId;for(;r;){e.findRecursive((({id:e,url:n,name:i,sub_tree:s,parentId:a,inPath:o,active:l})=>e===r&&(t.push({sub_tree:s,name:i,url:n,parentId:a,inPath:o,active:l}),r=a,!0)),"sub_tree")||(r=void 0)}t.push({sub_tree:e,inPath:!0}),t.reverse(),this.currentIndex=t.length-1,this.content=[...t]},content:[],getView(t){return this.content.map(((e,n)=>({...e,name:e?.name||s,url:e.url||drupalSettings.helfi_navigation.links.canonical,button:l,isActive:c,isInPath:h,externalLinkAttributes:p,hasLang:d,externalLinkIcon:f,back:n>0&&(this.content.at(n-1)?.name??s),openSubMenuTranslation:a,openParentMenuTranslation:o,panel_class:i({mmenu__panel:!0,"mmenu__panel--visible":!0,"mmenu__panel--current":n===this.currentIndex,"mmenu__panel--visible-right":"start"===t&&n>this.currentIndex||"up"===t&&n>=this.currentIndex||"down"===t&&n>this.currentIndex+1,"mmenu__panel--visible-left":"up"===t&&ne===t));if(!e)throw new Error(`ID mismatch in menu items${t}`);this.currentIndex=this.currentIndex+1=0?this.currentIndex-1:this.currentIndex,this.render("down"))},render(t){const e=this.getRoot();if(e.innerHTML=r.render(this.templates.panel,{panels:this.getView(t)},{sub_tree:this.templates.list}),"load"===t)return;const n=[...e.querySelectorAll(".mmenu__panel")],i=n.at(this.currentIndex);e.parentElement.scrollTop>this.SCROLL_TRESHOLD&&this.currentIndex>0&&i.querySelector(".mmenu__back").scrollIntoView({block:"start",behaviour:"smooth"}),setTimeout((()=>{switch(i.classList.remove("mmenu__panel--visible-right","mmenu__panel--visible-left"),t){case"up":n.at(this.currentIndex-1).classList.add("mmenu__panel--visible-left");break;case"down":n.at(this.currentIndex+1).classList.add("mmenu__panel--visible-right")}setTimeout((()=>{n.forEach((t=>{t.classList.contains("mmenu__panel--current")||(t.style.visibility="hidden")}))}),200)}),10)},async load(){const t=await fetch(this.getAPIUrl()),e=await t.json(),n=Object.getOwnPropertyNames(e);if(!n.length)throw new Error("No instances found in data",e);const r=n.map((t=>{const n=e[t].menu_tree[0];return n.parentId="",n})),i=r.findRecursive((t=>u.call(t)),"sub_tree");i&&(i.active=!0,i.inPath=!0);let s=i?.parentId;for(;s;){r.findRecursive((t=>t.id===s&&(s=t.parentId,t.inPath=!0,!0)),"sub_tree")||(s=void 0)}this.data=r},async start(){const t=document.querySelector(this.selectors.container);if(!this.getRoot()||!t)throw new Error("Panel root not found");t.classList.add("mmenu--visible"),this.render("load");try{await this.load()}catch(t){return console.error("Unable to load menu data, using mock menu for development purposes. Reset to nojs-fallback when integrating with actual API",t),void this.enableFallback()}this.sortPanelsByPath(),this.render("start"),this.getRoot().addEventListener("click",(t=>{const{target:{classList:e,value:n,parentElement:r}}=t;t.stopImmediatePropagation(),e&&e.contains(this.selectors.forward)?this.up(n):(e&&e.contains(this.selectors.back)||r?.classList&&r?.classList.contains(this.selectors.back))&&this.down()}))},isOpen(){return"#menu"===window.location.hash||"true"===this.toggleButton.getAttribute("aria-expanded")},disableFallback(){this.menu.dataset.js=!0},enableFallback(){this.menu.dataset.target="false",this.getRoot().innerHTML="",delete this.menu.dataset.js,window.location.hash="#menu"},close(){this.toggleButton.setAttribute("aria-expanded","false"),this.menu.dataset.target="false",this.onClose&&this.onClose()},open(){this.menu.dataset.target="true",this.toggleButton.setAttribute("aria-expanded","true"),this.onOpen&&this.onOpen()},toggle(){this.isOpen()?this.close():this.open(),this.toggleButton.focus()},init({onOpen:t,onClose:e}){this.running?console.warn("MobilePanel already initiated. Is it include more than once?"):(this.onOpen=t,this.onClose=e,document.addEventListener("DOMContentLoaded",(()=>{if(this.toggleButton=document.querySelector(".js-menu-toggle-button"),!this.toggleButton)throw new Error("No toggle button for JS menu.");if(this.menu=document.querySelector("#menu"),!this.menu)return void console.error("Panel not present in DOM. Cannot start JS mobile menu");this.disableFallback(),document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.toggleButton.focus())}));const t=()=>{this.compileTemplates(),this.toggleButton.removeEventListener("click",t),this.start()};this.toggleButton.addEventListener("click",t),this.toggleButton.addEventListener("click",(()=>this.toggle())),this.isOpen()&&(window.location.hash="",t(),this.open())})),this.running=!0)}};t.exports=m},351:function(t){class e{constructor(){this.HASH_ID=null,this.buttonSelector=null,this.buttonInstance=null,this.running=!1,this.targetNode=null,this.onOpen=null}isOpen(){return window.location.hash===this.HASH_ID||"true"===this.targetNode.dataset.target}close(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","false"),this.targetNode.dataset.target="false",this.onClose&&this.onClose())}open(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","true"),this.targetNode.dataset.target="true",this.onOpen&&this.onOpen())}toggle(){this.isOpen()?this.close():this.open(),this.buttonInstance.focus()}addListeners(){document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.buttonInstance.focus())})),this.buttonInstance.addEventListener("click",(()=>{this.toggle()}))}init({name:t,buttonSelector:e,targetSelector:n,onOpen:r,onClose:i}){if(this.name=t,this.buttonSelector=e,this.buttonInstance=document.querySelector(this.buttonSelector),!this.buttonInstance)return this.running=!1,void console.warn(`${t} button missing. Looking for ${this.buttonSelector}`);this.running?console.warn(`${t} already initiated. Is it included more than once?`):(this.HASH_ID=n,this.onOpen=r,this.onClose=i,document.addEventListener("DOMContentLoaded",(()=>{if(this.targetNode=document.querySelector(this.HASH_ID),!this.targetNode)throw new Error(`${t} target node missing. Looking for ${this.HASH_ID}`);this.targetNode.dataset.js=!0,this.addListeners()})),this.running=!0)}}t.exports=()=>new e},996:function(t){const e=["#chat-leijuke-wrapper",".si-toggle-container",".cx-theme-helsinki-blue","#smartti-wrapper",".aca--button--desktop, .aca--button--mobile, .aca--widget--mobile, .aca--widget--desktop, #aca--widget-button-close","#block-kuurahealthchat","#ed11y-panel","#sliding-popup"],n=()=>{document.querySelectorAll(e.join(",")).forEach((t=>{t.dataset.cssmenuHide=!0}))},r=()=>{document.querySelectorAll(e.join(",")).forEach((t=>{delete t.dataset.cssmenuHide}))};t.exports={setHide:t=>{(!0===t?n:r)()},close:n,open:r,HIDE_SELECTORS:e}},184:function(t,e){var n;!function(){"use strict";var r={}.hasOwnProperty;function i(){for(var t=[],e=0;e":">",'"':""","'":"'","/":"/","`":"`","=":"="};function p(t){return String(t).replace(/[&<>"'`=\/]/g,(function(t){return h[t]}))}var d=/\s*/,f=/\s+/,m=/\s*=/,g=/\s*\}/,v=/#|\^|\/|>|\{|&|=|!/;function b(t,n){if(!t)return[];var r,s,a,o=!1,l=[],u=[],h=[],p=!1,b=!1,k="",y=0;function L(){if(p&&!b)for(;h.length;)delete u[h.pop()];else h=[];p=!1,b=!1}function E(t){if("string"==typeof t&&(t=t.split(f,2)),!e(t)||2!==t.length)throw new Error("Invalid tags: "+t);r=new RegExp(i(t[0])+"\\s*"),s=new RegExp("\\s*"+i(t[1])),a=new RegExp("\\s*"+i("}"+t[1]))}E(n||I.tags);for(var S,C,O,A,P,T,j=new w(t);!j.eos();){if(S=j.pos,O=j.scanUntil(r))for(var R=0,D=O.length;R0?i[i.length-1][4]:n;break;default:r.push(e)}return n}function w(t){this.string=t,this.tail=t,this.pos=0}function k(t,e){this.view=t,this.cache={".":this.view},this.parent=e}function y(){this.templateCache={_cache:{},set:function(t,e){this._cache[t]=e},get:function(t){return this._cache[t]},clear:function(){this._cache={}}}}w.prototype.eos=function(){return""===this.tail},w.prototype.scan=function(t){var e=this.tail.match(t);if(!e||0!==e.index)return"";var n=e[0];return this.tail=this.tail.substring(n.length),this.pos+=n.length,n},w.prototype.scanUntil=function(t){var e,n=this.tail.search(t);switch(n){case-1:e=this.tail,this.tail="";break;case 0:e="";break;default:e=this.tail.substring(0,n),this.tail=this.tail.substring(n)}return this.pos+=e.length,e},k.prototype.push=function(t){return new k(t,this)},k.prototype.lookup=function(t){var e,r=this.cache;if(r.hasOwnProperty(t))e=r[t];else{for(var i,o,l,u=this,c=!1;u;){if(t.indexOf(".")>0)for(i=u.view,o=t.split("."),l=0;null!=i&&l"===a?o=this.renderPartial(s,e,n,i):"&"===a?o=this.unescapedValue(s,e):"name"===a?o=this.escapedValue(s,e,i):"text"===a&&(o=this.rawValue(s)),void 0!==o&&(l+=o);return l},y.prototype.renderSection=function(t,r,i,s,a){var o=this,l="",u=r.lookup(t[1]);function c(t){return o.render(t,r,i,a)}if(u){if(e(u))for(var h=0,p=u.length;h0||!n)&&(i[s]=r+i[s]);return i.join("\n")},y.prototype.renderPartial=function(t,e,r,i){if(r){var s=this.getConfigTags(i),a=n(r)?r(t[1]):r[t[1]];if(null!=a){var o=t[6],l=t[5],u=t[4],c=a;0==l&&u&&(c=this.indentPartial(a,u,o));var h=this.parse(c,s);return this.renderTokens(h,e,r,c,i)}}},y.prototype.unescapedValue=function(t,e){var n=e.lookup(t[1]);if(null!=n)return n},y.prototype.escapedValue=function(t,e,n){var r=this.getConfigEscape(n)||I.escape,i=e.lookup(t[1]);if(null!=i)return"number"==typeof i&&r===I.escape?String(i):r(i)},y.prototype.rawValue=function(t){return t[1]},y.prototype.getConfigTags=function(t){return e(t)?t:t&&"object"==typeof t?t.tags:void 0},y.prototype.getConfigEscape=function(t){return t&&"object"==typeof t&&!e(t)?t.escape:void 0};var I={name:"mustache.js",version:"4.2.0",tags:["{{","}}"],clearCache:void 0,escape:void 0,parse:void 0,render:void 0,Scanner:void 0,Context:void 0,Writer:void 0,set templateCache(t){L.templateCache=t},get templateCache(){return L.templateCache}},L=new y;return I.clearCache=function(){return L.clearCache()},I.parse=function(t,e){return L.parse(t,e)},I.render=function(t,e,n,i){if("string"!=typeof t)throw new TypeError('Invalid template! Template should be a "string" but "'+r(t)+'" was given as the first argument for mustache#render(template, view, partials)');return L.render(t,e,n,i)},I.escape=p,I.Scanner=w,I.Context=k,I.Writer=y,I}()}},e={};function n(r){var i=e[r];if(void 0!==i)return i.exports;var s=e[r]={exports:{}};return t[r].call(s.exports,s,s.exports,n),s.exports}!function(){const t=n(996),e=n(351);n(504);const r=e();r.init({name:"Profile dropdown",buttonSelector:".js-profile-button",targetSelector:"#profile",onOpen:()=>{t.close()},onClose:t.open});const i=({target:e})=>{(e.closest(".desktop-menu, .header-top")||null===e.closest(".header"))&&(r.close(),t.open())},s=t=>{if(t.touches&&t.touches.length>1)return!0;const e=t.target.closest(".mmenu__panel--current");var n;return window.matchMedia("(max-width: 992px)").matches&&r.isOpen()&&(null===t.target.closest("#nav-toggle-dropdown--menu")||null!==e&&!((n=e).scrollWidth>n.clientWidth||n.scrollHeight>n.clientHeight))?(t.preventDefault(),t.stopPropagation(),!1):void 0};document.addEventListener("DOMContentLoaded",(()=>{document.addEventListener("click",i);const t=document.querySelector("body");t.addEventListener("wheel",s,{passive:!1}),t.addEventListener("scroll",s,{passive:!1}),t.addEventListener("touchmove",s,{passive:!1})}))}()}(); \ No newline at end of file diff --git a/hdbt.libraries.yml b/hdbt.libraries.yml index aaef2cdc5..8fd900875 100644 --- a/hdbt.libraries.yml +++ b/hdbt.libraries.yml @@ -143,6 +143,7 @@ nav-toggle: version: 1.x js: dist/js/nav-toggle-dropdown.min.js: {} + dist/js/nav-toggle.min.js: {} css: theme: dist/css/nav_global.min.css: {} diff --git a/src/js/nav-toggle.js b/src/js/nav-toggle.js new file mode 100644 index 000000000..63d7e2f90 --- /dev/null +++ b/src/js/nav-toggle.js @@ -0,0 +1,83 @@ +const ToggleWidgets = require('./nav-global/toggle-widgets'); +const NavToggleDropdown = require('./nav-global/nav-toggle-dropdown'); +const MenuDropdown = require('./nav-global/menu'); + +function isScrollable(element) { + return element.scrollWidth > element.clientWidth || element.scrollHeight > element.clientHeight; +} + +const isMobile = () => window.matchMedia('(max-width: 992px)').matches; + +const ProfileDropdown = NavToggleDropdown(); + +ProfileDropdown.init({ + name: 'Profile dropdown', + buttonSelector: '.js-profile-button', + targetSelector: '#profile', + onOpen: () => { + ToggleWidgets.close(); + }, + onClose: ToggleWidgets.open +}); + +/** + * See if menu instance is open + * + * @return boolean + */ + +const isAnyMenuOpen = () => ProfileDropdown.isOpen(); + +const closeFromOutside = ({ target }) => { + if (target.closest('.desktop-menu, .header-top') || target.closest('.header') === null) { + ProfileDropdown.close(); + ToggleWidgets.open(); + } +}; + +/** + * Blocks body scroll events when full screen menus are open. + * @param Event + * @return void + */ + +const blockBrandingScroll = (e) => { + // gesture actions are excluded + if (e.touches && e.touches.length >1) { + return true; + } + + const scrolledPanel = e.target.closest('.mmenu__panel--current'); + const preventBodyScrolling = + isMobile() && + isAnyMenuOpen() && + // Don't scroll body from shared header + (e.target.closest('#nav-toggle-dropdown--menu') === null || + // If element has no overflow, it has no overscroll containment. + // See overscroll-behavour CSS specs + (scrolledPanel !== null && !isScrollable(scrolledPanel))); + + if (preventBodyScrolling) { + e.preventDefault(); + e.stopPropagation(); + return false; + } +}; + + +/** + * Attach outside click listener to the whole branding navigation area + * so that OtherLangs Menu and Mega menu + * can be closed when clicking outside of branding navi block + */ + +document.addEventListener('DOMContentLoaded', () => { + document.addEventListener('click', closeFromOutside); + + // Prevent body scroll through shared header element when full screen menu is open. + const body = document.querySelector('body'); + body.addEventListener('wheel', blockBrandingScroll, { passive: false }); + body.addEventListener('scroll', blockBrandingScroll, { passive: false }); + body.addEventListener('touchmove', blockBrandingScroll, { passive: false }); + +}); From 523900fbac7565d6ebecf9d2e154632e303f73f8 Mon Sep 17 00:00:00 2001 From: Tero Elonen Date: Wed, 18 Jan 2023 13:14:49 +0200 Subject: [PATCH 03/31] LOM-266: LOM-266 Adjustments to profile block after moving it to helfi_platform --- dist/js/branding-elements.min.js | 1 + dist/js/nav-toggle.min.js | 2 +- hdbt.libraries.yml | 2 ++ hdbt.theme | 5 +++ src/js/branding-elements.js | 17 ++++++++++ src/js/nav-global.js | 4 +-- src/js/nav-toggle.js | 56 +++++++++++++++++++++++--------- 7 files changed, 69 insertions(+), 18 deletions(-) create mode 100644 dist/js/branding-elements.min.js create mode 100644 src/js/branding-elements.js diff --git a/dist/js/branding-elements.min.js b/dist/js/branding-elements.min.js new file mode 100644 index 000000000..cda8500fc --- /dev/null +++ b/dist/js/branding-elements.min.js @@ -0,0 +1 @@ +!function(){var r={699:function(r){const o={};!0===drupalSettings.hdbt.profile_dropdown&&(o.ProfileDropdown="profile"),!0===drupalSettings.hdbt.search_dropdown&&(o.SearchDropdown="search"),!0===drupalSettings.hdbt.otherlangs_dropdown&&(o.OtherLangsDropdown="otherlangs"),r.exports={BRANDING_ELEMENTS:o}}},o={};(function t(n){var e=o[n];if(void 0!==e)return e.exports;var d=o[n]={exports:{}};return r[n](d,d.exports,t),d.exports})(699)}(); \ No newline at end of file diff --git a/dist/js/nav-toggle.min.js b/dist/js/nav-toggle.min.js index 50cdea276..e5aebfda3 100644 --- a/dist/js/nav-toggle.min.js +++ b/dist/js/nav-toggle.min.js @@ -1 +1 @@ -!function(){var t={504:function(t,e,n){const r=n(466),i=n(184),s=Drupal.t("Frontpage",{},{context:"Global navigation mobile menu top level"}),a=Drupal.t("Open submenu:",{},{context:"Mobile navigation menu prefix"}),o=Drupal.t("Open parent menu:",{},{context:"Mobile navigation menu prefix"});function l(){return this.sub_tree?.length>0}function u(){try{return!this.external&&this.url&&new URL(this.url).pathname===window.location.pathname}catch(t){console.warn('Invalid url given to "isCurrentPath"-helper',this.url)}return!1}function c(){return!!this.active}function h(){return!!this.inPath}function p(){return{external:this.attributes["data-external"]||this.external||!1,protocol:this.attributes["data-protocol"]||!1}}function d(){return!!this.attributes?.lang}function f(){return!!this.external&&(f.ICONS[this.attributes["data-protocol"]]||f.ICONS.external)}Array.prototype.findRecursive=function(t,e){if(!e)throw new Error("findRecursive requires parameter `childrenPropertyName`");let n=[];n=this;const r=this.find(t),i=this.filter((t=>t[e]));if(r)return r;if(i.length){const n=[];return i.forEach((t=>{n.push(...t[e])})),n.findRecursive(t,e)}},f.ICONS={mailto:{class:"link__type link__type--mailto",text:Drupal.t("Link opens default mail program",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link opens default mail program."})},tel:{class:"link__type link__type--tel",text:Drupal.t("Link starts a phone call",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link starts a phone call."})},external:{class:"link__type link__type--external",text:Drupal.t("Link leads to external service",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link leads to an external service."})}};const m={compileTemplates(){this.templates={panel:`\n {{#panels}}\n
\n
\n {{#back}}\n \n {{/back}}\n {{name}}{{#externalLinkIcon}} {{/externalLinkIcon}}\n {{>sub_tree}}\n
\n ${document.querySelector(".js-mmenu__footer")?.outerHTML}\n
\n {{/panels}}\n\n {{^panels}}\n
\n \n
\n {{/panels}}\n `,list:'\n \n '}},menu:null,templates:null,SCROLL_TRESHOLD:100,size:10,running:!1,data:null,currentIndex:0,cacheKey:"hdbt-mobile-menu",enableCache:!1,selectors:{container:"#mmenu",rootId:"mmenu__panels",forward:"mmenu__forward",back:"mmenu__back"},getAPIUrl(){const t=new URL(drupalSettings?.helfi_navigation?.links?.api);return t.searchParams.set("_format","json"),t.searchParams.set("max-depth",drupalSettings?.menu_depth),t.toString()},getRoot(){return document.getElementById(this.selectors.rootId)},sortPanelsByPath(){const t=[],e=this.data,n=e.findRecursive((t=>u.call(t)),"sub_tree");let r=n?.sub_tree?.length?n.id:n?.parentId;for(;r;){e.findRecursive((({id:e,url:n,name:i,sub_tree:s,parentId:a,inPath:o,active:l})=>e===r&&(t.push({sub_tree:s,name:i,url:n,parentId:a,inPath:o,active:l}),r=a,!0)),"sub_tree")||(r=void 0)}t.push({sub_tree:e,inPath:!0}),t.reverse(),this.currentIndex=t.length-1,this.content=[...t]},content:[],getView(t){return this.content.map(((e,n)=>({...e,name:e?.name||s,url:e.url||drupalSettings.helfi_navigation.links.canonical,button:l,isActive:c,isInPath:h,externalLinkAttributes:p,hasLang:d,externalLinkIcon:f,back:n>0&&(this.content.at(n-1)?.name??s),openSubMenuTranslation:a,openParentMenuTranslation:o,panel_class:i({mmenu__panel:!0,"mmenu__panel--visible":!0,"mmenu__panel--current":n===this.currentIndex,"mmenu__panel--visible-right":"start"===t&&n>this.currentIndex||"up"===t&&n>=this.currentIndex||"down"===t&&n>this.currentIndex+1,"mmenu__panel--visible-left":"up"===t&&ne===t));if(!e)throw new Error(`ID mismatch in menu items${t}`);this.currentIndex=this.currentIndex+1=0?this.currentIndex-1:this.currentIndex,this.render("down"))},render(t){const e=this.getRoot();if(e.innerHTML=r.render(this.templates.panel,{panels:this.getView(t)},{sub_tree:this.templates.list}),"load"===t)return;const n=[...e.querySelectorAll(".mmenu__panel")],i=n.at(this.currentIndex);e.parentElement.scrollTop>this.SCROLL_TRESHOLD&&this.currentIndex>0&&i.querySelector(".mmenu__back").scrollIntoView({block:"start",behaviour:"smooth"}),setTimeout((()=>{switch(i.classList.remove("mmenu__panel--visible-right","mmenu__panel--visible-left"),t){case"up":n.at(this.currentIndex-1).classList.add("mmenu__panel--visible-left");break;case"down":n.at(this.currentIndex+1).classList.add("mmenu__panel--visible-right")}setTimeout((()=>{n.forEach((t=>{t.classList.contains("mmenu__panel--current")||(t.style.visibility="hidden")}))}),200)}),10)},async load(){const t=await fetch(this.getAPIUrl()),e=await t.json(),n=Object.getOwnPropertyNames(e);if(!n.length)throw new Error("No instances found in data",e);const r=n.map((t=>{const n=e[t].menu_tree[0];return n.parentId="",n})),i=r.findRecursive((t=>u.call(t)),"sub_tree");i&&(i.active=!0,i.inPath=!0);let s=i?.parentId;for(;s;){r.findRecursive((t=>t.id===s&&(s=t.parentId,t.inPath=!0,!0)),"sub_tree")||(s=void 0)}this.data=r},async start(){const t=document.querySelector(this.selectors.container);if(!this.getRoot()||!t)throw new Error("Panel root not found");t.classList.add("mmenu--visible"),this.render("load");try{await this.load()}catch(t){return console.error("Unable to load menu data, using mock menu for development purposes. Reset to nojs-fallback when integrating with actual API",t),void this.enableFallback()}this.sortPanelsByPath(),this.render("start"),this.getRoot().addEventListener("click",(t=>{const{target:{classList:e,value:n,parentElement:r}}=t;t.stopImmediatePropagation(),e&&e.contains(this.selectors.forward)?this.up(n):(e&&e.contains(this.selectors.back)||r?.classList&&r?.classList.contains(this.selectors.back))&&this.down()}))},isOpen(){return"#menu"===window.location.hash||"true"===this.toggleButton.getAttribute("aria-expanded")},disableFallback(){this.menu.dataset.js=!0},enableFallback(){this.menu.dataset.target="false",this.getRoot().innerHTML="",delete this.menu.dataset.js,window.location.hash="#menu"},close(){this.toggleButton.setAttribute("aria-expanded","false"),this.menu.dataset.target="false",this.onClose&&this.onClose()},open(){this.menu.dataset.target="true",this.toggleButton.setAttribute("aria-expanded","true"),this.onOpen&&this.onOpen()},toggle(){this.isOpen()?this.close():this.open(),this.toggleButton.focus()},init({onOpen:t,onClose:e}){this.running?console.warn("MobilePanel already initiated. Is it include more than once?"):(this.onOpen=t,this.onClose=e,document.addEventListener("DOMContentLoaded",(()=>{if(this.toggleButton=document.querySelector(".js-menu-toggle-button"),!this.toggleButton)throw new Error("No toggle button for JS menu.");if(this.menu=document.querySelector("#menu"),!this.menu)return void console.error("Panel not present in DOM. Cannot start JS mobile menu");this.disableFallback(),document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.toggleButton.focus())}));const t=()=>{this.compileTemplates(),this.toggleButton.removeEventListener("click",t),this.start()};this.toggleButton.addEventListener("click",t),this.toggleButton.addEventListener("click",(()=>this.toggle())),this.isOpen()&&(window.location.hash="",t(),this.open())})),this.running=!0)}};t.exports=m},351:function(t){class e{constructor(){this.HASH_ID=null,this.buttonSelector=null,this.buttonInstance=null,this.running=!1,this.targetNode=null,this.onOpen=null}isOpen(){return window.location.hash===this.HASH_ID||"true"===this.targetNode.dataset.target}close(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","false"),this.targetNode.dataset.target="false",this.onClose&&this.onClose())}open(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","true"),this.targetNode.dataset.target="true",this.onOpen&&this.onOpen())}toggle(){this.isOpen()?this.close():this.open(),this.buttonInstance.focus()}addListeners(){document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.buttonInstance.focus())})),this.buttonInstance.addEventListener("click",(()=>{this.toggle()}))}init({name:t,buttonSelector:e,targetSelector:n,onOpen:r,onClose:i}){if(this.name=t,this.buttonSelector=e,this.buttonInstance=document.querySelector(this.buttonSelector),!this.buttonInstance)return this.running=!1,void console.warn(`${t} button missing. Looking for ${this.buttonSelector}`);this.running?console.warn(`${t} already initiated. Is it included more than once?`):(this.HASH_ID=n,this.onOpen=r,this.onClose=i,document.addEventListener("DOMContentLoaded",(()=>{if(this.targetNode=document.querySelector(this.HASH_ID),!this.targetNode)throw new Error(`${t} target node missing. Looking for ${this.HASH_ID}`);this.targetNode.dataset.js=!0,this.addListeners()})),this.running=!0)}}t.exports=()=>new e},996:function(t){const e=["#chat-leijuke-wrapper",".si-toggle-container",".cx-theme-helsinki-blue","#smartti-wrapper",".aca--button--desktop, .aca--button--mobile, .aca--widget--mobile, .aca--widget--desktop, #aca--widget-button-close","#block-kuurahealthchat","#ed11y-panel","#sliding-popup"],n=()=>{document.querySelectorAll(e.join(",")).forEach((t=>{t.dataset.cssmenuHide=!0}))},r=()=>{document.querySelectorAll(e.join(",")).forEach((t=>{delete t.dataset.cssmenuHide}))};t.exports={setHide:t=>{(!0===t?n:r)()},close:n,open:r,HIDE_SELECTORS:e}},184:function(t,e){var n;!function(){"use strict";var r={}.hasOwnProperty;function i(){for(var t=[],e=0;e":">",'"':""","'":"'","/":"/","`":"`","=":"="};function p(t){return String(t).replace(/[&<>"'`=\/]/g,(function(t){return h[t]}))}var d=/\s*/,f=/\s+/,m=/\s*=/,g=/\s*\}/,v=/#|\^|\/|>|\{|&|=|!/;function b(t,n){if(!t)return[];var r,s,a,o=!1,l=[],u=[],h=[],p=!1,b=!1,k="",y=0;function L(){if(p&&!b)for(;h.length;)delete u[h.pop()];else h=[];p=!1,b=!1}function E(t){if("string"==typeof t&&(t=t.split(f,2)),!e(t)||2!==t.length)throw new Error("Invalid tags: "+t);r=new RegExp(i(t[0])+"\\s*"),s=new RegExp("\\s*"+i(t[1])),a=new RegExp("\\s*"+i("}"+t[1]))}E(n||I.tags);for(var S,C,O,A,P,T,j=new w(t);!j.eos();){if(S=j.pos,O=j.scanUntil(r))for(var R=0,D=O.length;R0?i[i.length-1][4]:n;break;default:r.push(e)}return n}function w(t){this.string=t,this.tail=t,this.pos=0}function k(t,e){this.view=t,this.cache={".":this.view},this.parent=e}function y(){this.templateCache={_cache:{},set:function(t,e){this._cache[t]=e},get:function(t){return this._cache[t]},clear:function(){this._cache={}}}}w.prototype.eos=function(){return""===this.tail},w.prototype.scan=function(t){var e=this.tail.match(t);if(!e||0!==e.index)return"";var n=e[0];return this.tail=this.tail.substring(n.length),this.pos+=n.length,n},w.prototype.scanUntil=function(t){var e,n=this.tail.search(t);switch(n){case-1:e=this.tail,this.tail="";break;case 0:e="";break;default:e=this.tail.substring(0,n),this.tail=this.tail.substring(n)}return this.pos+=e.length,e},k.prototype.push=function(t){return new k(t,this)},k.prototype.lookup=function(t){var e,r=this.cache;if(r.hasOwnProperty(t))e=r[t];else{for(var i,o,l,u=this,c=!1;u;){if(t.indexOf(".")>0)for(i=u.view,o=t.split("."),l=0;null!=i&&l"===a?o=this.renderPartial(s,e,n,i):"&"===a?o=this.unescapedValue(s,e):"name"===a?o=this.escapedValue(s,e,i):"text"===a&&(o=this.rawValue(s)),void 0!==o&&(l+=o);return l},y.prototype.renderSection=function(t,r,i,s,a){var o=this,l="",u=r.lookup(t[1]);function c(t){return o.render(t,r,i,a)}if(u){if(e(u))for(var h=0,p=u.length;h0||!n)&&(i[s]=r+i[s]);return i.join("\n")},y.prototype.renderPartial=function(t,e,r,i){if(r){var s=this.getConfigTags(i),a=n(r)?r(t[1]):r[t[1]];if(null!=a){var o=t[6],l=t[5],u=t[4],c=a;0==l&&u&&(c=this.indentPartial(a,u,o));var h=this.parse(c,s);return this.renderTokens(h,e,r,c,i)}}},y.prototype.unescapedValue=function(t,e){var n=e.lookup(t[1]);if(null!=n)return n},y.prototype.escapedValue=function(t,e,n){var r=this.getConfigEscape(n)||I.escape,i=e.lookup(t[1]);if(null!=i)return"number"==typeof i&&r===I.escape?String(i):r(i)},y.prototype.rawValue=function(t){return t[1]},y.prototype.getConfigTags=function(t){return e(t)?t:t&&"object"==typeof t?t.tags:void 0},y.prototype.getConfigEscape=function(t){return t&&"object"==typeof t&&!e(t)?t.escape:void 0};var I={name:"mustache.js",version:"4.2.0",tags:["{{","}}"],clearCache:void 0,escape:void 0,parse:void 0,render:void 0,Scanner:void 0,Context:void 0,Writer:void 0,set templateCache(t){L.templateCache=t},get templateCache(){return L.templateCache}},L=new y;return I.clearCache=function(){return L.clearCache()},I.parse=function(t,e){return L.parse(t,e)},I.render=function(t,e,n,i){if("string"!=typeof t)throw new TypeError('Invalid template! Template should be a "string" but "'+r(t)+'" was given as the first argument for mustache#render(template, view, partials)');return L.render(t,e,n,i)},I.escape=p,I.Scanner=w,I.Context=k,I.Writer=y,I}()}},e={};function n(r){var i=e[r];if(void 0!==i)return i.exports;var s=e[r]={exports:{}};return t[r].call(s.exports,s,s.exports,n),s.exports}!function(){const t=n(996),e=n(351);n(504);const r=e();r.init({name:"Profile dropdown",buttonSelector:".js-profile-button",targetSelector:"#profile",onOpen:()=>{t.close()},onClose:t.open});const i=({target:e})=>{(e.closest(".desktop-menu, .header-top")||null===e.closest(".header"))&&(r.close(),t.open())},s=t=>{if(t.touches&&t.touches.length>1)return!0;const e=t.target.closest(".mmenu__panel--current");var n;return window.matchMedia("(max-width: 992px)").matches&&r.isOpen()&&(null===t.target.closest("#nav-toggle-dropdown--menu")||null!==e&&!((n=e).scrollWidth>n.clientWidth||n.scrollHeight>n.clientHeight))?(t.preventDefault(),t.stopPropagation(),!1):void 0};document.addEventListener("DOMContentLoaded",(()=>{document.addEventListener("click",i);const t=document.querySelector("body");t.addEventListener("wheel",s,{passive:!1}),t.addEventListener("scroll",s,{passive:!1}),t.addEventListener("touchmove",s,{passive:!1})}))}()}(); \ No newline at end of file +!function(){var t={699:function(t){const e={};!0===drupalSettings.hdbt.profile_dropdown&&(e.ProfileDropdown="profile"),!0===drupalSettings.hdbt.search_dropdown&&(e.SearchDropdown="search"),!0===drupalSettings.hdbt.otherlangs_dropdown&&(e.OtherLangsDropdown="otherlangs"),t.exports={BRANDING_ELEMENTS:e}},351:function(t){class e{constructor(){this.HASH_ID=null,this.buttonSelector=null,this.buttonInstance=null,this.running=!1,this.targetNode=null,this.onOpen=null}isOpen(){return window.location.hash===this.HASH_ID||"true"===this.targetNode.dataset.target}close(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","false"),this.targetNode.dataset.target="false",this.onClose&&this.onClose())}open(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","true"),this.targetNode.dataset.target="true",this.onOpen&&this.onOpen())}toggle(){this.isOpen()?this.close():this.open(),this.buttonInstance.focus()}addListeners(){document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.buttonInstance.focus())})),this.buttonInstance.addEventListener("click",(()=>{this.toggle()}))}init({name:t,buttonSelector:e,targetSelector:n,onOpen:o,onClose:s}){if(this.name=t,this.buttonSelector=e,this.buttonInstance=document.querySelector(this.buttonSelector),!this.buttonInstance)return this.running=!1,void console.warn(`${t} button missing. Looking for ${this.buttonSelector}`);this.running?console.warn(`${t} already initiated. Is it included more than once?`):(this.HASH_ID=n,this.onOpen=o,this.onClose=s,document.addEventListener("DOMContentLoaded",(()=>{if(this.targetNode=document.querySelector(this.HASH_ID),!this.targetNode)throw new Error(`${t} target node missing. Looking for ${this.HASH_ID}`);this.targetNode.dataset.js=!0,this.addListeners()})),this.running=!0)}}t.exports=()=>new e},996:function(t){const e=["#chat-leijuke-wrapper",".si-toggle-container",".cx-theme-helsinki-blue","#smartti-wrapper",".aca--button--desktop, .aca--button--mobile, .aca--widget--mobile, .aca--widget--desktop, #aca--widget-button-close","#block-kuurahealthchat","#ed11y-panel","#sliding-popup"],n=()=>{document.querySelectorAll(e.join(",")).forEach((t=>{t.dataset.cssmenuHide=!0}))},o=()=>{document.querySelectorAll(e.join(",")).forEach((t=>{delete t.dataset.cssmenuHide}))};t.exports={setHide:t=>{(!0===t?n:o)()},close:n,open:o,HIDE_SELECTORS:e}}},e={};function n(o){var s=e[o];if(void 0!==s)return s.exports;var i=e[o]={exports:{}};return t[o](i,i.exports,n),i.exports}!function(){const t=n(996),e=n(699),o=n(351);const s=e.BRANDING_ELEMENTS,i=Object.keys(s);i.forEach((e=>{const n=s[e];s[e]=o(),s[e].init({name:`${n} dropdown`,buttonSelector:`.js-${n}-button`,targetSelector:`#${n}`,onOpen:()=>{for(let t=0;t{(e.closest(".desktop-menu, .header-top")||null===e.closest(".header"))&&(i.forEach((t=>{s[t].close()})),t.open())},a=t=>{if(t.touches&&t.touches.length>1)return!0;const e=t.target.closest(".mmenu__panel--current");var n;return window.matchMedia("(max-width: 992px)").matches&&(()=>{let t=!1;return i.forEach((e=>{s[e].isOpen()&&(t=!0)})),t})()&&(null===t.target.closest("#nav-toggle-dropdown--menu")||null!==e&&!((n=e).scrollWidth>n.clientWidth||n.scrollHeight>n.clientHeight))?(t.preventDefault(),t.stopPropagation(),!1):void 0};document.addEventListener("DOMContentLoaded",(()=>{document.addEventListener("click",r);const t=document.querySelector("body");t.addEventListener("wheel",a,{passive:!1}),t.addEventListener("scroll",a,{passive:!1}),t.addEventListener("touchmove",a,{passive:!1})}))}()}(); \ No newline at end of file diff --git a/hdbt.libraries.yml b/hdbt.libraries.yml index 8fd900875..3cf622649 100644 --- a/hdbt.libraries.yml +++ b/hdbt.libraries.yml @@ -147,3 +147,5 @@ nav-toggle: css: theme: dist/css/nav_global.min.css: {} + dependencies: + - core/drupalSettings diff --git a/hdbt.theme b/hdbt.theme index 2b8782044..8d0a4861e 100644 --- a/hdbt.theme +++ b/hdbt.theme @@ -634,6 +634,11 @@ function hdbt_preprocess_block(&$variables) { if ($variables['plugin_id'] == 'announcements') { $variables['#attached']['library'][] = 'hdbt/closable_announcements'; } + // Attach "nav_toggle" library to "profile" block. + if ($variables['plugin_id'] == 'profile_block') { + $variables['#attached']['drupalSettings']['hdbt']['profile_dropdown'] = true; + $variables['#attached']['library'][] = 'hdbt/nav-toggle'; + } } /** diff --git a/src/js/branding-elements.js b/src/js/branding-elements.js new file mode 100644 index 000000000..69857099f --- /dev/null +++ b/src/js/branding-elements.js @@ -0,0 +1,17 @@ +const BRANDING_ELEMENTS = {}; + +if (drupalSettings.hdbt.profile_dropdown === true) { + BRANDING_ELEMENTS.ProfileDropdown = 'profile'; +} + +if (drupalSettings.hdbt.search_dropdown === true) { + BRANDING_ELEMENTS.SearchDropdown = 'search'; +} + +if (drupalSettings.hdbt.otherlangs_dropdown === true) { + BRANDING_ELEMENTS.OtherLangsDropdown = 'otherlangs'; +} + +module.exports = { + BRANDING_ELEMENTS +}; diff --git a/src/js/nav-global.js b/src/js/nav-global.js index 14426b736..c222d6a1d 100644 --- a/src/js/nav-global.js +++ b/src/js/nav-global.js @@ -74,7 +74,7 @@ const blockBrandingScroll = (e) => { isAnyMenuOpen() && // Don't scroll body from shared header (e.target.closest('#nav-toggle-dropdown--menu') === null || - // If element has no overflow, it has no overscroll containment. + // If element has no overflow, it has no overscroll containment. // See overscroll-behavour CSS specs (scrolledPanel !== null && !isScrollable(scrolledPanel))); @@ -102,7 +102,7 @@ MenuDropdown.init({ document.addEventListener('DOMContentLoaded', () => { document.addEventListener('click', closeFromOutside); - + // Prevent body scroll through shared header element when full screen menu is open. const body = document.querySelector('body'); body.addEventListener('wheel', blockBrandingScroll, { passive: false }); diff --git a/src/js/nav-toggle.js b/src/js/nav-toggle.js index 63d7e2f90..e9844b334 100644 --- a/src/js/nav-toggle.js +++ b/src/js/nav-toggle.js @@ -1,6 +1,6 @@ const ToggleWidgets = require('./nav-global/toggle-widgets'); +const BrandingElements = require('./branding-elements'); const NavToggleDropdown = require('./nav-global/nav-toggle-dropdown'); -const MenuDropdown = require('./nav-global/menu'); function isScrollable(element) { return element.scrollWidth > element.clientWidth || element.scrollHeight > element.clientHeight; @@ -8,16 +8,30 @@ function isScrollable(element) { const isMobile = () => window.matchMedia('(max-width: 992px)').matches; -const ProfileDropdown = NavToggleDropdown(); - -ProfileDropdown.init({ - name: 'Profile dropdown', - buttonSelector: '.js-profile-button', - targetSelector: '#profile', - onOpen: () => { - ToggleWidgets.close(); - }, - onClose: ToggleWidgets.open +const AllElements = BrandingElements.BRANDING_ELEMENTS; + +const keys = Object.keys(AllElements); +keys.forEach((key) => { + const name = AllElements[key]; + AllElements[key] = NavToggleDropdown(); + AllElements[key].init({ + name: `${name} dropdown`, + buttonSelector: `.js-${name}-button`, + targetSelector: `#${name}`, + onOpen: () => { + for (let i = 0; i < AllElements.length; i += 1) { + const OtherElements = AllElements; + // Delete the current index from the AllElements array. + OtherElements.splice(i,1); + // Close all but the current index element. + if (OtherElements.length !== 0) { + OtherElements[i][1].close(); + } + } + ToggleWidgets.close(); + }, + onClose: ToggleWidgets.open + }); }); /** @@ -26,19 +40,31 @@ ProfileDropdown.init({ * @return boolean */ -const isAnyMenuOpen = () => ProfileDropdown.isOpen(); +const isAnyMenuOpen = () => { + let isOpen = false; + + keys.forEach((key) => { + if (AllElements[key].isOpen()) { + isOpen = true; + } + }); + + return isOpen; +}; const closeFromOutside = ({ target }) => { if (target.closest('.desktop-menu, .header-top') || target.closest('.header') === null) { - ProfileDropdown.close(); + keys.forEach((key) => { + AllElements[key].close(); + }); ToggleWidgets.open(); } }; /** * Blocks body scroll events when full screen menus are open. - * @param Event - * @return void + * @param e + * @return boolean */ const blockBrandingScroll = (e) => { From a5f7cdb585778de95a92a207322f8ffe140b1a9d Mon Sep 17 00:00:00 2001 From: Tero Elonen Date: Wed, 18 Jan 2023 13:32:57 +0200 Subject: [PATCH 04/31] LOM-266: LOM-266 Add profile block styles --- dist/css/styles.min.css | 2 +- .../06_components/navigation/__index.scss | 1 + .../navigation/_profile-block.scss | 181 ++++++++++++++++++ 3 files changed, 183 insertions(+), 1 deletion(-) create mode 100644 src/scss/06_components/navigation/_profile-block.scss diff --git a/dist/css/styles.min.css b/dist/css/styles.min.css index d952239ec..eee12b6ef 100644 --- a/dist/css/styles.min.css +++ b/dist/css/styles.min.css @@ -6,4 +6,4 @@ .hds-status-label{--status-label-background:var(--color-black-10);--status-label-color:var(--color-black-90);--status-label-height:32px;background-color:var(--status-label-background);color:var(--status-label-color);display:inline-block;font-size:var(--fontsize-body-s);min-height:var(--status-label-height);line-height:var(--status-label-height);padding:0 var(--spacing-2-xs);vertical-align:middle}.hds-status-label--with-icon{align-items:center;display:inline-flex;padding-left:var(--spacing-3-xs)}.hds-status-label-icon{height:var(--spacing-m);margin-right:var(--spacing-3-xs);width:var(--spacing-m)}.hds-status-label--info{--status-label-background:var(--color-info);--status-label-color:var(--color-white)}.hds-status-label--success{--status-label-background:var(--color-success);--status-label-color:var(--color-white)}.hds-status-label--alert{--status-label-background:var(--color-alert)}.hds-status-label--error{--status-label-background:var(--color-error);--status-label-color:var(--color-white)} @keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hds-text-input{--border-width:2px;--outline-width:3px;--input-height:56px;--textarea-height:149px;--icon-size:var(--spacing-m);--helper-color-default:var(--color-black-60);--helper-color-invalid:var(--color-error);--helper-color-success:var(--color-success);--helper-color-info:var(--color-black-90);--helper-color-info-icon:var(--color-coat-of-arms);--icon-color-invalid:var(--color-error);--input-background-default:var(--color-white);--input-background-disabled:var(--color-black-10);--input-border-color-default:var(--color-black-50);--input-border-color-hover:var(--color-black-90);--input-border-color-focus:var(--color-black-90);--input-border-color-invalid:var(--color-error);--input-border-color-disabled:var(--color-black-10);--input-border-color-success:var(--color-success);--input-color-default:var(--color-black-90);--input-color-disabled:var(--color-black-40);--label-color-default:var(--color-black-90);--label-color-invalid:var(--color-black-90);--placeholder-color:var(--color-black-60);--focus-outline-color:var(--color-coat-of-arms)}.hds-text-input .hds-text-input__input:hover{transition:border-color 85ms ease-out}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){transition:85ms ease-out;transition-property:box-shadow,transform}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){transition:85ms ease-out;transition-property:box-shadow,transform}.hds-text-input__input-wrapper:focus-within .hds-text-input__input:not([readonly]){transition:85ms ease-out;transition-property:box-shadow,transform}.hds-text-input--invalid .hds-text-input__label{transition:color 85ms linear}.hds-text-input__label{color:var(--label-color-default);display:block;font-size:var(--fontsize-body-m);font-weight:500;margin-bottom:var(--spacing-3-xs)}.hds-text-input__required{color:var(--color-black-90);display:inline-block;font-size:var(--fontsize-body-xl);line-height:1;margin-left:var(--spacing-2-xs);transform:translateY(var(--spacing-3-xs))}.hds-text-input__input-wrapper{display:flex;position:relative}.hds-text-input .hds-text-input__input{-webkit-appearance:none;background-color:var(--input-background-default);border:var(--border-width) solid var(--input-border-color-default);box-sizing:border-box;color:var(--input-color-default);font-size:1.125em;height:var(--input-height);line-height:normal;padding:0 var(--spacing-s);width:100%;will-change:transform,box-shadow}.hds-text-input textarea.hds-text-input__input{height:var(--textarea-height);min-height:var(--input-height);padding:var(--spacing-s);resize:vertical}.hds-text-input .hds-text-input__input:hover{border-color:var(--input-border-color-hover)}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input{border-color:var(--input-border-color-focus);outline:none}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input{border-color:var(--input-border-color-focus);outline:none}.hds-text-input__input-wrapper:focus-within .hds-text-input__input{border-color:var(--input-border-color-focus);outline:none}.hds-text-input .hds-text-input__input:-ms-input-placeholder{color:var(--placeholder-color);opacity:1}.hds-text-input .hds-text-input__input::-moz-placeholder{color:var(--placeholder-color);opacity:1}.hds-text-input .hds-text-input__input::placeholder{color:var(--placeholder-color);opacity:1}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){box-shadow:0 0 0 var(--outline-width) var(--focus-outline-color);transform:translateZ(0)}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){box-shadow:0 0 0 var(--outline-width) var(--focus-outline-color);transform:translateZ(0)}.hds-text-input__input-wrapper:focus-within .hds-text-input__input:not([readonly]){box-shadow:0 0 0 var(--outline-width) var(--focus-outline-color);transform:translateZ(0)}.hds-text-input__helper-text{color:var(--helper-color-default)}.hds-text-input__error-text,.hds-text-input__helper-text{display:block;line-height:var(--lineheight-l);font-size:var(--fontsize-body-m);margin-top:var(--spacing-3-xs);white-space:pre-line}.hds-text-input__error-text{position:relative;color:var(--helper-color-invalid);padding-left:calc(var(--icon-size) + var(--spacing-2-xs))}.hds-text-input__error-text:not(:last-child){margin-bottom:var(--spacing-2-xs)}.hds-text-input__error-text:before{animation:fadeIn 85ms ease-out;background:var(--icon-color-invalid);content:"";height:var(--icon-size);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='currentColor' d='M12 3a9 9 0 110 18 9 9 0 010-18zm1 13v2h-2v-2h2zm0-10v8h-2V6h2z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='currentColor' d='M12 3a9 9 0 110 18 9 9 0 010-18zm1 13v2h-2v-2h2zm0-10v8h-2V6h2z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;position:absolute;left:0;top:0;width:var(--icon-size)}.hds-text-input--invalid .hds-text-input__label{color:var(--label-color-invalid)}.hds-text-input.hds-text-input--invalid .hds-text-input__input{border-color:var(--input-border-color-invalid)}.hds-text-input.hds-text-input--success .hds-text-input__input{border-color:var(--input-border-color-success)}.hds-text-input__success-text{position:relative;color:var(--helper-color-success);display:block;font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-top:var(--spacing-3-xs);padding-left:calc(var(--icon-size) + var(--spacing-2-xs));white-space:pre-wrap}.hds-text-input__success-text:not(:last-child){margin-bottom:var(--spacing-2-xs)}.hds-text-input__success-text:before{animation:fadeIn 85ms ease-out;background:var(--helper-color-success);content:"";height:var(--icon-size);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='currentColor' d='M12 3a9 9 0 100 18 9 9 0 000-18zm4.5 5L18 9.5 10.5 17 6 12.5 7.5 11l3 3 6-6z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='currentColor' d='M12 3a9 9 0 100 18 9 9 0 000-18zm4.5 5L18 9.5 10.5 17 6 12.5 7.5 11l3 3 6-6z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;position:absolute;left:0;top:0;width:var(--icon-size)}.hds-text-input__info-text{position:relative;color:var(--helper-color-info);display:block;font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-top:var(--spacing-3-xs);padding-left:calc(var(--icon-size) + var(--spacing-2-xs))}.hds-text-input__info-text:not(:last-child){margin-bottom:var(--spacing-2-xs)}.hds-text-input__info-text:before{animation:fadeIn 85ms ease-out;background:var(--helper-color-info-icon);content:"";height:var(--icon-size);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='currentColor' d='M12 3a9 9 0 110 18 9 9 0 010-18zm1 13v2h-2v-2h2zm0-10v8h-2V6h2z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='currentColor' d='M12 3a9 9 0 110 18 9 9 0 010-18zm1 13v2h-2v-2h2zm0-10v8h-2V6h2z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;position:absolute;left:0;top:0;width:var(--icon-size)}.hds-text-input .hds-text-input__input[disabled]{background-color:var(--input-background-disabled);border-color:var(--input-border-color-disabled);color:var(--input-color-disabled);cursor:not-allowed}.hds-text-input .hds-text-input__input[readonly]{background-color:rgba(0,0,0,0);border:0;color:var(--input-color-default);padding:0;-webkit-text-fill-color:var(--input-color-default)}.hds-text-input__buttons{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-s);font-size:1rem}.hds-text-input__button{padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);cursor:pointer;border:0;width:1.5rem;height:1.5rem;overflow:hidden;font-size:1rem} .hds-loading-spinner{--spinner-size:4rem;--spinner-color:var(--color-coat-of-arms);--spinner-thickness:0.5rem;--spinner-rotation-animation-duration:1.5s;--spinner-color-animation-duration:4.5s;--spinner-color-stage1:var(--color-coat-of-arms);--spinner-color-stage2:var(--color-copper);--spinner-color-stage3:var(--color-suomenlinna);position:relative;width:var(--spinner-size);height:var(--spinner-size);border-top-color:var(--spinner-color)}.hds-loading-spinner--multicolor{border-top-color:var(--spinner-color-stage1);animation:spinner-color-animation var(--spinner-color-animation-duration) cubic-bezier(0.6, 0.2, 0.4, 0.9) infinite}.hds-loading-spinner--small{--spinner-size:1.5rem;--spinner-thickness:0.1875rem}.hds-loading-spinner div{position:absolute;box-sizing:border-box;width:100%;height:100%;border:var(--spinner-thickness) solid rgba(0,0,0,0);border-top-color:inherit;border-radius:50%;animation:spinner-rotation-animation var(--spinner-rotation-animation-duration) cubic-bezier(0.6, 0.2, 0.4, 0.8) infinite}.hds-loading-spinner div:nth-child(2){animation-delay:-0.15s}.hds-loading-spinner div:nth-child(3){animation-delay:-0.3s}@keyframes spinner-rotation-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinner-color-animation{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}} -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccccff;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-black: #000000;--color-white: #ffffff;--color-black-5: #f1f1f1;--color-black-10: #e5e5e5;--color-black-20: #cccccc;--color-black-30: #b2b2b2;--color-black-40: #999898;--color-black-50: #808080;--color-black-60: #666666;--color-black-70: #4c4c4c;--color-black-80: #333333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xl: 3.25rem;--fontsize-heading-l: 2.25rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk, Arial, sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75}html,body{height:100%}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#fff;color:#1a1a1a;display:flex;flex-direction:column;font-family:HelsinkiGrotesk,Arial,sans-serif;font-size:1rem;line-height:1.5}body.gin--horizontal-toolbar{padding-top:0 !important}:root{--hdbt-color-black: #121212;--hdbt-default-link-color: var(--color-black-90);--hdbt-theme-color: var(--color-black);--hdbt-text-color: var(--color-white);--hdbt-text-color--coat-of-arms: var(--color-white);--hdbt-text-color--brick: var(--color-white);--hdbt-text-color--bus: var(--color-white);--hdbt-text-color--metro: var(--color-white);--hdbt-text-color--tram: var(--color-white);--hdbt-text-color--gold: var(--hdbt-color-black);--hdbt-text-color--silver: var(--hdbt-color-black);--hdbt-text-color--copper: var(--hdbt-color-black);--hdbt-text-color--engel: var(--hdbt-color-black);--hdbt-text-color--fog: var(--hdbt-color-black);--hdbt-text-color--summer: var(--hdbt-color-black);--hdbt-text-color--suomenlinna: var(--hdbt-color-black);--hdbt-button-text-color--coat-of-arms: var(--hdbt-color-black);--hdbt-button-text-color--brick: var(--hdbt-color-black);--hdbt-button-text-color--bus: var(--hdbt-color-black);--hdbt-button-text-color--metro: var(--hdbt-color-black);--hdbt-button-text-color--tram: var(--hdbt-color-black);--hdbt-button-text-color--gold: var(--color-white);--hdbt-button-text-color--silver: var(--color-white);--hdbt-button-text-color--copper: var(--color-white);--hdbt-button-text-color--engel: var(--color-white);--hdbt-button-text-color--fog: var(--color-white);--hdbt-button-text-color--summer: var(--color-white);--hdbt-button-text-color--suomenlinna: var(--color-white);--hdbt-button-highlight-color--coat-of-arms: var(--color-black-90);--hdbt-button-highlight-color--brick: var(--color-black-90);--hdbt-button-highlight-color--bus: var(--color-black-90);--hdbt-button-highlight-color--metro: var(--color-black-90);--hdbt-button-highlight-color--tram: var(--color-black-90);--hdbt-button-highlight-color--gold: var(--color-white);--hdbt-button-highlight-color--silver: var(--color-white);--hdbt-button-highlight-color--copper: var(--color-white);--hdbt-button-highlight-color--engel: var(--color-white);--hdbt-button-highlight-color--fog: var(--color-white);--hdbt-button-highlight-color--summer: var(--color-white);--hdbt-button-highlight-color--suomenlinna: var(--color-white);--background-color-disabled: transparent;--border-color-disabled: transparent;--color-disabled: var(--color-black-40);--border-color-focus: var(--color-coat-of-arms);--border-color-hover-focus: var(--color-coat-of-arms-dark)}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:400;src:url(../fonts/HelsinkiGrotesk-Regular.eot);src:url(../fonts/HelsinkiGrotesk-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Regular.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Regular.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Regular.svg#HelsinkiGrotesk-Regular) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:400;src:url(../fonts/HelsinkiGrotesk-RegularItalic.eot);src:url(../fonts/HelsinkiGrotesk-RegularItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-RegularItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-RegularItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-RegularItalic.svg#HelsinkiGrotesk-RegularItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:500;src:url(../fonts/HelsinkiGrotesk-Medium.eot);src:url(../fonts/HelsinkiGrotesk-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Medium.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Medium.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Medium.svg#HelsinkiGrotesk-Medium) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:500;src:url(../fonts/HelsinkiGrotesk-MediumItalic.eot);src:url(../fonts/HelsinkiGrotesk-MediumItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-MediumItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-MediumItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-MediumItalic.svg#HelsinkiGrotesk-MediumItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:700;src:url(../fonts/HelsinkiGrotesk-Bold.eot);src:url(../fonts/HelsinkiGrotesk-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Bold.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Bold.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Bold.svg#HelsinkiGrotesk-Bold) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:700;src:url(../fonts/HelsinkiGrotesk-BoldItalic.eot);src:url(../fonts/HelsinkiGrotesk-BoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-BoldItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-BoldItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-BoldItalic.svg#HelsinkiGrotesk-BoldItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:800;src:url(../fonts/HelsinkiGrotesk-Black.eot);src:url(../fonts/HelsinkiGrotesk-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Black.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Black.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Black.svg#HelsinkiGrotesk-Black) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:800;src:url(../fonts/HelsinkiGrotesk-BlackItalic.eot);src:url(../fonts/HelsinkiGrotesk-BlackItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-BlackItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-BlackItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-BlackItalic.svg#HelsinkiGrotesk-BlackItalic) format("svg")}figure{margin:0}table{background-color:#fff;border:1px solid #666;border-spacing:0;display:block;margin:32px 0;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;table-layout:fixed;white-space:nowrap}table caption{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);background-color:#000;color:#fff;padding:32px 16px;text-align:left}table thead{background-color:#000}table thead th{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#fff;font-weight:500;min-width:140px;padding:16px;text-align:left;vertical-align:middle;white-space:normal}table thead th p{font-size:inherit;font-weight:inherit;margin:0}table tbody,table tfoot{background-color:#fff}table tbody tr,table tfoot tr{background-color:#fff}table tbody tr:hover,table tbody tr:active,table tfoot tr:hover,table tfoot tr:active{background-color:#f1f1f1}table tbody tr th,table tbody tr td,table tfoot tr th,table tfoot tr td{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#121212;color:var(--hdbt-color-black);min-width:140px;padding:16px;text-align:left;vertical-align:middle;white-space:normal}table tbody tr th p,table tbody tr td p,table tfoot tr th p,table tfoot tr td p{margin:0}table tbody tr th p+p,table tbody tr td p+p,table tfoot tr th p+p,table tfoot tr td p+p{margin:16px 0 0}table tbody tr th,table tfoot tr th{background-color:#000;color:#fff;font-weight:500}table tbody tr:not(:last-of-type) td,table tfoot tr:not(:last-of-type) td{border-bottom:1px solid #e5e5e5}h1,h2,h3,h4,h5,h6{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:0;margin-top:48px;word-wrap:break-word}h1{--line-height: 1;font-size:2.5rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){h1{--line-height: 1;font-size:4rem;font-weight:400}}@media(min-width: 768px){h1{margin-top:64px}}@media(min-width: 992px){h1{margin-bottom:64px}}h2{--line-height: 1;font-size:2rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){h2{--line-height: 1;font-size:3rem;font-weight:400}}h3{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){h3{--line-height: 1;font-size:2rem;font-weight:400}}h4{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){h4{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}h5{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){h5{--line-height: 1.5;font-size:1.25rem;font-weight:500}}h6{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height)}@media(min-width: 992px){h6{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}a{color:#1a1a1a;color:var(--hdbt-default-link-color);word-wrap:break-word}p{margin-bottom:0;margin-top:16px;word-wrap:break-word}ul,ol{margin-bottom:24px;margin-left:0;margin-top:24px;padding-left:32px}ul ul,ul ol,ol ul,ol ol{margin-bottom:0;margin-top:16px}li{margin-left:0;padding-left:0}li+li{margin-top:16px}.local-tasks li,.toolbar-menu li,.pager li,.table-of-contents__list li,.menu li{margin-top:0}.hdbt-icon::before{--icon-size: 24px;background-color:#000;content:"";display:inline-block;height:var(--icon-size);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--icon-size) var(--icon-size);mask-size:var(--icon-size) var(--icon-size);min-height:var(--icon-size);min-width:var(--icon-size);position:static;width:var(--icon-size)}.hds-button.hdbt-icon .hds-button__label{margin:0 0 0 0.5rem;margin:0 0 0 var(--spacing-2-xs);order:1}.hds-button.hdbt-icon .link__type{margin-left:-16px;margin-right:16px;order:2}.hds-button.hdbt-icon:focus::before{background-color:var(--color-focus)}.hds-button.hdbt-icon:hover::before{background-color:var(--color-hover)}.hds-button.hdbt-icon:focus:hover::before{background-color:var(--color-hover-focus)}.hds-button.hdbt-icon::after{order:2}.hds-button.hdbt-icon::before{background-color:var(--color);order:3}.hel-icon{--fallback: calc(var(--line-height, 1) * 1em);background-color:currentColor;display:inline-block;height:var(--fallback);height:var(--icon-size, var(--fallback));-webkit-mask-image:var(--url);mask-image:var(--url);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:text-bottom;width:var(--fallback);width:var(--icon-size, var(--fallback))}.icon{--icon-size: 1.5rem;height:var(--icon-size);width:var(--icon-size)}:root{--theme-fg1: var(--color-white);--theme-fg2: var(--color-black);--theme-bg1: var(--color-black);--theme-bg2: transparent;--theme-focus: var(--color-black)}.hds-button{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);--border-width: 2px;--color: inherit;--min-size: 44px;--outline-gutter: 2px;--outline-width: 3px;align-content:flex-start;align-items:center;background-color:transparent;background-color:var(--background-color, transparent);border:var(--border-width) solid transparent;border:var(--border-width) solid var(--border-color, transparent);border-radius:0;color:var(--color);cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;min-height:var(--min-size);min-width:var(--min-size);padding:0 0.5rem;padding:0 var(--spacing-2-xs);text-decoration:none;vertical-align:top}.hds-button,.hds-button::before,.hds-button::after,.hds-button *,.hds-button *::before,.hds-button *::after{box-sizing:border-box}.hds-button:hover,.hds-button:focus,.hds-button:active{transition-duration:85ms;transition-property:background-color,border-color,color;transition-timing-function:ease-out}.hds-button:hover{background-color:transparent;background-color:var(--background-color-hover, transparent);color:var(--color-hover)}.hds-button:focus{background-color:transparent;background-color:var(--background-color-focus, transparent);color:var(--color-focus);outline:none}.hds-button:focus:hover{background-color:transparent;background-color:var(--background-color-hover-focus, transparent)}.hds-button:disabled{background-color:transparent;background-color:var(--background-color-disabled, transparent);border-color:transparent;border-color:var(--border-color-disabled, transparent);color:#999898;color:var(--color-disabled);cursor:not-allowed}.hds-button:not(:disabled){border-color:transparent;border-color:var(--border-color, transparent)}.hds-button:not(:disabled):hover{border-color:transparent;border-color:var(--border-color-hover, transparent)}.hds-button:not(:disabled):active,.hds-button:not(:disabled):focus{border-color:#0072c6;border-color:var(--border-color-focus, transparent)}.hds-button:not(:disabled):active:hover,.hds-button:not(:disabled):focus:hover{border-color:#005799;border-color:var(--border-color-hover-focus, transparent);color:var(--color-hover-focus)}.hds-button:active,.hds-button:focus{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:var(--outline-gutter);outline-offset:2px}input[type=submit].hds-button,.hds-button__label{font-weight:inherit;line-height:1.25em;padding:1rem;padding:var(--spacing-s)}input[type=submit].hds-button{cursor:pointer;padding:1rem 2rem;padding:var(--spacing-s) var(--spacing-l)}.hds-button__label:only-child{margin:0 0.5rem;margin:0 var(--spacing-2-xs)}.hds-button--supplementary .hds-button__label:first-child{padding-right:0.25rem;padding-right:var(--spacing-3-xs)}.hds-button--supplementary .hds-icon+.hds-button__label:last-child{padding-left:0.25rem;padding-left:var(--spacing-3-xs)}.hds-button--supplementary .hds-icon+.hds-button__label:not(:last-child){padding-left:0.25rem;padding-left:var(--spacing-3-xs);padding-right:0.25rem;padding-right:var(--spacing-3-xs)}.hds-button .hds-icon{height:1.5rem;height:var(--spacing-m);margin-left:1rem;margin-left:var(--spacing-s);width:1.5rem;width:var(--spacing-m)}.hds-button__label~.hds-icon{margin:0 1rem 0 0;margin:0 var(--spacing-s) 0 0}.hds-button .hds-icon:first-of-type:not(:last-of-type){margin:0 0 0 0.5rem;margin:0 0 0 var(--spacing-2-xs)}.hds-button .hds-icon:last-of-type:not(:first-of-type){margin:0 0.5rem 0 0;margin:0 var(--spacing-2-xs) 0 0}.hds-button--primary{--background-color: var(--theme-bg1, var(--color-bus));--background-color-hover: var(--theme-bg2, var(--color-bus-dark));--background-color-focus: var(--theme-bg1, var(--color-bus));--background-color-hover-focus: var(--theme-bg2, var(--color-bus-dark));--background-color-disabled: var(--color-black-20);--border-color: var(--theme-bg1, var(--color-bus));--border-color-hover: var(--theme-bg1, var(--color-bus-dark));--border-color-focus: var(--theme-bg1, var(--color-bus));--border-color-hover-focus: var(--theme-bg1, var(--color-bus-dark));--border-color-disabled: var(--color-black-20);--color: var(--theme-fg1, var(--color-white));--color-hover: var(--theme-fg2, var(--color-white));--color-focus: var(--theme-fg1, var(--color-white));--color-hover-focus: var(--theme-fg2, var(--color-white));--color-disabled: var(--color-white);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button--secondary{--background-color: var(--theme-bg2, transparent);--background-color-hover: var(--theme-bg1, var(--color-bus-light));--background-color-focus: var(--theme-bg2, transparent);--background-color-hover-focus: var(--theme-bg1, var(--color-bus-light));--background-color-disabled: transparent;--border-color: var(--theme-bg1, var(--color-bus));--border-color-hover: var(--theme-bg2, var(--color-bus-dark));--border-color-focus: var(--theme-bg1, var(--color-bus));--border-color-hover-focus: var(--theme-bg2, var(--color-bus-dark));--border-color-disabled: var(--color-black-50);--color: var(--theme-fg2, var(--color-bus));--color-hover: var(--theme-fg1, var(--color-bus-dark));--color-focus: var(--theme-fg2, var(--color-bus));--color-hover-focus: var(--theme-fg1, var(--color-bus-dark));--color-disabled: var(--color-black-40);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button--supplementary{--background-color: var(--theme-bg2, transparent);--background-color-hover: var(--theme-bg2, var(--color-bus-light));--background-color-focus: var(--theme-bg2, transparent);--background-color-hover-focus: var(--theme-bg2, var(--color-bus-light));--background-color-disabled: transparent;--border-color: var(--theme-bg2, transparent);--border-color-hover: var(--theme-bg2, transparent);--border-color-focus: var(--theme-bg2, var(--color-coat-of-arms));--border-color-hover-focus: var(--theme-bg2, var(--color-coat-of-arms));--border-color-disabled: transparent;--color: var(--theme-fg2, var(--color-bus));--color-hover: var(--theme-fg2, var(--color-bus-dark));--color-focus: var(--theme-fg2, var(--color-bus));--color-hover-focus: var(--theme-fg2, var(--color-bus-dark));--color-disabled: var(--color-black-40);--focus-outline-color: var(--theme-focus, transparent)}.hds-button--loading{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: transparent;--border-color-hover-focus: transparent;--border-color-disabled: transparent;--color: var(--color-black-90);--color-hover: var(--color-black-90);--color-focus: var(--color-black-90);--color-hover-focus: var(--color-black-90);--color-disabled: var(--color-black-90);cursor:wait}.hds-button--success{--background-color: var(--color-success);--background-color-hover: var(--color-success-dark);--background-color-focus: var(--color-success);--background-color-hover-focus: var(--color-success-dark);--border-color: var(--color-success);--border-color-hover: var(--color-success-dark);--border-color-focus: var(--color-success);--border-color-hover-focus: var(--color-success-dark);--color: var(--color-white);--color-hover: var(--color-white);--color-focus: var(--color-white);--color-hover-focus: var(--color-white);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button--danger{--background-color: var(--color-error);--background-color-hover: var(--color-error-dark);--background-color-focus: var(--color-error);--background-color-hover-focus: var(--color-error-dark);--border-color: var(--color-error);--border-color-hover: var(--color-error-dark);--border-color-focus: var(--color-error);--border-color-hover-focus: var(--color-error-dark);--color: var(--color-white);--color-hover: var(--color-white);--color-focus: var(--color-white);--color-hover-focus: var(--color-white);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button .hel-icon{--icon-size: 24px}.hds-button .hel-icon:first-of-type:not(:last-of-type){margin:0 0 0 8px}.hds-button .link__type,.hds-button .hel-icon:last-of-type:not(:first-of-type){margin:0 8px 0 0}.hds-button.hds-button--supplementary{margin:0;padding:0 8px 0 0;text-decoration:underline}.hds-button.hds-button--supplementary .hds-button__label{line-height:24px;margin:0 0 -8px 0;padding:8px}.hds-button.hds-button--supplementary .hds-button__label:only-child{margin:0}.hds-button.hds-button--supplementary:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:not([data-is-external])::after{--icon-size: 24px;background-color:var(--color);background-size:contain;content:"";display:inline-block;height:var(--icon-size);-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--icon-size) var(--icon-size);mask-size:var(--icon-size) var(--icon-size);vertical-align:bottom;width:var(--icon-size);transition:transform .2s linear;order:3;position:static}@media(prefers-reduced-motion){.hds-button.hds-button--supplementary:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:not([data-is-external])::after{transition:none}}.hds-button.hds-button--supplementary:focus:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary:hover:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:focus:not([data-is-external])::after,.hds-button.hds-button--supplementary[data-selected-icon]:hover:not([data-is-external])::after{transform:translateX(4px)}@media(prefers-reduced-motion){.hds-button.hds-button--supplementary:focus:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary:hover:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:focus:not([data-is-external])::after,.hds-button.hds-button--supplementary[data-selected-icon]:hover:not([data-is-external])::after{transform:none}}.hds-button.hds-button--supplementary:hover{text-decoration:none}.hds-button.hds-button--primary.hdbt-icon::before,.hds-button.hds-button--secondary.hdbt-icon::before{margin-right:16px}.hds-button--supplementary:not(.hdbt-icon):not([data-selected-icon]):before{-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right)}p>a.hds-button.hds-button--supplementary:first-child{margin-left:calc(-8px + (-2px))}.hds-button--link{--border-width: 2px;--min-size: 56px;--outline-gutter: 2px;--outline-width: 3px}.hds-button__target-blank{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);max-height:1px;max-width:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}:not(.hds-button)>.hds-button__label{margin:0;padding:0}.card{background:#fff;word-wrap:anywhere;padding:16px;position:relative}.card+.card{margin-top:16px}@media(min-width: 576px){.card{display:flex;flex-direction:row-reverse;gap:16px;grid-template-areas:"content img";grid-template-columns:1fr 30%;padding:16px}}@media(min-width: 768px){.card{gap:24px;padding:24px}}.card__image{flex-basis:30%;flex-shrink:0;margin-bottom:16px}.card__image picture,.card__image img{background-color:#f1f1f1;display:block;height:auto;width:100%}@media(min-width: 576px){.card__image{margin-bottom:0}}.card__text{display:flex;flex-direction:column;flex-grow:1}.card__text::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear;--icon-size: 32px;flex-grow:1;margin-top:16px;-webkit-mask-position:bottom center;mask-position:bottom center}@media(prefers-reduced-motion){.card__text::after{transition:none}}@media(min-width: 768px){.card__text::after{--icon-size: 48px}}.card[focus-within] .card__text::after,.card:hover .card__text::after{transform:translateX(4px)}.card:focus-within .card__text::after,.card:hover .card__text::after{transform:translateX(4px)}@media(prefers-reduced-motion){.card[focus-within] .card__text::after,.card:hover .card__text::after{transform:none}.card:focus-within .card__text::after,.card:hover .card__text::after{transform:none}}.card--external .card__text::after{-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external)}.card--external[focus-within] .card__text::after,.card--external:hover .card__text::after{transform:translate(4px, -4px)}.card--external:focus-within .card__text::after,.card--external:hover .card__text::after{transform:translate(4px, -4px)}@media(prefers-reduced-motion){.card--external[focus-within] .card__text::after,.card--external:hover .card__text::after{transform:none}.card--external:focus-within .card__text::after,.card--external:hover .card__text::after{transform:none}}.card--external .link__type--external{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);max-height:1px;max-width:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}.card .content-tags{margin-bottom:-8px}.card__category{margin-top:12px}.card__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin:0}@media(min-width: 992px){.card__title{--line-height: 1;font-size:2rem;font-weight:400}}.card__link{word-wrap:anywhere;text-decoration:none}.card__link::after{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.card__link:active,.card__link:focus{outline:3px solid #000;outline-offset:2px}.card__link:active,.card__link:hover{text-decoration:underline}.card__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.card__helptext{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666}.card__description,.card__helptext{margin-top:8px}.card__description>:first-child,.card__helptext>:first-child{margin-top:0}.card__metas{margin-top:16px}.card__meta{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);padding-left:32px}.card__meta+.card__meta{margin-top:8px}.card__meta__icon{--icon-size: 24px;display:inline-block;margin-left:-32px;margin-right:8px}.card__meta__label{font-weight:500}.card p.address{display:inline}.card__tags{margin-top:16px}.link__type{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height)*1em);-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);vertical-align:bottom;width:calc(var(--line-height)*1em);transition:transform .2s linear;--external-icon-move: translate(3px, -3px);overflow:hidden}@media(prefers-reduced-motion){.link__type{transition:none}}@media(prefers-reduced-motion){.link__type{--external-icon-move: scale(1)}}a:focus .link__type,a:hover .link__type{transform:var(--external-icon-move)}.link__type--tel{-webkit-mask-image:var(--hel-icon--tel);mask-image:var(--hel-icon--tel);--external-icon-move: rotate(15deg)}.link__type--mailto{-webkit-mask-image:var(--hel-icon--mailto);mask-image:var(--hel-icon--mailto);--external-icon-move: rotate(15deg)}.link__style--highlight{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:16px;padding-left:calc(var(--line-height)*1em + 8px)}.link__style--highlight::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height)*1em);-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);vertical-align:bottom;width:calc(var(--line-height)*1em);margin-left:calc(var(--line-height)*-1em - 8px);margin-right:8px}.quote{--line-height: 1.5;font-size:1.5rem;font-weight:500;line-height:var(--line-height);display:block;margin:48px 0;padding:8px 0 8px 24px;position:relative}@media(min-width: 992px){.quote{--line-height: 1.5;font-size:2rem;font-weight:400}}@media(min-width: 992px){.quote{margin:64px 0;padding:0 0 0 40px}}.quote::before{background-color:var(--hdbt-color-palette--primary);content:"";height:100%;left:0;position:absolute;top:0;width:8px}.quote__text{font-style:italic;margin-top:0}.quote__text::before{content:"”"}.quote__text[lang=en]::before,[lang=en] .quote__text::before{content:"“"}.quote__text::after{content:"”"}.quote__author{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:24px}.quote__author::before{content:"-";margin-right:3px}.quote__author cite{font-style:normal}.block--branding-navigation{display:flex;grid-area:brand;margin-left:auto;order:2;z-index:2}@media(min-width: 768px){.block--branding-navigation{margin-left:32px;order:3}}.block--branding{align-items:center;display:flex;grid-area:logo;height:var(--branding-height);z-index:1}@media(min-width: 768px){.block--branding{height:auto}}.block--branding .city-name{color:#000;display:none;margin-left:8px;margin-right:8px}@media(min-width: 992px){.block--branding .city-name{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:flex;margin-left:16px;margin-right:16px}}@media(min-width: 992px)and (min-width: 768px){.block--branding .city-name{--line-height: 1.5;font-size:1.25rem;font-weight:400}}.block--branding a:focus .city-name,.block--branding a:hover .city-name{text-decoration:underline}#chat-leijuke-wrapper{bottom:0;color:#fff;position:fixed;right:0;z-index:1}.chat-leijuke{align-items:center;background:#000;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:auto;gap:8px;padding:8px 16px;--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.chat-leijuke.hidden{display:none}.chat-leijuke .hel-icon--angle-up{margin-left:auto}.cx-widget.cx-side-button-group{display:none}.smartti-button-closed{display:none}#aca--widget-button{opacity:0}.kuura-chat-toggle.closed-chat{display:none}.language-wrapper{--language-block-height: 52px;align-content:stretch;align-items:center;align-self:center;background-color:#f7f7f8;border-bottom:1px solid #ccc;display:flex;grid-area:lang;height:100%;justify-content:space-between;min-height:var(--language-block-height);padding:0 16px;position:relative;transition:margin-top .3s ease 1s;width:100vw;z-index:0}@media(min-width: 768px){.language-wrapper{background-color:rgba(0,0,0,0);border-bottom:0 none;border-top:none;margin-left:auto;order:2;padding:0;width:auto;z-index:10}}.language-wrapper.scroll-up{margin-top:calc(-1*var(--language-block-height));transition-delay:0s}@media(min-width: 768px){.language-wrapper.scroll-up{margin-top:0;transition-duration:0s}}#menu:not([data-js])~* .mega-and-mobilemenu .block--language-switcher+*{margin-top:16px}.language-links{display:flex}.nav-toggle-dropdown--otherlangs{grid-area:langmenu}@media(min-width: 992px){.nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__content{display:flex;justify-content:flex-end;pointer-events:none}}.headerlanguagelinks__menu-dropdown{background-color:#efeff0;height:100%;list-style:none;margin:0;min-width:240px;padding:16px;width:auto}@media(min-width: 992px){.headerlanguagelinks__menu-dropdown{border:1px solid #ccc;border-top:0;height:auto;max-width:200px;pointer-events:all}}.headerlanguagelinks__group+.headerlanguagelinks__group{margin-top:24px}.headerlanguagelinks__link{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:block}.headerlanguagelinks__link+.headerlanguagelinks__group,.headerlanguagelinks__link+.headerlanguagelinks__link{margin-top:8px}.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink){text-decoration:none}.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink):hover,.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink):active,.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink):focus{text-decoration:underline}.headerlanguagelinks__link--nolink{display:block;font-weight:700}.block--mobile-navigation{order:3}@media(min-width: 768px){.block--mobile-navigation{display:none}}.page-title{padding-top:0}.page-title h1{margin-bottom:0;margin-top:0;max-width:860px}.page-title+article>.lead-in{margin-top:24px}.page-title+article>.table-of-contents:first-child,.page-title+article>.components:first-child{margin-top:32px}@media(min-width: 992px){.page-title+article>.table-of-contents:first-child,.page-title+article>.components:first-child{margin-top:64px}}.block--react-and-share{margin-top:32px;width:100%}@media(min-width: 992px){.block--react-and-share{margin-top:64px}}.block--react-and-share:last-child{background:#f1f1f1}.block--react-and-share:last-child .rns .rns-plugin{padding-bottom:112px}.js .block--react-and-share:last-child{margin-bottom:-112px}.rns{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media(min-width: 768px){.rns{max-width:1328px}}@media(min-width: 768px){.rns{padding-left:32px;padding-right:32px}}.rns .rns-plugin{font-family:HelsinkiGrotesk,Arial,sans-serif;margin:0;padding-bottom:80px;padding-top:80px}.rns .rns-plugin .rns-reactions{max-width:688px}.rns .rns-plugin .rns-reactions .rns-header{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.rns .rns-plugin .rns-reactions .rns-header{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.rns .rns-plugin .rns-reactions .reactions{margin-top:24px}@media only screen and (min-width: 681px){.rns .rns-plugin .rns-reactions .reactions{margin-left:calc(-24px / 2);margin-right:calc(-24px / 2)}}.rns .rns-plugin .rns-reactions .reactions .rns-reaction{flex-grow:0;margin:0 calc(24px / 2);max-width:190px;padding:0}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-reactions .reactions .rns-reaction{max-width:100%}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-reactions .reactions .rns-reaction{margin:16px 0 0;padding:0;width:100%}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-reactions .reactions .rns-reaction:first-child{margin-top:0}}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button{border-color:#000;padding:14px 32px;position:relative}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:before{--size: 100%;border:2px solid rgba(0,0,0,0);content:"";height:var(--size);left:0;position:absolute;width:var(--size)}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button .rns-label{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);align-items:center;color:#000;display:flex;justify-content:center;min-width:-moz-max-content;min-width:max-content;width:100%}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button .rns-label:after{background-color:#000;background-size:contain;content:"";display:flex;height:24px;-webkit-mask-image:var(--hel-icon--face-neutral);mask-image:var(--hel-icon--face-neutral);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;margin-left:16px}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button .rns-reaction-count{display:none}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus{background-color:#fff;box-shadow:none;color:#000}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus .rns-label{color:#000}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus:before{--size: calc(100% + calc(24px / 2));border-color:#000;left:calc(-24px / 4)}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:hover{background-color:#000}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:hover .rns-label{color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:hover .rns-label:after{background-color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus:hover .rns-label{color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction.selected .rns-reaction-button{background-color:#000 !important}.rns .rns-plugin .rns-reactions .reactions .rns-reaction.selected .rns-reaction-button .rns-label{color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction.selected .rns-reaction-button .rns-label:after{background-color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction:first-child .rns-label:after{-webkit-mask-image:var(--hel-icon--face-smile);mask-image:var(--hel-icon--face-smile)}.rns .rns-plugin .rns-reactions .reactions .rns-reaction:last-child .rns-label:after{-webkit-mask-image:var(--hel-icon--face-sad);mask-image:var(--hel-icon--face-sad)}.rns .rns-plugin .rns-shares{margin-top:64px;padding:0 calc(24px / 4)}.rns .rns-plugin .rns-shares .rns-header{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.rns .rns-plugin .rns-shares .rns-header{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.rns .rns-plugin .rns-shares .rns-shares-list{margin-top:32px}@media only screen and (min-width: 681px){.rns .rns-plugin .rns-shares .rns-shares-list{margin-bottom:0;margin-left:-8px;margin-right:-8px;margin-top:32px}}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share{margin:0 8px;padding:0 !important;width:auto}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share{margin:16px 0 0;padding:0 !important;width:calc(50% - 16px)}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:first-child,.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:nth-child(2){margin:0}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:nth-child(odd){margin-right:4px}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:nth-child(even){margin-left:4px}}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button{align-items:center;background-color:rgba(0,0,0,0);border:0;color:#000;display:flex;justify-content:left;padding:0}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:after{--size: 100%;border:2px solid rgba(0,0,0,0);content:"";height:var(--size);left:0;position:absolute;width:var(--size)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:before{background-color:#000;background-size:contain;content:"";display:flex;height:32px;-webkit-mask-image:var(--hel-icon--share);mask-image:var(--hel-icon--share);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px;margin-right:8px}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:focus{box-shadow:none;outline:none}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:focus:after{--size: calc(100% + 8px);border-color:#000;left:calc(-8px / 2);top:calc(-8px / 2)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:hover{opacity:1}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:hover:before{background-color:#000}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:hover .rns-label{color:#000;text-decoration:underline}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button .rns-icon{display:none}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button .rns-label{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);padding-right:calc(8px / 2)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-facebook .rns-share-button:before{-webkit-mask-image:var(--hel-icon--facebook);mask-image:var(--hel-icon--facebook)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-whatsapp .rns-share-button:before{-webkit-mask-image:var(--hel-icon--whatsapp);mask-image:var(--hel-icon--whatsapp)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-twitter .rns-share-button:before{-webkit-mask-image:var(--hel-icon--twitter);mask-image:var(--hel-icon--twitter)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-email .rns-share-button:before{-webkit-mask-image:var(--hel-icon--email);mask-image:var(--hel-icon--email)}.rns .rns-plugin .rns-inputs{margin-top:48px;max-width:688px;padding:calc(24px / 4)}.rns .rns-plugin .rns-inputs .rns-header{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.rns .rns-plugin .rns-inputs .rns-header{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.rns .rns-plugin .rns-inputs .rns-input-description{margin:24px 0 0;--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666;opacity:1}.rns .rns-plugin .rns-inputs .rns-input-field{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);border:2px solid gray;font-family:HelsinkiGrotesk,Arial,sans-serif;height:188px;margin-top:24px;padding:16px}.rns .rns-plugin .rns-inputs .rns-form-submit{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);background-color:#000;border:2px solid #000;color:#fff;display:inline-flex;margin-top:24px;padding:16px 24px;position:relative}.rns .rns-plugin .rns-inputs .rns-form-submit:after{background-color:#fff;background-size:contain;content:"";display:flex;height:24px;-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;margin-left:16px}.rns .rns-plugin .rns-inputs .rns-form-submit:before{--size: 100%;border:2px solid rgba(0,0,0,0);content:"";height:var(--size);left:0;position:absolute;top:0;width:var(--size)}.rns .rns-plugin .rns-inputs .rns-form-submit:focus{box-shadow:none;outline:none}.rns .rns-plugin .rns-inputs .rns-form-submit:focus:before{--size: calc(100% + calc(24px / 2));border-color:#000;left:calc(-24px / 4);top:calc(-24px / 4)}.rns .rns-plugin .rns-inputs .rns-form-submit:hover{background-color:#fff;color:#000}.rns .rns-plugin .rns-inputs .rns-form-submit:hover:after{background-color:#000}.social-media{margin-top:48px}.social-media__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.social-media__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.social-media__items{margin-left:-4px;margin-right:-4px;display:flex;margin-bottom:32px;margin-top:16px}.social-media__items>*{margin-left:4px;margin-right:4px}.social-media__item{color:#000;list-style:none;text-decoration:none}.social-media__item .hel-icon{--icon-size: 32px}.social-media__item:focus.email,.social-media__item:active.email,.social-media__item:hover.email{color:#4c4c4c}.social-media__item:focus.facebook-share,.social-media__item:active.facebook-share,.social-media__item:hover.facebook-share{color:#4169af}.social-media__item:focus.linkedin,.social-media__item:active.linkedin,.social-media__item:hover.linkedin{color:#0079b2}.social-media__item:focus.twitter,.social-media__item:active.twitter,.social-media__item:hover.twitter{color:#0da4ee}.hds-checkbox{--focus-outline-color: #000000}.hds-checkbox .hds-checkbox__input:focus{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.hds-checkbox .hds-checkbox__input:focus+.hds-checkbox__label::before,.hds-checkbox>.hds-checkbox__input:focus+label::before{box-shadow:none}.hds-checkbox .hds-checkbox__input::before,.hds-checkbox .hds-checkbox__input:hover::before{-webkit-mask-image:var(--hel-icon--check);mask-image:var(--hel-icon--check)}.form-item{margin-bottom:16px}.openid-connect-login-form{border-bottom:1px solid #666;margin-bottom:32px;max-width:600px;padding-bottom:32px}.openid-connect-login-form input{width:100%}.openid-connect-login-form>div{margin-top:16px}.openid-connect-login-form>div:first-child{margin-top:0}.user-login-form{max-width:600px;padding-bottom:16px}.hdbt--select-wrapper{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);--border-width: 2px;--input-height: 52px;--menu-item-height: 52px;--icon-size: var(--spacing-layout-s);--icon-spacing: calc(((var(--spacing-s) - var(--border-width) * 2) * 2) + var(--icon-size));--helper-color-default: var(--color-black-60);--helper-color-invalid: var(--color-error);--icon-color-invalid: var(--color-error);--input-background-default: var(--color-white);--input-background-disabled: var(--color-black-10);--input-border-color-default: var(--color-black-50);--input-border-color-hover: var(--color-black-90);--input-border-color-focus: var(--color-black-90);--input-border-color-invalid: var(--color-error);--input-border-color-disabled: var(--color-black-10);--input-color-default: var(--color-black-90);--input-color-disabled: var(--color-black-40);--label-color-default: var(--color-black-90);--label-color-invalid: var(--color-black-90);--placeholder-color: var(--color-black-60);--focus-outline-color: #000000;--outline-width: 3px;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--input-background-default);border:var(--border-width) solid var(--input-border-color-default);box-sizing:border-box;color:var(--input-color-default);cursor:pointer;display:block;grid-template-areas:"select";min-width:15ch;padding:0;position:relative;width:100%}.hdbt--select-wrapper select,.hdbt--select-wrapper::after{grid-area:select}.hdbt--select-wrapper select{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:none;color:var(--dropdown-color-default);cursor:inherit;display:flex;font-family:inherit;height:var(--input-height);margin:0;min-height:var(--menu-item-height);outline:none;padding:calc(1rem - var(--border-width)*2) var(--icon-spacing) calc(1rem - var(--border-width)*2) 1rem;padding:calc(var(--spacing-s) - var(--border-width)*2) var(--icon-spacing) calc(var(--spacing-s) - var(--border-width)*2) var(--spacing-s);width:100%;z-index:1}.hdbt--select-wrapper select::-ms-expand{display:none}.hdbt--select-wrapper select:focus{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:4px}.hdbt--select-wrapper .hel-icon{--icon-size: var(--spacing-m);pointer-events:none;position:absolute;right:calc(1rem - var(--border-width)*2);right:calc(var(--spacing-s) - var(--border-width)*2);top:50%;transform:translateY(-50%)}.hdbt--select-wrapper:not(.select--multiple)::after{background-color:var(--helper-color-default);-webkit-clip-path:polygon(100% 0%, 0 0%, 50% 100%);clip-path:polygon(100% 0%, 0 0%, 50% 100%);content:"";height:.5em;justify-self:end;width:.8em}.hdbt--select-wrapper--disabled{background-color:var(--input-background-disabled);border:var(--border-width) solid var(--input-border-color-disabled);color:var(--input-color-disabled);cursor:not-allowed}.hdbt--select-wrapper--disabled select:disabled{color:var(--input-color-disabled);opacity:1}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){--focus-outline-color: #000000;box-shadow:none;outline:3px solid var(--focus-outline-color);outline:var(--outline-width, 3px) solid var(--focus-outline-color);outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){--focus-outline-color: #000000;box-shadow:none;outline:3px solid var(--focus-outline-color);outline:3px solid var(--focus-outline-color);outline:var(--outline-width, 3px) solid var(--focus-outline-color);outline-offset:2px;outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.hds-text-input__input-wrapper:focus-within .hds-text-input__input:not([readonly]){--focus-outline-color: #000000;box-shadow:none;outline:3px solid var(--focus-outline-color);outline:var(--outline-width, 3px) solid var(--focus-outline-color);outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.region--attachments{height:0;visibility:hidden;width:0}.before-content{width:100%}*~.components,.service__units+.component,.unit__services+.component,.component~.component{margin-top:32px}@media(min-width: 992px){*~.components,.service__units+.component,.unit__services+.component,.component~.component{margin-top:64px}}.components--lower>.component:not(.component--liftup-with-image-bg),.no-sidebar .components--upper>.component:not(.component--liftup-with-image-bg){padding-left:16px;padding-right:16px}@media(min-width: 768px){.components--lower>.component:not(.component--liftup-with-image-bg),.no-sidebar .components--upper>.component:not(.component--liftup-with-image-bg){padding-left:32px;padding-right:32px}}.component--has-koro>.hds-koros{margin-left:-16px;margin-right:-16px;width:calc(16px + 100% + 16px)}@media(min-width: 768px){.component--has-koro>.hds-koros{margin-left:-32px;margin-right:-32px;width:calc(32px + 100% + 32px)}}.component__container{margin-left:auto;margin-right:auto;max-width:1264px}.component__title,.component__description{margin-bottom:0;margin-top:0}.component__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);max-width:860px}.component__description>:first-child{margin-top:0}.component__description>:last-child{margin-bottom:0}.component__title+.component__description{margin-top:16px}.component__title+.component__content,.component__description+.component__content{margin-top:24px}@media(min-width: 992px){.component__title+.component__content,.component__description+.component__content{margin-top:48px}}.component--tpr-unit,.component--unit-services,.component--service-units{padding-left:16px;padding-right:16px}@media(min-width: 768px){.component--tpr-unit,.component--unit-services,.component--service-units{padding-left:32px;padding-right:32px}}.container{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media(min-width: 768px){.container{max-width:1328px}}@media(min-width: 768px){.container{padding-left:32px;padding-right:32px}}.dialog-off-canvas-main-canvas{display:flex;flex-direction:column;height:100%;z-index:1}.gin--horizontal-toolbar .dialog-off-canvas-main-canvas{--drupal-toolbar-height: 39px;padding-top:var(--drupal-toolbar-height)}@media(min-width: 976px){.gin--horizontal-toolbar .dialog-off-canvas-main-canvas{--drupal-toolbar-height: 54px}}.error-page{background-color:#efeff0}.error-page .no-sidebar .main-content{margin-top:0}body[\:has\(.error-page__title\)]{background-color:#efeff0}body:has(.error-page__title){background-color:#efeff0}body[\:has\(.error-page__title\)] .no-sidebar .main-content{margin-top:0}body:has(.error-page__title) .no-sidebar .main-content{margin-top:0}@media(min-width: 768px){.error-page-content__container{display:flex}}@media(min-width: 768px){.error-page__text-container{width:50%}}.error-page__title{margin-bottom:0}.error-page__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 768px){.error-page__description{margin-top:24px}}.error-page__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:inline-flex;margin-top:32px}.error-page__link::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear}@media(prefers-reduced-motion){.error-page__link::after{transition:none}}.error-page__link[data-is-external]::after{content:none}.error-page__link:hover{text-decoration:none}.error-page__link:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.error-page__link:hover::after{transform:none}}.error-page__link+.error-page__link{margin-top:24px}.error-page__login-title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.error-page__login-title{--line-height: 1;font-size:2rem;font-weight:400}}.error-page__login-form{margin-top:32px}@media(min-width: 768px){.error-page__illustration-container{align-items:flex-start;display:flex;justify-content:center;padding-left:48px;padding-right:48px;padding-top:96px;width:50%}}.error-page__illustration{display:block;height:auto;margin-left:32px;margin-top:48px;width:264px}@media(min-width: 768px){.error-page__illustration{margin-left:0;margin-top:0;max-width:100%;width:379px}}.footer{flex-shrink:0;margin:calc(50px + 48px) auto 0;max-width:1920px;width:100%}@media(min-width: 992px){.footer{margin-top:calc(50px + 64px)}}.footer a{text-decoration:underline}.footer .menu{list-style:none;margin:0;padding:0}.footer .hds-koros{margin-top:calc(-1*(50px - 1px))}.footer-top__container{padding-top:0}.footer-top{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto;padding-top:64px}@media(min-width: 768px){.footer-top{max-width:1328px}}@media(min-width: 768px){.footer-top{padding-left:32px;padding-right:32px}}@media(min-width: 768px){.footer-top{display:flex;flex-wrap:wrap}}.footer-top h2{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.footer-top h2{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.footer-top h2.footer-top__content__title{margin-top:32px}@media(min-width: 768px){.footer-top h2.footer-top__content__title{margin-top:0}}.footer-top p{margin-top:16px}@media(min-width: 768px){.footer-top nav{margin-right:96px}}.footer-top .menu{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin:16px 0 32px 0}@media(min-width: 768px){.footer-top .menu{margin-bottom:0;margin-top:24px}}.footer-top .menu__item{margin-top:16px}.footer-top .menu__item:first-child{margin-top:0}@media(min-width: 768px){.footer-top__content{max-width:544px}}.footer-bottom__container{padding-top:0}.footer-bottom{border-top:1px solid #b2b2b2;-moz-column-gap:32px;column-gap:32px;display:flex;flex-wrap:wrap;margin-top:48px;padding-bottom:48px;padding-top:24px;row-gap:16px}@media(min-width: 768px){.footer-bottom{margin-top:96px;padding-bottom:0}}@media(min-width: 768px){.footer-bottom__navigation-wrapper{align-items:center;display:flex;flex-wrap:nowrap;margin-bottom:48px}}.footer-bottom__navigation{margin-top:16px}@media(min-width: 768px){.footer-bottom__navigation{margin-top:0}}.footer-bottom__navigation .menu{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:flex;flex-wrap:wrap}.footer-bottom__navigation .menu__item{align-items:center;display:flex}.footer-bottom__navigation .menu__item::after{content:"";display:block;height:15px;margin:0 8px;width:1px}.footer-bottom__navigation .menu__item.menu__item--nolink{display:flex;width:auto}.footer-bottom__navigation .menu__item:last-child::after{display:none}.footer__back-to-top{--outline-gutter: 2px;--outline-width: 3px;--focus-outline-color: var(--hdbt-color-black);--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);align-items:center;align-self:flex-end;display:flex;height:40px;margin-left:auto;margin-right:8px;text-decoration:none}@media(min-width: 992px){.footer__back-to-top{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.footer__back-to-top{margin-bottom:48px;margin-top:0}}.footer__back-to-top:focus,.footer__back-to-top:active{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:var(--outline-gutter)}.footer__back-to-top:hover{text-decoration:underline}.footer__back-to-top .hel-icon{transition:transform .2s linear}@media(prefers-reduced-motion){.footer__back-to-top .hel-icon{transition:none}}.footer__back-to-top:focus .hel-icon,.footer__back-to-top:hover .hel-icon{transform:translateY(-4px)}@media(prefers-reduced-motion){.footer__back-to-top:focus .hel-icon,.footer__back-to-top:hover .hel-icon{transform:none}}.footer--light{background-color:#efeff0;color:#fff}.footer--light .hds-koros{color:#efeff0}.footer--light a{color:#000}.footer--light .footer-bottom,.footer--light .footer-top{color:#000}.footer--light .footer-bottom .menu__item::after{background-color:#000}.footer--dark{background-color:#121212;background-color:var(--hdbt-color-black);color:#fff}.footer--dark .hds-koros{color:#121212;color:var(--hdbt-color-black)}.footer--dark a{color:#fff}.footer--dark .footer-bottom,.footer--dark .footer-top{color:#fff}.footer--dark .footer-bottom{border-color:#fff}.footer--dark .footer-bottom .menu__item::after{background-color:#fff}.footer--dark .footer__back-to-top{--focus-outline-color: var(--color-white)}.wrapper>.header{padding-top:114px}@media(min-width: 768px){.wrapper>.header{padding-top:0}}.layout-main-wrapper *{scroll-margin-top:113px}@media(min-width: 768px){.layout-main-wrapper *{scroll-margin-top:0}.toolbar-horizontal .layout-main-wrapper *{scroll-margin-top:64px}}.main-content{display:grid;grid-template-areas:"subnav" "content" "sidebar";grid-template-columns:100%;grid-template-rows:auto;margin-left:auto;margin-right:auto;margin-top:64px}@media(min-width: 992px){.main-content{margin-top:96px}}@media(min-width: 992px){.has-sidebar .main-content{-moz-column-gap:64px;column-gap:64px;grid-template-areas:"content sidebar";grid-template-columns:auto 340px}.has-sidebar--first .main-content{grid-template-areas:"subnav content" "sidebar content";grid-template-columns:340px auto;grid-template-rows:auto 1fr}}@media(min-width: 1248px){.main-content{-moz-column-gap:48px;column-gap:48px}}.has-sidebar .main-content{max-width:1296px;padding-left:16px;padding-right:16px}@media(min-width: 768px){.has-sidebar .main-content{max-width:1328px}}@media(min-width: 768px){.has-sidebar .main-content{padding-left:32px;padding-right:32px}}.layout-sidebar-first{display:none;grid-area:subnav;margin-bottom:48px}@media(min-width: 992px){.layout-sidebar-first{display:block}.no-sidebar-second .layout-sidebar-first{margin-bottom:0}}.layout-content{grid-area:content}.layout-content:not(:last-child){margin-bottom:48px}@media(min-width: 992px){.layout-content:not(:last-child){margin-bottom:0}}.layout-sidebar-second{grid-area:sidebar}.user-login-page{background-color:#efeff0}.user-login-page .no-sidebar .main-content{margin-top:0}@media(min-width: 768px){.user-login-page-content__container{display:flex}}.user-login-page__title{--line-height: 1;font-size:2rem;font-weight:400;line-height:var(--line-height);margin-bottom:32px}@media(min-width: 992px){.user-login-page__title{--line-height: 1;font-size:3rem;font-weight:400}}@media(min-width: 768px){.user-login-page__title{margin-bottom:48px}}@media(min-width: 768px){.user-login__form-container{width:50%}}.user-login-page__illustration-container{align-items:center;display:flex;justify-content:center}@media(min-width: 768px){.user-login-page__illustration-container{padding-left:96px;width:50%}}.user-login-page__illustration{display:block;height:auto;margin-top:48px;max-width:450px;width:100%}@media(min-width: 768px){.user-login-page__illustration{margin-left:0;margin-top:0;max-width:unset}}.login-form .description{display:none}.login-form .form-item--error-message{margin-top:32px}.lower-content{margin-top:32px;width:100%}@media(min-width: 992px){.lower-content{margin-top:64px}}.lower-content .layout-content{margin:0;padding:0;width:100%}.maintenance-page{background-color:#efeff0}@media(min-width: 768px){.maintenance-page-content__container{display:flex}}@media(min-width: 768px){.maintenance-page__text-container{display:flex;flex-direction:column;justify-content:center;width:50%}}.maintenance-page__title{margin-bottom:0}.maintenance-page__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 768px){.maintenance-page__description{margin-top:24px}}.maintenance-page__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:inline-flex;margin-top:32px}.maintenance-page__link::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear}@media(prefers-reduced-motion){.maintenance-page__link::after{transition:none}}.maintenance-page__link[data-is-external]::after{content:none}.maintenance-page__link:hover{text-decoration:none}.maintenance-page__link:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.maintenance-page__link:hover::after{transform:none}}.maintenance-page__link+.maintenance-page__link{margin-top:24px}@media(min-width: 768px){.maintenance-page__illustration-container{align-items:flex-start;display:flex;justify-content:center;padding:96px 48px;width:50%}}.maintenance-page__illustration{display:block;height:auto;margin:96px auto;width:350px}@media(min-width: 768px){.maintenance-page__illustration{margin:0;max-width:100%;width:460px}}.paragraph-content>*:first-child{margin-top:0}@media(min-width: 768px){.tools__container{margin-top:16px}}@media(min-width: 768px){.breadcrumb__container+.tools__container{margin-bottom:20px;margin-top:-8px}}.wrapper{flex:1 0 auto;margin-left:auto;margin-right:auto;max-width:1920px;width:100%}.image-placeholder{background-color:var(--hdbt-color-palette--primary);padding-bottom:56.25%;position:relative;width:100%}.image-placeholder .hel-icon{--icon-size: 50%;color:var(--hdbt-color-palette-text--primary);left:25%;position:absolute;top:25%}.image picture{display:block}.image img{display:block;height:auto;max-width:100%;overflow:hidden;box-shadow:inset 0 0 0 1px #e5e5e5}.image__caption{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);padding-top:16px}img{word-wrap:break-word}.announcement{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);height:auto;height:var(--js-announcement-height, auto);padding-bottom:16px}.announcement__container{--announcement-bg-color: #f7f7f8;--announcement-bg-size: 32px;--announcement-color: #0062b9;align-items:flex-start;background:linear-gradient(90deg, var(--announcement-color) 0, var(--announcement-color) var(--announcement-bg-size), var(--announcement-bg-color) var(--announcement-bg-size));background-color:var(--announcement-bg-color);box-shadow:2px 2px 10px 0 rgba(0,0,0,.1);display:flex;justify-content:space-between;min-height:var(--announcement-bg-size);padding-bottom:16px;padding-left:calc(var(--announcement-bg-size) + 16px);padding-right:16px;padding-top:16px;position:relative}.announcement__container::before{background-color:#fff;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--info-circle-fill);mask-image:var(--hel-icon--info-circle-fill);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;left:calc(.5*(var(--announcement-bg-size) - 24px));margin-top:-12px;position:absolute;top:50%}@media(min-width: 768px){.announcement__container{--announcement-bg-size: 48px}}.announcement--alert .announcement__container{--announcement-bg-color: #f6e2e6;--announcement-color: #b01038}.announcement--alert .announcement__container::before{-webkit-mask-image:var(--hel-icon--error-fill);mask-image:var(--hel-icon--error-fill)}.announcement--attention .announcement__container{--announcement-color: #ffda07}.announcement--attention .announcement__container::before{-webkit-mask-image:var(--hel-icon--alert-circle-fill);mask-image:var(--hel-icon--alert-circle-fill);background-color:#000}.announcenemnt__content-body *:first-child{margin-top:0}.announcement__link{margin-top:16px}.announcement__link:first-child{margin-top:0}.announcement__link a::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height)*1em);-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);vertical-align:bottom;width:calc(var(--line-height)*1em);transition:transform .2s linear;margin-left:4px}@media(prefers-reduced-motion){.announcement__link a::after{transition:none}}.announcement__link a:focus::after,.announcement__link a:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.announcement__link a:focus::after,.announcement__link a:hover::after{transform:none}}.announcement__link a[data-is-external]::after{content:none}.announcement__close{background:rgba(0,0,0,0);border:0 none;cursor:pointer;height:32px;margin-bottom:0;margin-left:0;margin-right:-8px;margin-top:-8px;padding:0;width:32px}.announcement__close::after{--icon-size: 32px;background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--cross);mask-image:var(--hel-icon--cross);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em))}.js-announcement__close--disabled{visibility:hidden}.js-announcement--hide{height:0;opacity:0;overflow:hidden;padding-bottom:0;transition:opacity linear .15s,height linear .2s .15s,padding-bottom linear .2s .15s,visibility linear 0s 0.35s;visibility:hidden}@media(prefers-reduced-motion){.js-announcement--hide{transition:none}}.hds-notification{margin-bottom:16px}.hds-notification:first-of-type{margin-top:16px}.hds-notification__label .hel-icon{--icon-size: 24px;margin-right:8px}.messages__container{padding-top:0}.menu__link{text-decoration:none}.menu__link:focus,.menu__link:hover{text-decoration:underline}.menu__link[aria-current=page],.menu__link[aria-current=true]{font-weight:700}.menu__link__text{text-decoration:inherit}.menu__link__icon{display:none}.header-branding{--branding-height: 65px;--header-branding-padding: 16px;background-color:#fff;display:grid;grid-template-areas:". logo . brand search toggle profile ." "menu menu menu menu menu menu menu menu" "lang lang lang lang lang lang lang lang" "langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu";grid-template-columns:var(--header-branding-padding) auto 1fr auto auto auto auto var(--header-branding-padding);grid-template-rows:var(--branding-height) min-content min-content min-content;position:fixed;top:0;width:100%;z-index:100}@media(min-width: 768px){.header-branding{--branding-height: 86px;--header-branding-padding: 24px;grid-template-areas:". logo . lang brand search toggle profile ." "langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu" "menu menu menu menu menu menu menu menu menu";grid-template-columns:var(--header-branding-padding) auto 1fr auto auto auto auto auto var(--header-branding-padding);grid-template-rows:var(--branding-height) auto}}@media(min-width: 992px){.header-branding{grid-template-areas:". logo . lang brand search toggle profile ." "langmenu langmenu langmenu langmenu langmenu . . . ." "menu menu menu menu menu menu menu menu menu"}}@media(min-width: 768px){.header-branding{position:relative;top:auto}}@media(min-width: 992px){.header-branding{--header-branding-padding: 32px}}.header-branding::before{align-self:end;background-color:#fff;border-bottom:1px solid #ccc;content:"";grid-column:1/-1;grid-row:1/span 1;height:100%;z-index:1}@media(min-width: 768px){.header-branding::before{height:0}}.toolbar-vertical .header-branding{top:var(--drupal-toolbar-height)}.header-branding .block--branding-navigation .menu{display:flex;list-style:none;margin:0;padding:0}.header-branding .block--branding-navigation .menu__item+.menu__item{margin-left:8px}.header-branding .block--branding-navigation .menu__link{--line-height: 1;font-size:.875rem;font-weight:400;line-height:var(--line-height);align-self:center;cursor:pointer;display:grid;grid-template-areas:"icon" "label";padding:5px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(min-width: 992px){.header-branding .block--branding-navigation .menu__link{display:none}}.header-branding .block--branding-navigation .menu__link:focus,.header-branding .block--branding-navigation .menu__link:hover{text-decoration:underline}.header-branding .block--branding-navigation .menu__link:active,.header-branding .block--branding-navigation .menu__link:focus{outline:3px solid #000;outline-offset:-3px}.header-branding .block--branding-navigation .menu__link__icon{--icon-size: 32px;align-self:end;display:block;grid-area:icon;justify-self:center}.breadcrumb{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);align-items:center;display:flex;list-style:none;margin:0;padding:8px 16px}@media(min-width: 768px){.breadcrumb{--line-height: 1.5;font-size:.875rem;font-weight:400}}@media(min-width: 768px){.breadcrumb{padding:16px 24px}}@media(min-width: 992px){.breadcrumb{padding:16px 32px}}.breadcrumb .hel-icon{display:none}@media(min-width: 768px){.breadcrumb .hel-icon{--icon-size: 0.875rem;display:block;margin:0 2px}}.breadcrumb__link{display:none;text-decoration:underline}@media(min-width: 768px){.breadcrumb__link{display:block}}.breadcrumb__link:hover{text-decoration:none}.breadcrumb__link:last-of-type{align-items:center;display:flex;margin-left:-8px}@media(min-width: 768px){.breadcrumb__link:last-of-type{margin-left:0}}.breadcrumb__link:last-of-type::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--angle-left);mask-image:var(--hel-icon--angle-left);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}@media(min-width: 768px){.breadcrumb__link:last-of-type::before{display:none}}.breadcrumb__current{--line-height: 1.5;font-size:.875rem;font-weight:700;line-height:var(--line-height);display:none}@media(min-width: 768px){.breadcrumb__current{display:block}}.header-bottom{background-color:#fff}@media(min-width: 992px){.header-bottom{border-bottom:1px solid #ccc}}.header-bottom .menu{display:none;margin:0;padding:0;z-index:0}@media(min-width: 992px){.header-bottom .menu{display:flex}}.header-bottom .menu--level-0,.header-bottom .site-name__container{margin-left:22px;margin-right:22px;flex-wrap:wrap}.header-bottom .menu--level-0>*,.header-bottom .site-name__container>*{margin-left:10px;margin-right:10px}.header-bottom .site-name__container{display:none;padding-top:24px}@media(min-width: 992px){.header-bottom .site-name__container{display:flex}}.header-bottom .site-name__link{--line-height: 1.1666666667;font-size:1.5rem;font-weight:400;line-height:var(--line-height);text-decoration:none}.header-bottom .site-name__link:hover,.header-bottom .site-name__link:focus{text-decoration:underline}.header-bottom .menu__item{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);list-style:none;position:relative}.header-bottom .menu__toggle-button{background-color:#f1f1f1;border:none;margin-left:4px;padding:0}.header-bottom .menu__toggle-button:hover{cursor:pointer}.header-bottom .menu__toggle-button:focus{box-shadow:0 0 0 3px #000;outline:none;padding:6px 0}.header-bottom .menu__toggle-button-icon{transition:transform .2s ease-in}@media(prefers-reduced-motion){.header-bottom .menu__toggle-button-icon{transition:none}}.header-bottom [aria-expanded=true]>.menu__toggle-button-icon{transform:rotate(180deg)}.header-bottom .menu__item--nolink{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);padding:24px 0;text-decoration:none}.header-bottom .menu__link-wrapper{align-items:center;display:flex;height:100%;position:relative}.header-bottom .menu__link{display:inline-block;padding:24px 0}.header-bottom .menu__link::before{background-color:#000;bottom:0;content:"";height:0;left:0;margin:0 auto;position:absolute;right:0;transition:all .5s cubic-bezier(0.19, 1, 0.22, 1);width:0}.header-bottom .menu__link[aria-current=page]::before{height:4px;width:100%}.header-bottom .menu__link:focus{outline:none}.header-bottom .menu__link:focus::after{box-shadow:0 0 0 3px #000;content:"";display:block;height:50%;left:-4px;position:absolute;top:50%;transform:translateY(-50%);width:calc(100% + 8px)}.header-bottom .menu__item--item-below .menu__link:focus::after{left:-2px;width:calc(100% - 24px)}.header-bottom .menu__link--active-trail{font-weight:700}.header-bottom .menu__link--active-trail::before{height:4px;width:100%}.header-bottom .menu__link__text{display:inline-block}.header-bottom .menu--level-1{background-color:#fff;border:1px solid #ccc;bottom:auto;display:none;left:-20px;min-width:310px;position:absolute;width:calc(100% + 64px);z-index:100}.header-bottom .menu__item--hover .menu--level-1,.header-bottom .menu__item--open .menu--level-1{display:block}.header-bottom .menu--level-1 .menu__toggle-button{display:none}.header-bottom .menu--level-1 .menu__link,.header-bottom .menu--level-1 .menu__item--nolink{--line-height: 1.25;font-size:1rem;font-weight:400;line-height:var(--line-height);display:block;padding:16px 20px}.header-bottom .menu--level-1 .menu__link::before,.header-bottom .menu--level-1 .menu__item--nolink::before{bottom:0;height:100%;left:0;margin:0;right:auto;top:0;transition:width 100ms ease-in}.header-bottom .menu--level-1 .menu__link:focus,.header-bottom .menu--level-1 .menu__item--nolink:focus{margin:0}.header-bottom .menu--level-1 .menu__link:focus::after,.header-bottom .menu--level-1 .menu__item--nolink:focus::after{height:100%;left:8px;width:calc(100% - 16px)}.header-bottom .menu--level-1 .menu__link[aria-current=page],.header-bottom .menu--level-1 .menu__item--nolink[aria-current=page]{font-weight:700}.header-bottom .menu--level-1 .menu__link:hover::before,.header-bottom .menu--level-1 .menu__link[aria-current=page]::before,.header-bottom .menu--level-1 .menu__link.menu__link--active-trail::before,.header-bottom .menu--level-1 .menu__item--nolink:hover::before,.header-bottom .menu--level-1 .menu__item--nolink[aria-current=page]::before,.header-bottom .menu--level-1 .menu__item--nolink.menu__link--active-trail::before{height:100%;width:4px}.header-bottom .menu--level-1 .menu__item--active-trail::before{height:100%;width:0}.nav-toggle-dropdown--search .nav-toggle-dropdown__content{background-color:#f7f7f8}.header-search-wrapper{padding-left:16px;padding-right:16px;max-width:860px;padding-top:48px;padding-bottom:48px}@media(min-width: 768px){.header-search-wrapper{padding-left:32px;padding-right:32px}}.header-search-wrapper .helfi-search__form{align-items:initial;flex-direction:column;margin-bottom:24px}@media(min-width: 576px){.header-search-wrapper .helfi-search__form{align-items:flex-end;flex-direction:row}}.header-search-wrapper .helfi-search__form .hds-text-input{width:100%}.header-search__javascript-disabled{display:block;margin-bottom:24px}.header-search__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-bottom:16px;margin-top:0}@media(min-width: 992px){.header-search__title{--line-height: 1;font-size:2rem;font-weight:400}}.search-container__links-container{display:flex;flex-direction:column;gap:24px}@media(min-width: 768px){.search-container__links-container{flex-direction:row}}@media(min-width: 768px){.search-container__link{width:50%}}.search-container__link p{margin-top:0}.search__link-external{display:inline-block;margin-bottom:8px;--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}.header{--header-top-height: 0}@media(min-width: 992px){.header{--header-top-height: calc(28px + 1.25rem)}}.header-top{display:none}@media(min-width: 992px){.header-top{--line-height: 1.4285714286;font-size:.875rem;font-weight:400;line-height:var(--line-height);align-items:center;background-color:#f1f1f1;display:flex;justify-content:flex-end;padding:14px 32px}}.header-top .menu{display:flex;list-style:none;margin:0;padding:0}[dir="ltr"] .header-top .menu__item+.menu__item{margin-left:16px}[dir="rtl"] .header-top .menu__item+.menu__item{margin-right:16px}.header-top .link-to-site-frontpage{text-decoration:none}.header-top .link-to-site-frontpage:focus,.header-top .link-to-site-frontpage:hover{text-decoration:underline}.header-top .link-to-site-frontpage[aria-current=page],.header-top .link-to-site-frontpage[aria-current=true]{font-weight:700}.header-top .menu__link__text::after{--external-icon-move: translate(1px, -1px)}@media(prefers-reduced-motion){.header-top .menu__link__text::after{--external-icon-move: scale(1)}}.helfi-search__form{align-items:flex-end;display:flex;gap:8px}.helfi-search__form .form-item{margin-bottom:0}html:not(.js) .helfi-search__form{display:none}.helfi-search__submit-button{height:56px}.language-link{text-decoration:none;--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#1a1a1a;margin-left:8px;margin-right:8px}.language-link:focus,.language-link:hover{text-decoration:underline}.language-link[aria-current=page],.language-link[aria-current=true]{font-weight:700}.language-link:first-child{margin-left:0}.language-link[aria-current=true]{border-bottom:3px solid #1a1a1a;cursor:default;text-decoration:none}.language-link.is-disabled{color:#666;cursor:not-allowed}.language-link.is-disabled.is-alternative{display:none}.local-tasks__wrapper{display:none}@media(min-width: 768px){.local-tasks__wrapper{display:block;margin:0 24px}}@media(min-width: 992px){.local-tasks__wrapper{margin:0 32px 16px}}.local-tasks{display:flex;flex:1 1;height:56px;list-style:none;margin:0 0 0 -4px;padding:0}.local-task{align-items:center;display:flex;font-weight:500;margin-left:32px;outline:none;padding:0}.local-task:first-child{margin-left:0}.local-task a{align-items:center;display:flex;height:100%;padding:4px;position:relative;text-decoration:none}.local-task a::after{background-color:#000;bottom:0;content:"";height:4px;left:0;position:absolute;right:0;transform:scale(0);transition:transform .5s cubic-bezier(0.19, 1, 0.22, 1)}.local-task a.is-active::after,.local-task a:hover::after{transform:scale(1)}.local-task a:focus{outline:3px solid #000;outline-offset:2px}.infinite-scroll-pager{display:flex;flex-direction:column;justify-content:center;list-style:none;margin-left:0;margin-top:32px;padding:0}@media(min-width: 768px){.infinite-scroll-pager{flex-direction:row;margin-top:64px}}.infinite-scroll-pager .pager-button{display:flex}.layout-sidebar-first{display:none}@media(min-width: 992px){.layout-sidebar-first{display:block}}.has-section-nav .layout-sidebar-first{display:block}.sidebar-navigation__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-top:0}@media(min-width: 992px){.sidebar-navigation__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.sidebar-navigation__title a{text-decoration:none;align-items:center;display:flex;margin-top:8px;margin-bottom:8px;padding-top:16px;padding-bottom:16px;position:relative}.sidebar-navigation__title a:focus,.sidebar-navigation__title a:hover{text-decoration:underline}.sidebar-navigation__title a[aria-current=page],.sidebar-navigation__title a[aria-current=true]{font-weight:700}.sidebar-navigation__title a::before{background-color:#000;background-size:contain;content:"";display:flex;height:25px;-webkit-mask-image:var(--hel-icon--arrow-left);mask-image:var(--hel-icon--arrow-left);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:25px 25px;mask-size:25px 25px;vertical-align:bottom;width:25px;transition:transform .2s linear;margin-left:8px;margin-right:16px}@media(prefers-reduced-motion){.sidebar-navigation__title a::before{transition:none}}.sidebar-navigation__title a:focus::before,.sidebar-navigation__title a:hover::before{transform:translateX(-4px)}@media(prefers-reduced-motion){.sidebar-navigation__title a:focus::before,.sidebar-navigation__title a:hover::before{transform:none}}.sidebar-navigation__title a:focus{outline:3px solid #000;outline-offset:-5px}.sidebar-navigation{width:100%}.sidebar-navigation .menu__toggle-button{background:rgba(0,0,0,0);border:none;display:none;height:44px;padding:0;position:relative;width:44px}:where(html.js) .sidebar-navigation .menu__toggle-button{display:block}.sidebar-navigation .menu__toggle-button::before{background-color:#f1f1f1;content:"";height:24px;top:0;right:0;bottom:0;left:0;margin:auto;position:absolute;width:24px}.sidebar-navigation .menu__toggle-button .hel-icon{transition:transform .2s ease-in}@media(prefers-reduced-motion){.sidebar-navigation .menu__toggle-button .hel-icon{transition:none}}.sidebar-navigation .menu__toggle-button:focus{outline:3px solid #000;outline-offset:-5px}.sidebar-navigation .menu__toggle-button:hover{cursor:pointer}.sidebar-navigation .menu__toggle-button:hover::before{background-color:#ccc}.sidebar-navigation .menu__link-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.sidebar-navigation .menu{list-style:none;margin:0;padding:0;width:100%}.sidebar-navigation .menu__item{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.sidebar-navigation .menu__item.menu__item--active-trail{display:flex;flex-wrap:wrap}.sidebar-navigation .menu__item.menu__item--active-trail>.menu__link-wrapper{font-weight:bold}.sidebar-navigation .menu__item--children .menu{display:block}:where(html.js) .sidebar-navigation .menu__item--children .menu{display:none}.sidebar-navigation .menu__item--open>.menu{display:block}.sidebar-navigation .menu__item--open>.menu__link-wrapper .hel-icon{transform:rotate(180deg)}.sidebar-navigation .menu__item--nolink,.sidebar-navigation .menu__link{margin-top:5px;margin-bottom:5px;padding:5px 4px;position:relative;width:100%}.sidebar-navigation .menu__item--nolink:focus,.sidebar-navigation .menu__link:focus{outline:3px solid #000;outline-offset:-3px}.sidebar-navigation .menu__item--item-below>.menu__link-wrapper .menu__item--nolink,.sidebar-navigation .menu__item--item-below>.menu__link-wrapper .menu__link{width:calc(100% - 44px)}.sidebar-navigation .menu--level-1{border-left:1px solid #ccc;margin-bottom:16px;padding-left:16px}.sidebar-navigation .menu--level-1 .menu{border-left:1px solid #ccc;padding-left:16px}.sidebar-navigation .menu--level-1 .menu__item--nolink[aria-current=page]::before,.sidebar-navigation .menu--level-1 .menu__link[aria-current=page]::before{background-color:#000;content:"";height:calc(100% + (2 * 5px));top:0;right:0;bottom:0;left:0;left:calc(-1 * 16px - 1px);position:absolute;top:-5px;width:3px}.sidebar-navigation .menu--level-0>.menu__item{border-bottom:1px solid #ccc}.sidebar-navigation .menu--level-0>.menu__item>.menu__link-wrapper .menu__link{margin-top:8px;margin-bottom:8px;padding:8px 4px}@media(min-width: 992px){.sidebar-navigation+.sidebar-navigation{margin-top:64px}}@media(max-width: 992px){.sidebar-navigation--section-navigation{background-color:#f7f7f8;display:block}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu__toggle-button{margin-right:-10px}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu--level-0{padding-left:16px;padding-right:16px}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu--level-0>.menu__item:last-child{border-bottom:0}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu__item--item-below>.menu__link-wrapper{padding-right:0}}@media(max-width: 992px){.section-navigation__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height);background-color:#f7f7f8;border-bottom:0 none;flex-grow:1;margin-top:0;padding:0}}@media(max-width: 992px)and (min-width: 992px){.section-navigation__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}@media(max-width: 992px){.section-navigation__title a{margin-bottom:0;margin-top:0;padding-left:16px;padding-right:16px}}@media(max-width: 992px){.section-navigation__title a::before{display:none}}@media(max-width: 992px){.section-navigation__header{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);align-items:stretch;display:flex}}@media(max-width: 992px){.section-navigation__header .section-navigation__toggle-wrapper{align-items:center;background-color:#dedfe1;display:flex}}.section-navigation__header .menu__toggle-button{display:none}@media(max-width: 992px){.section-navigation__header .menu__toggle-button{background-color:#dedfe1;height:54px;margin-right:0;width:54px}}.section-navigation__header .menu__toggle-button::before{display:none}@media(max-width: 992px){:where(html.js) .section-navigation__header .menu__toggle-button{display:block}}@media(max-width: 992px){.section-navigation__menu-wrapper{display:block}:where(html.js) .section-navigation__menu-wrapper{display:none}}@media(max-width: 992px){.section-navigation__menu-wrapper .menu__toggle-button::before{background-color:#dedfe1}}@media(max-width: 992px){.sidebar-navigation--section-navigation--open .sidebar-navigation__title{background-color:#dedfe1}}@media(max-width: 992px){.sidebar-navigation--section-navigation--open .section-navigation__header .menu__toggle-button .hel-icon{transform:rotate(180deg)}}@media(max-width: 992px){.sidebar-navigation--section-navigation--open .section-navigation__menu-wrapper{display:block}}.skip-to-main{--border-width: 2px;--border-color: var(--color-white);--outline-width: 3px;--background-color: var(--hdbt-color-black);--color: var(--color-white);--focus-outline-color: var(--hdbt-color-black);word-wrap:normal;background-color:var(--background-color);border:var(--border-width) solid var(--border-color);color:var(--color);font-weight:500;left:50%;position:absolute;scroll-margin-top:105px;text-decoration:none;top:0;transform:translate(-50%, 0);transition:transform ease-out .2s;width:-moz-fit-content;width:fit-content;z-index:2}.skip-to-main:not(:focus){clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);max-height:1px;max-width:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}@media(min-width: 768px){.skip-to-main{scroll-margin-top:24px}}.skip-to-main:focus,.skip-to-main:active{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:0;padding:8px 24px;transform:translate(-50%, 102px)}@media(min-width: 768px){.skip-to-main:focus,.skip-to-main:active{transform:translate(-50%, 24px)}}.skip-to-main:hover{text-decoration:underline}.table-of-contents{max-width:1296px}@media(min-width: 768px){.table-of-contents{max-width:1328px}}.table-of-contents:not(:first-child){margin-top:32px}@media(min-width: 992px){.table-of-contents:not(:first-child){margin-top:64px}}@media(min-width: 768px){.table-of-contents{padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}}@media(min-width: 768px)and (min-width: 768px){.table-of-contents{padding-left:32px;padding-right:32px}}.has-sidebar .table-of-contents{margin-left:-16px;margin-right:-16px}@media(min-width: 768px){.has-sidebar .table-of-contents{margin-left:-32px;margin-right:-32px}}.table-of-contents+.long-desc{margin-top:32px}@media(min-width: 992px){.table-of-contents+.long-desc{margin-top:64px}}.table-of-contents__container{background-color:#f7f7f8;border-left:8px solid #c2a251;max-width:908px;padding:32px 24px}.table-of-contents__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-bottom:0;margin-top:0}@media(min-width: 992px){.table-of-contents__title{--line-height: 1;font-size:2rem;font-weight:400}}.table-of-contents__title+.table-of-contents__content{padding-top:16px}@media(min-width: 992px){.table-of-contents__title+.table-of-contents__content{padding-top:24px}}.table-of-contents__list{list-style-type:none;margin:0;padding:0}.table-of-contents__list>.table-of-contents__item~.table-of-contents__item{padding-top:16px}.table-of-contents__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:inline-block;position:relative;text-decoration:underline}.table-of-contents__link:focus{outline:none}.table-of-contents__link:focus::after{box-shadow:0 0 0 3px #000;content:"";display:block;height:100%;left:-4px;position:absolute;top:50%;transform:translateY(-50%);width:calc(100% + 8px)}.tab__content[aria-hidden=true]{display:none}.tab{background:rgba(0,0,0,0);border:none;padding:0;text-decoration:underline}.tab[aria-selected=true]{font-weight:700}.tab:hover{cursor:pointer;text-decoration:none}.tab--map::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:20px;-webkit-mask-image:var(--hel-icon--map);mask-image:var(--hel-icon--map);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;margin-right:8px}.tab--list::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:20px;-webkit-mask-image:var(--hel-icon--menu-hamburger);mask-image:var(--hel-icon--menu-hamburger);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;margin-right:8px}.tabs--unit-search{margin-bottom:32px;margin-top:24px}@media(min-width: 768px){.tabs--unit-search{margin-bottom:0;margin-top:0}}.tabs--unit-search .tab{display:block}.tabs--unit-search .tab[aria-selected=true]{display:none;font-weight:400}.hds-pagination-container{margin-top:32px;text-align:center}@media(min-width: 768px){.hds-pagination-container{margin-top:64px}}.hds-pagination{--active-page-background-color: var(--color-black);--link-height: 40px;--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:inline-block;font-weight:700;position:relative;transform:scaleY(-1)}.hds-pagination::before{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);speak:never;content:attr(data-next);content:attr(data-next)/"";display:block;float:right;line-height:60px;padding-left:26px;padding-right:30px;transform:scaleY(-1);visibility:hidden}.hds-pagination__button-prev,.hds-pagination__button-next{list-style:none;margin-bottom:0;margin-top:0;padding:0}.hds-pagination__button-prev{float:left;margin-right:8px;transform:scaleY(-1);white-space:nowrap}.hds-pagination__button-next{position:absolute;right:0;top:0;transform:scaleY(-1);white-space:nowrap}.hds-pagination__button-prev-label{padding:16px 16px 16px 4px}.hds-pagination__button-next-label{padding:16px 4px 16px 16px}.hds-pagination__pages{display:inline-flex;flex-wrap:wrap;gap:0.5rem;gap:var(--spacing-2-xs);justify-content:center;list-style:none;margin-bottom:0;margin-top:10px;padding:0;transform:scaleY(-1)}.hds-pagination__item-link{align-items:center;border-radius:21px;color:#1a1a1a;color:var(--color-black-90);display:flex;height:var(--link-height);justify-content:center;min-width:40px;padding-left:0.25rem;padding-left:var(--spacing-3-xs);padding-right:0.25rem;padding-right:var(--spacing-3-xs);text-decoration:none}.hds-pagination__item-link:hover{text-decoration:underline}.hds-pagination__item-link:focus,.hds-pagination__item-link:active{outline:solid #0072c6 3px;outline:solid var(--color-coat-of-arms) 3px;outline-offset:1px}.hds-pagination__item-link.hds-pagination__item-link--active{background-color:var(--active-page-background-color);color:#ffffff;color:var(--color-white)}.hds-pagination__item-link.hds-pagination__item-link--active:hover{text-decoration:none}.hds-pagination__item-ellipsis{align-items:center;color:#1a1a1a;color:var(--color-black-90);display:flex;height:var(--link-height);justify-content:center;width:24px}.page-type--article .node--type-article .article-header__container{margin-bottom:32px}@media(min-width: 768px){.page-type--article .node--type-article .article-header__container{margin-bottom:48px}}.page-type--article .node--type-article .article-header__container>div{max-width:860px}@media(min-width: 768px){.page-type--article .node--type-article .article-header__container>div{padding-left:96px}}.page-type--article .node--type-article .article__lead{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);color:#000;margin-bottom:24px}@media(min-width: 992px){.page-type--article .node--type-article .article__lead{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.page-type--article .node--type-article .article__author{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#1a1a1a;display:flex}.page-type--article .node--type-article .article__author .label{margin-right:4px}.page-type--article .node--type-article .article__date{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#999898;margin-bottom:16px}.page-type--article .node--type-article .article__keywords{background:#f7f7f8;margin-top:32px;padding:8px 0 32px}@media(min-width: 768px){.page-type--article .node--type-article .article__keywords{margin-top:64px;padding:40px 0 64px}}@media(min-width: 992px){.page-type--article .node--type-article .article__keywords{margin-top:48px}}.page-type--article .node--type-article .article__keywords .container{max-width:1264px}.page-type--article .node--type-article .article__keywords:last-child{margin-bottom:calc(-1*(50px + 48px));padding-bottom:82px}@media(min-width: 992px){.page-type--article .node--type-article .article__keywords:last-child{padding-bottom:114px}}.page-type--article .node--type-article .article__keywords .keywords__wrapper{margin-left:-4px;margin-right:-4px}.page-type--article .node--type-article .article__keywords .label{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);color:#1a1a1a;margin:0 4px 8px}@media(min-width: 992px){.page-type--article .node--type-article .article__keywords .label{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.page-type--article .node--type-article .article__keywords .label{margin:0 4px 16px}}.page-type--article .node--type-article .article__keywords .keywords{display:flex;flex-flow:row wrap}.page-type--article .node--type-article .article__keywords .keywords a{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);background-color:#000;border-radius:24px;color:#fff;margin:4px;padding:8px 32px;text-decoration:none}[data-unpublished]::before{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);--line-height: 1;background:#b01038;color:#fff;content:attr(data-unpublished);display:block;padding-left:8px;padding-right:8px;position:fixed;transform:rotate(-90deg) translateX(calc(-50% - 50vh));transform-origin:top left;z-index:2}@media(min-width: 768px){[data-unpublished]::before{content:attr(data-unpublished-long);--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);--line-height: 1.5}}.lead-in .component__content{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);max-width:860px}@media(min-width: 992px){.lead-in .component__content{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.page-divider+*{margin-top:48px}.page-divider:first-child{display:none}.page-divider:first-child+*{margin-top:0}.page-title~article .page-divider{display:block}.page-title~article .page-divider+*{margin-top:48px}.page-divider::after{background-color:#000;content:"";display:block;height:2px;margin-top:32px;width:64px}.main-image img{display:block;height:auto;overflow:hidden;width:100%}.long-desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.long-desc>p{max-width:860px}.long-desc>:first-child{margin-top:0}.main-image+.long-desc{margin-top:64px}.no-sidebar .page-title,.no-sidebar .lead-in,.no-sidebar .page-divider,.no-sidebar .main-image,.no-sidebar .long-desc,.no-sidebar .enriched-content{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media(min-width: 768px){.no-sidebar .page-title,.no-sidebar .lead-in,.no-sidebar .page-divider,.no-sidebar .main-image,.no-sidebar .long-desc,.no-sidebar .enriched-content{max-width:1328px}}@media(min-width: 768px){.no-sidebar .page-title,.no-sidebar .lead-in,.no-sidebar .page-divider,.no-sidebar .main-image,.no-sidebar .long-desc,.no-sidebar .enriched-content{padding-left:32px;padding-right:32px}}.content-date{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666;margin-bottom:24px}.content-date__datetime--updated::before{background-color:currentcolor;content:"";display:inline-block;height:1em;margin-bottom:-1px;margin-left:8px;margin-right:8px;width:1px}.content-links{margin-top:32px}@media(min-width: 992px){.content-links{margin-top:64px}}.content-links__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.content-links__title{--line-height: 1;font-size:2rem;font-weight:400}}.content-links__links{margin-top:24px;padding:0}.content-links__links__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);list-style:none;padding:0}.content-links__links__link+.content-links__links__link{margin-top:16px}.content-links__links__link a::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear;margin-left:4px}@media(prefers-reduced-motion){.content-links__links__link a::after{transition:none}}.content-links__links__link a:hover{text-decoration:none}.content-links__links__link a:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.content-links__links__link a:hover::after{transform:none}}.content-links__links__link a[data-is-external]::after{content:none}.sidebar_block_heading{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-top:0;padding-bottom:24px;width:100%}@media(min-width: 992px){.sidebar_block_heading{--line-height: 1;font-size:2rem;font-weight:400}}.cookie-compliance--lead-in__container{max-width:1296px;padding-left:16px;padding-right:16px;padding-top:0}@media(min-width: 768px){.cookie-compliance--lead-in__container{max-width:1328px}}@media(min-width: 768px){.cookie-compliance--lead-in__container{padding-left:32px;padding-right:32px}}.cookie-compliance--lead-in__container h1{margin-bottom:32px;margin-top:0}.cookie-compliance-block .cookie-selection-instruction{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);border-bottom:1px solid #ccc;display:flex;margin-top:32px;padding-bottom:32px}.cookie-compliance-block .cookie-selection-instruction::before{background-color:#000;background-size:contain;content:"";display:flex;height:32px;-webkit-mask-image:var(--hel-icon--info-circle);mask-image:var(--hel-icon--info-circle);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px;margin-right:8px}.cookie-compliance-block .cookie-selection-instruction p{margin-top:0}.cookie-compliance-block .hds-checkbox{display:block;margin-top:32px}.cookie-compliance-block .hds-checkbox .hds-checkbox__label,.cookie-compliance-block .hds-checkbox>label{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;padding-left:calc(var(--size) + 16px)}@media(min-width: 992px){.cookie-compliance-block .hds-checkbox .hds-checkbox__label,.cookie-compliance-block .hds-checkbox>label{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.cookie-compliance-block .hds-checkbox .hds-checkbox__input,.cookie-compliance-block .hds-checkbox .hds-checkbox__label::after,.cookie-compliance-block .hds-checkbox>label::after,.cookie-compliance-block .hds-checkbox .hds-checkbox__label::before,.cookie-compliance-block .hds-checkbox>label::before{top:7px}.cookie-compliance-block .form-item:not(:last-of-type) .description{border-bottom:1px solid #ccc}.cookie-compliance-block .description{display:block}@media(min-width: 992px){.cookie-compliance-block .description{padding-top:16px}}.cookie-compliance-block .buttons input{margin-bottom:8px}.cookie-compliance--lead-in__container p,.cookie-compliance-block p{max-width:860px}.embedded-content-cookie-compliance,.react-and-share-cookie-compliance,.helfi-charts-cookie-compliance{align-content:center;align-items:center;background-color:#f1f1f1;display:flex;justify-content:center}.map .embedded-content-cookie-compliance,.remote-video .embedded-content-cookie-compliance,.map .react-and-share-cookie-compliance,.remote-video .react-and-share-cookie-compliance,.map .helfi-charts-cookie-compliance,.remote-video .helfi-charts-cookie-compliance{aspect-ratio:16/9}.embedded-content-cookie-compliance .message,.react-and-share-cookie-compliance .message,.helfi-charts-cookie-compliance .message{background-color:#fff;margin:16px;max-width:892px;padding:16px}@media(min-width: 768px){.embedded-content-cookie-compliance .message,.react-and-share-cookie-compliance .message,.helfi-charts-cookie-compliance .message{margin:64px;max-width:924px;padding:32px}}.embedded-content-cookie-compliance .message .hel-icon,.react-and-share-cookie-compliance .message .hel-icon,.helfi-charts-cookie-compliance .message .hel-icon{--icon-size: 24px}.embedded-content-cookie-compliance .message h2,.react-and-share-cookie-compliance .message h2,.helfi-charts-cookie-compliance .message h2{margin-top:0;--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.embedded-content-cookie-compliance .message h2,.react-and-share-cookie-compliance .message h2,.helfi-charts-cookie-compliance .message h2{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.embedded-content-cookie-compliance .message .buttons,.react-and-share-cookie-compliance .message .buttons,.helfi-charts-cookie-compliance .message .buttons{display:flex;flex-direction:column;margin-top:16px}@media(min-width: 768px){.embedded-content-cookie-compliance .message .buttons,.react-and-share-cookie-compliance .message .buttons,.helfi-charts-cookie-compliance .message .buttons{flex-direction:row}}.embedded-content-cookie-compliance .message .hds-button,.react-and-share-cookie-compliance .message .hds-button,.helfi-charts-cookie-compliance .message .hds-button{--theme-fg1: var(--color-white);--theme-fg2: var(--color-black);--theme-bg1: var(--color-black);--theme-bg2: transparent;--theme-focus: var(--color-black);margin-top:16px;max-width:400px}@media(min-width: 768px){.embedded-content-cookie-compliance .message .hds-button,.react-and-share-cookie-compliance .message .hds-button,.helfi-charts-cookie-compliance .message .hds-button{margin-left:16px;margin-top:0}}.embedded-content-cookie-compliance .message .hds-button:first-child,.react-and-share-cookie-compliance .message .hds-button:first-child,.helfi-charts-cookie-compliance .message .hds-button:first-child{margin-left:0;margin-top:0}.layout-main-wrapper>.block--react-and-share:last-child .message{margin-bottom:80px}.remote-video .embedded-content-cookie-compliance{background-color:#1a1a1a}.remote-video .embedded-content-cookie-compliance .message{background-color:#000}.remote-video .embedded-content-cookie-compliance .message .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.react-and-share-cookie-compliance .message{background-color:rgba(0,0,0,0);padding:0}.errand-service{margin-top:48px}@media(min-width: 992px){.errand-service{margin-top:64px}}.errand-service__container{padding:0}.errand-service__title{margin-top:0}.errand-service__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:24px}.errand-service__description p:first-child{margin-top:0}.errand-service__accordion{margin-top:32px}@media(min-width: 992px){.errand-service__accordion{margin-top:64px}}.errand-service__accordion .accordion__container{padding-left:0;padding-right:0;padding-top:0}.errand-service__accordion .errand-service__detail-links{list-style:none;padding-left:0;padding-top:0}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link-wrapper{margin-top:16px}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link-wrapper:first-child{margin-top:0}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link{display:flex}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link:before{background-color:#000;background-size:contain;content:"";display:flex;height:24px;-webkit-mask-image:var(--hel-icon--globe);mask-image:var(--hel-icon--globe);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;flex-shrink:0;margin-right:8px}.page-type--news-item .sidebar-first{display:block}.news-listing{margin-top:0;padding-left:0;padding-top:0}.news-listing__item{list-style:none;margin-top:24px;position:relative}.news-listing__link{display:block;text-decoration:none}.news-listing__link:focus,.news-listing__link:hover{text-decoration:underline}.news-listing__link::after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.news-listing__title{margin-top:0}.news-listing__datetime{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666}.components--news{margin-top:0}.news-listing--latest-tiny-teasers .news-listing__item{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--color-black-10);display:flex;margin-top:16px;padding-bottom:8px}.news-listing__tiny-teaser .news-listing__title{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:8px}@media(min-width: 768px){.news-listing--latest-medium-teasers{display:flex;flex-wrap:wrap}}.news-listing--latest-medium-teasers .news-listing__item:first-child{margin-top:0}@media(min-width: 768px){.news-listing--latest-medium-teasers .news-listing__item:nth-child(2){margin-top:0}}@media(min-width: 768px){.news-listing--latest-medium-teasers .news-listing__item{margin-top:32px;padding-right:24px;width:50%}}.news-listing__medium-teaser{border-left:4px solid var(--hdbt-color-palette--accent);padding-left:16px}@media(min-width: 992px){.news-listing__medium-teaser{padding-left:24px}}.news-listing__medium-teaser .news-listing__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.news-listing__medium-teaser .news-listing__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}@media(min-width: 992px){.news-listing__medium-teaser .news-listing__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}}@media(min-width: 992px)and (min-width: 992px){.news-listing__medium-teaser .news-listing__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.news-listing__medium-teaser .news-listing__datetime{display:block;margin-top:16px}@media(min-width: 992px){.news-listing__medium-teaser .news-listing__datetime{margin-top:24px}}.news-listing--teasers{max-width:860px}.news-listing--teasers .news-listing__item{align-items:flex-start;border-bottom:1px solid #f7f7f8;display:flex;flex-wrap:wrap;padding-bottom:24px;position:relative}.news-listing--teasers .news-listing__item:first-child{margin-top:24px}.news-listing--teasers .news-listing__item:last-child{border-bottom:none;padding-bottom:0}.news-listing--teasers .news-listing__content{width:100%}@media(min-width: 768px){.news-listing--teasers .news-listing__content{padding-right:24px;width:75%}}.news-listing--teasers .news-listing__content--with-image{padding-right:24px;width:75%}.news-listing--teasers .news-listing__img{box-shadow:inset 0 0 0 1px #e5e5e5;width:25%}.news-listing--teasers .news-listing__img img{display:block;height:auto;width:100%}.news-listing--teasers .news-listing__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.news-listing--teasers .news-listing__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.news-listing--teasers .news-listing__datetime{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:block;margin-top:8px}@media(min-width: 992px){.news-listing--teasers .news-listing__datetime{margin-top:16px}}@media(min-width: 768px){.news-listing--card-teasers{display:flex;flex-direction:row;flex-wrap:wrap;margin-right:-24px}}@media(min-width: 768px){.news-listing--card-teasers .news-listing__item{width:50%}}@media(min-width: 992px){.news-listing--card-teasers .news-listing__item{width:25%}}.news-listing--card-teasers .news-listing__card-teaser{height:100%}.news-listing__card-teaser{border-bottom:1px solid #f1f1f1;border-bottom:1px solid var(--color-black-5);display:flex;padding-bottom:16px;position:relative}.news-listing__card-teaser:hover .hel-icon--arrow-right{transform:translateX(4px)}@media(prefers-reduced-motion){.news-listing__card-teaser:hover .hel-icon--arrow-right{transform:none}}@media(min-width: 768px){.news-listing__card-teaser{border:1px solid #000000;border:1px solid var(--color-black);flex-direction:column;margin-right:24px;padding-bottom:0}}.news-listing__card-teaser .news-listing__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.news-listing__card-teaser .news-listing__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}@media(min-width: 768px){.news-listing__card-teaser .news-listing__title{font-size:1.25rem;line-height:30/20}}.news-listing__card-teaser .news-listing__img{position:relative;width:40%}@media(min-width: 768px){.news-listing__card-teaser .news-listing__img{width:unset}}.news-listing__card-teaser .news-listing__img img{display:block;height:auto;width:100%}.news-listing__card-teaser .image-placeholder{padding-bottom:66.6666666667%}.news-listing__card-teaser .news-listing__text-container{display:flex;flex-direction:column;height:100%;padding-left:16px;width:60%}@media(min-width: 768px){.news-listing__card-teaser .news-listing__text-container{padding:16px;width:unset}}.news-listing__card-teaser .news-listing__title,.news-listing__card-teaser .news-listing__datetime{margin-bottom:8px}.news-listing__card-teaser .news-listing__datetime{display:flex;flex-grow:1}.news-listing__card-teaser .hel-icon--arrow-right{transition:transform .2s linear;display:none;height:48px;width:48px}@media(prefers-reduced-motion){.news-listing__card-teaser .hel-icon--arrow-right{transition:none}}@media(min-width: 768px){.news-listing__card-teaser .hel-icon--arrow-right{display:inline-block}}.news-listing--sidebar{margin-bottom:64px}.news-listing--sidebar .link__read-more-news{align-items:center;display:flex;text-decoration:none}.news-listing--sidebar .link__read-more-news .hel-icon--arrow-right{transition:transform .2s linear;height:24px;margin-left:4px;width:24px}@media(prefers-reduced-motion){.news-listing--sidebar .link__read-more-news .hel-icon--arrow-right{transition:none}}.news-listing--sidebar .link__read-more-news:focus,.news-listing--sidebar .link__read-more-news:hover{text-decoration:underline}.news-listing--sidebar .link__read-more-news:focus .hel-icon,.news-listing--sidebar .link__read-more-news:hover .hel-icon{transform:translateX(4px)}@media(prefers-reduced-motion){.news-listing--sidebar .link__read-more-news:focus .hel-icon,.news-listing--sidebar .link__read-more-news:hover .hel-icon{transform:none}}.news-archive__heading{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-top:0;padding-bottom:24px;width:100%}@media(min-width: 992px){.news-archive__heading{--line-height: 1;font-size:2rem;font-weight:400}}.service-channel__links{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-items:flex-start;place-items:flex-start}.service-channel__links .service-channel__link-explanation{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666;display:inline-block;margin-bottom:8px}.service-channel__links a:not(.service-channel__link){--background-color-hover: transparent;--background-color-hover-focus: transparent;--background-color: var(--hdbt-color-palette-button--secondary);--background-color-focus: var(--hdbt-color-palette-button--secondary);--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--color: var(--hdbt-color-palette-button-contrast--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button-contrast--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--focus-outline-color: var(--hdbt-color-palette-button--secondary)}.service-channel__links a:not(.service-channel__link):first-child{margin-top:0}.service-channel:not(.service-channel--eservice){margin:24px 0 0;padding-bottom:0;padding-left:calc(24px + 8px);padding-right:16px;padding-top:0}@media(min-width: 992px){.service-channel:not(.service-channel--eservice){border:1px solid #000;margin:32px 0 0;padding-bottom:32px;padding-left:calc(24px + 24px + 8px);padding-right:24px;padding-top:32px}}.service-channel:not(.service-channel--eservice) .service-channel__header{align-items:flex-start;display:flex}.service-channel:not(.service-channel--eservice) .service-channel__type{height:24px;margin-left:calc(-24px - 8px);overflow:hidden;position:absolute;text-indent:-9999px;width:24px}.service-channel:not(.service-channel--eservice) .service-channel__type:after{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;left:0;position:absolute;text-indent:0;top:0}.service-channel:not(.service-channel--eservice) .service-channel__title{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height);margin-top:0;width:100%}@media(min-width: 992px){.service-channel:not(.service-channel--eservice) .service-channel__title{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.service-channel:not(.service-channel--eservice) .service-channel__links{margin-top:24px}.service-channel--eservice{background-color:var(--hdbt-color-palette--secondary);margin-top:24px;padding:24px 24px 32px}@media(min-width: 992px){.service-channel--eservice{margin:32px 0 0;padding:48px 32px}}.service-channel--eservice .service-channel__type{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height)}@media(min-width: 992px){.service-channel--eservice .service-channel__type{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.service-channel--eservice .service-channel__title{--line-height: 1.2307692308;font-size:1.625rem;font-weight:500;line-height:var(--line-height);margin-top:24px}@media(min-width: 992px){.service-channel--eservice .service-channel__title{--line-height: 1.2352941176;font-size:2.125rem;font-weight:500}}@media(min-width: 992px){.service-channel--eservice .service-channel__title{margin-top:16px}}.service-channel--eservice .service-channel__links{margin-top:24px}.service-channel--email .service-channel__type:after{-webkit-mask-image:var(--hel-icon--glyph-at);mask-image:var(--hel-icon--glyph-at)}.service-channel--sms .service-channel__type:after{-webkit-mask-image:var(--hel-icon--mobile);mask-image:var(--hel-icon--mobile)}.service-channel--telephone .service-channel__type:after{-webkit-mask-image:var(--hel-icon--phone);mask-image:var(--hel-icon--phone)}.service-channel--printable_form .service-channel__type:after{-webkit-mask-image:var(--hel-icon--document);mask-image:var(--hel-icon--document)}.service-channel--webpage .service-channel__type:after{-webkit-mask-image:var(--hel-icon--globe);mask-image:var(--hel-icon--globe)}.service-channel--chat .service-channel__type:after{-webkit-mask-image:var(--hel-icon--speechbubble-text);mask-image:var(--hel-icon--speechbubble-text)}.service-channel--local .service-channel__type:after{-webkit-mask-image:var(--hel-icon--location);mask-image:var(--hel-icon--location)}.service-channel--mail .service-channel__type:after{-webkit-mask-image:var(--hel-icon--envelope);mask-image:var(--hel-icon--envelope)}.service-channel__phone,.service-channel__email{margin-top:16px}.service-channel__phone>a,.service-channel__email>a{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.service-channel__phone>a,.service-channel__email>a{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.service-channel--no-title .service-channel__phone,.service-channel--no-title .service-channel__email{margin-top:0}.service-channel__call_charge{display:flex;margin-top:16px}.service-channel__call_charge .service-channel__call_charge-label{font-weight:500;margin-right:4px}.service-channel__call_charge p:first-of-type{margin-top:0}.service-channel__info{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);margin-top:24px}.service-channel__info>*{display:block}.service-channel__info>*+*{margin-top:8px}@media(min-width: 992px){.service-channel__info{align-items:center;display:flex}.service-channel__info>*{align-items:center;display:flex;margin-top:0}.service-channel__info>*:after{content:"|";margin:0 16px}.service-channel__info>*:last-child:after{content:""}}.service__units{margin-top:32px}@media(min-width: 992px){.service__units{margin-top:64px}}.main-content:last-child .service.service--full .component--service-units:last-child{margin-bottom:calc(-1*(50px + 64px));padding-bottom:98px}@media(min-width: 992px){.main-content:last-child .service.service--full .component--service-units:last-child{padding-bottom:114px}}@media(min-width: 992px){.service.service--teaser{height:100%;margin-left:calc(24px / 2);margin-right:calc(24px / 2)}}.service.service--teaser .service__link{border:1px solid #000;display:block;height:100%;margin-top:8px;padding:24px calc(24px + 32px + 16px) 24px 24px;position:relative;text-decoration:none}@media(min-width: 992px){.service.service--teaser .service__link{display:flex;flex-direction:column;justify-content:space-between;line-height:0;margin-top:0;min-height:240px;padding:32px 24px calc(24px + 24px)}}.service.service--teaser .service__link::before{background-color:#c2a251;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:8px}@media(min-width: 992px){.service.service--teaser .service__link::before{bottom:0;height:24px;right:0;top:auto;width:100%}}.service.service--teaser .service__link:hover{text-decoration:underline}.service.service--teaser .service__link:hover .hel-icon{margin-left:16px}@media(prefers-reduced-motion){.service.service--teaser .service__link:hover .hel-icon{margin-left:0}}.service.service--teaser .service__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin:0}@media(min-width: 992px){.service.service--teaser .service__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.service.service--teaser .hel-icon{--icon-size: 32px;bottom:50%;left:auto;position:absolute;right:16px;transform:translateY(50%);transition:all .3s}@media(prefers-reduced-motion){.service.service--teaser .hel-icon{transition:none}}@media(min-width: 992px){.service.service--teaser .hel-icon{--icon-size: 48px;margin-top:24px;position:static;right:auto;transform:none}}.service--units__container{margin-bottom:64px;margin-top:64px}.component--service-units{background-color:#f1f1f1;padding-bottom:96px;padding-top:96px}.component--service-units .service__units__header{display:block}.component--service-units .service__units__title{margin-top:0}.component--service-units .service__units__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;margin-top:16px;white-space:nowrap}@media(min-width: 992px){.component--service-units .service__units__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.component--service-units .service__units__count-container .service__units__count{font-weight:700}.component--service-units .service__units__list{margin-top:24px}@media(min-width: 992px){.component--service-units .service__units__list{margin-top:48px}}.component--service-units .unit.unit--teaser{margin-top:24px}@media(min-width: 768px){.component--service-units .unit.unit--teaser{margin-top:16px}}@media(min-width: 992px){.unit__contact:first-child .unit__contact__title{margin-top:8px}}.unit__contact .unit__contact__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-bottom:24px;margin-top:8px;padding-bottom:16px}@media(min-width: 992px){.unit__contact .unit__contact__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 992px){.unit__contact .unit__contact__title{margin-top:32px}}.unit__contact .unit__contact-row{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);border-bottom:1px solid #ccc;margin-bottom:16px;padding-bottom:16px;padding-left:32px}.unit__contact .unit__contact-row:last-of-type{border-bottom:0 none;margin-bottom:0;padding-bottom:0}.unit__contact .unit__contact-row .unit__contact-row__label{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height);align-items:flex-start;display:flex;margin-bottom:8px}@media(min-width: 992px){.unit__contact .unit__contact-row .unit__contact-row__label{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.unit__contact .unit__contact-row .unit__contact-row__label .hel-icon{--icon-size: 24px;margin-left:-32px;margin-right:8px;margin-top:2px}.unit__contact .unit__contact-row .form-item:last-child{margin-bottom:0}.unit__contact .unit__contact-row p:first-of-type{margin-top:0}.unit__contact .unit__contact-row--email a{word-break:break-all}.unit__contact .address>*{display:block}.unit__contact .phone{display:block;margin-bottom:8px}.unit__contact .phone:last-child{margin-bottom:0}.unit__content{margin-top:64px}@media(min-width: 992px){.unit__content{margin-top:96px}}.unit__services{padding:0}.unit__services .unit--services__container{padding-top:0}.unit__services .unit__services__title{margin-top:0}.unit__services .unit__services__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;margin-top:24px;width:100%}@media(min-width: 992px){.unit__services .unit__services__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.unit__services .unit__services__count-container .unit__services__count{font-weight:700}.unit__services .unit__services__list{margin-top:24px}@media(min-width: 992px){.unit__services .unit__services__list{margin-top:48px}}@media(min-width: 992px){.unit__services .unit__services__list>*{display:flex;flex-wrap:wrap;margin-left:calc(-24px / 2);margin-right:calc(-24px / 2)}}.unit__services .unit__services__list .service{width:100%}@media(min-width: 992px){.unit__services .unit__services__list .service{margin-top:24px;width:25%}}.unit__services .unit__services__list .service:nth-child(-n+4){margin-top:0}@media(min-width: 992px){.unit__services .unit__services__list .service{width:calc(25% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(1):nth-last-child(1){width:calc(50% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(1):nth-last-child(2){width:calc(50% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(2):nth-last-child(1){width:calc(50% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(1):nth-last-child(3){width:calc(33.33% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(2):nth-last-child(2){width:calc(33.33% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(3):nth-last-child(1){width:calc(33.33% - 24px)}}.unit__accessibility_sentences.component--accordion .accordion-item__content h3{margin-top:0}.unit__accessibility_sentences.component--accordion .accordion-item__content h3:not(:first-of-type){padding-top:32px}.unit__accessibility_sentences.component--accordion .accordion-item__content ul{margin:0;padding:0}.unit__accessibility_sentences.component--accordion .accordion-item__content li{display:list-item;margin-left:24px;margin-top:16px}@media(min-width: 576px){.unit__accessibility_sentences.component--accordion .accordion-item__content__inner{padding-left:50px}}@media(min-width: 992px){.unit__accessibility_sentences.component--accordion .accordion-item__content__inner{padding-left:72px}}.main-content:last-child .unit.unit--full .unit__services:last-child{margin-bottom:calc(-1*(50px + 48px));padding-bottom:82px}@media(min-width: 992px){.main-content:last-child .unit.unit--full .unit__services:last-child{margin-bottom:calc(-1*(50px + 64px));padding-bottom:114px}}.unit.unit--full .content-tags{margin-bottom:24px}@media(min-width: 768px){.unit.unit--full .content-tags{margin-bottom:32px}}.unit.unit--teaser{align-items:flex-start;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative}@media(min-width: 768px){.unit.unit--teaser{align-items:stretch;flex-direction:row;min-height:220px;padding-left:325px}}.views-row:last-child .unit.unit--teaser{margin-bottom:0}.unit.unit--teaser .unit__image{background-color:var(--hdbt-color-palette--primary);color:var(--hdbt-color-palette-text--primary);margin:0;overflow:hidden}@media(min-width: 768px){.unit.unit--teaser .unit__image{height:100%;left:0;margin:0;position:absolute;top:0;width:325px}}.unit.unit--teaser .unit__image img{display:block;height:auto;overflow:hidden;width:100%}@media(min-width: 768px){.unit.unit--teaser .unit__image img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover}}.unit.unit--teaser .unit__image--placeholder{width:100%}@media(min-width: 768px){.unit.unit--teaser .unit__image--placeholder{align-items:center;display:flex;width:325px}}.unit.unit--teaser .unit__text{margin-top:32px;padding:0 24px 32px;width:100%}@media(min-width: 768px){.unit.unit--teaser .unit__text{display:flex;flex-direction:column;justify-content:space-between;margin-top:0;padding:32px}}.unit.unit--teaser .unit__text .unit__text__content{align-content:flex-start}@media(min-width: 768px){.unit.unit--teaser .unit__text .unit__text__content{display:flex;flex-wrap:wrap;max-width:530px}}.unit.unit--teaser .unit__link{text-decoration:none}.unit.unit--teaser .unit__link::after{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%}.unit.unit--teaser .unit__link:hover{text-decoration:underline}.unit.unit--teaser .unit__title{--line-height: 1.2307692308;font-size:1.625rem;font-weight:500;line-height:var(--line-height);margin-bottom:4px;margin-top:0;padding-right:24px}@media(min-width: 992px){.unit.unit--teaser .unit__title{--line-height: 1.2352941176;font-size:2.125rem;font-weight:500}}@media(min-width: 768px){.unit.unit--teaser .unit__title{margin-bottom:0;padding-right:0;width:100%}}.unit.unit--teaser .unit__info{margin-top:8px}@media(min-width: 768px){.unit.unit--teaser .unit__info{width:100%}}.unit.unit--teaser .unit__info-row{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:flex;margin-bottom:24px}@media(min-width: 768px){.unit.unit--teaser .unit__info-row{margin-bottom:16px}}.unit.unit--teaser .unit__info-row:last-child{margin-bottom:0}@media(min-width: 768px){.unit.unit--teaser .unit__info-row--address{margin-bottom:8px}}.unit.unit--teaser .unit__info-row--address .address{display:inline}.unit.unit--teaser .unit__info-row--address .address .address-line1::after,.unit.unit--teaser .unit__info-row--address .address .address-line2::after{content:","}.unit.unit--teaser .content-tags{margin-top:16px}.unit.unit--teaser .unit__read-more{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);display:flex;margin-top:32px}@media(min-width: 768px){.unit.unit--teaser .unit__read-more{justify-content:flex-end;margin-top:16px}}.unit.unit--teaser .unit__read-more .unit__read-more__text{font-weight:500}.unit.unit--teaser .unit__read-more .hel-icon{transition:transform .2s linear;margin-left:8px;pointer-events:none}@media(prefers-reduced-motion){.unit.unit--teaser .unit__read-more .hel-icon{transition:none}}.unit.unit--teaser:hover .unit__read-more .hel-icon{transform:translateX(4px)}@media(prefers-reduced-motion){.unit.unit--teaser:hover .unit__read-more .hel-icon{transform:none}}.unit--minimal{background-color:#fff}.unit--minimal .unit__link{display:block;padding:24px;text-decoration:none}.unit--minimal .unit__link:focus .unit__title,.unit--minimal .unit__link:hover .unit__title{text-decoration:underline}.unit--minimal .unit__link:focus .unit__read-more .hel-icon,.unit--minimal .unit__link:hover .unit__read-more .hel-icon{transform:translateX(8px)}@media(prefers-reduced-motion){.unit--minimal .unit__link:focus .unit__read-more .hel-icon,.unit--minimal .unit__link:hover .unit__read-more .hel-icon{transform:none}}@media(min-width: 768px){.unit--minimal .unit__text{display:flex;justify-content:space-between;width:100%}}@media(min-width: 768px){.unit--minimal .unit__text__content{display:flex;justify-content:space-between;width:calc(100% - 32px + 24px)}}.unit--minimal .unit__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.unit--minimal .unit__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.unit--minimal .unit__title{font-weight:700;margin-top:2px;padding-right:24px;width:60%}}@media(min-width: 768px){.unit--minimal .unit__info{display:flex;justify-content:space-between;padding-right:24px;width:40%}}.unit--minimal .unit__info-row--address{margin-top:8px}@media(min-width: 768px){.unit--minimal .unit__info-row--address{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:2px}}.unit--minimal .unit__info-row--address .address-line1::after,.unit--minimal .unit__info-row--address .address-line2::after{content:","}.unit--minimal .unit__info-row--address p:first-child{margin-top:0}.unit--minimal .unit__info-row--distance{--line-height: 1.5;font-size:.875rem;font-weight:500;line-height:var(--line-height);color:#666;margin-top:8px;white-space:nowrap}@media(min-width: 768px){.unit--minimal .unit__info-row--distance{margin-left:16px;margin-top:7px}}.unit--minimal .unit__read-more{margin-top:16px}@media(min-width: 768px){.unit--minimal .unit__read-more{display:flex;margin-top:0}}.unit--minimal .unit__read-more .hel-icon{--icon-size: 32px;transition:transform .2s linear}@media(prefers-reduced-motion){.unit--minimal .unit__read-more .hel-icon{transition:none}}.component--accordion .accordion__wrapper{border-bottom:1px solid #ccc}.component--accordion .accordion-item__header{border-top:1px solid #ccc;margin:0;padding:0}.component--accordion .accordion-item__header.handorgel__header--opened .accordion-item__button--toggle{background-color:rgba(0,0,0,0)}.component--accordion .accordion-item__header.handorgel__header--opened .accordion-item__button--toggle::after{transform:translateY(-50%) rotate(180deg)}.component--accordion .accordion-item__header .accordion-item__button--toggle:focus,.component--accordion .accordion-item__header.handorgel__header--focus .accordion-item__button--toggle{position:relative}.component--accordion .accordion-item__header .accordion-item__button--toggle:focus::before,.component--accordion .accordion-item__header.handorgel__header--focus .accordion-item__button--toggle::before{box-shadow:0 0 0 3px #1a1a1a;pointer-events:none}.component--accordion .accordion-item__button{align-items:center;background:rgba(0,0,0,0);border:none;display:flex;margin:0;padding:0;text-align:left}.component--accordion .accordion-item__icon{display:inline-flex;margin-right:8px}@media(min-width: 992px){.component--accordion .accordion-item__icon{margin-right:16px}}.component--accordion .accordion-item__icon .hel-icon{--icon-size: 1.5rem}@media(min-width: 992px){.component--accordion .accordion-item__icon .hel-icon{--icon-size: 3rem}}.component--accordion .accordion-item__button--toggle{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);border:none;padding:16px 60px 16px 0;position:relative;width:100%}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle{padding:24px 60px 24px 0}}.component--accordion .accordion-item__button--toggle::before{content:"";height:30px;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle::before{height:32px;width:32px}}.component--accordion .accordion-item__button--toggle::after{transition:transform .2s ease-in;background-image:var(--hel-icon--angle-down);background-position:center;background-repeat:no-repeat;background-size:100%;content:"";height:30px;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px}@media(prefers-reduced-motion){.component--accordion .accordion-item__button--toggle::after{transition:none}}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle::after{height:32px;width:32px}}.component--accordion .accordion-item__button--close{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);align-items:center;bottom:16px;display:flex;padding:8px;position:absolute;right:-1px}.component--accordion .accordion-item__button--close:focus{box-shadow:0 0 0 3px #1a1a1a;outline:none;pointer-events:none}.component--accordion .accordion-item__button--close:hover{cursor:pointer}.component--accordion .accordion-item__content{border:none}.component--accordion .accordion-item__content__inner{padding:0 0 64px;position:relative}.component--accordion .accordion-item__content__inner>*:first-child{margin-top:0}.component--accordion .component--image .component__content{max-width:860px}.component--accordion-bg-white .accordion__wrapper~.accordion__wrapper .accordion-item__header{border-top:none}.component--accordion-bg-grey .accordion-item__header{background-color:#f1f1f1;border-color:#fff}.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle{padding:16px 82px 16px 16px}@media(min-width: 992px){.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle{padding:24px 82px 24px 24px}}.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::before,.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::after{right:16px}@media(min-width: 992px){.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::before,.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::after{right:24px}}.component--accordion-bg-grey .accordion__wrapper{border-color:#f1f1f1}.component--accordion-bg-grey .accordion-item__content{background-color:#f1f1f1;padding-left:16px;padding-right:16px}@media(min-width: 992px){.component--accordion-bg-grey .accordion-item__content{padding-left:24px;padding-right:24px}}.component--accordion-bg-white+.component--accordion-bg-white.component--no-header,.component--accordion-bg-grey+.component--accordion-bg-grey.component--no-header{margin-top:0}.component--accordion-bg-white+.component--accordion-bg-white.component--no-header .accordion-item__header{border-top:0 none}.component--accordion .handorgel{border-left:none;border-right:none;border-top:none}.component--accordion .handorgel .handorgel__header--open .handorgel__header__button{background-color:rgba(0,0,0,0)}.component--accordion .handorgel .handorgel__header--focus .handorgel__header__button{background-color:rgba(0,0,0,0)}.component--accordion .handorgel .handorgel__header__button{background-color:rgba(0,0,0,0);border:none}.component--accordion .handorgel .handorgel__content{border:0}.accordion--white+.accordion--white.accordion--no-header,.accordion--grey+.accordion--grey.accordion--no-header{margin-top:0}.accordion--white+.accordion--white.accordion--no-header>.container,.accordion--grey+.accordion--grey.accordion--no-header>.container{padding-top:0}.accordion--white+.accordion--white.accordion--no-header>.container>.accordion__wrapper>.accordion-item__header{border-top:0 none}.banner__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.banner__title{--line-height: 1;font-size:2rem;font-weight:400}}.banner__desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:16px}@media(min-width: 992px){.banner__desc{margin-top:24px}}.banner__desc p:first-child{margin:0}.banner__icon{display:inline-flex;margin-bottom:24px;margin-right:16px}@media(min-width: 768px){.banner__icon{margin-right:24px}}.banner__icon .hel-icon{--icon-size: 64px}@media(min-width: 768px){.banner__icon .hel-icon{--icon-size: 6.25rem}}.banner__icon a{--hdbt-default-link-color: var(--hdbt-color-palette-text--primary)}.component--banner .banner{padding-bottom:32px;padding-left:32px;padding-right:32px;padding-top:32px}a.banner__button{margin:32px auto 0}.component--banner-align-center{text-align:center}.component--banner-align-center .banner__title,.component--banner-align-center .banner__desc{margin-left:auto;margin-right:auto;max-width:700px}.component--banner-align-center .component__content{margin-left:auto;margin-right:auto}.component--banner-align-left .banner{display:flex;flex-flow:column}@media(min-width: 768px){.component--banner-align-left .banner{flex-flow:row}}@media(min-width: 992px){.component--banner-align-left.component--banner-has-icon .banner__button{margin-left:auto;margin-right:0}}.component--banner-align-left.component--banner-has-icon .banner__button.hds-button--supplementary{margin-left:calc(-8px + (-2px))}.component--banner .component__container{background-color:var(--hdbt-color-palette--primary);color:var(--hdbt-color-palette-text--primary)}.banner a{--hdbt-default-link-color: var(--hdbt-color-palette-text--primary)}.banner .hds-button--primary{--background-color: var(--hdbt-color-palette-button--primary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--primary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button-contrast--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--primary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--primary)}.banner .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--primary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--primary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--hdbt-color-palette-button--primary);--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button-contrast--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--primary);--focus-outline-color: var(--hdbt-color-palette-button--primary)}.banner .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--hdbt-color-palette-button--primary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.component--banner-secondary .component__container{background-color:var(--hdbt-color-palette--secondary);color:var(--hdbt-color-palette-text--secondary)}.component--banner-secondary .banner a{--hdbt-default-link-color: var(--hdbt-color-palette-text--secondary)}.component--banner-secondary .banner .hds-button--primary{--background-color: var(--hdbt-color-palette-button--secondary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--secondary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button-contrast--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--secondary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--secondary)}.component--banner-secondary .banner .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--secondary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--secondary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--hdbt-color-palette-button--secondary);--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button-contrast--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--secondary);--focus-outline-color: var(--hdbt-color-palette-button--secondary)}.component--banner-secondary .banner .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--hdbt-color-palette-button--secondary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.helfi-charts-content iframe{aspect-ratio:16/9;border:0;height:auto;width:100%}.helfi-charts-noscript{background:#dedfe1;padding:16px}.helfi-charts-noscript p:first-child{margin-top:0}.chart__transcript{margin-top:16px}.columns{align-items:center;display:flex;flex-direction:column}@media(min-width: 768px){.columns{flex-direction:row;margin-left:-24px;margin-right:-24px}}@media(min-width: 992px){.columns{margin-left:-32px;margin-right:-32px}}.columns .image .image__container{padding:0}@media(min-width: 768px){.columns .image .image__container{padding:0}}@media(min-width: 992px){.columns .image .image__container{padding:0}}.columns__column{align-self:stretch}@media(min-width: 768px){.columns__column{margin-left:24px;margin-right:24px}}@media(min-width: 992px){.columns__column{margin-left:32px;margin-right:32px}}@media(min-width: 768px){.columns__column.column--50{width:50%}}@media(min-width: 768px){.columns__column.column--30{width:30%}}@media(min-width: 768px){.columns__column.column--70{width:70%}}.columns__column+.columns__column{margin-top:32px}@media(min-width: 768px){.columns__column+.columns__column{margin-top:0}}@media(min-width: 992px){.has-sidebar .main-content .columns{flex-direction:column}}@media(min-width: 1248px){.has-sidebar .main-content .columns{flex-direction:row}}@media(min-width: 992px){.has-sidebar .main-content .columns__column{width:auto}.has-sidebar .main-content .columns__column:not(:first-of-type){margin-top:32px}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column{margin-top:0}.has-sidebar .main-content .columns__column:not(:first-of-type){margin-top:0}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column.column--50{width:50%}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column.column--30{width:30%}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column.column--70{width:70%}}.contact-card{display:flex}@media(min-width: 576px){.contact-card--with-image{flex-direction:column}}@media(min-width: 576px){.contact-card--information-container{max-width:200px}}.contact-card--person-social-media{display:flex}.contact-card--person-social-media .hel-icon{height:24px;margin-right:8px;width:24px}.contact-card--image-container{margin-bottom:16px;margin-right:16px}@media(min-width: 576px){.contact-card--image-container{margin-right:0}}.contact-card--image-container img{height:100px;width:100px}@media(min-width: 576px){.contact-card--image-container img{height:200px;width:200px}}.contact-card--person-name{margin-top:0;--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.contact-card--person-name{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.contact-card--person-phone-number a:not(:last-of-type)::after{content:",";margin-right:2px}.contact-card--person-email{word-break:break-all}.contact-card--person-information{margin-bottom:8px}.contact-card--color-line{background-color:var(--hdbt-color-palette--primary);margin-right:24px;min-width:4px}.contact-card--person-description{color:#666666;color:var(--color-black-60)}.contact-card-listing--container{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap}@media(min-width: 576px){.contact-card-listing--container{flex-direction:row}}.contact-card-listing--container .contact-card{margin-bottom:48px}.contact-card-listing--container .contact-card:not(:last-of-type){padding-right:24px}@media(min-width: 576px){.contact-card-listing--container .contact-card{min-width:-moz-fit-content;min-width:fit-content;width:25%}}.component-content-cards .component__container{overflow:hidden}.content-cards{display:flex;flex-direction:column;margin-bottom:0;margin-top:0}@media(min-width: 576px){.content-cards{flex-direction:row;flex-wrap:wrap;margin-left:-24px;width:calc(100% + 24px)}}.content-card{margin-top:64px;position:relative}@media(min-width: 576px){.content-card{margin-left:24px;width:calc(50% - 24px)}}@media(min-width: 992px){.content-card{width:calc(25% - 24px)}}.content-card:first-child{margin-top:0}.content-card__image{line-height:0}.content-card__image img{display:block;height:auto;overflow:hidden;width:100%;box-shadow:inset 0 0 0 1px #e5e5e5}.content-card__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:16px}@media(min-width: 992px){.content-card__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.content-card__date{margin-top:8px}.content-card__link{display:block;overflow:hidden;text-decoration:none}.content-card__link::before{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.content-card__link::after{transition:transform .2s linear;--icon-size: 2rem;margin-left:-2px;margin-top:16px;background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em))}@media(prefers-reduced-motion){.content-card__link::after{transition:none}}@media(min-width: 576px){.content-card__link::after{--icon-size: 3rem;margin-left:-4px}}.content-card__link:focus .content-card__title,.content-card__link:hover .content-card__title{text-decoration:underline}.content-card__link:focus::after,.content-card__link:hover::after{transform:translateX(16px)}@media(prefers-reduced-motion){.content-card__link:focus::after,.content-card__link:hover::after{transform:none}}@media(min-width: 576px){.component--content-cards-large .content-card{margin-left:24px;width:calc(50% - 24px)}}@media(min-width: 992px){.component--content-cards-large .content-card{width:calc(33.3333% - 24px)}}.component--content-cards-grey{background:#f7f7f8}.component--content-cards-grey .hds-koros{color:#fff}.has-sidebar .components--upper .component--content-cards-grey .hds-koros{display:none}.component--content-cards-grey .component__container{padding-bottom:64px;padding-top:48px}@media(min-width: 992px){.component--content-cards-grey .component__container{padding-bottom:96px;padding-top:64px}}.has-sidebar .components--upper .component--content-cards-grey .component__container{padding-bottom:32px;padding-left:32px;padding-right:32px;padding-top:32px}.component--content-cards-grey .content-card__link{background-color:#fff;padding:16px}@media(min-width: 576px){.component--content-cards-small .content-card:nth-child(-n+2){margin-top:0}}@media(min-width: 992px){.component--content-cards-small .content-card:nth-child(-n+4){margin-top:0}}@media(min-width: 576px){.component--content-cards-large .content-card:nth-child(-n+2){margin-top:0}}@media(min-width: 992px){.component--content-cards-large .content-card:nth-child(-n+3){margin-top:0}}.layout-main-wrapper>*:last-child .component--content-cards-grey:last-child{margin-bottom:-115px;padding-bottom:55px}.content-liftup{--info-row__gap-size: 4px;border:1px solid #000;position:relative}@media(min-width: 768px){.content-liftup{--info-row__gap-size: 8px;display:flex;min-height:400px}}.content-liftup__image{flex-basis:50%;flex-grow:0;flex-shrink:0}@media(min-width: 768px){.content-liftup__image{align-self:stretch;background-color:#f1f1f1;max-width:50%}}@media(min-width: 992px){.has-sidebar .components--upper .content-liftup__image{flex-basis:28.6844484629%}}.content-liftup__image picture{display:block;height:100%}.content-liftup__image img{aspect-ratio:2.3;display:block;height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}@media(min-width: 768px){.content-liftup__image img{aspect-ratio:unset}}@media(min-width: 992px){.no-sidebar .components--upper .content-liftup__image img,.components--lower .content-liftup__image img{height:100%;-o-object-fit:cover;object-fit:cover}}.content-liftup__image .image-placeholder{padding-bottom:43.4782608696%}@media(min-width: 768px){.content-liftup__image .image-placeholder{padding-bottom:66.6666666667%}}@media(min-width: 992px){.no-sidebar .components--upper .content-liftup__image .image-placeholder,.components--lower .content-liftup__image .image-placeholder{height:100%}}.content-liftup__text{flex-grow:1;padding:16px}@media(min-width: 768px){.content-liftup__text{display:flex;flex-direction:column;justify-content:space-between;padding:32px}}.content-liftup__title{--line-height: 1.2307692308;font-size:1.625rem;font-weight:500;line-height:var(--line-height);margin-bottom:8px;margin-top:0}@media(min-width: 992px){.content-liftup__title{--line-height: 1.2352941176;font-size:2.125rem;font-weight:500}}@media(min-width: 768px){.content-liftup__title{margin-bottom:16px}}.content-liftup__link{text-decoration:none}.content-liftup__link:hover,.content-liftup__link:focus{text-decoration:underline}.content-liftup__link::before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.content-liftup__info-row{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);--margin-size: calc(24px + var(--info-row__gap-size));margin-left:var(--margin-size)}.content-liftup__info-row+.content-liftup__info-row{margin-top:16px}.content-liftup__info-row__title{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height)}@media(min-width: 992px){.content-liftup__info-row__title{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.content-liftup__info-row__title::before{margin-bottom:1px;margin-left:calc(-1*var(--margin-size));margin-right:var(--info-row__gap-size)}.content-liftup__info-row__content>:first-child{margin-top:0}.content-liftup__info-row__content>:last-child{margin-bottom:0}.content-liftup__info-row--address .content-liftup__info-row__title::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--location);mask-image:var(--hel-icon--location);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.content-liftup__info-row--address .address-line1::after,.content-liftup__info-row--address .address-line2::after{content:","}.content-liftup__info-row--opening-hours .content-liftup__info-row__title::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--clock);mask-image:var(--hel-icon--clock);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.content-liftup__read-more{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);display:flex;margin-left:calc(24px + var(--info-row__gap-size));padding-bottom:8px;padding-top:16px}.content-liftup__read-more::after{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;transition:transform .2s linear;flex-shrink:0}@media(prefers-reduced-motion){.content-liftup__read-more::after{transition:none}}.content-liftup:hover .content-liftup__read-more::after,.content-liftup[focus-within] .content-liftup__read-more::after{transform:translateX(4px)}.content-liftup:hover .content-liftup__read-more::after,.content-liftup:focus-within .content-liftup__read-more::after{transform:translateX(4px)}@media(prefers-reduced-motion){.content-liftup:hover .content-liftup__read-more::after,.content-liftup[focus-within] .content-liftup__read-more::after{transform:none}.content-liftup:hover .content-liftup__read-more::after,.content-liftup:focus-within .content-liftup__read-more::after{transform:none}}@media(min-width: 768px){.content-liftup__read-more{justify-content:flex-end;padding-bottom:0}}.event-list__event{border-bottom:1px solid #e5e5e5;padding-bottom:8px;padding-top:24px;position:relative}@media(min-width: 992px){.event-list__event{display:grid;grid-template-columns:325px 1fr;padding-bottom:16px;padding-top:16px}}.event-list__event:first-child{border-top:1px solid #e5e5e5}.event-list__event-name{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:24px;margin-top:16px}@media(min-width: 992px){.event-list__event-name{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.event-list__event-link{text-decoration:none}.event-list__event-link:hover{text-decoration:underline}.event-list__event-link::before{content:"";display:block;top:0;right:0;bottom:0;left:0;position:absolute;z-index:1}.event-list__image-container{display:block;overflow:hidden;position:relative}.event-list__event-image{max-height:264px;-o-object-fit:cover;object-fit:cover;width:100%}@media(min-width: 992px){.event-list__event-image{height:100%;max-height:unset;position:absolute}}@media(min-width: 992px){.event-list__content-container{padding-left:32px}}.event-list__tags{margin-left:-8px;margin-right:-8px}.event-list__tags>*{margin-left:8px;margin-right:8px}.event-list__tags--mobile{bottom:0;display:flex;flex-wrap:wrap-reverse;justify-content:flex-end;padding:16px;position:absolute;width:100%;z-index:1}@media(min-width: 992px){.event-list__tags--mobile{display:none}}.event-list__tags--desktop{display:none}@media(min-width: 992px){.event-list__tags--desktop{align-items:flex-start;display:flex;flex-wrap:wrap}}.event-list__tag{--line-height: 1.5;font-size:.875rem;font-weight:500;line-height:var(--line-height);background:#dedfe1;border-radius:24px;display:inline-block;margin-bottom:16px;padding:5px 12px}.event__icon{align-content:flex-start;display:flex;margin-right:8px}.event__content{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:flex;margin-bottom:16px}.event-list__indicator-container{align-items:flex-end;display:flex}.event-list__event-link-indicator{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}@media(min-width: 992px){.event-list__event-link-indicator{background-color:#000;background-size:contain;content:"";display:inline-block;height:48px;-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:48px 48px;mask-size:48px 48px;vertical-align:bottom;width:48px}}.event__content::before{margin-right:8px}.event__content--date::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--calendar-clock);mask-image:var(--hel-icon--calendar-clock);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.event__content--location::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--location);mask-image:var(--hel-icon--location);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.event-list__list-container{margin-bottom:32px}.event__lower-container{display:flex;justify-content:space-between}@media(min-width: 992px){.event__lower-container{margin-bottom:8px}}.event-list__count{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-bottom:16px}.events-list__empty-subtext{margin-bottom:24px}.event-list__load-more{margin-left:-8px;margin-right:-8px}.event-list__load-more>*{margin-left:8px;margin-right:8px}.event-list__load-more-button{margin-bottom:16px}.event-list-spinner{position:relative}.event-list-spinner .hds-loading-spinner{margin-bottom:48px;margin-top:48px;position:relative}.hero{color:#fff}.hero .hero__container{color:#1a1a1a;padding-bottom:48px;padding-top:24px;position:relative}@media(max-width: 576px){.hero .hero__container{max-width:100%}}.hero .hds-koros svg{margin-bottom:-1px}.hero .hero__text-content{max-width:690px}.hero .hero__title{margin-bottom:16px;margin-top:16px}.hero .hero__title+.hero__cta{margin-top:48px}.hero .hero__cta{align-items:flex-start;display:inline-flex;flex-flow:column;margin-top:32px}@media(min-width: 576px){.hero .hero__cta{flex-flow:row;margin:32px 0 0}}.hero .hero__cta .hero__button{margin-top:8px 0 0}@media(min-width: 576px){.hero .hero__cta .hero__button{margin:0 0 0 16px}}.hero .hero__cta .hero__button:first-child{margin:0}.hero .hero__cta .hero__button.hds-button--supplementary{margin-left:calc(-8px + (-2px))}@media(min-width: 576px){.hero .hero__cta .hero__button.hds-button--supplementary{margin-left:16px}}@media(min-width: 576px){.hero .hero__cta .hero__button.hds-button--supplementary:first-child{margin-left:-8px}}.hero .hero__description p{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.hero .hero__description a:not(.hds-button){color:currentColor}.hero .hero__arrow{background-color:var(--hdbt-color-palette--accent);bottom:-90px;height:100px;left:24px;-webkit-mask-image:var(--hel-icon--hero-arrow-mobile);mask-image:var(--hel-icon--hero-arrow-mobile);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;position:absolute;width:94px;z-index:10}@media(min-width: 992px){.hero .hero__arrow{bottom:-100px;height:110px;left:32px;-webkit-mask-image:var(--hel-icon--hero-arrow-desktop);mask-image:var(--hel-icon--hero-arrow-desktop);width:94px}}.hero-wrapper.has-first-gray-bg-block{background-color:#f7f7f8;margin-bottom:-64px;padding-bottom:48px}@media(min-width: 768px){.hero-wrapper.has-first-gray-bg-block{margin-bottom:-96px}}.hero--bg-color--coat-of-arms{background-color:#0072c6}.hero--bg-color--coat-of-arms .hero__container{color:#fff}.hero--bg-color--coat-of-arms .hero__image-container{color:#0072c6}.hero--bg-color--coat-of-arms .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero--bg-color--gold{background-color:#c2a251}.hero--bg-color--gold .hero__image-container{color:#c2a251}.hero--bg-color--silver{background-color:#dedfe1}.hero--bg-color--silver .hero__image-container{color:#dedfe1}.hero--bg-color--brick{background-color:#bd2719}.hero--bg-color--brick .hero__container{color:#fff}.hero--bg-color--brick .hero__image-container{color:#bd2719}.hero--bg-color--brick .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero--bg-color--bus{background-color:#0000bf}.hero--bg-color--bus .hero__container{color:#fff}.hero--bg-color--bus .hero__image-container{color:#0000bf}.hero--bg-color--bus .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero--bg-color--copper{background-color:#00d7a7}.hero--bg-color--copper .hero__image-container{color:#00d7a7}.hero--bg-color--engel{background-color:#ffe977}.hero--bg-color--engel .hero__image-container{color:#ffe977}.hero--bg-color--fog{background-color:#9fc9eb}.hero--bg-color--fog .hero__image-container{color:#9fc9eb}.hero--bg-color--metro{background-color:#fd4f00}.hero--bg-color--metro .hero__image-container{color:#fd4f00}.hero--bg-color--summer{background-color:#ffc61e}.hero--bg-color--summer .hero__image-container{color:#ffc61e}.hero--bg-color--suomenlinna{background-color:#f5a3c7}.hero--bg-color--suomenlinna .hero__image-container{color:#f5a3c7}.hero--bg-color--tram{background-color:#008741}.hero--bg-color--tram .hero__container{color:#fff}.hero--bg-color--tram .hero__image-container{color:#008741}.hero--bg-color--tram .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero__container .helfi-search__form .hds-text-input__label{color:inherit}.has-first-gray-bg-block .hero--without-image-left .hds-koros{color:#f7f7f8}.hero--with-image-right .hero__container,.hero--with-image-left .hero__container,.hero--with-image-bottom .hero__container{padding-bottom:16px}@media(min-width: 768px){.hero--with-image-right .hero__container,.hero--with-image-left .hero__container,.hero--with-image-bottom .hero__container{padding-bottom:48px}}.hero--with-image-right .hds-koros,.hero--with-image-left .hds-koros,.hero--with-image-bottom .hds-koros{display:none}.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container,.hero--with-image-bottom .hero__image-container{height:200px;position:relative}@media(min-width: 320px){.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container,.hero--with-image-bottom .hero__image-container{height:300px}}.hero--with-image-right .hero__image-container img,.hero--with-image-left .hero__image-container img,.hero--with-image-bottom .hero__image-container img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%);z-index:0}.hero--with-image-right .hero__image-container .hds-koros,.hero--with-image-left .hero__image-container .hds-koros,.hero--with-image-bottom .hero__image-container .hds-koros{display:block;position:absolute;z-index:1}@media(min-width: 768px){.hero--with-image-right,.hero--with-image-left{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}}@media(min-width: 768px){.hero--with-image-right .hero__container,.hero--with-image-left .hero__container{align-items:center;display:flex;margin:0;max-width:648px;width:50%}}@media(min-width: 992px){.hero--with-image-right .hero__container,.hero--with-image-left .hero__container{max-width:664px}}@media(min-width: 768px){.hero--with-image-right .hds-koros,.hero--with-image-left .hds-koros{display:block}}@media(min-width: 768px){.has-first-gray-bg-block .hero--with-image-right .hds-koros,.has-first-gray-bg-block .hero--with-image-left .hds-koros{color:#f7f7f8}}@media(min-width: 768px){.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container{height:auto;margin-top:64px;max-width:648px;padding:0 32px 64px;width:50%}}@media(min-width: 992px){.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container{max-width:664px}}@media(min-width: 768px){.hero--with-image-right .hero__image-container img,.hero--with-image-left .hero__image-container img{height:auto;position:static;transform:none;width:100%}}@media(min-width: 768px){.hero--with-image-right .hero__image-container .hds-koros,.hero--with-image-left .hero__image-container .hds-koros{display:none}}.hero--with-image-right .hero__arrow,.hero--with-image-left .hero__arrow{bottom:-355px}@media(min-width: 768px){.hero--with-image-right .hero__arrow,.hero--with-image-left .hero__arrow{bottom:-90px}}@media(min-width: 768px){.hero--with-image-left{flex-direction:row-reverse}}@media(min-width: 768px){.hero--with-image-left .hero__arrow{left:calc(-100% + 24px)}}.hero--with-image-bottom .hero__container{padding-bottom:16px}@media(min-width: 992px){.hero--with-image-bottom .hero__image-container{height:400px}}.hero--with-image-bottom .hero__arrow{bottom:-355px}@media(min-width: 992px){.hero--with-image-bottom .hero__arrow{bottom:-470px}}@media(min-width: 992px){.hero--diagonal,.hero--with-search{position:relative}}.hero--diagonal .hero__container,.hero--with-search .hero__container{align-items:center;display:flex;padding-bottom:16px;position:relative;width:100%;z-index:2}@media(min-width: 992px){.hero--diagonal .hero__container,.hero--with-search .hero__container{min-height:480px;padding-bottom:48px}}@media(min-width: 992px){.hero--diagonal .hero__text-content,.hero--with-search .hero__text-content{max-width:400px}}@media(min-width: 1248px){.hero--diagonal .hero__text-content,.hero--with-search .hero__text-content{max-width:500px}}@media(min-width: 992px){.hero--diagonal .hero__title,.hero--with-search .hero__title{margin-top:16px}}.hero--diagonal .hero__image-container,.hero--with-search .hero__image-container{height:200px;position:relative}@media(min-width: 320px){.hero--diagonal .hero__image-container,.hero--with-search .hero__image-container{height:300px}}@media(min-width: 992px){.hero--diagonal .hero__image-container,.hero--with-search .hero__image-container{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}}.hero--diagonal .hero__image-container .hds-koros,.hero--with-search .hero__image-container .hds-koros{display:block;position:absolute;top:-1px;z-index:1}@media(min-width: 992px){.hero--diagonal .hero__image-container .hds-koros,.hero--with-search .hero__image-container .hds-koros{bottom:50%;left:5%;top:auto;transform:rotate(135deg);transform-origin:center;width:100%}}@media(min-width: 1248px){.hero--diagonal .hero__image-container .hds-koros,.hero--with-search .hero__image-container .hds-koros{left:0%}}@media(min-width: 992px){.hero--diagonal .hero__image-container .hds-koros::after,.hero--with-search .hero__image-container .hds-koros::after{background-color:currentColor;content:"";display:block;height:1000px;left:15%;position:absolute;top:48px;width:1500px}}@media(min-width: 1248px){.hero--diagonal .hero__image-container .hds-koros::after,.hero--with-search .hero__image-container .hds-koros::after{left:25%}}.hero--diagonal .hero__image-container img,.hero--with-search .hero__image-container img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%);z-index:0}@media(min-width: 992px){.hero--diagonal .hero__image-container img,.hero--with-search .hero__image-container img{margin-left:30%;position:static;transform:none}}.hero--diagonal .hds-koros,.hero--with-search .hds-koros{display:none}.hero--diagonal .hero__arrow,.hero--with-search .hero__arrow{bottom:-355px}@media(min-width: 992px){.hero--diagonal .hero__arrow,.hero--with-search .hero__arrow{bottom:-70px}}.component--image img{width:100%}.component--liftup-with-image-img{--side-padding: 10%;color:var(--hdbt-color-palette-text--primary)}@media(min-width: 576px){.component--liftup-with-image-img{--side-padding: 20%}}@media(min-width: 830px){.component--liftup-with-image-img{--side-padding: 30%}}@media(min-width: 1248px){.component--liftup-with-image-img{--side-padding: 20%}}.component--liftup-with-image-img .liftup-with-image{align-items:center;display:grid;grid-template-columns:[col1-start] var(--side-padding) [col2-start] 1fr [col1-end] var(--side-padding) [col2-end];grid-template-rows:[row1-start] 1fr [row2-start] 32px [row1-end] min-content [row2-end]}@media(min-width: 830px){.component--liftup-with-image-img .liftup-with-image{grid-template-rows:[row1-start row2-start] 1fr [row1-end row2-end]}}.component--liftup-with-image-img.component--liftup-with-image-img-on-right .liftup-with-image{--content-area: row2-start / col1-start / row2-end / col1-end;--image-area: row1-start / col2-start / row1-end / col2-end}.component--liftup-with-image-img.component--liftup-with-image-img-on-left .liftup-with-image{--content-area: row2-start / col2-start / row2-end / col2-end;--image-area: row1-start / col1-start / row1-end / col1-end;--content-margin-right: auto}.component--liftup-with-image-img .liftup-with-image__content{background-color:var(--hdbt-color-palette--primary);color:var(--hdbt-color-palette-text--primary);margin-left:var(--content-margin-right);padding:32px;width:-moz-fit-content;width:fit-content}@media(min-width: 830px){.component--liftup-with-image-img .liftup-with-image__content{display:flex;flex-direction:column;justify-content:center;min-height:350px;width:460px}}@media(min-width: 1248px){.component--liftup-with-image-img .liftup-with-image__content{min-height:435px}}.component--liftup-with-image-img .liftup-with-image__content .hds-button{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height)}.component--liftup-with-image-img a.link{color:var(--hdbt-color-palette-text--primary)}.component--liftup-with-image-img .hds-button--primary{--background-color: var(--hdbt-color-palette-button--primary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--primary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button-contrast--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--primary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--primary)}.component--liftup-with-image-img .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--primary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--primary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--hdbt-color-palette-button--primary);--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button-contrast--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--primary);--focus-outline-color: var(--hdbt-color-palette-button--primary)}.component--liftup-with-image-img .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--hdbt-color-palette-button--primary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.component--liftup-with-image-secondary{color:var(--hdbt-color-palette-text--secondary)}.component--liftup-with-image-secondary .liftup-with-image__content{background-color:var(--hdbt-color-palette--secondary);color:var(--hdbt-color-palette-text--secondary)}.component--liftup-with-image-secondary a.link{color:var(--hdbt-color-palette-text--secondary)}.component--liftup-with-image-secondary .hds-button--primary{--background-color: var(--hdbt-color-palette-button--secondary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--secondary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button-contrast--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--secondary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--secondary)}.component--liftup-with-image-secondary .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--secondary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--secondary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--hdbt-color-palette-button--secondary);--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button-contrast--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--secondary);--focus-outline-color: var(--hdbt-color-palette-button--secondary)}.component--liftup-with-image-secondary .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--hdbt-color-palette-button--secondary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.liftup-with-image__image{grid-area:var(--image-area)}.liftup-with-image__image picture{width:100%}.liftup-with-image__image img{display:block;height:auto;overflow:hidden;width:100%;box-shadow:inset 0 0 0 1px #e5e5e5}.liftup-with-image__container{grid-area:var(--content-area)}.liftup-with-image__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.liftup-with-image__title{--line-height: 1;font-size:2rem;font-weight:400}}.liftup-with-image__desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:16px}.liftup-with-image__desc>*:first-child{margin-top:0}.liftup-with-image__desc a{--hdbt-default-link-color: var(--hdbt-color-palette-text--primary)}.no-sidebar .components--upper>.component--liftup-with-image-bg.component--liftup-with-image-bg{padding-left:0;padding-right:0}.component--liftup-with-image-bg .component__container{max-width:none}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image{--max-width: 1296px;--image-area: row1-start / col1-start / row1-end / col1-end;display:grid;grid-template-columns:[col1-start] 1fr [col2-start] min(100%,var(--max-width)) [col2-end] 1fr [col1-end];grid-template-rows:[row1-start row2-start] 1fr [row1-end row2-end]}}@media(min-width: 992px)and (min-width: 768px){.component--liftup-with-image-bg .liftup-with-image{--max-width: 1328px}}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image__image{min-height:540px;position:relative}.component--liftup-with-image-bg .liftup-with-image__image picture{top:0;right:0;bottom:0;left:0;position:absolute}.component--liftup-with-image-bg .liftup-with-image__image img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover}}.component--liftup-with-image-bg .liftup-with-image__container{padding-left:16px;padding-right:16px}@media(min-width: 768px){.component--liftup-with-image-bg .liftup-with-image__container{padding-left:32px;padding-right:32px}}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image__container{align-content:center;display:grid;grid-area:row2-start/col2-start/row2-end/col2-end}}.component--liftup-with-image-bg .liftup-with-image__content{justify-self:end;padding-top:32px;padding-left:0;padding-right:0;z-index:1}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image__content{background-color:#fff;display:flex;flex-direction:column;justify-content:center;margin:64px 0;min-height:350px;padding:32px;width:460px}}.component--liftup-with-image-bg a{--hdbt-default-link-color: var(--color-black)}.component--liftup-with-image-bg .hds-button--primary{--background-color: var(--color-black-90);--background-color-hover: var(--color-white);--background-color-focus: var(--color-black-90);--background-color-hover-focus: var(--color-white);--background-color-disabled: var(--color-black-20);--border-color: var(--color-black-90);--border-color-hover: var(--color-black);--border-color-focus: var(--color-black-90);--border-color-hover-focus: var(--color-black-90);--border-color-disabled: var(--color-black-20);--color: var(--color-white);--color-hover: var(--color-black-90);--color-focus: var(--color-white);--color-hover-focus: var(--color-black-90);--color-disabled: var(--color-white);--focus-outline-color: var(--color-black-90);--submit-input-focus-gutter-color: var(--color-white)}.component--liftup-with-image-bg .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--color-black-90);--background-color-focus: transparent;--background-color-hover-focus: var(--color-black-90);--background-color-disabled: transparent;--border-color: var(--color-black-90);--border-color-hover: var(--color-black-90);--border-color-focus: var(--color-black-90);--border-color-hover-focus: var(--color-black-90);--border-color-disabled: var(--color-black-50);--color: var(--color-black-90);--color-hover: var(--color-white);--color-focus: var(--color-black-90);--color-hover-focus: var(--color-white);--focus-outline-color: var(--color-black-90)}.component--liftup-with-image-bg .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--color-black-90);--border-color-hover-focus: var(--color-black-90);--border-color-disabled: transparent;--color: var(--color-black-90);--color-hover: var(--color-black-90);--color-focus: var(--color-black-90);--color-hover-focus: var(--color-black-90);--color-disabled: var(--color-black-20);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.component--liftup-with-image-bg .hds-button--supplementary:hover{text-decoration:underline}@media(min-width: 992px){.component--liftup-with-image-bg.component--liftup-with-image-img-on-left .liftup-with-image__container{justify-self:end}}@media(min-width: 992px){.component--liftup-with-image-bg.component--liftup-with-image-img-on-right .liftup-with-image__container{justify-self:start}}.list-of-links{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;width:100%}@media(min-width: 576px){.list-of-links{flex-direction:row;margin-left:-48px;width:calc(100% + 48px)}}.list-of-links__item{margin-bottom:32px;position:relative;width:100%}@media(min-width: 576px){.list-of-links__item{margin-left:48px;width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item{width:calc(25% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(1):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(1):nth-last-child(1){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(1):nth-last-child(2){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(1):nth-last-child(2){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(2):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(2):nth-last-child(1){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(1):nth-last-child(3){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(1):nth-last-child(3){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(2):nth-last-child(2){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(2):nth-last-child(2){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(3):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(3):nth-last-child(1){width:calc(33.3333% - 48px)}}.list-of-links__item .list-of-links__item__link{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:90px;word-wrap:anywhere;text-decoration:none;width:100%}@media(min-width: 576px){.list-of-links__item .list-of-links__item__link{display:block}}.list-of-links__item .list-of-links__item__link:focus,.list-of-links__item .list-of-links__item__link:hover{text-decoration:underline}.list-of-links__item .list-of-links__item__link:focus::after,.list-of-links__item .list-of-links__item__link:hover::after{transform:translateX(8px)}@media(prefers-reduced-motion){.list-of-links__item .list-of-links__item__link:focus::after,.list-of-links__item .list-of-links__item__link:hover::after{transform:none}}.list-of-links__item .list-of-links__item__link::before{content:"";display:block;top:0;right:0;bottom:0;left:0;position:absolute}.list-of-links__item .list-of-links__item__link::after{--icon-size: 1.5rem;background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear;content:"";display:block;flex-shrink:0;margin-left:-4px;margin-top:8px}@media(prefers-reduced-motion){.list-of-links__item .list-of-links__item__link::after{transition:none}}@media(min-width: 576px){.list-of-links__item .list-of-links__item__link::after{--icon-size: 3rem;margin-left:-8px;margin-top:16px}}.list-of-links__item .list-of-links__item__link[data-is-external]::after{content:none;display:none}.list-of-links__item .list-of-links__item__link .link__type{--icon-size: 1.5rem;display:block;flex-shrink:0;height:var(--icon-size);margin-left:-4px;margin-top:8px;-webkit-mask-size:var(--icon-size) var(--icon-size);mask-size:var(--icon-size) var(--icon-size);width:var(--icon-size)}@media(min-width: 576px){.list-of-links__item .list-of-links__item__link .link__type{--icon-size: 3rem;margin-left:-8px;margin-top:16px}}.list-of-links__item .list-of-links__item__link:focus .link__type--external,.list-of-links__item .list-of-links__item__link:hover .link__type--external{transform:translate(4px, -4px)}@media(prefers-reduced-motion){.list-of-links__item .list-of-links__item__link:focus .link__type--external,.list-of-links__item .list-of-links__item__link:hover .link__type--external{transform:none}}.list-of-links__item .list-of-links__item__image{left:0;position:absolute;top:0;width:90px}@media(min-width: 576px){.list-of-links__item .list-of-links__item__image{margin-bottom:16px;position:static;width:100%}}.list-of-links__item .list-of-links__item__image img{display:block;height:auto;overflow:hidden;width:100%;box-shadow:inset 0 0 0 1px #e5e5e5}.list-of-links__item .list-of-links__item__image .image-placeholder{padding-bottom:100%}.list-of-links__item .list-of-links__item__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin:0 0 0 116px}@media(min-width: 992px){.list-of-links__item .list-of-links__item__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 576px){.list-of-links__item .list-of-links__item__title{margin:0}}.component--list-of-links-without-image .list-of-links__item{align-self:flex-start;min-height:2rem;padding-bottom:0}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item{width:calc(33.3333% - 48px)}}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item:nth-child(1):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item:nth-child(1):nth-last-child(2){width:calc(50% - 48px)}}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item:nth-child(2):nth-last-child(1){width:calc(50% - 48px)}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link{display:flex;flex-direction:row;justify-content:flex-start;min-height:auto;text-decoration:underline}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link .link__type,.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link::after{align-self:flex-start;margin-left:8px;margin-top:-2px}@media(min-width: 576px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link .link__type,.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link::after{margin-top:-8px}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link:focus,.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link:hover{text-decoration:none}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__title{display:flex;margin-left:0}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow{margin:-2px 0 0 16px}@media(min-width: 576px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow{margin-top:-8px}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow .hel-icon{--icon-size: 2rem}@media(min-width: 576px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow .hel-icon{--icon-size: 3rem}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);color:#666;margin-top:8px}@media(min-width: 992px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__desc{margin-top:4px}}.has-sidebar .main-content .list-of-links__item{padding-bottom:24px}@media(min-width: 992px){.has-sidebar .main-content .list-of-links__item{width:calc(50% - 48px)}}@media(min-width: 992px){.has-sidebar .main-content .component--list-of-links-without-image .list-of-links__item{width:calc(50% - 48px)}}.component--map{background-color:#f7f7f8}.component--map .address-line1::after{content:","}.unit .component--map{margin-top:32px}@media(min-width: 768px){.unit .component--map{margin-top:48px}}.component--map .component__container{padding:48px 0}.unit .component--map .component__container,.has-sidebar .component--map .component__container{padding:24px 16px 48px}@media(min-width: 768px){.unit .component--map .component__container,.has-sidebar .component--map .component__container{padding:32px 32px 48px}}@media(max-width: 992px){.has-sidebar .components--upper .component--map,.has-sidebar .unit .component--map{margin-left:-16px;margin-right:-16px}}@media(max-width: 992px)and (min-width: 768px){.has-sidebar .components--upper .component--map,.has-sidebar .unit .component--map{margin-left:-32px;margin-right:-32px}}.map{height:0;margin:16px 0;padding-bottom:100%;position:relative}@media(min-width: 576px){.map{padding-bottom:56.25%}}.map>div,.map iframe{background-color:#e5e5e5;border:0;height:100%;left:0;position:absolute;top:0;width:100%}.map .map__external-link{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);align-items:center;bottom:-40px;display:inline-flex;position:absolute;right:0;text-decoration:underline}.component--news-list .news-listing{margin-bottom:48px}.component--phasing{--item-title-lineheight: 1.875rem;counter-reset:item}@media(min-width: 992px){.component--phasing{--item-title-lineheight: 2.25rem}}.component--phasing .component__content{padding-left:0}.phasing__item{--circle-size: 16px;--p-left: 72px;background-color:var(--hdbt-color-palette--secondary);list-style:none;padding:32px 32px 32px var(--p-left);position:relative}.phasing__item:not(:last-of-type){margin-bottom:16px}.phasing__item::before,.phasing__item::after{content:"";display:block;left:calc(var(--p-left)*.5);position:absolute}.phasing__item::before{background-color:#000;height:calc(100% + 16px + 8px);top:0;transform:translateX(-50%);width:2px}.phasing__item:first-of-type::before{height:100%;top:calc(32px + var(--item-title-lineheight)*.5)}.phasing__item:last-of-type::before{height:calc(32px + var(--item-title-lineheight)*.5)}.phasing__item:only-child::before{display:none}.phasing__item::after{background-color:#fff;border:3px solid #000;border-radius:50%;height:var(--circle-size);top:calc(32px + var(--item-title-lineheight)*.5);transform:translate(-50%, -50%);width:var(--circle-size)}.phasing__item--with-numbers{--circle-size: 40px;--p-left: 80px}@media(min-width: 992px){.phasing__item--with-numbers{--circle-size: 48px;--p-left: 96px}}.phasing__item--with-numbers::after{align-items:center;content:counter(item);counter-increment:item;display:flex;justify-content:center;--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.phasing__item--with-numbers::after{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.phasing__item-title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.phasing__item-title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.phasing__item-title{--line-height: var(--item-title-lineheight)}.phasing__item-title+.phasing__item-description{margin-top:16px}.component--accordion .component--phasing{--item-title-lineheight: 1.6875rem}@media(min-width: 992px){.component--accordion .component--phasing{--item-title-lineheight: 1.875rem}}.component--accordion .component--phasing .phasing__item--with-numbers::after,.component--accordion .component--phasing .phasing__item-title,.component--accordion .component--phasing .component__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.component--accordion .component--phasing .phasing__item--with-numbers::after,.component--accordion .component--phasing .phasing__item-title,.component--accordion .component--phasing .component__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.popular-service-item{background-color:#f7f7f8;margin-bottom:24px;padding-bottom:32px;padding-left:24px;padding-right:24px;padding-top:24px}@media(min-width: 768px){.popular-service-item{width:calc(50% - 24px)}}.popular-service-item__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:unset}@media(min-width: 992px){.popular-service-item__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.popular-service-item__links{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:flex;flex-direction:column;margin-top:16px}@media(min-width: 768px){.popular-service-item__links{margin-top:24px}}@media(min-width: 768px){.popular-services{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}.popular-services>*{margin-left:12px;margin-right:12px}}.component--remote-video{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white);padding-left:16px;padding-right:16px;background-color:#000;padding-bottom:32px;padding-top:32px}@media(min-width: 768px){.component--remote-video{padding-left:32px;padding-right:32px}}@media(min-width: 768px){.component--remote-video{padding-bottom:48px;padding-top:48px}}@media(min-width: 992px){.component--remote-video{padding-bottom:64px;padding-top:64px}}.component--remote-video,.component--remote-video a:not(.hds-button){color:#fff}.component--remote-video+.component--remote-video.component--no-header{margin-top:0;padding-top:0}.remote-video__video{position:relative}.remote-video__video .responsive-video-container{background-color:#e5e5e5;height:0;overflow:hidden;padding-bottom:56.25%}.remote-video__video .responsive-video-container iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.remote-video__video-title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:8px}@media(min-width: 992px){.remote-video__video-title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.remote-video__video-title{margin-top:16px}}.remote-video__video-desc{margin-top:8px}.remote-video__video-desc>p:first-child{margin-top:0}.views--service-list .form-actions .hds-button--primary{width:100%}@media(min-width: 768px){.views--service-list .form-actions .hds-button--primary{margin-left:24px}}@media(min-width: 768px){.views--service-list .views-exposed-form{align-items:flex-end;display:flex}}@media(min-width: 768px){.views--service-list .views-exposed-form .form-item{margin-bottom:0;width:70%}}.views--service-list .views-exposed-form .hds-text-input__input-wrapper::after{background-color:#000;background-size:contain;content:"";display:block;height:20px;-webkit-mask-image:var(--hel-icon--search);mask-image:var(--hel-icon--search);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.views--service-list .views-exposed-form .hds-text-input__input-wrapper .hds-text-input__input{border-radius:0;padding-right:48px}@media(min-width: 768px){.views--service-list .views-exposed-form .form-actions{display:flex;width:30%}}.views--service-list .service-list__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;width:100%}@media(min-width: 992px){.views--service-list .service-list__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.views--service-list .service-list__count-container .service-list__count{font-weight:700}.views--service-list .views-infinite-scroll-content-wrapper{margin-top:24px}@media(min-width: 992px){.views--service-list .views-infinite-scroll-content-wrapper{display:flex;flex-wrap:wrap;margin-left:calc(-24px / 2);margin-right:calc(-24px / 2);margin-top:48px}}@media(min-width: 992px){.views--service-list .views-infinite-scroll-content-wrapper .views-row{margin-top:24px;width:25%}}.views--service-list .views-infinite-scroll-content-wrapper .views-row:nth-child(-n+4){margin-top:0}.sidebar-text{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.sidebar-text+.sidebar-text{margin-top:32px}.sidebar-text .sidebar-text__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);color:#000;margin-top:0}@media(min-width: 992px){.sidebar-text .sidebar-text__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.sidebar-text .sidebar-text__title+.sidebar-text__text-content{margin-top:24px}.sidebar-text .sidebar-text__text-content{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:var(--hdbt-color-palette-text--secondary)}.sidebar-text .sidebar-text__text-content>*:first-child{margin-top:0}.sidebar-text .sidebar-text__text-content>p:first-child{margin-top:0}.sidebar-text .sidebar-text__text-content>*:last-child{margin-bottom:0}.sidebar-text .sidebar-text__text-content>p{background-color:var(--hdbt-color-palette--secondary);padding:24px 16px}.sidebar-text .sidebar-text__text-content .hds-button--primary,.sidebar-text .sidebar-text__text-content .hds-button--secondary{display:inline-flex}.sidebar-text .sidebar-text__text-content .hds-button--primary:only-child,.sidebar-text .sidebar-text__text-content .hds-button--secondary:only-child{margin-top:0}@media(min-width: 992px){.sidebar-text .sidebar-text__text-content .hds-button--primary,.sidebar-text .sidebar-text__text-content .hds-button--secondary{display:flex}}.sidebar-text .sidebar-text__text-content .hds-button--supplementary:first-child{margin-left:0}.sidebar-text .sidebar-text__text-content .hds-button--supplementary.hdbt-icon::before{margin-left:8px}.sidebar-text ul,.sidebar-text ol{background-color:var(--hdbt-color-palette--secondary);padding:16px}.sidebar-text ul li,.sidebar-text ol li{margin-left:32px;padding-left:8px}.sidebar-text ul ul,.sidebar-text ul ol,.sidebar-text ol ul,.sidebar-text ol ol{margin-top:0}.sidebar-text ul ul li,.sidebar-text ul ol li,.sidebar-text ol ul li,.sidebar-text ol ol li{margin-left:8px}.sidebar-text--service-links .sidebar-text__text-content>a{background-color:var(--hdbt-color-palette--secondary);display:grid;grid-template-columns:1fr calc(24px + 8px);margin-top:16px;padding:24px 16px;text-decoration:none}.sidebar-text--service-links .sidebar-text__text-content>a:after{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;align-self:center;justify-self:end;order:3}.sidebar-text--service-links .sidebar-text__text-content>a[data-is-external]:after{display:none}.sidebar-text--service-links .sidebar-text__text-content>a:hover{text-decoration:underline}.target-group-links{--gap: 8px;display:flex;flex-wrap:wrap;gap:8px;gap:var(--gap, 8px)}@media(min-width: 768px){.target-group-links{--gap: 24px}}.target-group-link{--icon-size: 32px;--title-line-height: 1.625rem;grid-column-gap:24px;background-color:#f7f7f8;display:grid;grid-template-areas:"icon title" "icon subtitle";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;padding:24px;position:relative;width:100%}@media(min-width: 768px){.target-group-link{--icon-size: 48px;width:calc(50% - .5*var(--gap))}}@media(min-width: 992px){.target-group-link{--title-line-height: 1.75rem}}.target-group-link__icon{grid-area:icon}.target-group-link__icon .hel-icon{display:block}.target-group-link__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);grid-area:title;margin:0;padding-top:calc(.5*(var(--icon-size) - var(--title-line-height)))}@media(min-width: 992px){.target-group-link__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.target-group-link__link{text-decoration:none}.target-group-link__link::before{content:"";height:100%;top:0;right:0;bottom:0;left:0;position:absolute}.target-group-link__link:hover{text-decoration:underline}.target-group-link__subtitle{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);grid-area:subtitle;margin-bottom:calc(.5*(var(--icon-size) - var(--title-line-height)));margin-top:8px}.target-group-link__subtitle p{margin-top:0}.component--paragraph-text .component__content{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);max-width:860px}.component--paragraph-text .component__content>*:first-child,.component--paragraph-text .component__content>p:first-child{margin-top:0}.component--paragraph-text .component__content>*:last-child{margin-bottom:0}.component--unit-search{background-color:#f7f7f8}.layout-main-wrapper>*:last-child .component--unit-search:last-child{margin-bottom:-115px;padding-bottom:55px}.component--unit-search .component__container{padding-bottom:32px;padding-top:32px}@media(min-width: 768px){.component--unit-search .component__container{padding-bottom:64px;padding-top:64px}}.views--unit-search{margin-top:32px}.views--unit-search .form-actions .hds-button--primary{width:100%}@media(min-width: 768px){.views--unit-search .form-actions .hds-button--primary{margin-left:24px}}@media(min-width: 768px){.views--unit-search .views-exposed-form{align-items:flex-end;display:flex;flex-wrap:wrap}}@media(min-width: 768px){.views--unit-search .views-exposed-form .form-item{margin-bottom:0;width:70%}}.views--unit-search .views-exposed-form .hds-text-input__input-wrapper::after{background-color:#000;background-size:contain;content:"";display:block;height:20px;-webkit-mask-image:var(--hel-icon--search);mask-image:var(--hel-icon--search);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.views--unit-search .views-exposed-form .hds-text-input__input-wrapper .hds-text-input__input{border-radius:0;padding-right:48px}.views--unit-search .views-exposed-form [data-drupal-selector=edit-provided-languages-value]{margin-top:24px;order:1}@media(min-width: 768px){.views--unit-search .views-exposed-form .form-actions{display:flex;width:30%}}.views--unit-search .unit-search__results>.views-row:first-of-type,.views--unit-search .views-infinite-scroll-content-wrapper{margin-top:16px}@media(min-width: 768px){.views--unit-search .unit-search__results>.views-row:first-of-type,.views--unit-search .views-infinite-scroll-content-wrapper{margin-top:32px}}.unit-search__results{border-top:1px solid #e5e5e5;display:block;margin-top:32px;padding-top:32px;width:100%}@media(min-width: 768px){.unit-search__results{margin-top:64px;padding-top:64px}}.unit-search__results>.views-infinite-scroll-content-wrapper>.views-row+.views-row{margin-top:16px}@media(min-width: 768px){.unit-search__result-actions{align-items:center;display:flex;justify-content:space-between}}.unit-search__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){.unit-search__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.unit-search__count-container .unit-search__count{font-weight:700}.unit-search__additional-information{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:block;margin-bottom:24px;margin-top:16px}.unit-search__additional-information.unit-search__address-not-found{padding-left:48px;position:relative}.unit-search__additional-information.unit-search__address-not-found::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--alert-circle-fill);mask-image:var(--hel-icon--alert-circle-fill);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;background-color:#d18200;left:16px;margin-top:-12px;position:absolute;top:50%}.unit-search__additional-information.unit-search__address-not-found p{margin-top:0}.unit-search__result--list,.unit-search__result--map{margin-top:16px}@media(min-width: 768px){.unit-search__result--list,.unit-search__result--map{margin-top:32px}}.unit-search__result--map{padding-bottom:52%;position:relative;width:100%}.unit-search__map{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.unit-search__map-actions{display:flex;justify-content:flex-end;margin-top:16px}@media(min-width: 768px){.unit-search__map-actions{margin-top:24px}}.unit-search__no-results-title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-top:24px}@media(min-width: 992px){.unit-search__no-results-title{--line-height: 1;font-size:2rem;font-weight:400}}.unit-search__no-results-desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.views--unit-search--large-volume .unit-search__results>.views-infinite-scroll-content-wrapper>.views-row+.views-row,.views--unit-search--large-volume .unit-search__results .views-row+.views-row{margin-top:8px}.dialog-off-canvas-main-canvas::after{background-color:rgba(0,0,0,.4);content:"";height:0;opacity:0;pointer-events:none;visibility:hidden;width:0}.eu-cookie-compliance-banner{background-color:#0000bf;color:#fff;max-height:100vh;overflow:auto;padding:0 0 24px}@media(min-width: 768px){.eu-cookie-compliance-banner{padding:0 0 32px}}.eu-cookie-compliance-banner .eu-cookie-compliance-content{display:flex;flex-wrap:wrap;padding-top:24px}.eu-cookie-compliance-banner .eu-cookie-compliance-message{float:none;max-width:100%;width:100%}.eu-cookie-compliance-banner .eu-cookie-compliance-message>h2{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:0;max-width:860px}@media(min-width: 992px){.eu-cookie-compliance-banner .eu-cookie-compliance-message>h2{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.eu-cookie-compliance-banner .eu-cookie-compliance-message>p{max-width:860px}.eu-cookie-compliance-banner .eu-cookie-compliance-more-info,.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{margin-top:32px;width:100%}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-more-info,.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{align-items:center;display:flex}}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-more-info{width:30%}}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{justify-content:flex-end;width:70%}}.eu-cookie-compliance-banner .eu-cookie-compliance-categories-buttons{margin-top:16px}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-categories-buttons{margin-left:16px;margin-top:0}}.eu-cookie-compliance-banner .eu-cookie-compliance-buttons{float:none;max-width:100%}.eu-cookie-compliance-banner .eu-cookie-withdraw-button{display:none}.eu-cookie-compliance-banner .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white);max-width:400px;width:100%}@media(min-width: 768px){.eu-cookie-compliance-banner .hds-button{width:auto}}.sliding-popup-bottom{width:100%}.gin--horizontal-toolbar .toolbar-bar{position:fixed}.gin--horizontal-toolbar .node-preview-container{padding:0 32px;top:54px}.logo{align-items:center;display:flex;text-decoration:none}.logo__icon{--height: 32px;--aspect-ratio: 2.1666666667;height:var(--height);width:calc(var(--aspect-ratio)*var(--height))}@media(min-width: 768px){.logo__icon{--height: 54px}}.logo__icon--sv,.logo__icon--ru{--aspect-ratio: 2.7857142857}.logo--header{color:#000;height:var(--branding-height)}.logo--footer{margin-top:8px}@media(min-width: 768px){.logo--footer{margin-right:16px;margin-top:0}}.logo--footer .logo__icon{--height: 40px}.metadata-container{background-color:var(--hdbt-color-palette--secondary);display:flex;flex-wrap:wrap;margin-top:16px;padding:24px}@media(min-width: 768px){.metadata-container{margin-top:32px}}.metadata__item{display:flex;margin-top:16px;width:100%}@media(min-width: 768px){.metadata__item{width:50%}}.metadata__item:first-child{margin-top:0}@media(min-width: 768px){.metadata__item:nth-child(2){margin-top:0}}.metadata__item .hel-icon{height:24px;margin-right:8px;min-width:24px;width:24px}.metadata__item-label{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);display:block}.content-tags__tags{margin-left:-4px;margin-right:-4px;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0;margin-top:0;padding-left:0}.content-tags__tags>*{margin-left:4px;margin-right:4px}.content-tags__tags__tag{list-style:none;margin-bottom:8px;margin-top:0}.content-tags__tags__tag a,.content-tags__tags__tag span,.content-tags__tags--static li{--line-height: 1.5;font-size:.875rem;font-weight:500;line-height:var(--line-height);display:inline-block;line-height:1;text-decoration:none;transition:.2s ease-in-out background-color,.2s ease-in-out border-color}.content-tags__tags--interactive a{background-color:rgba(0,0,0,0);border:1px solid #000;border-radius:48px;padding:16px 20px 18px}.content-tags__tags--interactive a:hover,.content-tags__tags--interactive a:active{background-color:#000;border-color:#000;color:#fff}.content-tags__tags--interactive a:focus,.content-tags__tags--interactive a:active{border-color:#000;outline:2px solid #000;outline-offset:2px}.content-tags__tags--static span{background-color:#dedfe1;border-radius:16px;padding:8px 16px 10px}.content-tags__tags--static .content-tags__tags__tag--coat-of-arms span{background-color:#b5daf7}.content-tags__tags--static .content-tags__tags__tag--gold span{background-color:#e8d7a7}.content-tags__tags--static .content-tags__tags__tag--bus span{background-color:#ccf}.content-tags__tags--static .content-tags__tags__tag--success span{background-color:#007a64;color:#fff}.content-tags__tags--static .content-tags__tags__tag--alert span{background-color:#ffda07}.content-tags__tags--static .content-tags__tags__tag--error span{background-color:#b01038;color:#fff}.hds-loading-spinner{left:49%;position:fixed;top:48.5%;z-index:1000}#ed11y-panel{left:21px !important;right:auto !important}.is-hidden{display:none} +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccccff;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-black: #000000;--color-white: #ffffff;--color-black-5: #f1f1f1;--color-black-10: #e5e5e5;--color-black-20: #cccccc;--color-black-30: #b2b2b2;--color-black-40: #999898;--color-black-50: #808080;--color-black-60: #666666;--color-black-70: #4c4c4c;--color-black-80: #333333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xl: 3.25rem;--fontsize-heading-l: 2.25rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk, Arial, sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75}html,body{height:100%}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#fff;color:#1a1a1a;display:flex;flex-direction:column;font-family:HelsinkiGrotesk,Arial,sans-serif;font-size:1rem;line-height:1.5}body.gin--horizontal-toolbar{padding-top:0 !important}:root{--hdbt-color-black: #121212;--hdbt-default-link-color: var(--color-black-90);--hdbt-theme-color: var(--color-black);--hdbt-text-color: var(--color-white);--hdbt-text-color--coat-of-arms: var(--color-white);--hdbt-text-color--brick: var(--color-white);--hdbt-text-color--bus: var(--color-white);--hdbt-text-color--metro: var(--color-white);--hdbt-text-color--tram: var(--color-white);--hdbt-text-color--gold: var(--hdbt-color-black);--hdbt-text-color--silver: var(--hdbt-color-black);--hdbt-text-color--copper: var(--hdbt-color-black);--hdbt-text-color--engel: var(--hdbt-color-black);--hdbt-text-color--fog: var(--hdbt-color-black);--hdbt-text-color--summer: var(--hdbt-color-black);--hdbt-text-color--suomenlinna: var(--hdbt-color-black);--hdbt-button-text-color--coat-of-arms: var(--hdbt-color-black);--hdbt-button-text-color--brick: var(--hdbt-color-black);--hdbt-button-text-color--bus: var(--hdbt-color-black);--hdbt-button-text-color--metro: var(--hdbt-color-black);--hdbt-button-text-color--tram: var(--hdbt-color-black);--hdbt-button-text-color--gold: var(--color-white);--hdbt-button-text-color--silver: var(--color-white);--hdbt-button-text-color--copper: var(--color-white);--hdbt-button-text-color--engel: var(--color-white);--hdbt-button-text-color--fog: var(--color-white);--hdbt-button-text-color--summer: var(--color-white);--hdbt-button-text-color--suomenlinna: var(--color-white);--hdbt-button-highlight-color--coat-of-arms: var(--color-black-90);--hdbt-button-highlight-color--brick: var(--color-black-90);--hdbt-button-highlight-color--bus: var(--color-black-90);--hdbt-button-highlight-color--metro: var(--color-black-90);--hdbt-button-highlight-color--tram: var(--color-black-90);--hdbt-button-highlight-color--gold: var(--color-white);--hdbt-button-highlight-color--silver: var(--color-white);--hdbt-button-highlight-color--copper: var(--color-white);--hdbt-button-highlight-color--engel: var(--color-white);--hdbt-button-highlight-color--fog: var(--color-white);--hdbt-button-highlight-color--summer: var(--color-white);--hdbt-button-highlight-color--suomenlinna: var(--color-white);--background-color-disabled: transparent;--border-color-disabled: transparent;--color-disabled: var(--color-black-40);--border-color-focus: var(--color-coat-of-arms);--border-color-hover-focus: var(--color-coat-of-arms-dark)}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:400;src:url(../fonts/HelsinkiGrotesk-Regular.eot);src:url(../fonts/HelsinkiGrotesk-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Regular.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Regular.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Regular.svg#HelsinkiGrotesk-Regular) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:400;src:url(../fonts/HelsinkiGrotesk-RegularItalic.eot);src:url(../fonts/HelsinkiGrotesk-RegularItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-RegularItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-RegularItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-RegularItalic.svg#HelsinkiGrotesk-RegularItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:500;src:url(../fonts/HelsinkiGrotesk-Medium.eot);src:url(../fonts/HelsinkiGrotesk-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Medium.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Medium.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Medium.svg#HelsinkiGrotesk-Medium) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:500;src:url(../fonts/HelsinkiGrotesk-MediumItalic.eot);src:url(../fonts/HelsinkiGrotesk-MediumItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-MediumItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-MediumItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-MediumItalic.svg#HelsinkiGrotesk-MediumItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:700;src:url(../fonts/HelsinkiGrotesk-Bold.eot);src:url(../fonts/HelsinkiGrotesk-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Bold.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Bold.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Bold.svg#HelsinkiGrotesk-Bold) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:700;src:url(../fonts/HelsinkiGrotesk-BoldItalic.eot);src:url(../fonts/HelsinkiGrotesk-BoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-BoldItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-BoldItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-BoldItalic.svg#HelsinkiGrotesk-BoldItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:800;src:url(../fonts/HelsinkiGrotesk-Black.eot);src:url(../fonts/HelsinkiGrotesk-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Black.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Black.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Black.svg#HelsinkiGrotesk-Black) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:800;src:url(../fonts/HelsinkiGrotesk-BlackItalic.eot);src:url(../fonts/HelsinkiGrotesk-BlackItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-BlackItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-BlackItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-BlackItalic.svg#HelsinkiGrotesk-BlackItalic) format("svg")}figure{margin:0}table{background-color:#fff;border:1px solid #666;border-spacing:0;display:block;margin:32px 0;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;table-layout:fixed;white-space:nowrap}table caption{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);background-color:#000;color:#fff;padding:32px 16px;text-align:left}table thead{background-color:#000}table thead th{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#fff;font-weight:500;min-width:140px;padding:16px;text-align:left;vertical-align:middle;white-space:normal}table thead th p{font-size:inherit;font-weight:inherit;margin:0}table tbody,table tfoot{background-color:#fff}table tbody tr,table tfoot tr{background-color:#fff}table tbody tr:hover,table tbody tr:active,table tfoot tr:hover,table tfoot tr:active{background-color:#f1f1f1}table tbody tr th,table tbody tr td,table tfoot tr th,table tfoot tr td{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#121212;color:var(--hdbt-color-black);min-width:140px;padding:16px;text-align:left;vertical-align:middle;white-space:normal}table tbody tr th p,table tbody tr td p,table tfoot tr th p,table tfoot tr td p{margin:0}table tbody tr th p+p,table tbody tr td p+p,table tfoot tr th p+p,table tfoot tr td p+p{margin:16px 0 0}table tbody tr th,table tfoot tr th{background-color:#000;color:#fff;font-weight:500}table tbody tr:not(:last-of-type) td,table tfoot tr:not(:last-of-type) td{border-bottom:1px solid #e5e5e5}h1,h2,h3,h4,h5,h6{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:0;margin-top:48px;word-wrap:break-word}h1{--line-height: 1;font-size:2.5rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){h1{--line-height: 1;font-size:4rem;font-weight:400}}@media(min-width: 768px){h1{margin-top:64px}}@media(min-width: 992px){h1{margin-bottom:64px}}h2{--line-height: 1;font-size:2rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){h2{--line-height: 1;font-size:3rem;font-weight:400}}h3{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){h3{--line-height: 1;font-size:2rem;font-weight:400}}h4{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){h4{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}h5{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){h5{--line-height: 1.5;font-size:1.25rem;font-weight:500}}h6{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height)}@media(min-width: 992px){h6{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}a{color:#1a1a1a;color:var(--hdbt-default-link-color);word-wrap:break-word}p{margin-bottom:0;margin-top:16px;word-wrap:break-word}ul,ol{margin-bottom:24px;margin-left:0;margin-top:24px;padding-left:32px}ul ul,ul ol,ol ul,ol ol{margin-bottom:0;margin-top:16px}li{margin-left:0;padding-left:0}li+li{margin-top:16px}.local-tasks li,.toolbar-menu li,.pager li,.table-of-contents__list li,.menu li{margin-top:0}.hdbt-icon::before{--icon-size: 24px;background-color:#000;content:"";display:inline-block;height:var(--icon-size);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--icon-size) var(--icon-size);mask-size:var(--icon-size) var(--icon-size);min-height:var(--icon-size);min-width:var(--icon-size);position:static;width:var(--icon-size)}.hds-button.hdbt-icon .hds-button__label{margin:0 0 0 0.5rem;margin:0 0 0 var(--spacing-2-xs);order:1}.hds-button.hdbt-icon .link__type{margin-left:-16px;margin-right:16px;order:2}.hds-button.hdbt-icon:focus::before{background-color:var(--color-focus)}.hds-button.hdbt-icon:hover::before{background-color:var(--color-hover)}.hds-button.hdbt-icon:focus:hover::before{background-color:var(--color-hover-focus)}.hds-button.hdbt-icon::after{order:2}.hds-button.hdbt-icon::before{background-color:var(--color);order:3}.hel-icon{--fallback: calc(var(--line-height, 1) * 1em);background-color:currentColor;display:inline-block;height:var(--fallback);height:var(--icon-size, var(--fallback));-webkit-mask-image:var(--url);mask-image:var(--url);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:text-bottom;width:var(--fallback);width:var(--icon-size, var(--fallback))}.icon{--icon-size: 1.5rem;height:var(--icon-size);width:var(--icon-size)}:root{--theme-fg1: var(--color-white);--theme-fg2: var(--color-black);--theme-bg1: var(--color-black);--theme-bg2: transparent;--theme-focus: var(--color-black)}.hds-button{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);--border-width: 2px;--color: inherit;--min-size: 44px;--outline-gutter: 2px;--outline-width: 3px;align-content:flex-start;align-items:center;background-color:transparent;background-color:var(--background-color, transparent);border:var(--border-width) solid transparent;border:var(--border-width) solid var(--border-color, transparent);border-radius:0;color:var(--color);cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;min-height:var(--min-size);min-width:var(--min-size);padding:0 0.5rem;padding:0 var(--spacing-2-xs);text-decoration:none;vertical-align:top}.hds-button,.hds-button::before,.hds-button::after,.hds-button *,.hds-button *::before,.hds-button *::after{box-sizing:border-box}.hds-button:hover,.hds-button:focus,.hds-button:active{transition-duration:85ms;transition-property:background-color,border-color,color;transition-timing-function:ease-out}.hds-button:hover{background-color:transparent;background-color:var(--background-color-hover, transparent);color:var(--color-hover)}.hds-button:focus{background-color:transparent;background-color:var(--background-color-focus, transparent);color:var(--color-focus);outline:none}.hds-button:focus:hover{background-color:transparent;background-color:var(--background-color-hover-focus, transparent)}.hds-button:disabled{background-color:transparent;background-color:var(--background-color-disabled, transparent);border-color:transparent;border-color:var(--border-color-disabled, transparent);color:#999898;color:var(--color-disabled);cursor:not-allowed}.hds-button:not(:disabled){border-color:transparent;border-color:var(--border-color, transparent)}.hds-button:not(:disabled):hover{border-color:transparent;border-color:var(--border-color-hover, transparent)}.hds-button:not(:disabled):active,.hds-button:not(:disabled):focus{border-color:#0072c6;border-color:var(--border-color-focus, transparent)}.hds-button:not(:disabled):active:hover,.hds-button:not(:disabled):focus:hover{border-color:#005799;border-color:var(--border-color-hover-focus, transparent);color:var(--color-hover-focus)}.hds-button:active,.hds-button:focus{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:var(--outline-gutter);outline-offset:2px}input[type=submit].hds-button,.hds-button__label{font-weight:inherit;line-height:1.25em;padding:1rem;padding:var(--spacing-s)}input[type=submit].hds-button{cursor:pointer;padding:1rem 2rem;padding:var(--spacing-s) var(--spacing-l)}.hds-button__label:only-child{margin:0 0.5rem;margin:0 var(--spacing-2-xs)}.hds-button--supplementary .hds-button__label:first-child{padding-right:0.25rem;padding-right:var(--spacing-3-xs)}.hds-button--supplementary .hds-icon+.hds-button__label:last-child{padding-left:0.25rem;padding-left:var(--spacing-3-xs)}.hds-button--supplementary .hds-icon+.hds-button__label:not(:last-child){padding-left:0.25rem;padding-left:var(--spacing-3-xs);padding-right:0.25rem;padding-right:var(--spacing-3-xs)}.hds-button .hds-icon{height:1.5rem;height:var(--spacing-m);margin-left:1rem;margin-left:var(--spacing-s);width:1.5rem;width:var(--spacing-m)}.hds-button__label~.hds-icon{margin:0 1rem 0 0;margin:0 var(--spacing-s) 0 0}.hds-button .hds-icon:first-of-type:not(:last-of-type){margin:0 0 0 0.5rem;margin:0 0 0 var(--spacing-2-xs)}.hds-button .hds-icon:last-of-type:not(:first-of-type){margin:0 0.5rem 0 0;margin:0 var(--spacing-2-xs) 0 0}.hds-button--primary{--background-color: var(--theme-bg1, var(--color-bus));--background-color-hover: var(--theme-bg2, var(--color-bus-dark));--background-color-focus: var(--theme-bg1, var(--color-bus));--background-color-hover-focus: var(--theme-bg2, var(--color-bus-dark));--background-color-disabled: var(--color-black-20);--border-color: var(--theme-bg1, var(--color-bus));--border-color-hover: var(--theme-bg1, var(--color-bus-dark));--border-color-focus: var(--theme-bg1, var(--color-bus));--border-color-hover-focus: var(--theme-bg1, var(--color-bus-dark));--border-color-disabled: var(--color-black-20);--color: var(--theme-fg1, var(--color-white));--color-hover: var(--theme-fg2, var(--color-white));--color-focus: var(--theme-fg1, var(--color-white));--color-hover-focus: var(--theme-fg2, var(--color-white));--color-disabled: var(--color-white);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button--secondary{--background-color: var(--theme-bg2, transparent);--background-color-hover: var(--theme-bg1, var(--color-bus-light));--background-color-focus: var(--theme-bg2, transparent);--background-color-hover-focus: var(--theme-bg1, var(--color-bus-light));--background-color-disabled: transparent;--border-color: var(--theme-bg1, var(--color-bus));--border-color-hover: var(--theme-bg2, var(--color-bus-dark));--border-color-focus: var(--theme-bg1, var(--color-bus));--border-color-hover-focus: var(--theme-bg2, var(--color-bus-dark));--border-color-disabled: var(--color-black-50);--color: var(--theme-fg2, var(--color-bus));--color-hover: var(--theme-fg1, var(--color-bus-dark));--color-focus: var(--theme-fg2, var(--color-bus));--color-hover-focus: var(--theme-fg1, var(--color-bus-dark));--color-disabled: var(--color-black-40);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button--supplementary{--background-color: var(--theme-bg2, transparent);--background-color-hover: var(--theme-bg2, var(--color-bus-light));--background-color-focus: var(--theme-bg2, transparent);--background-color-hover-focus: var(--theme-bg2, var(--color-bus-light));--background-color-disabled: transparent;--border-color: var(--theme-bg2, transparent);--border-color-hover: var(--theme-bg2, transparent);--border-color-focus: var(--theme-bg2, var(--color-coat-of-arms));--border-color-hover-focus: var(--theme-bg2, var(--color-coat-of-arms));--border-color-disabled: transparent;--color: var(--theme-fg2, var(--color-bus));--color-hover: var(--theme-fg2, var(--color-bus-dark));--color-focus: var(--theme-fg2, var(--color-bus));--color-hover-focus: var(--theme-fg2, var(--color-bus-dark));--color-disabled: var(--color-black-40);--focus-outline-color: var(--theme-focus, transparent)}.hds-button--loading{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: transparent;--border-color-hover-focus: transparent;--border-color-disabled: transparent;--color: var(--color-black-90);--color-hover: var(--color-black-90);--color-focus: var(--color-black-90);--color-hover-focus: var(--color-black-90);--color-disabled: var(--color-black-90);cursor:wait}.hds-button--success{--background-color: var(--color-success);--background-color-hover: var(--color-success-dark);--background-color-focus: var(--color-success);--background-color-hover-focus: var(--color-success-dark);--border-color: var(--color-success);--border-color-hover: var(--color-success-dark);--border-color-focus: var(--color-success);--border-color-hover-focus: var(--color-success-dark);--color: var(--color-white);--color-hover: var(--color-white);--color-focus: var(--color-white);--color-hover-focus: var(--color-white);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button--danger{--background-color: var(--color-error);--background-color-hover: var(--color-error-dark);--background-color-focus: var(--color-error);--background-color-hover-focus: var(--color-error-dark);--border-color: var(--color-error);--border-color-hover: var(--color-error-dark);--border-color-focus: var(--color-error);--border-color-hover-focus: var(--color-error-dark);--color: var(--color-white);--color-hover: var(--color-white);--color-focus: var(--color-white);--color-hover-focus: var(--color-white);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button .hel-icon{--icon-size: 24px}.hds-button .hel-icon:first-of-type:not(:last-of-type){margin:0 0 0 8px}.hds-button .link__type,.hds-button .hel-icon:last-of-type:not(:first-of-type){margin:0 8px 0 0}.hds-button.hds-button--supplementary{margin:0;padding:0 8px 0 0;text-decoration:underline}.hds-button.hds-button--supplementary .hds-button__label{line-height:24px;margin:0 0 -8px 0;padding:8px}.hds-button.hds-button--supplementary .hds-button__label:only-child{margin:0}.hds-button.hds-button--supplementary:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:not([data-is-external])::after{--icon-size: 24px;background-color:var(--color);background-size:contain;content:"";display:inline-block;height:var(--icon-size);-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--icon-size) var(--icon-size);mask-size:var(--icon-size) var(--icon-size);vertical-align:bottom;width:var(--icon-size);transition:transform .2s linear;order:3;position:static}@media(prefers-reduced-motion){.hds-button.hds-button--supplementary:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:not([data-is-external])::after{transition:none}}.hds-button.hds-button--supplementary:focus:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary:hover:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:focus:not([data-is-external])::after,.hds-button.hds-button--supplementary[data-selected-icon]:hover:not([data-is-external])::after{transform:translateX(4px)}@media(prefers-reduced-motion){.hds-button.hds-button--supplementary:focus:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary:hover:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:focus:not([data-is-external])::after,.hds-button.hds-button--supplementary[data-selected-icon]:hover:not([data-is-external])::after{transform:none}}.hds-button.hds-button--supplementary:hover{text-decoration:none}.hds-button.hds-button--primary.hdbt-icon::before,.hds-button.hds-button--secondary.hdbt-icon::before{margin-right:16px}.hds-button--supplementary:not(.hdbt-icon):not([data-selected-icon]):before{-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right)}p>a.hds-button.hds-button--supplementary:first-child{margin-left:calc(-8px + (-2px))}.hds-button--link{--border-width: 2px;--min-size: 56px;--outline-gutter: 2px;--outline-width: 3px}.hds-button__target-blank{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);max-height:1px;max-width:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}:not(.hds-button)>.hds-button__label{margin:0;padding:0}.card{background:#fff;word-wrap:anywhere;padding:16px;position:relative}.card+.card{margin-top:16px}@media(min-width: 576px){.card{display:flex;flex-direction:row-reverse;gap:16px;grid-template-areas:"content img";grid-template-columns:1fr 30%;padding:16px}}@media(min-width: 768px){.card{gap:24px;padding:24px}}.card__image{flex-basis:30%;flex-shrink:0;margin-bottom:16px}.card__image picture,.card__image img{background-color:#f1f1f1;display:block;height:auto;width:100%}@media(min-width: 576px){.card__image{margin-bottom:0}}.card__text{display:flex;flex-direction:column;flex-grow:1}.card__text::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear;--icon-size: 32px;flex-grow:1;margin-top:16px;-webkit-mask-position:bottom center;mask-position:bottom center}@media(prefers-reduced-motion){.card__text::after{transition:none}}@media(min-width: 768px){.card__text::after{--icon-size: 48px}}.card[focus-within] .card__text::after,.card:hover .card__text::after{transform:translateX(4px)}.card:focus-within .card__text::after,.card:hover .card__text::after{transform:translateX(4px)}@media(prefers-reduced-motion){.card[focus-within] .card__text::after,.card:hover .card__text::after{transform:none}.card:focus-within .card__text::after,.card:hover .card__text::after{transform:none}}.card--external .card__text::after{-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external)}.card--external[focus-within] .card__text::after,.card--external:hover .card__text::after{transform:translate(4px, -4px)}.card--external:focus-within .card__text::after,.card--external:hover .card__text::after{transform:translate(4px, -4px)}@media(prefers-reduced-motion){.card--external[focus-within] .card__text::after,.card--external:hover .card__text::after{transform:none}.card--external:focus-within .card__text::after,.card--external:hover .card__text::after{transform:none}}.card--external .link__type--external{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);max-height:1px;max-width:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}.card .content-tags{margin-bottom:-8px}.card__category{margin-top:12px}.card__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin:0}@media(min-width: 992px){.card__title{--line-height: 1;font-size:2rem;font-weight:400}}.card__link{word-wrap:anywhere;text-decoration:none}.card__link::after{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.card__link:active,.card__link:focus{outline:3px solid #000;outline-offset:2px}.card__link:active,.card__link:hover{text-decoration:underline}.card__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.card__helptext{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666}.card__description,.card__helptext{margin-top:8px}.card__description>:first-child,.card__helptext>:first-child{margin-top:0}.card__metas{margin-top:16px}.card__meta{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);padding-left:32px}.card__meta+.card__meta{margin-top:8px}.card__meta__icon{--icon-size: 24px;display:inline-block;margin-left:-32px;margin-right:8px}.card__meta__label{font-weight:500}.card p.address{display:inline}.card__tags{margin-top:16px}.link__type{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height)*1em);-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);vertical-align:bottom;width:calc(var(--line-height)*1em);transition:transform .2s linear;--external-icon-move: translate(3px, -3px);overflow:hidden}@media(prefers-reduced-motion){.link__type{transition:none}}@media(prefers-reduced-motion){.link__type{--external-icon-move: scale(1)}}a:focus .link__type,a:hover .link__type{transform:var(--external-icon-move)}.link__type--tel{-webkit-mask-image:var(--hel-icon--tel);mask-image:var(--hel-icon--tel);--external-icon-move: rotate(15deg)}.link__type--mailto{-webkit-mask-image:var(--hel-icon--mailto);mask-image:var(--hel-icon--mailto);--external-icon-move: rotate(15deg)}.link__style--highlight{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:16px;padding-left:calc(var(--line-height)*1em + 8px)}.link__style--highlight::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height)*1em);-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);vertical-align:bottom;width:calc(var(--line-height)*1em);margin-left:calc(var(--line-height)*-1em - 8px);margin-right:8px}.quote{--line-height: 1.5;font-size:1.5rem;font-weight:500;line-height:var(--line-height);display:block;margin:48px 0;padding:8px 0 8px 24px;position:relative}@media(min-width: 992px){.quote{--line-height: 1.5;font-size:2rem;font-weight:400}}@media(min-width: 992px){.quote{margin:64px 0;padding:0 0 0 40px}}.quote::before{background-color:var(--hdbt-color-palette--primary);content:"";height:100%;left:0;position:absolute;top:0;width:8px}.quote__text{font-style:italic;margin-top:0}.quote__text::before{content:"”"}.quote__text[lang=en]::before,[lang=en] .quote__text::before{content:"“"}.quote__text::after{content:"”"}.quote__author{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:24px}.quote__author::before{content:"-";margin-right:3px}.quote__author cite{font-style:normal}.block--branding-navigation{display:flex;grid-area:brand;margin-left:auto;order:2;z-index:2}@media(min-width: 768px){.block--branding-navigation{margin-left:32px;order:3}}.block--branding{align-items:center;display:flex;grid-area:logo;height:var(--branding-height);z-index:1}@media(min-width: 768px){.block--branding{height:auto}}.block--branding .city-name{color:#000;display:none;margin-left:8px;margin-right:8px}@media(min-width: 992px){.block--branding .city-name{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:flex;margin-left:16px;margin-right:16px}}@media(min-width: 992px)and (min-width: 768px){.block--branding .city-name{--line-height: 1.5;font-size:1.25rem;font-weight:400}}.block--branding a:focus .city-name,.block--branding a:hover .city-name{text-decoration:underline}#chat-leijuke-wrapper{bottom:0;color:#fff;position:fixed;right:0;z-index:1}.chat-leijuke{align-items:center;background:#000;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:auto;gap:8px;padding:8px 16px;--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.chat-leijuke.hidden{display:none}.chat-leijuke .hel-icon--angle-up{margin-left:auto}.cx-widget.cx-side-button-group{display:none}.smartti-button-closed{display:none}#aca--widget-button{opacity:0}.kuura-chat-toggle.closed-chat{display:none}.language-wrapper{--language-block-height: 52px;align-content:stretch;align-items:center;align-self:center;background-color:#f7f7f8;border-bottom:1px solid #ccc;display:flex;grid-area:lang;height:100%;justify-content:space-between;min-height:var(--language-block-height);padding:0 16px;position:relative;transition:margin-top .3s ease 1s;width:100vw;z-index:0}@media(min-width: 768px){.language-wrapper{background-color:rgba(0,0,0,0);border-bottom:0 none;border-top:none;margin-left:auto;order:2;padding:0;width:auto;z-index:10}}.language-wrapper.scroll-up{margin-top:calc(-1*var(--language-block-height));transition-delay:0s}@media(min-width: 768px){.language-wrapper.scroll-up{margin-top:0;transition-duration:0s}}#menu:not([data-js])~* .mega-and-mobilemenu .block--language-switcher+*{margin-top:16px}.language-links{display:flex}.nav-toggle-dropdown--otherlangs{grid-area:langmenu}@media(min-width: 992px){.nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__content{display:flex;justify-content:flex-end;pointer-events:none}}.headerlanguagelinks__menu-dropdown{background-color:#efeff0;height:100%;list-style:none;margin:0;min-width:240px;padding:16px;width:auto}@media(min-width: 992px){.headerlanguagelinks__menu-dropdown{border:1px solid #ccc;border-top:0;height:auto;max-width:200px;pointer-events:all}}.headerlanguagelinks__group+.headerlanguagelinks__group{margin-top:24px}.headerlanguagelinks__link{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:block}.headerlanguagelinks__link+.headerlanguagelinks__group,.headerlanguagelinks__link+.headerlanguagelinks__link{margin-top:8px}.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink){text-decoration:none}.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink):hover,.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink):active,.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink):focus{text-decoration:underline}.headerlanguagelinks__link--nolink{display:block;font-weight:700}.block--mobile-navigation{order:3}@media(min-width: 768px){.block--mobile-navigation{display:none}}.page-title{padding-top:0}.page-title h1{margin-bottom:0;margin-top:0;max-width:860px}.page-title+article>.lead-in{margin-top:24px}.page-title+article>.table-of-contents:first-child,.page-title+article>.components:first-child{margin-top:32px}@media(min-width: 992px){.page-title+article>.table-of-contents:first-child,.page-title+article>.components:first-child{margin-top:64px}}.block--react-and-share{margin-top:32px;width:100%}@media(min-width: 992px){.block--react-and-share{margin-top:64px}}.block--react-and-share:last-child{background:#f1f1f1}.block--react-and-share:last-child .rns .rns-plugin{padding-bottom:112px}.js .block--react-and-share:last-child{margin-bottom:-112px}.rns{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media(min-width: 768px){.rns{max-width:1328px}}@media(min-width: 768px){.rns{padding-left:32px;padding-right:32px}}.rns .rns-plugin{font-family:HelsinkiGrotesk,Arial,sans-serif;margin:0;padding-bottom:80px;padding-top:80px}.rns .rns-plugin .rns-reactions{max-width:688px}.rns .rns-plugin .rns-reactions .rns-header{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.rns .rns-plugin .rns-reactions .rns-header{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.rns .rns-plugin .rns-reactions .reactions{margin-top:24px}@media only screen and (min-width: 681px){.rns .rns-plugin .rns-reactions .reactions{margin-left:calc(-24px / 2);margin-right:calc(-24px / 2)}}.rns .rns-plugin .rns-reactions .reactions .rns-reaction{flex-grow:0;margin:0 calc(24px / 2);max-width:190px;padding:0}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-reactions .reactions .rns-reaction{max-width:100%}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-reactions .reactions .rns-reaction{margin:16px 0 0;padding:0;width:100%}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-reactions .reactions .rns-reaction:first-child{margin-top:0}}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button{border-color:#000;padding:14px 32px;position:relative}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:before{--size: 100%;border:2px solid rgba(0,0,0,0);content:"";height:var(--size);left:0;position:absolute;width:var(--size)}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button .rns-label{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);align-items:center;color:#000;display:flex;justify-content:center;min-width:-moz-max-content;min-width:max-content;width:100%}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button .rns-label:after{background-color:#000;background-size:contain;content:"";display:flex;height:24px;-webkit-mask-image:var(--hel-icon--face-neutral);mask-image:var(--hel-icon--face-neutral);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;margin-left:16px}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button .rns-reaction-count{display:none}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus{background-color:#fff;box-shadow:none;color:#000}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus .rns-label{color:#000}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus:before{--size: calc(100% + calc(24px / 2));border-color:#000;left:calc(-24px / 4)}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:hover{background-color:#000}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:hover .rns-label{color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:hover .rns-label:after{background-color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus:hover .rns-label{color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction.selected .rns-reaction-button{background-color:#000 !important}.rns .rns-plugin .rns-reactions .reactions .rns-reaction.selected .rns-reaction-button .rns-label{color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction.selected .rns-reaction-button .rns-label:after{background-color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction:first-child .rns-label:after{-webkit-mask-image:var(--hel-icon--face-smile);mask-image:var(--hel-icon--face-smile)}.rns .rns-plugin .rns-reactions .reactions .rns-reaction:last-child .rns-label:after{-webkit-mask-image:var(--hel-icon--face-sad);mask-image:var(--hel-icon--face-sad)}.rns .rns-plugin .rns-shares{margin-top:64px;padding:0 calc(24px / 4)}.rns .rns-plugin .rns-shares .rns-header{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.rns .rns-plugin .rns-shares .rns-header{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.rns .rns-plugin .rns-shares .rns-shares-list{margin-top:32px}@media only screen and (min-width: 681px){.rns .rns-plugin .rns-shares .rns-shares-list{margin-bottom:0;margin-left:-8px;margin-right:-8px;margin-top:32px}}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share{margin:0 8px;padding:0 !important;width:auto}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share{margin:16px 0 0;padding:0 !important;width:calc(50% - 16px)}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:first-child,.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:nth-child(2){margin:0}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:nth-child(odd){margin-right:4px}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:nth-child(even){margin-left:4px}}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button{align-items:center;background-color:rgba(0,0,0,0);border:0;color:#000;display:flex;justify-content:left;padding:0}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:after{--size: 100%;border:2px solid rgba(0,0,0,0);content:"";height:var(--size);left:0;position:absolute;width:var(--size)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:before{background-color:#000;background-size:contain;content:"";display:flex;height:32px;-webkit-mask-image:var(--hel-icon--share);mask-image:var(--hel-icon--share);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px;margin-right:8px}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:focus{box-shadow:none;outline:none}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:focus:after{--size: calc(100% + 8px);border-color:#000;left:calc(-8px / 2);top:calc(-8px / 2)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:hover{opacity:1}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:hover:before{background-color:#000}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:hover .rns-label{color:#000;text-decoration:underline}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button .rns-icon{display:none}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button .rns-label{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);padding-right:calc(8px / 2)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-facebook .rns-share-button:before{-webkit-mask-image:var(--hel-icon--facebook);mask-image:var(--hel-icon--facebook)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-whatsapp .rns-share-button:before{-webkit-mask-image:var(--hel-icon--whatsapp);mask-image:var(--hel-icon--whatsapp)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-twitter .rns-share-button:before{-webkit-mask-image:var(--hel-icon--twitter);mask-image:var(--hel-icon--twitter)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-email .rns-share-button:before{-webkit-mask-image:var(--hel-icon--email);mask-image:var(--hel-icon--email)}.rns .rns-plugin .rns-inputs{margin-top:48px;max-width:688px;padding:calc(24px / 4)}.rns .rns-plugin .rns-inputs .rns-header{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.rns .rns-plugin .rns-inputs .rns-header{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.rns .rns-plugin .rns-inputs .rns-input-description{margin:24px 0 0;--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666;opacity:1}.rns .rns-plugin .rns-inputs .rns-input-field{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);border:2px solid gray;font-family:HelsinkiGrotesk,Arial,sans-serif;height:188px;margin-top:24px;padding:16px}.rns .rns-plugin .rns-inputs .rns-form-submit{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);background-color:#000;border:2px solid #000;color:#fff;display:inline-flex;margin-top:24px;padding:16px 24px;position:relative}.rns .rns-plugin .rns-inputs .rns-form-submit:after{background-color:#fff;background-size:contain;content:"";display:flex;height:24px;-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;margin-left:16px}.rns .rns-plugin .rns-inputs .rns-form-submit:before{--size: 100%;border:2px solid rgba(0,0,0,0);content:"";height:var(--size);left:0;position:absolute;top:0;width:var(--size)}.rns .rns-plugin .rns-inputs .rns-form-submit:focus{box-shadow:none;outline:none}.rns .rns-plugin .rns-inputs .rns-form-submit:focus:before{--size: calc(100% + calc(24px / 2));border-color:#000;left:calc(-24px / 4);top:calc(-24px / 4)}.rns .rns-plugin .rns-inputs .rns-form-submit:hover{background-color:#fff;color:#000}.rns .rns-plugin .rns-inputs .rns-form-submit:hover:after{background-color:#000}.social-media{margin-top:48px}.social-media__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.social-media__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.social-media__items{margin-left:-4px;margin-right:-4px;display:flex;margin-bottom:32px;margin-top:16px}.social-media__items>*{margin-left:4px;margin-right:4px}.social-media__item{color:#000;list-style:none;text-decoration:none}.social-media__item .hel-icon{--icon-size: 32px}.social-media__item:focus.email,.social-media__item:active.email,.social-media__item:hover.email{color:#4c4c4c}.social-media__item:focus.facebook-share,.social-media__item:active.facebook-share,.social-media__item:hover.facebook-share{color:#4169af}.social-media__item:focus.linkedin,.social-media__item:active.linkedin,.social-media__item:hover.linkedin{color:#0079b2}.social-media__item:focus.twitter,.social-media__item:active.twitter,.social-media__item:hover.twitter{color:#0da4ee}.hds-checkbox{--focus-outline-color: #000000}.hds-checkbox .hds-checkbox__input:focus{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.hds-checkbox .hds-checkbox__input:focus+.hds-checkbox__label::before,.hds-checkbox>.hds-checkbox__input:focus+label::before{box-shadow:none}.hds-checkbox .hds-checkbox__input::before,.hds-checkbox .hds-checkbox__input:hover::before{-webkit-mask-image:var(--hel-icon--check);mask-image:var(--hel-icon--check)}.form-item{margin-bottom:16px}.openid-connect-login-form{border-bottom:1px solid #666;margin-bottom:32px;max-width:600px;padding-bottom:32px}.openid-connect-login-form input{width:100%}.openid-connect-login-form>div{margin-top:16px}.openid-connect-login-form>div:first-child{margin-top:0}.user-login-form{max-width:600px;padding-bottom:16px}.hdbt--select-wrapper{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);--border-width: 2px;--input-height: 52px;--menu-item-height: 52px;--icon-size: var(--spacing-layout-s);--icon-spacing: calc(((var(--spacing-s) - var(--border-width) * 2) * 2) + var(--icon-size));--helper-color-default: var(--color-black-60);--helper-color-invalid: var(--color-error);--icon-color-invalid: var(--color-error);--input-background-default: var(--color-white);--input-background-disabled: var(--color-black-10);--input-border-color-default: var(--color-black-50);--input-border-color-hover: var(--color-black-90);--input-border-color-focus: var(--color-black-90);--input-border-color-invalid: var(--color-error);--input-border-color-disabled: var(--color-black-10);--input-color-default: var(--color-black-90);--input-color-disabled: var(--color-black-40);--label-color-default: var(--color-black-90);--label-color-invalid: var(--color-black-90);--placeholder-color: var(--color-black-60);--focus-outline-color: #000000;--outline-width: 3px;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--input-background-default);border:var(--border-width) solid var(--input-border-color-default);box-sizing:border-box;color:var(--input-color-default);cursor:pointer;display:block;grid-template-areas:"select";min-width:15ch;padding:0;position:relative;width:100%}.hdbt--select-wrapper select,.hdbt--select-wrapper::after{grid-area:select}.hdbt--select-wrapper select{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:none;color:var(--dropdown-color-default);cursor:inherit;display:flex;font-family:inherit;height:var(--input-height);margin:0;min-height:var(--menu-item-height);outline:none;padding:calc(1rem - var(--border-width)*2) var(--icon-spacing) calc(1rem - var(--border-width)*2) 1rem;padding:calc(var(--spacing-s) - var(--border-width)*2) var(--icon-spacing) calc(var(--spacing-s) - var(--border-width)*2) var(--spacing-s);width:100%;z-index:1}.hdbt--select-wrapper select::-ms-expand{display:none}.hdbt--select-wrapper select:focus{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:4px}.hdbt--select-wrapper .hel-icon{--icon-size: var(--spacing-m);pointer-events:none;position:absolute;right:calc(1rem - var(--border-width)*2);right:calc(var(--spacing-s) - var(--border-width)*2);top:50%;transform:translateY(-50%)}.hdbt--select-wrapper:not(.select--multiple)::after{background-color:var(--helper-color-default);-webkit-clip-path:polygon(100% 0%, 0 0%, 50% 100%);clip-path:polygon(100% 0%, 0 0%, 50% 100%);content:"";height:.5em;justify-self:end;width:.8em}.hdbt--select-wrapper--disabled{background-color:var(--input-background-disabled);border:var(--border-width) solid var(--input-border-color-disabled);color:var(--input-color-disabled);cursor:not-allowed}.hdbt--select-wrapper--disabled select:disabled{color:var(--input-color-disabled);opacity:1}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){--focus-outline-color: #000000;box-shadow:none;outline:3px solid var(--focus-outline-color);outline:var(--outline-width, 3px) solid var(--focus-outline-color);outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){--focus-outline-color: #000000;box-shadow:none;outline:3px solid var(--focus-outline-color);outline:3px solid var(--focus-outline-color);outline:var(--outline-width, 3px) solid var(--focus-outline-color);outline-offset:2px;outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.hds-text-input__input-wrapper:focus-within .hds-text-input__input:not([readonly]){--focus-outline-color: #000000;box-shadow:none;outline:3px solid var(--focus-outline-color);outline:var(--outline-width, 3px) solid var(--focus-outline-color);outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.region--attachments{height:0;visibility:hidden;width:0}.before-content{width:100%}*~.components,.service__units+.component,.unit__services+.component,.component~.component{margin-top:32px}@media(min-width: 992px){*~.components,.service__units+.component,.unit__services+.component,.component~.component{margin-top:64px}}.components--lower>.component:not(.component--liftup-with-image-bg),.no-sidebar .components--upper>.component:not(.component--liftup-with-image-bg){padding-left:16px;padding-right:16px}@media(min-width: 768px){.components--lower>.component:not(.component--liftup-with-image-bg),.no-sidebar .components--upper>.component:not(.component--liftup-with-image-bg){padding-left:32px;padding-right:32px}}.component--has-koro>.hds-koros{margin-left:-16px;margin-right:-16px;width:calc(16px + 100% + 16px)}@media(min-width: 768px){.component--has-koro>.hds-koros{margin-left:-32px;margin-right:-32px;width:calc(32px + 100% + 32px)}}.component__container{margin-left:auto;margin-right:auto;max-width:1264px}.component__title,.component__description{margin-bottom:0;margin-top:0}.component__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);max-width:860px}.component__description>:first-child{margin-top:0}.component__description>:last-child{margin-bottom:0}.component__title+.component__description{margin-top:16px}.component__title+.component__content,.component__description+.component__content{margin-top:24px}@media(min-width: 992px){.component__title+.component__content,.component__description+.component__content{margin-top:48px}}.component--tpr-unit,.component--unit-services,.component--service-units{padding-left:16px;padding-right:16px}@media(min-width: 768px){.component--tpr-unit,.component--unit-services,.component--service-units{padding-left:32px;padding-right:32px}}.container{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media(min-width: 768px){.container{max-width:1328px}}@media(min-width: 768px){.container{padding-left:32px;padding-right:32px}}.dialog-off-canvas-main-canvas{display:flex;flex-direction:column;height:100%;z-index:1}.gin--horizontal-toolbar .dialog-off-canvas-main-canvas{--drupal-toolbar-height: 39px;padding-top:var(--drupal-toolbar-height)}@media(min-width: 976px){.gin--horizontal-toolbar .dialog-off-canvas-main-canvas{--drupal-toolbar-height: 54px}}.error-page{background-color:#efeff0}.error-page .no-sidebar .main-content{margin-top:0}body[\:has\(.error-page__title\)]{background-color:#efeff0}body:has(.error-page__title){background-color:#efeff0}body[\:has\(.error-page__title\)] .no-sidebar .main-content{margin-top:0}body:has(.error-page__title) .no-sidebar .main-content{margin-top:0}@media(min-width: 768px){.error-page-content__container{display:flex}}@media(min-width: 768px){.error-page__text-container{width:50%}}.error-page__title{margin-bottom:0}.error-page__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 768px){.error-page__description{margin-top:24px}}.error-page__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:inline-flex;margin-top:32px}.error-page__link::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear}@media(prefers-reduced-motion){.error-page__link::after{transition:none}}.error-page__link[data-is-external]::after{content:none}.error-page__link:hover{text-decoration:none}.error-page__link:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.error-page__link:hover::after{transform:none}}.error-page__link+.error-page__link{margin-top:24px}.error-page__login-title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.error-page__login-title{--line-height: 1;font-size:2rem;font-weight:400}}.error-page__login-form{margin-top:32px}@media(min-width: 768px){.error-page__illustration-container{align-items:flex-start;display:flex;justify-content:center;padding-left:48px;padding-right:48px;padding-top:96px;width:50%}}.error-page__illustration{display:block;height:auto;margin-left:32px;margin-top:48px;width:264px}@media(min-width: 768px){.error-page__illustration{margin-left:0;margin-top:0;max-width:100%;width:379px}}.footer{flex-shrink:0;margin:calc(50px + 48px) auto 0;max-width:1920px;width:100%}@media(min-width: 992px){.footer{margin-top:calc(50px + 64px)}}.footer a{text-decoration:underline}.footer .menu{list-style:none;margin:0;padding:0}.footer .hds-koros{margin-top:calc(-1*(50px - 1px))}.footer-top__container{padding-top:0}.footer-top{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto;padding-top:64px}@media(min-width: 768px){.footer-top{max-width:1328px}}@media(min-width: 768px){.footer-top{padding-left:32px;padding-right:32px}}@media(min-width: 768px){.footer-top{display:flex;flex-wrap:wrap}}.footer-top h2{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.footer-top h2{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.footer-top h2.footer-top__content__title{margin-top:32px}@media(min-width: 768px){.footer-top h2.footer-top__content__title{margin-top:0}}.footer-top p{margin-top:16px}@media(min-width: 768px){.footer-top nav{margin-right:96px}}.footer-top .menu{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin:16px 0 32px 0}@media(min-width: 768px){.footer-top .menu{margin-bottom:0;margin-top:24px}}.footer-top .menu__item{margin-top:16px}.footer-top .menu__item:first-child{margin-top:0}@media(min-width: 768px){.footer-top__content{max-width:544px}}.footer-bottom__container{padding-top:0}.footer-bottom{border-top:1px solid #b2b2b2;-moz-column-gap:32px;column-gap:32px;display:flex;flex-wrap:wrap;margin-top:48px;padding-bottom:48px;padding-top:24px;row-gap:16px}@media(min-width: 768px){.footer-bottom{margin-top:96px;padding-bottom:0}}@media(min-width: 768px){.footer-bottom__navigation-wrapper{align-items:center;display:flex;flex-wrap:nowrap;margin-bottom:48px}}.footer-bottom__navigation{margin-top:16px}@media(min-width: 768px){.footer-bottom__navigation{margin-top:0}}.footer-bottom__navigation .menu{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:flex;flex-wrap:wrap}.footer-bottom__navigation .menu__item{align-items:center;display:flex}.footer-bottom__navigation .menu__item::after{content:"";display:block;height:15px;margin:0 8px;width:1px}.footer-bottom__navigation .menu__item.menu__item--nolink{display:flex;width:auto}.footer-bottom__navigation .menu__item:last-child::after{display:none}.footer__back-to-top{--outline-gutter: 2px;--outline-width: 3px;--focus-outline-color: var(--hdbt-color-black);--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);align-items:center;align-self:flex-end;display:flex;height:40px;margin-left:auto;margin-right:8px;text-decoration:none}@media(min-width: 992px){.footer__back-to-top{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.footer__back-to-top{margin-bottom:48px;margin-top:0}}.footer__back-to-top:focus,.footer__back-to-top:active{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:var(--outline-gutter)}.footer__back-to-top:hover{text-decoration:underline}.footer__back-to-top .hel-icon{transition:transform .2s linear}@media(prefers-reduced-motion){.footer__back-to-top .hel-icon{transition:none}}.footer__back-to-top:focus .hel-icon,.footer__back-to-top:hover .hel-icon{transform:translateY(-4px)}@media(prefers-reduced-motion){.footer__back-to-top:focus .hel-icon,.footer__back-to-top:hover .hel-icon{transform:none}}.footer--light{background-color:#efeff0;color:#fff}.footer--light .hds-koros{color:#efeff0}.footer--light a{color:#000}.footer--light .footer-bottom,.footer--light .footer-top{color:#000}.footer--light .footer-bottom .menu__item::after{background-color:#000}.footer--dark{background-color:#121212;background-color:var(--hdbt-color-black);color:#fff}.footer--dark .hds-koros{color:#121212;color:var(--hdbt-color-black)}.footer--dark a{color:#fff}.footer--dark .footer-bottom,.footer--dark .footer-top{color:#fff}.footer--dark .footer-bottom{border-color:#fff}.footer--dark .footer-bottom .menu__item::after{background-color:#fff}.footer--dark .footer__back-to-top{--focus-outline-color: var(--color-white)}.wrapper>.header{padding-top:114px}@media(min-width: 768px){.wrapper>.header{padding-top:0}}.layout-main-wrapper *{scroll-margin-top:113px}@media(min-width: 768px){.layout-main-wrapper *{scroll-margin-top:0}.toolbar-horizontal .layout-main-wrapper *{scroll-margin-top:64px}}.main-content{display:grid;grid-template-areas:"subnav" "content" "sidebar";grid-template-columns:100%;grid-template-rows:auto;margin-left:auto;margin-right:auto;margin-top:64px}@media(min-width: 992px){.main-content{margin-top:96px}}@media(min-width: 992px){.has-sidebar .main-content{-moz-column-gap:64px;column-gap:64px;grid-template-areas:"content sidebar";grid-template-columns:auto 340px}.has-sidebar--first .main-content{grid-template-areas:"subnav content" "sidebar content";grid-template-columns:340px auto;grid-template-rows:auto 1fr}}@media(min-width: 1248px){.main-content{-moz-column-gap:48px;column-gap:48px}}.has-sidebar .main-content{max-width:1296px;padding-left:16px;padding-right:16px}@media(min-width: 768px){.has-sidebar .main-content{max-width:1328px}}@media(min-width: 768px){.has-sidebar .main-content{padding-left:32px;padding-right:32px}}.layout-sidebar-first{display:none;grid-area:subnav;margin-bottom:48px}@media(min-width: 992px){.layout-sidebar-first{display:block}.no-sidebar-second .layout-sidebar-first{margin-bottom:0}}.layout-content{grid-area:content}.layout-content:not(:last-child){margin-bottom:48px}@media(min-width: 992px){.layout-content:not(:last-child){margin-bottom:0}}.layout-sidebar-second{grid-area:sidebar}.user-login-page{background-color:#efeff0}.user-login-page .no-sidebar .main-content{margin-top:0}@media(min-width: 768px){.user-login-page-content__container{display:flex}}.user-login-page__title{--line-height: 1;font-size:2rem;font-weight:400;line-height:var(--line-height);margin-bottom:32px}@media(min-width: 992px){.user-login-page__title{--line-height: 1;font-size:3rem;font-weight:400}}@media(min-width: 768px){.user-login-page__title{margin-bottom:48px}}@media(min-width: 768px){.user-login__form-container{width:50%}}.user-login-page__illustration-container{align-items:center;display:flex;justify-content:center}@media(min-width: 768px){.user-login-page__illustration-container{padding-left:96px;width:50%}}.user-login-page__illustration{display:block;height:auto;margin-top:48px;max-width:450px;width:100%}@media(min-width: 768px){.user-login-page__illustration{margin-left:0;margin-top:0;max-width:unset}}.login-form .description{display:none}.login-form .form-item--error-message{margin-top:32px}.lower-content{margin-top:32px;width:100%}@media(min-width: 992px){.lower-content{margin-top:64px}}.lower-content .layout-content{margin:0;padding:0;width:100%}.maintenance-page{background-color:#efeff0}@media(min-width: 768px){.maintenance-page-content__container{display:flex}}@media(min-width: 768px){.maintenance-page__text-container{display:flex;flex-direction:column;justify-content:center;width:50%}}.maintenance-page__title{margin-bottom:0}.maintenance-page__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 768px){.maintenance-page__description{margin-top:24px}}.maintenance-page__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:inline-flex;margin-top:32px}.maintenance-page__link::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear}@media(prefers-reduced-motion){.maintenance-page__link::after{transition:none}}.maintenance-page__link[data-is-external]::after{content:none}.maintenance-page__link:hover{text-decoration:none}.maintenance-page__link:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.maintenance-page__link:hover::after{transform:none}}.maintenance-page__link+.maintenance-page__link{margin-top:24px}@media(min-width: 768px){.maintenance-page__illustration-container{align-items:flex-start;display:flex;justify-content:center;padding:96px 48px;width:50%}}.maintenance-page__illustration{display:block;height:auto;margin:96px auto;width:350px}@media(min-width: 768px){.maintenance-page__illustration{margin:0;max-width:100%;width:460px}}.paragraph-content>*:first-child{margin-top:0}@media(min-width: 768px){.tools__container{margin-top:16px}}@media(min-width: 768px){.breadcrumb__container+.tools__container{margin-bottom:20px;margin-top:-8px}}.wrapper{flex:1 0 auto;margin-left:auto;margin-right:auto;max-width:1920px;width:100%}.image-placeholder{background-color:var(--hdbt-color-palette--primary);padding-bottom:56.25%;position:relative;width:100%}.image-placeholder .hel-icon{--icon-size: 50%;color:var(--hdbt-color-palette-text--primary);left:25%;position:absolute;top:25%}.image picture{display:block}.image img{display:block;height:auto;max-width:100%;overflow:hidden;box-shadow:inset 0 0 0 1px #e5e5e5}.image__caption{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);padding-top:16px}img{word-wrap:break-word}.announcement{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);height:auto;height:var(--js-announcement-height, auto);padding-bottom:16px}.announcement__container{--announcement-bg-color: #f7f7f8;--announcement-bg-size: 32px;--announcement-color: #0062b9;align-items:flex-start;background:linear-gradient(90deg, var(--announcement-color) 0, var(--announcement-color) var(--announcement-bg-size), var(--announcement-bg-color) var(--announcement-bg-size));background-color:var(--announcement-bg-color);box-shadow:2px 2px 10px 0 rgba(0,0,0,.1);display:flex;justify-content:space-between;min-height:var(--announcement-bg-size);padding-bottom:16px;padding-left:calc(var(--announcement-bg-size) + 16px);padding-right:16px;padding-top:16px;position:relative}.announcement__container::before{background-color:#fff;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--info-circle-fill);mask-image:var(--hel-icon--info-circle-fill);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;left:calc(.5*(var(--announcement-bg-size) - 24px));margin-top:-12px;position:absolute;top:50%}@media(min-width: 768px){.announcement__container{--announcement-bg-size: 48px}}.announcement--alert .announcement__container{--announcement-bg-color: #f6e2e6;--announcement-color: #b01038}.announcement--alert .announcement__container::before{-webkit-mask-image:var(--hel-icon--error-fill);mask-image:var(--hel-icon--error-fill)}.announcement--attention .announcement__container{--announcement-color: #ffda07}.announcement--attention .announcement__container::before{-webkit-mask-image:var(--hel-icon--alert-circle-fill);mask-image:var(--hel-icon--alert-circle-fill);background-color:#000}.announcenemnt__content-body *:first-child{margin-top:0}.announcement__link{margin-top:16px}.announcement__link:first-child{margin-top:0}.announcement__link a::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height)*1em);-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);vertical-align:bottom;width:calc(var(--line-height)*1em);transition:transform .2s linear;margin-left:4px}@media(prefers-reduced-motion){.announcement__link a::after{transition:none}}.announcement__link a:focus::after,.announcement__link a:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.announcement__link a:focus::after,.announcement__link a:hover::after{transform:none}}.announcement__link a[data-is-external]::after{content:none}.announcement__close{background:rgba(0,0,0,0);border:0 none;cursor:pointer;height:32px;margin-bottom:0;margin-left:0;margin-right:-8px;margin-top:-8px;padding:0;width:32px}.announcement__close::after{--icon-size: 32px;background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--cross);mask-image:var(--hel-icon--cross);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em))}.js-announcement__close--disabled{visibility:hidden}.js-announcement--hide{height:0;opacity:0;overflow:hidden;padding-bottom:0;transition:opacity linear .15s,height linear .2s .15s,padding-bottom linear .2s .15s,visibility linear 0s 0.35s;visibility:hidden}@media(prefers-reduced-motion){.js-announcement--hide{transition:none}}.hds-notification{margin-bottom:16px}.hds-notification:first-of-type{margin-top:16px}.hds-notification__label .hel-icon{--icon-size: 24px;margin-right:8px}.messages__container{padding-top:0}.menu__link{text-decoration:none}.menu__link:focus,.menu__link:hover{text-decoration:underline}.menu__link[aria-current=page],.menu__link[aria-current=true]{font-weight:700}.menu__link__text{text-decoration:inherit}.menu__link__icon{display:none}.header-branding{--branding-height: 65px;--header-branding-padding: 16px;background-color:#fff;display:grid;grid-template-areas:". logo . brand search toggle profile ." "menu menu menu menu menu menu menu menu" "lang lang lang lang lang lang lang lang" "langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu";grid-template-columns:var(--header-branding-padding) auto 1fr auto auto auto auto var(--header-branding-padding);grid-template-rows:var(--branding-height) min-content min-content min-content;position:fixed;top:0;width:100%;z-index:100}@media(min-width: 768px){.header-branding{--branding-height: 86px;--header-branding-padding: 24px;grid-template-areas:". logo . lang brand search toggle profile ." "langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu" "menu menu menu menu menu menu menu menu menu";grid-template-columns:var(--header-branding-padding) auto 1fr auto auto auto auto auto var(--header-branding-padding);grid-template-rows:var(--branding-height) auto}}@media(min-width: 992px){.header-branding{grid-template-areas:". logo . lang brand search toggle profile ." "langmenu langmenu langmenu langmenu langmenu . . . ." "menu menu menu menu menu menu menu menu menu"}}@media(min-width: 768px){.header-branding{position:relative;top:auto}}@media(min-width: 992px){.header-branding{--header-branding-padding: 32px}}.header-branding::before{align-self:end;background-color:#fff;border-bottom:1px solid #ccc;content:"";grid-column:1/-1;grid-row:1/span 1;height:100%;z-index:1}@media(min-width: 768px){.header-branding::before{height:0}}.toolbar-vertical .header-branding{top:var(--drupal-toolbar-height)}.header-branding .block--branding-navigation .menu{display:flex;list-style:none;margin:0;padding:0}.header-branding .block--branding-navigation .menu__item+.menu__item{margin-left:8px}.header-branding .block--branding-navigation .menu__link{--line-height: 1;font-size:.875rem;font-weight:400;line-height:var(--line-height);align-self:center;cursor:pointer;display:grid;grid-template-areas:"icon" "label";padding:5px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(min-width: 992px){.header-branding .block--branding-navigation .menu__link{display:none}}.header-branding .block--branding-navigation .menu__link:focus,.header-branding .block--branding-navigation .menu__link:hover{text-decoration:underline}.header-branding .block--branding-navigation .menu__link:active,.header-branding .block--branding-navigation .menu__link:focus{outline:3px solid #000;outline-offset:-3px}.header-branding .block--branding-navigation .menu__link__icon{--icon-size: 32px;align-self:end;display:block;grid-area:icon;justify-self:center}.breadcrumb{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);align-items:center;display:flex;list-style:none;margin:0;padding:8px 16px}@media(min-width: 768px){.breadcrumb{--line-height: 1.5;font-size:.875rem;font-weight:400}}@media(min-width: 768px){.breadcrumb{padding:16px 24px}}@media(min-width: 992px){.breadcrumb{padding:16px 32px}}.breadcrumb .hel-icon{display:none}@media(min-width: 768px){.breadcrumb .hel-icon{--icon-size: 0.875rem;display:block;margin:0 2px}}.breadcrumb__link{display:none;text-decoration:underline}@media(min-width: 768px){.breadcrumb__link{display:block}}.breadcrumb__link:hover{text-decoration:none}.breadcrumb__link:last-of-type{align-items:center;display:flex;margin-left:-8px}@media(min-width: 768px){.breadcrumb__link:last-of-type{margin-left:0}}.breadcrumb__link:last-of-type::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--angle-left);mask-image:var(--hel-icon--angle-left);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}@media(min-width: 768px){.breadcrumb__link:last-of-type::before{display:none}}.breadcrumb__current{--line-height: 1.5;font-size:.875rem;font-weight:700;line-height:var(--line-height);display:none}@media(min-width: 768px){.breadcrumb__current{display:block}}.header-bottom{background-color:#fff}@media(min-width: 992px){.header-bottom{border-bottom:1px solid #ccc}}.header-bottom .menu{display:none;margin:0;padding:0;z-index:0}@media(min-width: 992px){.header-bottom .menu{display:flex}}.header-bottom .menu--level-0,.header-bottom .site-name__container{margin-left:22px;margin-right:22px;flex-wrap:wrap}.header-bottom .menu--level-0>*,.header-bottom .site-name__container>*{margin-left:10px;margin-right:10px}.header-bottom .site-name__container{display:none;padding-top:24px}@media(min-width: 992px){.header-bottom .site-name__container{display:flex}}.header-bottom .site-name__link{--line-height: 1.1666666667;font-size:1.5rem;font-weight:400;line-height:var(--line-height);text-decoration:none}.header-bottom .site-name__link:hover,.header-bottom .site-name__link:focus{text-decoration:underline}.header-bottom .menu__item{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);list-style:none;position:relative}.header-bottom .menu__toggle-button{background-color:#f1f1f1;border:none;margin-left:4px;padding:0}.header-bottom .menu__toggle-button:hover{cursor:pointer}.header-bottom .menu__toggle-button:focus{box-shadow:0 0 0 3px #000;outline:none;padding:6px 0}.header-bottom .menu__toggle-button-icon{transition:transform .2s ease-in}@media(prefers-reduced-motion){.header-bottom .menu__toggle-button-icon{transition:none}}.header-bottom [aria-expanded=true]>.menu__toggle-button-icon{transform:rotate(180deg)}.header-bottom .menu__item--nolink{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);padding:24px 0;text-decoration:none}.header-bottom .menu__link-wrapper{align-items:center;display:flex;height:100%;position:relative}.header-bottom .menu__link{display:inline-block;padding:24px 0}.header-bottom .menu__link::before{background-color:#000;bottom:0;content:"";height:0;left:0;margin:0 auto;position:absolute;right:0;transition:all .5s cubic-bezier(0.19, 1, 0.22, 1);width:0}.header-bottom .menu__link[aria-current=page]::before{height:4px;width:100%}.header-bottom .menu__link:focus{outline:none}.header-bottom .menu__link:focus::after{box-shadow:0 0 0 3px #000;content:"";display:block;height:50%;left:-4px;position:absolute;top:50%;transform:translateY(-50%);width:calc(100% + 8px)}.header-bottom .menu__item--item-below .menu__link:focus::after{left:-2px;width:calc(100% - 24px)}.header-bottom .menu__link--active-trail{font-weight:700}.header-bottom .menu__link--active-trail::before{height:4px;width:100%}.header-bottom .menu__link__text{display:inline-block}.header-bottom .menu--level-1{background-color:#fff;border:1px solid #ccc;bottom:auto;display:none;left:-20px;min-width:310px;position:absolute;width:calc(100% + 64px);z-index:100}.header-bottom .menu__item--hover .menu--level-1,.header-bottom .menu__item--open .menu--level-1{display:block}.header-bottom .menu--level-1 .menu__toggle-button{display:none}.header-bottom .menu--level-1 .menu__link,.header-bottom .menu--level-1 .menu__item--nolink{--line-height: 1.25;font-size:1rem;font-weight:400;line-height:var(--line-height);display:block;padding:16px 20px}.header-bottom .menu--level-1 .menu__link::before,.header-bottom .menu--level-1 .menu__item--nolink::before{bottom:0;height:100%;left:0;margin:0;right:auto;top:0;transition:width 100ms ease-in}.header-bottom .menu--level-1 .menu__link:focus,.header-bottom .menu--level-1 .menu__item--nolink:focus{margin:0}.header-bottom .menu--level-1 .menu__link:focus::after,.header-bottom .menu--level-1 .menu__item--nolink:focus::after{height:100%;left:8px;width:calc(100% - 16px)}.header-bottom .menu--level-1 .menu__link[aria-current=page],.header-bottom .menu--level-1 .menu__item--nolink[aria-current=page]{font-weight:700}.header-bottom .menu--level-1 .menu__link:hover::before,.header-bottom .menu--level-1 .menu__link[aria-current=page]::before,.header-bottom .menu--level-1 .menu__link.menu__link--active-trail::before,.header-bottom .menu--level-1 .menu__item--nolink:hover::before,.header-bottom .menu--level-1 .menu__item--nolink[aria-current=page]::before,.header-bottom .menu--level-1 .menu__item--nolink.menu__link--active-trail::before{height:100%;width:4px}.header-bottom .menu--level-1 .menu__item--active-trail::before{height:100%;width:0}.nav-toggle-dropdown--search .nav-toggle-dropdown__content{background-color:#f7f7f8}.header-search-wrapper{padding-left:16px;padding-right:16px;max-width:860px;padding-top:48px;padding-bottom:48px}@media(min-width: 768px){.header-search-wrapper{padding-left:32px;padding-right:32px}}.header-search-wrapper .helfi-search__form{align-items:initial;flex-direction:column;margin-bottom:24px}@media(min-width: 576px){.header-search-wrapper .helfi-search__form{align-items:flex-end;flex-direction:row}}.header-search-wrapper .helfi-search__form .hds-text-input{width:100%}.header-search__javascript-disabled{display:block;margin-bottom:24px}.header-search__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-bottom:16px;margin-top:0}@media(min-width: 992px){.header-search__title{--line-height: 1;font-size:2rem;font-weight:400}}.search-container__links-container{display:flex;flex-direction:column;gap:24px}@media(min-width: 768px){.search-container__links-container{flex-direction:row}}@media(min-width: 768px){.search-container__link{width:50%}}.search-container__link p{margin-top:0}.search__link-external{display:inline-block;margin-bottom:8px;--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}.header{--header-top-height: 0}@media(min-width: 992px){.header{--header-top-height: calc(28px + 1.25rem)}}.header-top{display:none}@media(min-width: 992px){.header-top{--line-height: 1.4285714286;font-size:.875rem;font-weight:400;line-height:var(--line-height);align-items:center;background-color:#f1f1f1;display:flex;justify-content:flex-end;padding:14px 32px}}.header-top .menu{display:flex;list-style:none;margin:0;padding:0}[dir="ltr"] .header-top .menu__item+.menu__item{margin-left:16px}[dir="rtl"] .header-top .menu__item+.menu__item{margin-right:16px}.header-top .link-to-site-frontpage{text-decoration:none}.header-top .link-to-site-frontpage:focus,.header-top .link-to-site-frontpage:hover{text-decoration:underline}.header-top .link-to-site-frontpage[aria-current=page],.header-top .link-to-site-frontpage[aria-current=true]{font-weight:700}.header-top .menu__link__text::after{--external-icon-move: translate(1px, -1px)}@media(prefers-reduced-motion){.header-top .menu__link__text::after{--external-icon-move: scale(1)}}.helfi-search__form{align-items:flex-end;display:flex;gap:8px}.helfi-search__form .form-item{margin-bottom:0}html:not(.js) .helfi-search__form{display:none}.helfi-search__submit-button{height:56px}.language-link{text-decoration:none;--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#1a1a1a;margin-left:8px;margin-right:8px}.language-link:focus,.language-link:hover{text-decoration:underline}.language-link[aria-current=page],.language-link[aria-current=true]{font-weight:700}.language-link:first-child{margin-left:0}.language-link[aria-current=true]{border-bottom:3px solid #1a1a1a;cursor:default;text-decoration:none}.language-link.is-disabled{color:#666;cursor:not-allowed}.language-link.is-disabled.is-alternative{display:none}.local-tasks__wrapper{display:none}@media(min-width: 768px){.local-tasks__wrapper{display:block;margin:0 24px}}@media(min-width: 992px){.local-tasks__wrapper{margin:0 32px 16px}}.local-tasks{display:flex;flex:1 1;height:56px;list-style:none;margin:0 0 0 -4px;padding:0}.local-task{align-items:center;display:flex;font-weight:500;margin-left:32px;outline:none;padding:0}.local-task:first-child{margin-left:0}.local-task a{align-items:center;display:flex;height:100%;padding:4px;position:relative;text-decoration:none}.local-task a::after{background-color:#000;bottom:0;content:"";height:4px;left:0;position:absolute;right:0;transform:scale(0);transition:transform .5s cubic-bezier(0.19, 1, 0.22, 1)}.local-task a.is-active::after,.local-task a:hover::after{transform:scale(1)}.local-task a:focus{outline:3px solid #000;outline-offset:2px}.infinite-scroll-pager{display:flex;flex-direction:column;justify-content:center;list-style:none;margin-left:0;margin-top:32px;padding:0}@media(min-width: 768px){.infinite-scroll-pager{flex-direction:row;margin-top:64px}}.infinite-scroll-pager .pager-button{display:flex}.layout-sidebar-first{display:none}@media(min-width: 992px){.layout-sidebar-first{display:block}}.has-section-nav .layout-sidebar-first{display:block}.sidebar-navigation__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-top:0}@media(min-width: 992px){.sidebar-navigation__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.sidebar-navigation__title a{text-decoration:none;align-items:center;display:flex;margin-top:8px;margin-bottom:8px;padding-top:16px;padding-bottom:16px;position:relative}.sidebar-navigation__title a:focus,.sidebar-navigation__title a:hover{text-decoration:underline}.sidebar-navigation__title a[aria-current=page],.sidebar-navigation__title a[aria-current=true]{font-weight:700}.sidebar-navigation__title a::before{background-color:#000;background-size:contain;content:"";display:flex;height:25px;-webkit-mask-image:var(--hel-icon--arrow-left);mask-image:var(--hel-icon--arrow-left);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:25px 25px;mask-size:25px 25px;vertical-align:bottom;width:25px;transition:transform .2s linear;margin-left:8px;margin-right:16px}@media(prefers-reduced-motion){.sidebar-navigation__title a::before{transition:none}}.sidebar-navigation__title a:focus::before,.sidebar-navigation__title a:hover::before{transform:translateX(-4px)}@media(prefers-reduced-motion){.sidebar-navigation__title a:focus::before,.sidebar-navigation__title a:hover::before{transform:none}}.sidebar-navigation__title a:focus{outline:3px solid #000;outline-offset:-5px}.sidebar-navigation{width:100%}.sidebar-navigation .menu__toggle-button{background:rgba(0,0,0,0);border:none;display:none;height:44px;padding:0;position:relative;width:44px}:where(html.js) .sidebar-navigation .menu__toggle-button{display:block}.sidebar-navigation .menu__toggle-button::before{background-color:#f1f1f1;content:"";height:24px;top:0;right:0;bottom:0;left:0;margin:auto;position:absolute;width:24px}.sidebar-navigation .menu__toggle-button .hel-icon{transition:transform .2s ease-in}@media(prefers-reduced-motion){.sidebar-navigation .menu__toggle-button .hel-icon{transition:none}}.sidebar-navigation .menu__toggle-button:focus{outline:3px solid #000;outline-offset:-5px}.sidebar-navigation .menu__toggle-button:hover{cursor:pointer}.sidebar-navigation .menu__toggle-button:hover::before{background-color:#ccc}.sidebar-navigation .menu__link-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.sidebar-navigation .menu{list-style:none;margin:0;padding:0;width:100%}.sidebar-navigation .menu__item{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.sidebar-navigation .menu__item.menu__item--active-trail{display:flex;flex-wrap:wrap}.sidebar-navigation .menu__item.menu__item--active-trail>.menu__link-wrapper{font-weight:bold}.sidebar-navigation .menu__item--children .menu{display:block}:where(html.js) .sidebar-navigation .menu__item--children .menu{display:none}.sidebar-navigation .menu__item--open>.menu{display:block}.sidebar-navigation .menu__item--open>.menu__link-wrapper .hel-icon{transform:rotate(180deg)}.sidebar-navigation .menu__item--nolink,.sidebar-navigation .menu__link{margin-top:5px;margin-bottom:5px;padding:5px 4px;position:relative;width:100%}.sidebar-navigation .menu__item--nolink:focus,.sidebar-navigation .menu__link:focus{outline:3px solid #000;outline-offset:-3px}.sidebar-navigation .menu__item--item-below>.menu__link-wrapper .menu__item--nolink,.sidebar-navigation .menu__item--item-below>.menu__link-wrapper .menu__link{width:calc(100% - 44px)}.sidebar-navigation .menu--level-1{border-left:1px solid #ccc;margin-bottom:16px;padding-left:16px}.sidebar-navigation .menu--level-1 .menu{border-left:1px solid #ccc;padding-left:16px}.sidebar-navigation .menu--level-1 .menu__item--nolink[aria-current=page]::before,.sidebar-navigation .menu--level-1 .menu__link[aria-current=page]::before{background-color:#000;content:"";height:calc(100% + (2 * 5px));top:0;right:0;bottom:0;left:0;left:calc(-1 * 16px - 1px);position:absolute;top:-5px;width:3px}.sidebar-navigation .menu--level-0>.menu__item{border-bottom:1px solid #ccc}.sidebar-navigation .menu--level-0>.menu__item>.menu__link-wrapper .menu__link{margin-top:8px;margin-bottom:8px;padding:8px 4px}@media(min-width: 992px){.sidebar-navigation+.sidebar-navigation{margin-top:64px}}@media(max-width: 992px){.sidebar-navigation--section-navigation{background-color:#f7f7f8;display:block}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu__toggle-button{margin-right:-10px}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu--level-0{padding-left:16px;padding-right:16px}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu--level-0>.menu__item:last-child{border-bottom:0}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu__item--item-below>.menu__link-wrapper{padding-right:0}}@media(max-width: 992px){.section-navigation__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height);background-color:#f7f7f8;border-bottom:0 none;flex-grow:1;margin-top:0;padding:0}}@media(max-width: 992px)and (min-width: 992px){.section-navigation__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}@media(max-width: 992px){.section-navigation__title a{margin-bottom:0;margin-top:0;padding-left:16px;padding-right:16px}}@media(max-width: 992px){.section-navigation__title a::before{display:none}}@media(max-width: 992px){.section-navigation__header{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);align-items:stretch;display:flex}}@media(max-width: 992px){.section-navigation__header .section-navigation__toggle-wrapper{align-items:center;background-color:#dedfe1;display:flex}}.section-navigation__header .menu__toggle-button{display:none}@media(max-width: 992px){.section-navigation__header .menu__toggle-button{background-color:#dedfe1;height:54px;margin-right:0;width:54px}}.section-navigation__header .menu__toggle-button::before{display:none}@media(max-width: 992px){:where(html.js) .section-navigation__header .menu__toggle-button{display:block}}@media(max-width: 992px){.section-navigation__menu-wrapper{display:block}:where(html.js) .section-navigation__menu-wrapper{display:none}}@media(max-width: 992px){.section-navigation__menu-wrapper .menu__toggle-button::before{background-color:#dedfe1}}@media(max-width: 992px){.sidebar-navigation--section-navigation--open .sidebar-navigation__title{background-color:#dedfe1}}@media(max-width: 992px){.sidebar-navigation--section-navigation--open .section-navigation__header .menu__toggle-button .hel-icon{transform:rotate(180deg)}}@media(max-width: 992px){.sidebar-navigation--section-navigation--open .section-navigation__menu-wrapper{display:block}}.skip-to-main{--border-width: 2px;--border-color: var(--color-white);--outline-width: 3px;--background-color: var(--hdbt-color-black);--color: var(--color-white);--focus-outline-color: var(--hdbt-color-black);word-wrap:normal;background-color:var(--background-color);border:var(--border-width) solid var(--border-color);color:var(--color);font-weight:500;left:50%;position:absolute;scroll-margin-top:105px;text-decoration:none;top:0;transform:translate(-50%, 0);transition:transform ease-out .2s;width:-moz-fit-content;width:fit-content;z-index:2}.skip-to-main:not(:focus){clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);max-height:1px;max-width:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}@media(min-width: 768px){.skip-to-main{scroll-margin-top:24px}}.skip-to-main:focus,.skip-to-main:active{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:0;padding:8px 24px;transform:translate(-50%, 102px)}@media(min-width: 768px){.skip-to-main:focus,.skip-to-main:active{transform:translate(-50%, 24px)}}.skip-to-main:hover{text-decoration:underline}.table-of-contents{max-width:1296px}@media(min-width: 768px){.table-of-contents{max-width:1328px}}.table-of-contents:not(:first-child){margin-top:32px}@media(min-width: 992px){.table-of-contents:not(:first-child){margin-top:64px}}@media(min-width: 768px){.table-of-contents{padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}}@media(min-width: 768px)and (min-width: 768px){.table-of-contents{padding-left:32px;padding-right:32px}}.has-sidebar .table-of-contents{margin-left:-16px;margin-right:-16px}@media(min-width: 768px){.has-sidebar .table-of-contents{margin-left:-32px;margin-right:-32px}}.table-of-contents+.long-desc{margin-top:32px}@media(min-width: 992px){.table-of-contents+.long-desc{margin-top:64px}}.table-of-contents__container{background-color:#f7f7f8;border-left:8px solid #c2a251;max-width:908px;padding:32px 24px}.table-of-contents__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-bottom:0;margin-top:0}@media(min-width: 992px){.table-of-contents__title{--line-height: 1;font-size:2rem;font-weight:400}}.table-of-contents__title+.table-of-contents__content{padding-top:16px}@media(min-width: 992px){.table-of-contents__title+.table-of-contents__content{padding-top:24px}}.table-of-contents__list{list-style-type:none;margin:0;padding:0}.table-of-contents__list>.table-of-contents__item~.table-of-contents__item{padding-top:16px}.table-of-contents__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:inline-block;position:relative;text-decoration:underline}.table-of-contents__link:focus{outline:none}.table-of-contents__link:focus::after{box-shadow:0 0 0 3px #000;content:"";display:block;height:100%;left:-4px;position:absolute;top:50%;transform:translateY(-50%);width:calc(100% + 8px)}.tab__content[aria-hidden=true]{display:none}.tab{background:rgba(0,0,0,0);border:none;padding:0;text-decoration:underline}.tab[aria-selected=true]{font-weight:700}.tab:hover{cursor:pointer;text-decoration:none}.tab--map::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:20px;-webkit-mask-image:var(--hel-icon--map);mask-image:var(--hel-icon--map);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;margin-right:8px}.tab--list::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:20px;-webkit-mask-image:var(--hel-icon--menu-hamburger);mask-image:var(--hel-icon--menu-hamburger);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;margin-right:8px}.tabs--unit-search{margin-bottom:32px;margin-top:24px}@media(min-width: 768px){.tabs--unit-search{margin-bottom:0;margin-top:0}}.tabs--unit-search .tab{display:block}.tabs--unit-search .tab[aria-selected=true]{display:none;font-weight:400}.hds-pagination-container{margin-top:32px;text-align:center}@media(min-width: 768px){.hds-pagination-container{margin-top:64px}}.hds-pagination{--active-page-background-color: var(--color-black);--link-height: 40px;--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:inline-block;font-weight:700;position:relative;transform:scaleY(-1)}.hds-pagination::before{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);speak:never;content:attr(data-next);content:attr(data-next)/"";display:block;float:right;line-height:60px;padding-left:26px;padding-right:30px;transform:scaleY(-1);visibility:hidden}.hds-pagination__button-prev,.hds-pagination__button-next{list-style:none;margin-bottom:0;margin-top:0;padding:0}.hds-pagination__button-prev{float:left;margin-right:8px;transform:scaleY(-1);white-space:nowrap}.hds-pagination__button-next{position:absolute;right:0;top:0;transform:scaleY(-1);white-space:nowrap}.hds-pagination__button-prev-label{padding:16px 16px 16px 4px}.hds-pagination__button-next-label{padding:16px 4px 16px 16px}.hds-pagination__pages{display:inline-flex;flex-wrap:wrap;gap:0.5rem;gap:var(--spacing-2-xs);justify-content:center;list-style:none;margin-bottom:0;margin-top:10px;padding:0;transform:scaleY(-1)}.hds-pagination__item-link{align-items:center;border-radius:21px;color:#1a1a1a;color:var(--color-black-90);display:flex;height:var(--link-height);justify-content:center;min-width:40px;padding-left:0.25rem;padding-left:var(--spacing-3-xs);padding-right:0.25rem;padding-right:var(--spacing-3-xs);text-decoration:none}.hds-pagination__item-link:hover{text-decoration:underline}.hds-pagination__item-link:focus,.hds-pagination__item-link:active{outline:solid #0072c6 3px;outline:solid var(--color-coat-of-arms) 3px;outline-offset:1px}.hds-pagination__item-link.hds-pagination__item-link--active{background-color:var(--active-page-background-color);color:#ffffff;color:var(--color-white)}.hds-pagination__item-link.hds-pagination__item-link--active:hover{text-decoration:none}.hds-pagination__item-ellipsis{align-items:center;color:#1a1a1a;color:var(--color-black-90);display:flex;height:var(--link-height);justify-content:center;width:24px}.profile{--line-height: 1;font-size:.875rem;font-weight:400;line-height:var(--line-height);align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.profile .hel-icon{--icon-size: 24px;margin-bottom:8px}@media(min-width: 992px){.profile .hel-icon{--icon-size: 28px}}.profile__login-link{--line-height: 1;font-size:.875rem;font-weight:400;line-height:var(--line-height);align-items:center;border-left:1px solid #ccc;display:flex;flex-direction:column;grid-area:profile;grid-column-end:-1;justify-content:center;margin-left:16px;padding-left:4px;padding-right:4px;text-decoration:none;text-overflow:ellipsis;width:65px;z-index:1}@media(min-width: 768px){.profile__login-link{width:86px}}.profile__login-link::before{background-color:currentColor;background-size:contain;content:"";display:block;height:22px;-webkit-mask-image:var(--hel-icon--user);mask-image:var(--hel-icon--user);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:22px 22px;mask-size:22px 22px;vertical-align:bottom;width:22px;margin-bottom:4px}@media(min-width: 768px){.profile__login-link::before{background-color:currentColor;background-size:contain;content:"";display:block;height:28px;-webkit-mask-image:var(--hel-icon--user);mask-image:var(--hel-icon--user);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:28px 28px;mask-size:28px 28px;vertical-align:bottom;width:28px}}.profile__login-link:hover{text-decoration:underline}.profile__login-link:focus{outline:3px solid #000;outline-offset:-3px}.profile__logout-link{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);border-bottom:1px solid #ccc;border-top:1px solid #ccc;display:block;font-weight:bold;padding:16px;text-decoration:none;width:100%}@media(min-width: 992px){.profile__logout-link{border-bottom:none}}.profile__logout-link:hover{text-decoration:underline}.profile__logout-link:focus{outline:3px solid #000;outline-offset:-3px}.profile__logout-link::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--signout);mask-image:var(--hel-icon--signout);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));margin-left:8px}.profile--full{background-color:#fff;border-bottom:1px solid #ccc;color:#000;width:100%}@media(min-width: 992px){.profile--full{border-left:1px solid #ccc;border-right:1px solid #ccc;max-width:300px}}.profile__information{padding:16px}.profile__full-name{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:block;font-weight:bold}.profile__email{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:block}.nav-toggle--profile{background-color:#000;color:#fff;grid-area:profile;grid-column-end:-1;justify-content:center;margin-left:16px;max-width:88px;min-width:72px;z-index:1}.nav-toggle--profile .nav-toggle__anchor,.nav-toggle--profile .nav-toggle__button{height:100%}.nav-toggle--profile .nav-toggle__label{color:#fff;height:100%;padding-left:8px;padding-right:8px}.nav-toggle--profile .nav-toggle__label:focus{outline:2px solid #fff;outline-offset:-5px}.nav-toggle--profile .nav-toggle__label span{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.nav-toggle--profile .nav-toggle__label::before{background-color:currentColor;background-size:contain;content:"";display:block;height:22px;-webkit-mask-image:var(--hel-icon--user);mask-image:var(--hel-icon--user);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:22px 22px;mask-size:22px 22px;vertical-align:bottom;width:22px;margin-bottom:4px}@media(min-width: 768px){.nav-toggle--profile .nav-toggle__label::before{background-color:currentColor;background-size:contain;content:"";display:block;height:28px;-webkit-mask-image:var(--hel-icon--user);mask-image:var(--hel-icon--user);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:28px 28px;mask-size:28px 28px;vertical-align:bottom;width:28px}}.nav-toggle--profile .nav-toggle__button:focus{outline:2px solid #fff;outline-offset:-5px}.nav-toggle--profile .nav-toggle__label--close::before{-webkit-mask-image:var(--hel-icon--cross);mask-image:var(--hel-icon--cross);margin-bottom:0}.nav-toggle-dropdown--profile{grid-area:menu}.nav-toggle-dropdown--profile .nav-toggle-dropdown__content{display:flex;justify-content:flex-end}.page-type--article .node--type-article .article-header__container{margin-bottom:32px}@media(min-width: 768px){.page-type--article .node--type-article .article-header__container{margin-bottom:48px}}.page-type--article .node--type-article .article-header__container>div{max-width:860px}@media(min-width: 768px){.page-type--article .node--type-article .article-header__container>div{padding-left:96px}}.page-type--article .node--type-article .article__lead{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);color:#000;margin-bottom:24px}@media(min-width: 992px){.page-type--article .node--type-article .article__lead{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.page-type--article .node--type-article .article__author{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#1a1a1a;display:flex}.page-type--article .node--type-article .article__author .label{margin-right:4px}.page-type--article .node--type-article .article__date{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#999898;margin-bottom:16px}.page-type--article .node--type-article .article__keywords{background:#f7f7f8;margin-top:32px;padding:8px 0 32px}@media(min-width: 768px){.page-type--article .node--type-article .article__keywords{margin-top:64px;padding:40px 0 64px}}@media(min-width: 992px){.page-type--article .node--type-article .article__keywords{margin-top:48px}}.page-type--article .node--type-article .article__keywords .container{max-width:1264px}.page-type--article .node--type-article .article__keywords:last-child{margin-bottom:calc(-1*(50px + 48px));padding-bottom:82px}@media(min-width: 992px){.page-type--article .node--type-article .article__keywords:last-child{padding-bottom:114px}}.page-type--article .node--type-article .article__keywords .keywords__wrapper{margin-left:-4px;margin-right:-4px}.page-type--article .node--type-article .article__keywords .label{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);color:#1a1a1a;margin:0 4px 8px}@media(min-width: 992px){.page-type--article .node--type-article .article__keywords .label{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.page-type--article .node--type-article .article__keywords .label{margin:0 4px 16px}}.page-type--article .node--type-article .article__keywords .keywords{display:flex;flex-flow:row wrap}.page-type--article .node--type-article .article__keywords .keywords a{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);background-color:#000;border-radius:24px;color:#fff;margin:4px;padding:8px 32px;text-decoration:none}[data-unpublished]::before{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);--line-height: 1;background:#b01038;color:#fff;content:attr(data-unpublished);display:block;padding-left:8px;padding-right:8px;position:fixed;transform:rotate(-90deg) translateX(calc(-50% - 50vh));transform-origin:top left;z-index:2}@media(min-width: 768px){[data-unpublished]::before{content:attr(data-unpublished-long);--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);--line-height: 1.5}}.lead-in .component__content{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);max-width:860px}@media(min-width: 992px){.lead-in .component__content{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.page-divider+*{margin-top:48px}.page-divider:first-child{display:none}.page-divider:first-child+*{margin-top:0}.page-title~article .page-divider{display:block}.page-title~article .page-divider+*{margin-top:48px}.page-divider::after{background-color:#000;content:"";display:block;height:2px;margin-top:32px;width:64px}.main-image img{display:block;height:auto;overflow:hidden;width:100%}.long-desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.long-desc>p{max-width:860px}.long-desc>:first-child{margin-top:0}.main-image+.long-desc{margin-top:64px}.no-sidebar .page-title,.no-sidebar .lead-in,.no-sidebar .page-divider,.no-sidebar .main-image,.no-sidebar .long-desc,.no-sidebar .enriched-content{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media(min-width: 768px){.no-sidebar .page-title,.no-sidebar .lead-in,.no-sidebar .page-divider,.no-sidebar .main-image,.no-sidebar .long-desc,.no-sidebar .enriched-content{max-width:1328px}}@media(min-width: 768px){.no-sidebar .page-title,.no-sidebar .lead-in,.no-sidebar .page-divider,.no-sidebar .main-image,.no-sidebar .long-desc,.no-sidebar .enriched-content{padding-left:32px;padding-right:32px}}.content-date{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666;margin-bottom:24px}.content-date__datetime--updated::before{background-color:currentcolor;content:"";display:inline-block;height:1em;margin-bottom:-1px;margin-left:8px;margin-right:8px;width:1px}.content-links{margin-top:32px}@media(min-width: 992px){.content-links{margin-top:64px}}.content-links__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.content-links__title{--line-height: 1;font-size:2rem;font-weight:400}}.content-links__links{margin-top:24px;padding:0}.content-links__links__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);list-style:none;padding:0}.content-links__links__link+.content-links__links__link{margin-top:16px}.content-links__links__link a::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear;margin-left:4px}@media(prefers-reduced-motion){.content-links__links__link a::after{transition:none}}.content-links__links__link a:hover{text-decoration:none}.content-links__links__link a:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.content-links__links__link a:hover::after{transform:none}}.content-links__links__link a[data-is-external]::after{content:none}.sidebar_block_heading{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-top:0;padding-bottom:24px;width:100%}@media(min-width: 992px){.sidebar_block_heading{--line-height: 1;font-size:2rem;font-weight:400}}.cookie-compliance--lead-in__container{max-width:1296px;padding-left:16px;padding-right:16px;padding-top:0}@media(min-width: 768px){.cookie-compliance--lead-in__container{max-width:1328px}}@media(min-width: 768px){.cookie-compliance--lead-in__container{padding-left:32px;padding-right:32px}}.cookie-compliance--lead-in__container h1{margin-bottom:32px;margin-top:0}.cookie-compliance-block .cookie-selection-instruction{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);border-bottom:1px solid #ccc;display:flex;margin-top:32px;padding-bottom:32px}.cookie-compliance-block .cookie-selection-instruction::before{background-color:#000;background-size:contain;content:"";display:flex;height:32px;-webkit-mask-image:var(--hel-icon--info-circle);mask-image:var(--hel-icon--info-circle);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px;margin-right:8px}.cookie-compliance-block .cookie-selection-instruction p{margin-top:0}.cookie-compliance-block .hds-checkbox{display:block;margin-top:32px}.cookie-compliance-block .hds-checkbox .hds-checkbox__label,.cookie-compliance-block .hds-checkbox>label{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;padding-left:calc(var(--size) + 16px)}@media(min-width: 992px){.cookie-compliance-block .hds-checkbox .hds-checkbox__label,.cookie-compliance-block .hds-checkbox>label{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.cookie-compliance-block .hds-checkbox .hds-checkbox__input,.cookie-compliance-block .hds-checkbox .hds-checkbox__label::after,.cookie-compliance-block .hds-checkbox>label::after,.cookie-compliance-block .hds-checkbox .hds-checkbox__label::before,.cookie-compliance-block .hds-checkbox>label::before{top:7px}.cookie-compliance-block .form-item:not(:last-of-type) .description{border-bottom:1px solid #ccc}.cookie-compliance-block .description{display:block}@media(min-width: 992px){.cookie-compliance-block .description{padding-top:16px}}.cookie-compliance-block .buttons input{margin-bottom:8px}.cookie-compliance--lead-in__container p,.cookie-compliance-block p{max-width:860px}.embedded-content-cookie-compliance,.react-and-share-cookie-compliance,.helfi-charts-cookie-compliance{align-content:center;align-items:center;background-color:#f1f1f1;display:flex;justify-content:center}.map .embedded-content-cookie-compliance,.remote-video .embedded-content-cookie-compliance,.map .react-and-share-cookie-compliance,.remote-video .react-and-share-cookie-compliance,.map .helfi-charts-cookie-compliance,.remote-video .helfi-charts-cookie-compliance{aspect-ratio:16/9}.embedded-content-cookie-compliance .message,.react-and-share-cookie-compliance .message,.helfi-charts-cookie-compliance .message{background-color:#fff;margin:16px;max-width:892px;padding:16px}@media(min-width: 768px){.embedded-content-cookie-compliance .message,.react-and-share-cookie-compliance .message,.helfi-charts-cookie-compliance .message{margin:64px;max-width:924px;padding:32px}}.embedded-content-cookie-compliance .message .hel-icon,.react-and-share-cookie-compliance .message .hel-icon,.helfi-charts-cookie-compliance .message .hel-icon{--icon-size: 24px}.embedded-content-cookie-compliance .message h2,.react-and-share-cookie-compliance .message h2,.helfi-charts-cookie-compliance .message h2{margin-top:0;--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.embedded-content-cookie-compliance .message h2,.react-and-share-cookie-compliance .message h2,.helfi-charts-cookie-compliance .message h2{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.embedded-content-cookie-compliance .message .buttons,.react-and-share-cookie-compliance .message .buttons,.helfi-charts-cookie-compliance .message .buttons{display:flex;flex-direction:column;margin-top:16px}@media(min-width: 768px){.embedded-content-cookie-compliance .message .buttons,.react-and-share-cookie-compliance .message .buttons,.helfi-charts-cookie-compliance .message .buttons{flex-direction:row}}.embedded-content-cookie-compliance .message .hds-button,.react-and-share-cookie-compliance .message .hds-button,.helfi-charts-cookie-compliance .message .hds-button{--theme-fg1: var(--color-white);--theme-fg2: var(--color-black);--theme-bg1: var(--color-black);--theme-bg2: transparent;--theme-focus: var(--color-black);margin-top:16px;max-width:400px}@media(min-width: 768px){.embedded-content-cookie-compliance .message .hds-button,.react-and-share-cookie-compliance .message .hds-button,.helfi-charts-cookie-compliance .message .hds-button{margin-left:16px;margin-top:0}}.embedded-content-cookie-compliance .message .hds-button:first-child,.react-and-share-cookie-compliance .message .hds-button:first-child,.helfi-charts-cookie-compliance .message .hds-button:first-child{margin-left:0;margin-top:0}.layout-main-wrapper>.block--react-and-share:last-child .message{margin-bottom:80px}.remote-video .embedded-content-cookie-compliance{background-color:#1a1a1a}.remote-video .embedded-content-cookie-compliance .message{background-color:#000}.remote-video .embedded-content-cookie-compliance .message .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.react-and-share-cookie-compliance .message{background-color:rgba(0,0,0,0);padding:0}.errand-service{margin-top:48px}@media(min-width: 992px){.errand-service{margin-top:64px}}.errand-service__container{padding:0}.errand-service__title{margin-top:0}.errand-service__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:24px}.errand-service__description p:first-child{margin-top:0}.errand-service__accordion{margin-top:32px}@media(min-width: 992px){.errand-service__accordion{margin-top:64px}}.errand-service__accordion .accordion__container{padding-left:0;padding-right:0;padding-top:0}.errand-service__accordion .errand-service__detail-links{list-style:none;padding-left:0;padding-top:0}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link-wrapper{margin-top:16px}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link-wrapper:first-child{margin-top:0}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link{display:flex}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link:before{background-color:#000;background-size:contain;content:"";display:flex;height:24px;-webkit-mask-image:var(--hel-icon--globe);mask-image:var(--hel-icon--globe);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;flex-shrink:0;margin-right:8px}.page-type--news-item .sidebar-first{display:block}.news-listing{margin-top:0;padding-left:0;padding-top:0}.news-listing__item{list-style:none;margin-top:24px;position:relative}.news-listing__link{display:block;text-decoration:none}.news-listing__link:focus,.news-listing__link:hover{text-decoration:underline}.news-listing__link::after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.news-listing__title{margin-top:0}.news-listing__datetime{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666}.components--news{margin-top:0}.news-listing--latest-tiny-teasers .news-listing__item{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--color-black-10);display:flex;margin-top:16px;padding-bottom:8px}.news-listing__tiny-teaser .news-listing__title{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:8px}@media(min-width: 768px){.news-listing--latest-medium-teasers{display:flex;flex-wrap:wrap}}.news-listing--latest-medium-teasers .news-listing__item:first-child{margin-top:0}@media(min-width: 768px){.news-listing--latest-medium-teasers .news-listing__item:nth-child(2){margin-top:0}}@media(min-width: 768px){.news-listing--latest-medium-teasers .news-listing__item{margin-top:32px;padding-right:24px;width:50%}}.news-listing__medium-teaser{border-left:4px solid var(--hdbt-color-palette--accent);padding-left:16px}@media(min-width: 992px){.news-listing__medium-teaser{padding-left:24px}}.news-listing__medium-teaser .news-listing__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.news-listing__medium-teaser .news-listing__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}@media(min-width: 992px){.news-listing__medium-teaser .news-listing__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}}@media(min-width: 992px)and (min-width: 992px){.news-listing__medium-teaser .news-listing__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.news-listing__medium-teaser .news-listing__datetime{display:block;margin-top:16px}@media(min-width: 992px){.news-listing__medium-teaser .news-listing__datetime{margin-top:24px}}.news-listing--teasers{max-width:860px}.news-listing--teasers .news-listing__item{align-items:flex-start;border-bottom:1px solid #f7f7f8;display:flex;flex-wrap:wrap;padding-bottom:24px;position:relative}.news-listing--teasers .news-listing__item:first-child{margin-top:24px}.news-listing--teasers .news-listing__item:last-child{border-bottom:none;padding-bottom:0}.news-listing--teasers .news-listing__content{width:100%}@media(min-width: 768px){.news-listing--teasers .news-listing__content{padding-right:24px;width:75%}}.news-listing--teasers .news-listing__content--with-image{padding-right:24px;width:75%}.news-listing--teasers .news-listing__img{box-shadow:inset 0 0 0 1px #e5e5e5;width:25%}.news-listing--teasers .news-listing__img img{display:block;height:auto;width:100%}.news-listing--teasers .news-listing__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.news-listing--teasers .news-listing__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.news-listing--teasers .news-listing__datetime{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:block;margin-top:8px}@media(min-width: 992px){.news-listing--teasers .news-listing__datetime{margin-top:16px}}@media(min-width: 768px){.news-listing--card-teasers{display:flex;flex-direction:row;flex-wrap:wrap;margin-right:-24px}}@media(min-width: 768px){.news-listing--card-teasers .news-listing__item{width:50%}}@media(min-width: 992px){.news-listing--card-teasers .news-listing__item{width:25%}}.news-listing--card-teasers .news-listing__card-teaser{height:100%}.news-listing__card-teaser{border-bottom:1px solid #f1f1f1;border-bottom:1px solid var(--color-black-5);display:flex;padding-bottom:16px;position:relative}.news-listing__card-teaser:hover .hel-icon--arrow-right{transform:translateX(4px)}@media(prefers-reduced-motion){.news-listing__card-teaser:hover .hel-icon--arrow-right{transform:none}}@media(min-width: 768px){.news-listing__card-teaser{border:1px solid #000000;border:1px solid var(--color-black);flex-direction:column;margin-right:24px;padding-bottom:0}}.news-listing__card-teaser .news-listing__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.news-listing__card-teaser .news-listing__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}@media(min-width: 768px){.news-listing__card-teaser .news-listing__title{font-size:1.25rem;line-height:30/20}}.news-listing__card-teaser .news-listing__img{position:relative;width:40%}@media(min-width: 768px){.news-listing__card-teaser .news-listing__img{width:unset}}.news-listing__card-teaser .news-listing__img img{display:block;height:auto;width:100%}.news-listing__card-teaser .image-placeholder{padding-bottom:66.6666666667%}.news-listing__card-teaser .news-listing__text-container{display:flex;flex-direction:column;height:100%;padding-left:16px;width:60%}@media(min-width: 768px){.news-listing__card-teaser .news-listing__text-container{padding:16px;width:unset}}.news-listing__card-teaser .news-listing__title,.news-listing__card-teaser .news-listing__datetime{margin-bottom:8px}.news-listing__card-teaser .news-listing__datetime{display:flex;flex-grow:1}.news-listing__card-teaser .hel-icon--arrow-right{transition:transform .2s linear;display:none;height:48px;width:48px}@media(prefers-reduced-motion){.news-listing__card-teaser .hel-icon--arrow-right{transition:none}}@media(min-width: 768px){.news-listing__card-teaser .hel-icon--arrow-right{display:inline-block}}.news-listing--sidebar{margin-bottom:64px}.news-listing--sidebar .link__read-more-news{align-items:center;display:flex;text-decoration:none}.news-listing--sidebar .link__read-more-news .hel-icon--arrow-right{transition:transform .2s linear;height:24px;margin-left:4px;width:24px}@media(prefers-reduced-motion){.news-listing--sidebar .link__read-more-news .hel-icon--arrow-right{transition:none}}.news-listing--sidebar .link__read-more-news:focus,.news-listing--sidebar .link__read-more-news:hover{text-decoration:underline}.news-listing--sidebar .link__read-more-news:focus .hel-icon,.news-listing--sidebar .link__read-more-news:hover .hel-icon{transform:translateX(4px)}@media(prefers-reduced-motion){.news-listing--sidebar .link__read-more-news:focus .hel-icon,.news-listing--sidebar .link__read-more-news:hover .hel-icon{transform:none}}.news-archive__heading{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-top:0;padding-bottom:24px;width:100%}@media(min-width: 992px){.news-archive__heading{--line-height: 1;font-size:2rem;font-weight:400}}.service-channel__links{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-items:flex-start;place-items:flex-start}.service-channel__links .service-channel__link-explanation{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666;display:inline-block;margin-bottom:8px}.service-channel__links a:not(.service-channel__link){--background-color-hover: transparent;--background-color-hover-focus: transparent;--background-color: var(--hdbt-color-palette-button--secondary);--background-color-focus: var(--hdbt-color-palette-button--secondary);--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--color: var(--hdbt-color-palette-button-contrast--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button-contrast--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--focus-outline-color: var(--hdbt-color-palette-button--secondary)}.service-channel__links a:not(.service-channel__link):first-child{margin-top:0}.service-channel:not(.service-channel--eservice){margin:24px 0 0;padding-bottom:0;padding-left:calc(24px + 8px);padding-right:16px;padding-top:0}@media(min-width: 992px){.service-channel:not(.service-channel--eservice){border:1px solid #000;margin:32px 0 0;padding-bottom:32px;padding-left:calc(24px + 24px + 8px);padding-right:24px;padding-top:32px}}.service-channel:not(.service-channel--eservice) .service-channel__header{align-items:flex-start;display:flex}.service-channel:not(.service-channel--eservice) .service-channel__type{height:24px;margin-left:calc(-24px - 8px);overflow:hidden;position:absolute;text-indent:-9999px;width:24px}.service-channel:not(.service-channel--eservice) .service-channel__type:after{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;left:0;position:absolute;text-indent:0;top:0}.service-channel:not(.service-channel--eservice) .service-channel__title{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height);margin-top:0;width:100%}@media(min-width: 992px){.service-channel:not(.service-channel--eservice) .service-channel__title{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.service-channel:not(.service-channel--eservice) .service-channel__links{margin-top:24px}.service-channel--eservice{background-color:var(--hdbt-color-palette--secondary);margin-top:24px;padding:24px 24px 32px}@media(min-width: 992px){.service-channel--eservice{margin:32px 0 0;padding:48px 32px}}.service-channel--eservice .service-channel__type{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height)}@media(min-width: 992px){.service-channel--eservice .service-channel__type{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.service-channel--eservice .service-channel__title{--line-height: 1.2307692308;font-size:1.625rem;font-weight:500;line-height:var(--line-height);margin-top:24px}@media(min-width: 992px){.service-channel--eservice .service-channel__title{--line-height: 1.2352941176;font-size:2.125rem;font-weight:500}}@media(min-width: 992px){.service-channel--eservice .service-channel__title{margin-top:16px}}.service-channel--eservice .service-channel__links{margin-top:24px}.service-channel--email .service-channel__type:after{-webkit-mask-image:var(--hel-icon--glyph-at);mask-image:var(--hel-icon--glyph-at)}.service-channel--sms .service-channel__type:after{-webkit-mask-image:var(--hel-icon--mobile);mask-image:var(--hel-icon--mobile)}.service-channel--telephone .service-channel__type:after{-webkit-mask-image:var(--hel-icon--phone);mask-image:var(--hel-icon--phone)}.service-channel--printable_form .service-channel__type:after{-webkit-mask-image:var(--hel-icon--document);mask-image:var(--hel-icon--document)}.service-channel--webpage .service-channel__type:after{-webkit-mask-image:var(--hel-icon--globe);mask-image:var(--hel-icon--globe)}.service-channel--chat .service-channel__type:after{-webkit-mask-image:var(--hel-icon--speechbubble-text);mask-image:var(--hel-icon--speechbubble-text)}.service-channel--local .service-channel__type:after{-webkit-mask-image:var(--hel-icon--location);mask-image:var(--hel-icon--location)}.service-channel--mail .service-channel__type:after{-webkit-mask-image:var(--hel-icon--envelope);mask-image:var(--hel-icon--envelope)}.service-channel__phone,.service-channel__email{margin-top:16px}.service-channel__phone>a,.service-channel__email>a{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.service-channel__phone>a,.service-channel__email>a{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.service-channel--no-title .service-channel__phone,.service-channel--no-title .service-channel__email{margin-top:0}.service-channel__call_charge{display:flex;margin-top:16px}.service-channel__call_charge .service-channel__call_charge-label{font-weight:500;margin-right:4px}.service-channel__call_charge p:first-of-type{margin-top:0}.service-channel__info{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);margin-top:24px}.service-channel__info>*{display:block}.service-channel__info>*+*{margin-top:8px}@media(min-width: 992px){.service-channel__info{align-items:center;display:flex}.service-channel__info>*{align-items:center;display:flex;margin-top:0}.service-channel__info>*:after{content:"|";margin:0 16px}.service-channel__info>*:last-child:after{content:""}}.service__units{margin-top:32px}@media(min-width: 992px){.service__units{margin-top:64px}}.main-content:last-child .service.service--full .component--service-units:last-child{margin-bottom:calc(-1*(50px + 64px));padding-bottom:98px}@media(min-width: 992px){.main-content:last-child .service.service--full .component--service-units:last-child{padding-bottom:114px}}@media(min-width: 992px){.service.service--teaser{height:100%;margin-left:calc(24px / 2);margin-right:calc(24px / 2)}}.service.service--teaser .service__link{border:1px solid #000;display:block;height:100%;margin-top:8px;padding:24px calc(24px + 32px + 16px) 24px 24px;position:relative;text-decoration:none}@media(min-width: 992px){.service.service--teaser .service__link{display:flex;flex-direction:column;justify-content:space-between;line-height:0;margin-top:0;min-height:240px;padding:32px 24px calc(24px + 24px)}}.service.service--teaser .service__link::before{background-color:#c2a251;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:8px}@media(min-width: 992px){.service.service--teaser .service__link::before{bottom:0;height:24px;right:0;top:auto;width:100%}}.service.service--teaser .service__link:hover{text-decoration:underline}.service.service--teaser .service__link:hover .hel-icon{margin-left:16px}@media(prefers-reduced-motion){.service.service--teaser .service__link:hover .hel-icon{margin-left:0}}.service.service--teaser .service__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin:0}@media(min-width: 992px){.service.service--teaser .service__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.service.service--teaser .hel-icon{--icon-size: 32px;bottom:50%;left:auto;position:absolute;right:16px;transform:translateY(50%);transition:all .3s}@media(prefers-reduced-motion){.service.service--teaser .hel-icon{transition:none}}@media(min-width: 992px){.service.service--teaser .hel-icon{--icon-size: 48px;margin-top:24px;position:static;right:auto;transform:none}}.service--units__container{margin-bottom:64px;margin-top:64px}.component--service-units{background-color:#f1f1f1;padding-bottom:96px;padding-top:96px}.component--service-units .service__units__header{display:block}.component--service-units .service__units__title{margin-top:0}.component--service-units .service__units__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;margin-top:16px;white-space:nowrap}@media(min-width: 992px){.component--service-units .service__units__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.component--service-units .service__units__count-container .service__units__count{font-weight:700}.component--service-units .service__units__list{margin-top:24px}@media(min-width: 992px){.component--service-units .service__units__list{margin-top:48px}}.component--service-units .unit.unit--teaser{margin-top:24px}@media(min-width: 768px){.component--service-units .unit.unit--teaser{margin-top:16px}}@media(min-width: 992px){.unit__contact:first-child .unit__contact__title{margin-top:8px}}.unit__contact .unit__contact__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-bottom:24px;margin-top:8px;padding-bottom:16px}@media(min-width: 992px){.unit__contact .unit__contact__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 992px){.unit__contact .unit__contact__title{margin-top:32px}}.unit__contact .unit__contact-row{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);border-bottom:1px solid #ccc;margin-bottom:16px;padding-bottom:16px;padding-left:32px}.unit__contact .unit__contact-row:last-of-type{border-bottom:0 none;margin-bottom:0;padding-bottom:0}.unit__contact .unit__contact-row .unit__contact-row__label{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height);align-items:flex-start;display:flex;margin-bottom:8px}@media(min-width: 992px){.unit__contact .unit__contact-row .unit__contact-row__label{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.unit__contact .unit__contact-row .unit__contact-row__label .hel-icon{--icon-size: 24px;margin-left:-32px;margin-right:8px;margin-top:2px}.unit__contact .unit__contact-row .form-item:last-child{margin-bottom:0}.unit__contact .unit__contact-row p:first-of-type{margin-top:0}.unit__contact .unit__contact-row--email a{word-break:break-all}.unit__contact .address>*{display:block}.unit__contact .phone{display:block;margin-bottom:8px}.unit__contact .phone:last-child{margin-bottom:0}.unit__content{margin-top:64px}@media(min-width: 992px){.unit__content{margin-top:96px}}.unit__services{padding:0}.unit__services .unit--services__container{padding-top:0}.unit__services .unit__services__title{margin-top:0}.unit__services .unit__services__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;margin-top:24px;width:100%}@media(min-width: 992px){.unit__services .unit__services__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.unit__services .unit__services__count-container .unit__services__count{font-weight:700}.unit__services .unit__services__list{margin-top:24px}@media(min-width: 992px){.unit__services .unit__services__list{margin-top:48px}}@media(min-width: 992px){.unit__services .unit__services__list>*{display:flex;flex-wrap:wrap;margin-left:calc(-24px / 2);margin-right:calc(-24px / 2)}}.unit__services .unit__services__list .service{width:100%}@media(min-width: 992px){.unit__services .unit__services__list .service{margin-top:24px;width:25%}}.unit__services .unit__services__list .service:nth-child(-n+4){margin-top:0}@media(min-width: 992px){.unit__services .unit__services__list .service{width:calc(25% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(1):nth-last-child(1){width:calc(50% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(1):nth-last-child(2){width:calc(50% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(2):nth-last-child(1){width:calc(50% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(1):nth-last-child(3){width:calc(33.33% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(2):nth-last-child(2){width:calc(33.33% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(3):nth-last-child(1){width:calc(33.33% - 24px)}}.unit__accessibility_sentences.component--accordion .accordion-item__content h3{margin-top:0}.unit__accessibility_sentences.component--accordion .accordion-item__content h3:not(:first-of-type){padding-top:32px}.unit__accessibility_sentences.component--accordion .accordion-item__content ul{margin:0;padding:0}.unit__accessibility_sentences.component--accordion .accordion-item__content li{display:list-item;margin-left:24px;margin-top:16px}@media(min-width: 576px){.unit__accessibility_sentences.component--accordion .accordion-item__content__inner{padding-left:50px}}@media(min-width: 992px){.unit__accessibility_sentences.component--accordion .accordion-item__content__inner{padding-left:72px}}.main-content:last-child .unit.unit--full .unit__services:last-child{margin-bottom:calc(-1*(50px + 48px));padding-bottom:82px}@media(min-width: 992px){.main-content:last-child .unit.unit--full .unit__services:last-child{margin-bottom:calc(-1*(50px + 64px));padding-bottom:114px}}.unit.unit--full .content-tags{margin-bottom:24px}@media(min-width: 768px){.unit.unit--full .content-tags{margin-bottom:32px}}.unit.unit--teaser{align-items:flex-start;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative}@media(min-width: 768px){.unit.unit--teaser{align-items:stretch;flex-direction:row;min-height:220px;padding-left:325px}}.views-row:last-child .unit.unit--teaser{margin-bottom:0}.unit.unit--teaser .unit__image{background-color:var(--hdbt-color-palette--primary);color:var(--hdbt-color-palette-text--primary);margin:0;overflow:hidden}@media(min-width: 768px){.unit.unit--teaser .unit__image{height:100%;left:0;margin:0;position:absolute;top:0;width:325px}}.unit.unit--teaser .unit__image img{display:block;height:auto;overflow:hidden;width:100%}@media(min-width: 768px){.unit.unit--teaser .unit__image img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover}}.unit.unit--teaser .unit__image--placeholder{width:100%}@media(min-width: 768px){.unit.unit--teaser .unit__image--placeholder{align-items:center;display:flex;width:325px}}.unit.unit--teaser .unit__text{margin-top:32px;padding:0 24px 32px;width:100%}@media(min-width: 768px){.unit.unit--teaser .unit__text{display:flex;flex-direction:column;justify-content:space-between;margin-top:0;padding:32px}}.unit.unit--teaser .unit__text .unit__text__content{align-content:flex-start}@media(min-width: 768px){.unit.unit--teaser .unit__text .unit__text__content{display:flex;flex-wrap:wrap;max-width:530px}}.unit.unit--teaser .unit__link{text-decoration:none}.unit.unit--teaser .unit__link::after{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%}.unit.unit--teaser .unit__link:hover{text-decoration:underline}.unit.unit--teaser .unit__title{--line-height: 1.2307692308;font-size:1.625rem;font-weight:500;line-height:var(--line-height);margin-bottom:4px;margin-top:0;padding-right:24px}@media(min-width: 992px){.unit.unit--teaser .unit__title{--line-height: 1.2352941176;font-size:2.125rem;font-weight:500}}@media(min-width: 768px){.unit.unit--teaser .unit__title{margin-bottom:0;padding-right:0;width:100%}}.unit.unit--teaser .unit__info{margin-top:8px}@media(min-width: 768px){.unit.unit--teaser .unit__info{width:100%}}.unit.unit--teaser .unit__info-row{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:flex;margin-bottom:24px}@media(min-width: 768px){.unit.unit--teaser .unit__info-row{margin-bottom:16px}}.unit.unit--teaser .unit__info-row:last-child{margin-bottom:0}@media(min-width: 768px){.unit.unit--teaser .unit__info-row--address{margin-bottom:8px}}.unit.unit--teaser .unit__info-row--address .address{display:inline}.unit.unit--teaser .unit__info-row--address .address .address-line1::after,.unit.unit--teaser .unit__info-row--address .address .address-line2::after{content:","}.unit.unit--teaser .content-tags{margin-top:16px}.unit.unit--teaser .unit__read-more{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);display:flex;margin-top:32px}@media(min-width: 768px){.unit.unit--teaser .unit__read-more{justify-content:flex-end;margin-top:16px}}.unit.unit--teaser .unit__read-more .unit__read-more__text{font-weight:500}.unit.unit--teaser .unit__read-more .hel-icon{transition:transform .2s linear;margin-left:8px;pointer-events:none}@media(prefers-reduced-motion){.unit.unit--teaser .unit__read-more .hel-icon{transition:none}}.unit.unit--teaser:hover .unit__read-more .hel-icon{transform:translateX(4px)}@media(prefers-reduced-motion){.unit.unit--teaser:hover .unit__read-more .hel-icon{transform:none}}.unit--minimal{background-color:#fff}.unit--minimal .unit__link{display:block;padding:24px;text-decoration:none}.unit--minimal .unit__link:focus .unit__title,.unit--minimal .unit__link:hover .unit__title{text-decoration:underline}.unit--minimal .unit__link:focus .unit__read-more .hel-icon,.unit--minimal .unit__link:hover .unit__read-more .hel-icon{transform:translateX(8px)}@media(prefers-reduced-motion){.unit--minimal .unit__link:focus .unit__read-more .hel-icon,.unit--minimal .unit__link:hover .unit__read-more .hel-icon{transform:none}}@media(min-width: 768px){.unit--minimal .unit__text{display:flex;justify-content:space-between;width:100%}}@media(min-width: 768px){.unit--minimal .unit__text__content{display:flex;justify-content:space-between;width:calc(100% - 32px + 24px)}}.unit--minimal .unit__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.unit--minimal .unit__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.unit--minimal .unit__title{font-weight:700;margin-top:2px;padding-right:24px;width:60%}}@media(min-width: 768px){.unit--minimal .unit__info{display:flex;justify-content:space-between;padding-right:24px;width:40%}}.unit--minimal .unit__info-row--address{margin-top:8px}@media(min-width: 768px){.unit--minimal .unit__info-row--address{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:2px}}.unit--minimal .unit__info-row--address .address-line1::after,.unit--minimal .unit__info-row--address .address-line2::after{content:","}.unit--minimal .unit__info-row--address p:first-child{margin-top:0}.unit--minimal .unit__info-row--distance{--line-height: 1.5;font-size:.875rem;font-weight:500;line-height:var(--line-height);color:#666;margin-top:8px;white-space:nowrap}@media(min-width: 768px){.unit--minimal .unit__info-row--distance{margin-left:16px;margin-top:7px}}.unit--minimal .unit__read-more{margin-top:16px}@media(min-width: 768px){.unit--minimal .unit__read-more{display:flex;margin-top:0}}.unit--minimal .unit__read-more .hel-icon{--icon-size: 32px;transition:transform .2s linear}@media(prefers-reduced-motion){.unit--minimal .unit__read-more .hel-icon{transition:none}}.component--accordion .accordion__wrapper{border-bottom:1px solid #ccc}.component--accordion .accordion-item__header{border-top:1px solid #ccc;margin:0;padding:0}.component--accordion .accordion-item__header.handorgel__header--opened .accordion-item__button--toggle{background-color:rgba(0,0,0,0)}.component--accordion .accordion-item__header.handorgel__header--opened .accordion-item__button--toggle::after{transform:translateY(-50%) rotate(180deg)}.component--accordion .accordion-item__header .accordion-item__button--toggle:focus,.component--accordion .accordion-item__header.handorgel__header--focus .accordion-item__button--toggle{position:relative}.component--accordion .accordion-item__header .accordion-item__button--toggle:focus::before,.component--accordion .accordion-item__header.handorgel__header--focus .accordion-item__button--toggle::before{box-shadow:0 0 0 3px #1a1a1a;pointer-events:none}.component--accordion .accordion-item__button{align-items:center;background:rgba(0,0,0,0);border:none;display:flex;margin:0;padding:0;text-align:left}.component--accordion .accordion-item__icon{display:inline-flex;margin-right:8px}@media(min-width: 992px){.component--accordion .accordion-item__icon{margin-right:16px}}.component--accordion .accordion-item__icon .hel-icon{--icon-size: 1.5rem}@media(min-width: 992px){.component--accordion .accordion-item__icon .hel-icon{--icon-size: 3rem}}.component--accordion .accordion-item__button--toggle{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);border:none;padding:16px 60px 16px 0;position:relative;width:100%}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle{padding:24px 60px 24px 0}}.component--accordion .accordion-item__button--toggle::before{content:"";height:30px;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle::before{height:32px;width:32px}}.component--accordion .accordion-item__button--toggle::after{transition:transform .2s ease-in;background-image:var(--hel-icon--angle-down);background-position:center;background-repeat:no-repeat;background-size:100%;content:"";height:30px;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px}@media(prefers-reduced-motion){.component--accordion .accordion-item__button--toggle::after{transition:none}}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle::after{height:32px;width:32px}}.component--accordion .accordion-item__button--close{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);align-items:center;bottom:16px;display:flex;padding:8px;position:absolute;right:-1px}.component--accordion .accordion-item__button--close:focus{box-shadow:0 0 0 3px #1a1a1a;outline:none;pointer-events:none}.component--accordion .accordion-item__button--close:hover{cursor:pointer}.component--accordion .accordion-item__content{border:none}.component--accordion .accordion-item__content__inner{padding:0 0 64px;position:relative}.component--accordion .accordion-item__content__inner>*:first-child{margin-top:0}.component--accordion .component--image .component__content{max-width:860px}.component--accordion-bg-white .accordion__wrapper~.accordion__wrapper .accordion-item__header{border-top:none}.component--accordion-bg-grey .accordion-item__header{background-color:#f1f1f1;border-color:#fff}.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle{padding:16px 82px 16px 16px}@media(min-width: 992px){.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle{padding:24px 82px 24px 24px}}.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::before,.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::after{right:16px}@media(min-width: 992px){.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::before,.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::after{right:24px}}.component--accordion-bg-grey .accordion__wrapper{border-color:#f1f1f1}.component--accordion-bg-grey .accordion-item__content{background-color:#f1f1f1;padding-left:16px;padding-right:16px}@media(min-width: 992px){.component--accordion-bg-grey .accordion-item__content{padding-left:24px;padding-right:24px}}.component--accordion-bg-white+.component--accordion-bg-white.component--no-header,.component--accordion-bg-grey+.component--accordion-bg-grey.component--no-header{margin-top:0}.component--accordion-bg-white+.component--accordion-bg-white.component--no-header .accordion-item__header{border-top:0 none}.component--accordion .handorgel{border-left:none;border-right:none;border-top:none}.component--accordion .handorgel .handorgel__header--open .handorgel__header__button{background-color:rgba(0,0,0,0)}.component--accordion .handorgel .handorgel__header--focus .handorgel__header__button{background-color:rgba(0,0,0,0)}.component--accordion .handorgel .handorgel__header__button{background-color:rgba(0,0,0,0);border:none}.component--accordion .handorgel .handorgel__content{border:0}.accordion--white+.accordion--white.accordion--no-header,.accordion--grey+.accordion--grey.accordion--no-header{margin-top:0}.accordion--white+.accordion--white.accordion--no-header>.container,.accordion--grey+.accordion--grey.accordion--no-header>.container{padding-top:0}.accordion--white+.accordion--white.accordion--no-header>.container>.accordion__wrapper>.accordion-item__header{border-top:0 none}.banner__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.banner__title{--line-height: 1;font-size:2rem;font-weight:400}}.banner__desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:16px}@media(min-width: 992px){.banner__desc{margin-top:24px}}.banner__desc p:first-child{margin:0}.banner__icon{display:inline-flex;margin-bottom:24px;margin-right:16px}@media(min-width: 768px){.banner__icon{margin-right:24px}}.banner__icon .hel-icon{--icon-size: 64px}@media(min-width: 768px){.banner__icon .hel-icon{--icon-size: 6.25rem}}.banner__icon a{--hdbt-default-link-color: var(--hdbt-color-palette-text--primary)}.component--banner .banner{padding-bottom:32px;padding-left:32px;padding-right:32px;padding-top:32px}a.banner__button{margin:32px auto 0}.component--banner-align-center{text-align:center}.component--banner-align-center .banner__title,.component--banner-align-center .banner__desc{margin-left:auto;margin-right:auto;max-width:700px}.component--banner-align-center .component__content{margin-left:auto;margin-right:auto}.component--banner-align-left .banner{display:flex;flex-flow:column}@media(min-width: 768px){.component--banner-align-left .banner{flex-flow:row}}@media(min-width: 992px){.component--banner-align-left.component--banner-has-icon .banner__button{margin-left:auto;margin-right:0}}.component--banner-align-left.component--banner-has-icon .banner__button.hds-button--supplementary{margin-left:calc(-8px + (-2px))}.component--banner .component__container{background-color:var(--hdbt-color-palette--primary);color:var(--hdbt-color-palette-text--primary)}.banner a{--hdbt-default-link-color: var(--hdbt-color-palette-text--primary)}.banner .hds-button--primary{--background-color: var(--hdbt-color-palette-button--primary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--primary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button-contrast--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--primary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--primary)}.banner .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--primary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--primary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--hdbt-color-palette-button--primary);--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button-contrast--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--primary);--focus-outline-color: var(--hdbt-color-palette-button--primary)}.banner .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--hdbt-color-palette-button--primary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.component--banner-secondary .component__container{background-color:var(--hdbt-color-palette--secondary);color:var(--hdbt-color-palette-text--secondary)}.component--banner-secondary .banner a{--hdbt-default-link-color: var(--hdbt-color-palette-text--secondary)}.component--banner-secondary .banner .hds-button--primary{--background-color: var(--hdbt-color-palette-button--secondary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--secondary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button-contrast--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--secondary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--secondary)}.component--banner-secondary .banner .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--secondary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--secondary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--hdbt-color-palette-button--secondary);--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button-contrast--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--secondary);--focus-outline-color: var(--hdbt-color-palette-button--secondary)}.component--banner-secondary .banner .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--hdbt-color-palette-button--secondary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.helfi-charts-content iframe{aspect-ratio:16/9;border:0;height:auto;width:100%}.helfi-charts-noscript{background:#dedfe1;padding:16px}.helfi-charts-noscript p:first-child{margin-top:0}.chart__transcript{margin-top:16px}.columns{align-items:center;display:flex;flex-direction:column}@media(min-width: 768px){.columns{flex-direction:row;margin-left:-24px;margin-right:-24px}}@media(min-width: 992px){.columns{margin-left:-32px;margin-right:-32px}}.columns .image .image__container{padding:0}@media(min-width: 768px){.columns .image .image__container{padding:0}}@media(min-width: 992px){.columns .image .image__container{padding:0}}.columns__column{align-self:stretch}@media(min-width: 768px){.columns__column{margin-left:24px;margin-right:24px}}@media(min-width: 992px){.columns__column{margin-left:32px;margin-right:32px}}@media(min-width: 768px){.columns__column.column--50{width:50%}}@media(min-width: 768px){.columns__column.column--30{width:30%}}@media(min-width: 768px){.columns__column.column--70{width:70%}}.columns__column+.columns__column{margin-top:32px}@media(min-width: 768px){.columns__column+.columns__column{margin-top:0}}@media(min-width: 992px){.has-sidebar .main-content .columns{flex-direction:column}}@media(min-width: 1248px){.has-sidebar .main-content .columns{flex-direction:row}}@media(min-width: 992px){.has-sidebar .main-content .columns__column{width:auto}.has-sidebar .main-content .columns__column:not(:first-of-type){margin-top:32px}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column{margin-top:0}.has-sidebar .main-content .columns__column:not(:first-of-type){margin-top:0}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column.column--50{width:50%}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column.column--30{width:30%}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column.column--70{width:70%}}.contact-card{display:flex}@media(min-width: 576px){.contact-card--with-image{flex-direction:column}}@media(min-width: 576px){.contact-card--information-container{max-width:200px}}.contact-card--person-social-media{display:flex}.contact-card--person-social-media .hel-icon{height:24px;margin-right:8px;width:24px}.contact-card--image-container{margin-bottom:16px;margin-right:16px}@media(min-width: 576px){.contact-card--image-container{margin-right:0}}.contact-card--image-container img{height:100px;width:100px}@media(min-width: 576px){.contact-card--image-container img{height:200px;width:200px}}.contact-card--person-name{margin-top:0;--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.contact-card--person-name{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.contact-card--person-phone-number a:not(:last-of-type)::after{content:",";margin-right:2px}.contact-card--person-email{word-break:break-all}.contact-card--person-information{margin-bottom:8px}.contact-card--color-line{background-color:var(--hdbt-color-palette--primary);margin-right:24px;min-width:4px}.contact-card--person-description{color:#666666;color:var(--color-black-60)}.contact-card-listing--container{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap}@media(min-width: 576px){.contact-card-listing--container{flex-direction:row}}.contact-card-listing--container .contact-card{margin-bottom:48px}.contact-card-listing--container .contact-card:not(:last-of-type){padding-right:24px}@media(min-width: 576px){.contact-card-listing--container .contact-card{min-width:-moz-fit-content;min-width:fit-content;width:25%}}.component-content-cards .component__container{overflow:hidden}.content-cards{display:flex;flex-direction:column;margin-bottom:0;margin-top:0}@media(min-width: 576px){.content-cards{flex-direction:row;flex-wrap:wrap;margin-left:-24px;width:calc(100% + 24px)}}.content-card{margin-top:64px;position:relative}@media(min-width: 576px){.content-card{margin-left:24px;width:calc(50% - 24px)}}@media(min-width: 992px){.content-card{width:calc(25% - 24px)}}.content-card:first-child{margin-top:0}.content-card__image{line-height:0}.content-card__image img{display:block;height:auto;overflow:hidden;width:100%;box-shadow:inset 0 0 0 1px #e5e5e5}.content-card__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:16px}@media(min-width: 992px){.content-card__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.content-card__date{margin-top:8px}.content-card__link{display:block;overflow:hidden;text-decoration:none}.content-card__link::before{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.content-card__link::after{transition:transform .2s linear;--icon-size: 2rem;margin-left:-2px;margin-top:16px;background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em))}@media(prefers-reduced-motion){.content-card__link::after{transition:none}}@media(min-width: 576px){.content-card__link::after{--icon-size: 3rem;margin-left:-4px}}.content-card__link:focus .content-card__title,.content-card__link:hover .content-card__title{text-decoration:underline}.content-card__link:focus::after,.content-card__link:hover::after{transform:translateX(16px)}@media(prefers-reduced-motion){.content-card__link:focus::after,.content-card__link:hover::after{transform:none}}@media(min-width: 576px){.component--content-cards-large .content-card{margin-left:24px;width:calc(50% - 24px)}}@media(min-width: 992px){.component--content-cards-large .content-card{width:calc(33.3333% - 24px)}}.component--content-cards-grey{background:#f7f7f8}.component--content-cards-grey .hds-koros{color:#fff}.has-sidebar .components--upper .component--content-cards-grey .hds-koros{display:none}.component--content-cards-grey .component__container{padding-bottom:64px;padding-top:48px}@media(min-width: 992px){.component--content-cards-grey .component__container{padding-bottom:96px;padding-top:64px}}.has-sidebar .components--upper .component--content-cards-grey .component__container{padding-bottom:32px;padding-left:32px;padding-right:32px;padding-top:32px}.component--content-cards-grey .content-card__link{background-color:#fff;padding:16px}@media(min-width: 576px){.component--content-cards-small .content-card:nth-child(-n+2){margin-top:0}}@media(min-width: 992px){.component--content-cards-small .content-card:nth-child(-n+4){margin-top:0}}@media(min-width: 576px){.component--content-cards-large .content-card:nth-child(-n+2){margin-top:0}}@media(min-width: 992px){.component--content-cards-large .content-card:nth-child(-n+3){margin-top:0}}.layout-main-wrapper>*:last-child .component--content-cards-grey:last-child{margin-bottom:-115px;padding-bottom:55px}.content-liftup{--info-row__gap-size: 4px;border:1px solid #000;position:relative}@media(min-width: 768px){.content-liftup{--info-row__gap-size: 8px;display:flex;min-height:400px}}.content-liftup__image{flex-basis:50%;flex-grow:0;flex-shrink:0}@media(min-width: 768px){.content-liftup__image{align-self:stretch;background-color:#f1f1f1;max-width:50%}}@media(min-width: 992px){.has-sidebar .components--upper .content-liftup__image{flex-basis:28.6844484629%}}.content-liftup__image picture{display:block;height:100%}.content-liftup__image img{aspect-ratio:2.3;display:block;height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}@media(min-width: 768px){.content-liftup__image img{aspect-ratio:unset}}@media(min-width: 992px){.no-sidebar .components--upper .content-liftup__image img,.components--lower .content-liftup__image img{height:100%;-o-object-fit:cover;object-fit:cover}}.content-liftup__image .image-placeholder{padding-bottom:43.4782608696%}@media(min-width: 768px){.content-liftup__image .image-placeholder{padding-bottom:66.6666666667%}}@media(min-width: 992px){.no-sidebar .components--upper .content-liftup__image .image-placeholder,.components--lower .content-liftup__image .image-placeholder{height:100%}}.content-liftup__text{flex-grow:1;padding:16px}@media(min-width: 768px){.content-liftup__text{display:flex;flex-direction:column;justify-content:space-between;padding:32px}}.content-liftup__title{--line-height: 1.2307692308;font-size:1.625rem;font-weight:500;line-height:var(--line-height);margin-bottom:8px;margin-top:0}@media(min-width: 992px){.content-liftup__title{--line-height: 1.2352941176;font-size:2.125rem;font-weight:500}}@media(min-width: 768px){.content-liftup__title{margin-bottom:16px}}.content-liftup__link{text-decoration:none}.content-liftup__link:hover,.content-liftup__link:focus{text-decoration:underline}.content-liftup__link::before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.content-liftup__info-row{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);--margin-size: calc(24px + var(--info-row__gap-size));margin-left:var(--margin-size)}.content-liftup__info-row+.content-liftup__info-row{margin-top:16px}.content-liftup__info-row__title{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height)}@media(min-width: 992px){.content-liftup__info-row__title{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.content-liftup__info-row__title::before{margin-bottom:1px;margin-left:calc(-1*var(--margin-size));margin-right:var(--info-row__gap-size)}.content-liftup__info-row__content>:first-child{margin-top:0}.content-liftup__info-row__content>:last-child{margin-bottom:0}.content-liftup__info-row--address .content-liftup__info-row__title::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--location);mask-image:var(--hel-icon--location);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.content-liftup__info-row--address .address-line1::after,.content-liftup__info-row--address .address-line2::after{content:","}.content-liftup__info-row--opening-hours .content-liftup__info-row__title::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--clock);mask-image:var(--hel-icon--clock);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.content-liftup__read-more{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);display:flex;margin-left:calc(24px + var(--info-row__gap-size));padding-bottom:8px;padding-top:16px}.content-liftup__read-more::after{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;transition:transform .2s linear;flex-shrink:0}@media(prefers-reduced-motion){.content-liftup__read-more::after{transition:none}}.content-liftup:hover .content-liftup__read-more::after,.content-liftup[focus-within] .content-liftup__read-more::after{transform:translateX(4px)}.content-liftup:hover .content-liftup__read-more::after,.content-liftup:focus-within .content-liftup__read-more::after{transform:translateX(4px)}@media(prefers-reduced-motion){.content-liftup:hover .content-liftup__read-more::after,.content-liftup[focus-within] .content-liftup__read-more::after{transform:none}.content-liftup:hover .content-liftup__read-more::after,.content-liftup:focus-within .content-liftup__read-more::after{transform:none}}@media(min-width: 768px){.content-liftup__read-more{justify-content:flex-end;padding-bottom:0}}.event-list__event{border-bottom:1px solid #e5e5e5;padding-bottom:8px;padding-top:24px;position:relative}@media(min-width: 992px){.event-list__event{display:grid;grid-template-columns:325px 1fr;padding-bottom:16px;padding-top:16px}}.event-list__event:first-child{border-top:1px solid #e5e5e5}.event-list__event-name{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:24px;margin-top:16px}@media(min-width: 992px){.event-list__event-name{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.event-list__event-link{text-decoration:none}.event-list__event-link:hover{text-decoration:underline}.event-list__event-link::before{content:"";display:block;top:0;right:0;bottom:0;left:0;position:absolute;z-index:1}.event-list__image-container{display:block;overflow:hidden;position:relative}.event-list__event-image{max-height:264px;-o-object-fit:cover;object-fit:cover;width:100%}@media(min-width: 992px){.event-list__event-image{height:100%;max-height:unset;position:absolute}}@media(min-width: 992px){.event-list__content-container{padding-left:32px}}.event-list__tags{margin-left:-8px;margin-right:-8px}.event-list__tags>*{margin-left:8px;margin-right:8px}.event-list__tags--mobile{bottom:0;display:flex;flex-wrap:wrap-reverse;justify-content:flex-end;padding:16px;position:absolute;width:100%;z-index:1}@media(min-width: 992px){.event-list__tags--mobile{display:none}}.event-list__tags--desktop{display:none}@media(min-width: 992px){.event-list__tags--desktop{align-items:flex-start;display:flex;flex-wrap:wrap}}.event-list__tag{--line-height: 1.5;font-size:.875rem;font-weight:500;line-height:var(--line-height);background:#dedfe1;border-radius:24px;display:inline-block;margin-bottom:16px;padding:5px 12px}.event__icon{align-content:flex-start;display:flex;margin-right:8px}.event__content{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:flex;margin-bottom:16px}.event-list__indicator-container{align-items:flex-end;display:flex}.event-list__event-link-indicator{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}@media(min-width: 992px){.event-list__event-link-indicator{background-color:#000;background-size:contain;content:"";display:inline-block;height:48px;-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:48px 48px;mask-size:48px 48px;vertical-align:bottom;width:48px}}.event__content::before{margin-right:8px}.event__content--date::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--calendar-clock);mask-image:var(--hel-icon--calendar-clock);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.event__content--location::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--location);mask-image:var(--hel-icon--location);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.event-list__list-container{margin-bottom:32px}.event__lower-container{display:flex;justify-content:space-between}@media(min-width: 992px){.event__lower-container{margin-bottom:8px}}.event-list__count{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-bottom:16px}.events-list__empty-subtext{margin-bottom:24px}.event-list__load-more{margin-left:-8px;margin-right:-8px}.event-list__load-more>*{margin-left:8px;margin-right:8px}.event-list__load-more-button{margin-bottom:16px}.event-list-spinner{position:relative}.event-list-spinner .hds-loading-spinner{margin-bottom:48px;margin-top:48px;position:relative}.hero{color:#fff}.hero .hero__container{color:#1a1a1a;padding-bottom:48px;padding-top:24px;position:relative}@media(max-width: 576px){.hero .hero__container{max-width:100%}}.hero .hds-koros svg{margin-bottom:-1px}.hero .hero__text-content{max-width:690px}.hero .hero__title{margin-bottom:16px;margin-top:16px}.hero .hero__title+.hero__cta{margin-top:48px}.hero .hero__cta{align-items:flex-start;display:inline-flex;flex-flow:column;margin-top:32px}@media(min-width: 576px){.hero .hero__cta{flex-flow:row;margin:32px 0 0}}.hero .hero__cta .hero__button{margin-top:8px 0 0}@media(min-width: 576px){.hero .hero__cta .hero__button{margin:0 0 0 16px}}.hero .hero__cta .hero__button:first-child{margin:0}.hero .hero__cta .hero__button.hds-button--supplementary{margin-left:calc(-8px + (-2px))}@media(min-width: 576px){.hero .hero__cta .hero__button.hds-button--supplementary{margin-left:16px}}@media(min-width: 576px){.hero .hero__cta .hero__button.hds-button--supplementary:first-child{margin-left:-8px}}.hero .hero__description p{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.hero .hero__description a:not(.hds-button){color:currentColor}.hero .hero__arrow{background-color:var(--hdbt-color-palette--accent);bottom:-90px;height:100px;left:24px;-webkit-mask-image:var(--hel-icon--hero-arrow-mobile);mask-image:var(--hel-icon--hero-arrow-mobile);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;position:absolute;width:94px;z-index:10}@media(min-width: 992px){.hero .hero__arrow{bottom:-100px;height:110px;left:32px;-webkit-mask-image:var(--hel-icon--hero-arrow-desktop);mask-image:var(--hel-icon--hero-arrow-desktop);width:94px}}.hero-wrapper.has-first-gray-bg-block{background-color:#f7f7f8;margin-bottom:-64px;padding-bottom:48px}@media(min-width: 768px){.hero-wrapper.has-first-gray-bg-block{margin-bottom:-96px}}.hero--bg-color--coat-of-arms{background-color:#0072c6}.hero--bg-color--coat-of-arms .hero__container{color:#fff}.hero--bg-color--coat-of-arms .hero__image-container{color:#0072c6}.hero--bg-color--coat-of-arms .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero--bg-color--gold{background-color:#c2a251}.hero--bg-color--gold .hero__image-container{color:#c2a251}.hero--bg-color--silver{background-color:#dedfe1}.hero--bg-color--silver .hero__image-container{color:#dedfe1}.hero--bg-color--brick{background-color:#bd2719}.hero--bg-color--brick .hero__container{color:#fff}.hero--bg-color--brick .hero__image-container{color:#bd2719}.hero--bg-color--brick .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero--bg-color--bus{background-color:#0000bf}.hero--bg-color--bus .hero__container{color:#fff}.hero--bg-color--bus .hero__image-container{color:#0000bf}.hero--bg-color--bus .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero--bg-color--copper{background-color:#00d7a7}.hero--bg-color--copper .hero__image-container{color:#00d7a7}.hero--bg-color--engel{background-color:#ffe977}.hero--bg-color--engel .hero__image-container{color:#ffe977}.hero--bg-color--fog{background-color:#9fc9eb}.hero--bg-color--fog .hero__image-container{color:#9fc9eb}.hero--bg-color--metro{background-color:#fd4f00}.hero--bg-color--metro .hero__image-container{color:#fd4f00}.hero--bg-color--summer{background-color:#ffc61e}.hero--bg-color--summer .hero__image-container{color:#ffc61e}.hero--bg-color--suomenlinna{background-color:#f5a3c7}.hero--bg-color--suomenlinna .hero__image-container{color:#f5a3c7}.hero--bg-color--tram{background-color:#008741}.hero--bg-color--tram .hero__container{color:#fff}.hero--bg-color--tram .hero__image-container{color:#008741}.hero--bg-color--tram .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero__container .helfi-search__form .hds-text-input__label{color:inherit}.has-first-gray-bg-block .hero--without-image-left .hds-koros{color:#f7f7f8}.hero--with-image-right .hero__container,.hero--with-image-left .hero__container,.hero--with-image-bottom .hero__container{padding-bottom:16px}@media(min-width: 768px){.hero--with-image-right .hero__container,.hero--with-image-left .hero__container,.hero--with-image-bottom .hero__container{padding-bottom:48px}}.hero--with-image-right .hds-koros,.hero--with-image-left .hds-koros,.hero--with-image-bottom .hds-koros{display:none}.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container,.hero--with-image-bottom .hero__image-container{height:200px;position:relative}@media(min-width: 320px){.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container,.hero--with-image-bottom .hero__image-container{height:300px}}.hero--with-image-right .hero__image-container img,.hero--with-image-left .hero__image-container img,.hero--with-image-bottom .hero__image-container img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%);z-index:0}.hero--with-image-right .hero__image-container .hds-koros,.hero--with-image-left .hero__image-container .hds-koros,.hero--with-image-bottom .hero__image-container .hds-koros{display:block;position:absolute;z-index:1}@media(min-width: 768px){.hero--with-image-right,.hero--with-image-left{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}}@media(min-width: 768px){.hero--with-image-right .hero__container,.hero--with-image-left .hero__container{align-items:center;display:flex;margin:0;max-width:648px;width:50%}}@media(min-width: 992px){.hero--with-image-right .hero__container,.hero--with-image-left .hero__container{max-width:664px}}@media(min-width: 768px){.hero--with-image-right .hds-koros,.hero--with-image-left .hds-koros{display:block}}@media(min-width: 768px){.has-first-gray-bg-block .hero--with-image-right .hds-koros,.has-first-gray-bg-block .hero--with-image-left .hds-koros{color:#f7f7f8}}@media(min-width: 768px){.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container{height:auto;margin-top:64px;max-width:648px;padding:0 32px 64px;width:50%}}@media(min-width: 992px){.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container{max-width:664px}}@media(min-width: 768px){.hero--with-image-right .hero__image-container img,.hero--with-image-left .hero__image-container img{height:auto;position:static;transform:none;width:100%}}@media(min-width: 768px){.hero--with-image-right .hero__image-container .hds-koros,.hero--with-image-left .hero__image-container .hds-koros{display:none}}.hero--with-image-right .hero__arrow,.hero--with-image-left .hero__arrow{bottom:-355px}@media(min-width: 768px){.hero--with-image-right .hero__arrow,.hero--with-image-left .hero__arrow{bottom:-90px}}@media(min-width: 768px){.hero--with-image-left{flex-direction:row-reverse}}@media(min-width: 768px){.hero--with-image-left .hero__arrow{left:calc(-100% + 24px)}}.hero--with-image-bottom .hero__container{padding-bottom:16px}@media(min-width: 992px){.hero--with-image-bottom .hero__image-container{height:400px}}.hero--with-image-bottom .hero__arrow{bottom:-355px}@media(min-width: 992px){.hero--with-image-bottom .hero__arrow{bottom:-470px}}@media(min-width: 992px){.hero--diagonal,.hero--with-search{position:relative}}.hero--diagonal .hero__container,.hero--with-search .hero__container{align-items:center;display:flex;padding-bottom:16px;position:relative;width:100%;z-index:2}@media(min-width: 992px){.hero--diagonal .hero__container,.hero--with-search .hero__container{min-height:480px;padding-bottom:48px}}@media(min-width: 992px){.hero--diagonal .hero__text-content,.hero--with-search .hero__text-content{max-width:400px}}@media(min-width: 1248px){.hero--diagonal .hero__text-content,.hero--with-search .hero__text-content{max-width:500px}}@media(min-width: 992px){.hero--diagonal .hero__title,.hero--with-search .hero__title{margin-top:16px}}.hero--diagonal .hero__image-container,.hero--with-search .hero__image-container{height:200px;position:relative}@media(min-width: 320px){.hero--diagonal .hero__image-container,.hero--with-search .hero__image-container{height:300px}}@media(min-width: 992px){.hero--diagonal .hero__image-container,.hero--with-search .hero__image-container{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}}.hero--diagonal .hero__image-container .hds-koros,.hero--with-search .hero__image-container .hds-koros{display:block;position:absolute;top:-1px;z-index:1}@media(min-width: 992px){.hero--diagonal .hero__image-container .hds-koros,.hero--with-search .hero__image-container .hds-koros{bottom:50%;left:5%;top:auto;transform:rotate(135deg);transform-origin:center;width:100%}}@media(min-width: 1248px){.hero--diagonal .hero__image-container .hds-koros,.hero--with-search .hero__image-container .hds-koros{left:0%}}@media(min-width: 992px){.hero--diagonal .hero__image-container .hds-koros::after,.hero--with-search .hero__image-container .hds-koros::after{background-color:currentColor;content:"";display:block;height:1000px;left:15%;position:absolute;top:48px;width:1500px}}@media(min-width: 1248px){.hero--diagonal .hero__image-container .hds-koros::after,.hero--with-search .hero__image-container .hds-koros::after{left:25%}}.hero--diagonal .hero__image-container img,.hero--with-search .hero__image-container img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%);z-index:0}@media(min-width: 992px){.hero--diagonal .hero__image-container img,.hero--with-search .hero__image-container img{margin-left:30%;position:static;transform:none}}.hero--diagonal .hds-koros,.hero--with-search .hds-koros{display:none}.hero--diagonal .hero__arrow,.hero--with-search .hero__arrow{bottom:-355px}@media(min-width: 992px){.hero--diagonal .hero__arrow,.hero--with-search .hero__arrow{bottom:-70px}}.component--image img{width:100%}.component--liftup-with-image-img{--side-padding: 10%;color:var(--hdbt-color-palette-text--primary)}@media(min-width: 576px){.component--liftup-with-image-img{--side-padding: 20%}}@media(min-width: 830px){.component--liftup-with-image-img{--side-padding: 30%}}@media(min-width: 1248px){.component--liftup-with-image-img{--side-padding: 20%}}.component--liftup-with-image-img .liftup-with-image{align-items:center;display:grid;grid-template-columns:[col1-start] var(--side-padding) [col2-start] 1fr [col1-end] var(--side-padding) [col2-end];grid-template-rows:[row1-start] 1fr [row2-start] 32px [row1-end] min-content [row2-end]}@media(min-width: 830px){.component--liftup-with-image-img .liftup-with-image{grid-template-rows:[row1-start row2-start] 1fr [row1-end row2-end]}}.component--liftup-with-image-img.component--liftup-with-image-img-on-right .liftup-with-image{--content-area: row2-start / col1-start / row2-end / col1-end;--image-area: row1-start / col2-start / row1-end / col2-end}.component--liftup-with-image-img.component--liftup-with-image-img-on-left .liftup-with-image{--content-area: row2-start / col2-start / row2-end / col2-end;--image-area: row1-start / col1-start / row1-end / col1-end;--content-margin-right: auto}.component--liftup-with-image-img .liftup-with-image__content{background-color:var(--hdbt-color-palette--primary);color:var(--hdbt-color-palette-text--primary);margin-left:var(--content-margin-right);padding:32px;width:-moz-fit-content;width:fit-content}@media(min-width: 830px){.component--liftup-with-image-img .liftup-with-image__content{display:flex;flex-direction:column;justify-content:center;min-height:350px;width:460px}}@media(min-width: 1248px){.component--liftup-with-image-img .liftup-with-image__content{min-height:435px}}.component--liftup-with-image-img .liftup-with-image__content .hds-button{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height)}.component--liftup-with-image-img a.link{color:var(--hdbt-color-palette-text--primary)}.component--liftup-with-image-img .hds-button--primary{--background-color: var(--hdbt-color-palette-button--primary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--primary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button-contrast--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--primary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--primary)}.component--liftup-with-image-img .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--primary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--primary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--hdbt-color-palette-button--primary);--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button-contrast--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--primary);--focus-outline-color: var(--hdbt-color-palette-button--primary)}.component--liftup-with-image-img .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--hdbt-color-palette-button--primary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.component--liftup-with-image-secondary{color:var(--hdbt-color-palette-text--secondary)}.component--liftup-with-image-secondary .liftup-with-image__content{background-color:var(--hdbt-color-palette--secondary);color:var(--hdbt-color-palette-text--secondary)}.component--liftup-with-image-secondary a.link{color:var(--hdbt-color-palette-text--secondary)}.component--liftup-with-image-secondary .hds-button--primary{--background-color: var(--hdbt-color-palette-button--secondary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--secondary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button-contrast--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--secondary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--secondary)}.component--liftup-with-image-secondary .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--secondary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--secondary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--hdbt-color-palette-button--secondary);--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button-contrast--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--secondary);--focus-outline-color: var(--hdbt-color-palette-button--secondary)}.component--liftup-with-image-secondary .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--hdbt-color-palette-button--secondary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.liftup-with-image__image{grid-area:var(--image-area)}.liftup-with-image__image picture{width:100%}.liftup-with-image__image img{display:block;height:auto;overflow:hidden;width:100%;box-shadow:inset 0 0 0 1px #e5e5e5}.liftup-with-image__container{grid-area:var(--content-area)}.liftup-with-image__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.liftup-with-image__title{--line-height: 1;font-size:2rem;font-weight:400}}.liftup-with-image__desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:16px}.liftup-with-image__desc>*:first-child{margin-top:0}.liftup-with-image__desc a{--hdbt-default-link-color: var(--hdbt-color-palette-text--primary)}.no-sidebar .components--upper>.component--liftup-with-image-bg.component--liftup-with-image-bg{padding-left:0;padding-right:0}.component--liftup-with-image-bg .component__container{max-width:none}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image{--max-width: 1296px;--image-area: row1-start / col1-start / row1-end / col1-end;display:grid;grid-template-columns:[col1-start] 1fr [col2-start] min(100%,var(--max-width)) [col2-end] 1fr [col1-end];grid-template-rows:[row1-start row2-start] 1fr [row1-end row2-end]}}@media(min-width: 992px)and (min-width: 768px){.component--liftup-with-image-bg .liftup-with-image{--max-width: 1328px}}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image__image{min-height:540px;position:relative}.component--liftup-with-image-bg .liftup-with-image__image picture{top:0;right:0;bottom:0;left:0;position:absolute}.component--liftup-with-image-bg .liftup-with-image__image img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover}}.component--liftup-with-image-bg .liftup-with-image__container{padding-left:16px;padding-right:16px}@media(min-width: 768px){.component--liftup-with-image-bg .liftup-with-image__container{padding-left:32px;padding-right:32px}}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image__container{align-content:center;display:grid;grid-area:row2-start/col2-start/row2-end/col2-end}}.component--liftup-with-image-bg .liftup-with-image__content{justify-self:end;padding-top:32px;padding-left:0;padding-right:0;z-index:1}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image__content{background-color:#fff;display:flex;flex-direction:column;justify-content:center;margin:64px 0;min-height:350px;padding:32px;width:460px}}.component--liftup-with-image-bg a{--hdbt-default-link-color: var(--color-black)}.component--liftup-with-image-bg .hds-button--primary{--background-color: var(--color-black-90);--background-color-hover: var(--color-white);--background-color-focus: var(--color-black-90);--background-color-hover-focus: var(--color-white);--background-color-disabled: var(--color-black-20);--border-color: var(--color-black-90);--border-color-hover: var(--color-black);--border-color-focus: var(--color-black-90);--border-color-hover-focus: var(--color-black-90);--border-color-disabled: var(--color-black-20);--color: var(--color-white);--color-hover: var(--color-black-90);--color-focus: var(--color-white);--color-hover-focus: var(--color-black-90);--color-disabled: var(--color-white);--focus-outline-color: var(--color-black-90);--submit-input-focus-gutter-color: var(--color-white)}.component--liftup-with-image-bg .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--color-black-90);--background-color-focus: transparent;--background-color-hover-focus: var(--color-black-90);--background-color-disabled: transparent;--border-color: var(--color-black-90);--border-color-hover: var(--color-black-90);--border-color-focus: var(--color-black-90);--border-color-hover-focus: var(--color-black-90);--border-color-disabled: var(--color-black-50);--color: var(--color-black-90);--color-hover: var(--color-white);--color-focus: var(--color-black-90);--color-hover-focus: var(--color-white);--focus-outline-color: var(--color-black-90)}.component--liftup-with-image-bg .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--color-black-90);--border-color-hover-focus: var(--color-black-90);--border-color-disabled: transparent;--color: var(--color-black-90);--color-hover: var(--color-black-90);--color-focus: var(--color-black-90);--color-hover-focus: var(--color-black-90);--color-disabled: var(--color-black-20);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.component--liftup-with-image-bg .hds-button--supplementary:hover{text-decoration:underline}@media(min-width: 992px){.component--liftup-with-image-bg.component--liftup-with-image-img-on-left .liftup-with-image__container{justify-self:end}}@media(min-width: 992px){.component--liftup-with-image-bg.component--liftup-with-image-img-on-right .liftup-with-image__container{justify-self:start}}.list-of-links{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;width:100%}@media(min-width: 576px){.list-of-links{flex-direction:row;margin-left:-48px;width:calc(100% + 48px)}}.list-of-links__item{margin-bottom:32px;position:relative;width:100%}@media(min-width: 576px){.list-of-links__item{margin-left:48px;width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item{width:calc(25% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(1):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(1):nth-last-child(1){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(1):nth-last-child(2){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(1):nth-last-child(2){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(2):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(2):nth-last-child(1){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(1):nth-last-child(3){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(1):nth-last-child(3){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(2):nth-last-child(2){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(2):nth-last-child(2){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(3):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(3):nth-last-child(1){width:calc(33.3333% - 48px)}}.list-of-links__item .list-of-links__item__link{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:90px;word-wrap:anywhere;text-decoration:none;width:100%}@media(min-width: 576px){.list-of-links__item .list-of-links__item__link{display:block}}.list-of-links__item .list-of-links__item__link:focus,.list-of-links__item .list-of-links__item__link:hover{text-decoration:underline}.list-of-links__item .list-of-links__item__link:focus::after,.list-of-links__item .list-of-links__item__link:hover::after{transform:translateX(8px)}@media(prefers-reduced-motion){.list-of-links__item .list-of-links__item__link:focus::after,.list-of-links__item .list-of-links__item__link:hover::after{transform:none}}.list-of-links__item .list-of-links__item__link::before{content:"";display:block;top:0;right:0;bottom:0;left:0;position:absolute}.list-of-links__item .list-of-links__item__link::after{--icon-size: 1.5rem;background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear;content:"";display:block;flex-shrink:0;margin-left:-4px;margin-top:8px}@media(prefers-reduced-motion){.list-of-links__item .list-of-links__item__link::after{transition:none}}@media(min-width: 576px){.list-of-links__item .list-of-links__item__link::after{--icon-size: 3rem;margin-left:-8px;margin-top:16px}}.list-of-links__item .list-of-links__item__link[data-is-external]::after{content:none;display:none}.list-of-links__item .list-of-links__item__link .link__type{--icon-size: 1.5rem;display:block;flex-shrink:0;height:var(--icon-size);margin-left:-4px;margin-top:8px;-webkit-mask-size:var(--icon-size) var(--icon-size);mask-size:var(--icon-size) var(--icon-size);width:var(--icon-size)}@media(min-width: 576px){.list-of-links__item .list-of-links__item__link .link__type{--icon-size: 3rem;margin-left:-8px;margin-top:16px}}.list-of-links__item .list-of-links__item__link:focus .link__type--external,.list-of-links__item .list-of-links__item__link:hover .link__type--external{transform:translate(4px, -4px)}@media(prefers-reduced-motion){.list-of-links__item .list-of-links__item__link:focus .link__type--external,.list-of-links__item .list-of-links__item__link:hover .link__type--external{transform:none}}.list-of-links__item .list-of-links__item__image{left:0;position:absolute;top:0;width:90px}@media(min-width: 576px){.list-of-links__item .list-of-links__item__image{margin-bottom:16px;position:static;width:100%}}.list-of-links__item .list-of-links__item__image img{display:block;height:auto;overflow:hidden;width:100%;box-shadow:inset 0 0 0 1px #e5e5e5}.list-of-links__item .list-of-links__item__image .image-placeholder{padding-bottom:100%}.list-of-links__item .list-of-links__item__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin:0 0 0 116px}@media(min-width: 992px){.list-of-links__item .list-of-links__item__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 576px){.list-of-links__item .list-of-links__item__title{margin:0}}.component--list-of-links-without-image .list-of-links__item{align-self:flex-start;min-height:2rem;padding-bottom:0}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item{width:calc(33.3333% - 48px)}}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item:nth-child(1):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item:nth-child(1):nth-last-child(2){width:calc(50% - 48px)}}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item:nth-child(2):nth-last-child(1){width:calc(50% - 48px)}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link{display:flex;flex-direction:row;justify-content:flex-start;min-height:auto;text-decoration:underline}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link .link__type,.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link::after{align-self:flex-start;margin-left:8px;margin-top:-2px}@media(min-width: 576px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link .link__type,.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link::after{margin-top:-8px}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link:focus,.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link:hover{text-decoration:none}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__title{display:flex;margin-left:0}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow{margin:-2px 0 0 16px}@media(min-width: 576px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow{margin-top:-8px}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow .hel-icon{--icon-size: 2rem}@media(min-width: 576px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow .hel-icon{--icon-size: 3rem}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);color:#666;margin-top:8px}@media(min-width: 992px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__desc{margin-top:4px}}.has-sidebar .main-content .list-of-links__item{padding-bottom:24px}@media(min-width: 992px){.has-sidebar .main-content .list-of-links__item{width:calc(50% - 48px)}}@media(min-width: 992px){.has-sidebar .main-content .component--list-of-links-without-image .list-of-links__item{width:calc(50% - 48px)}}.component--map{background-color:#f7f7f8}.component--map .address-line1::after{content:","}.unit .component--map{margin-top:32px}@media(min-width: 768px){.unit .component--map{margin-top:48px}}.component--map .component__container{padding:48px 0}.unit .component--map .component__container,.has-sidebar .component--map .component__container{padding:24px 16px 48px}@media(min-width: 768px){.unit .component--map .component__container,.has-sidebar .component--map .component__container{padding:32px 32px 48px}}@media(max-width: 992px){.has-sidebar .components--upper .component--map,.has-sidebar .unit .component--map{margin-left:-16px;margin-right:-16px}}@media(max-width: 992px)and (min-width: 768px){.has-sidebar .components--upper .component--map,.has-sidebar .unit .component--map{margin-left:-32px;margin-right:-32px}}.map{height:0;margin:16px 0;padding-bottom:100%;position:relative}@media(min-width: 576px){.map{padding-bottom:56.25%}}.map>div,.map iframe{background-color:#e5e5e5;border:0;height:100%;left:0;position:absolute;top:0;width:100%}.map .map__external-link{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);align-items:center;bottom:-40px;display:inline-flex;position:absolute;right:0;text-decoration:underline}.component--news-list .news-listing{margin-bottom:48px}.component--phasing{--item-title-lineheight: 1.875rem;counter-reset:item}@media(min-width: 992px){.component--phasing{--item-title-lineheight: 2.25rem}}.component--phasing .component__content{padding-left:0}.phasing__item{--circle-size: 16px;--p-left: 72px;background-color:var(--hdbt-color-palette--secondary);list-style:none;padding:32px 32px 32px var(--p-left);position:relative}.phasing__item:not(:last-of-type){margin-bottom:16px}.phasing__item::before,.phasing__item::after{content:"";display:block;left:calc(var(--p-left)*.5);position:absolute}.phasing__item::before{background-color:#000;height:calc(100% + 16px + 8px);top:0;transform:translateX(-50%);width:2px}.phasing__item:first-of-type::before{height:100%;top:calc(32px + var(--item-title-lineheight)*.5)}.phasing__item:last-of-type::before{height:calc(32px + var(--item-title-lineheight)*.5)}.phasing__item:only-child::before{display:none}.phasing__item::after{background-color:#fff;border:3px solid #000;border-radius:50%;height:var(--circle-size);top:calc(32px + var(--item-title-lineheight)*.5);transform:translate(-50%, -50%);width:var(--circle-size)}.phasing__item--with-numbers{--circle-size: 40px;--p-left: 80px}@media(min-width: 992px){.phasing__item--with-numbers{--circle-size: 48px;--p-left: 96px}}.phasing__item--with-numbers::after{align-items:center;content:counter(item);counter-increment:item;display:flex;justify-content:center;--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.phasing__item--with-numbers::after{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.phasing__item-title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.phasing__item-title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.phasing__item-title{--line-height: var(--item-title-lineheight)}.phasing__item-title+.phasing__item-description{margin-top:16px}.component--accordion .component--phasing{--item-title-lineheight: 1.6875rem}@media(min-width: 992px){.component--accordion .component--phasing{--item-title-lineheight: 1.875rem}}.component--accordion .component--phasing .phasing__item--with-numbers::after,.component--accordion .component--phasing .phasing__item-title,.component--accordion .component--phasing .component__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.component--accordion .component--phasing .phasing__item--with-numbers::after,.component--accordion .component--phasing .phasing__item-title,.component--accordion .component--phasing .component__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.popular-service-item{background-color:#f7f7f8;margin-bottom:24px;padding-bottom:32px;padding-left:24px;padding-right:24px;padding-top:24px}@media(min-width: 768px){.popular-service-item{width:calc(50% - 24px)}}.popular-service-item__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:unset}@media(min-width: 992px){.popular-service-item__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.popular-service-item__links{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:flex;flex-direction:column;margin-top:16px}@media(min-width: 768px){.popular-service-item__links{margin-top:24px}}@media(min-width: 768px){.popular-services{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}.popular-services>*{margin-left:12px;margin-right:12px}}.component--remote-video{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white);padding-left:16px;padding-right:16px;background-color:#000;padding-bottom:32px;padding-top:32px}@media(min-width: 768px){.component--remote-video{padding-left:32px;padding-right:32px}}@media(min-width: 768px){.component--remote-video{padding-bottom:48px;padding-top:48px}}@media(min-width: 992px){.component--remote-video{padding-bottom:64px;padding-top:64px}}.component--remote-video,.component--remote-video a:not(.hds-button){color:#fff}.component--remote-video+.component--remote-video.component--no-header{margin-top:0;padding-top:0}.remote-video__video{position:relative}.remote-video__video .responsive-video-container{background-color:#e5e5e5;height:0;overflow:hidden;padding-bottom:56.25%}.remote-video__video .responsive-video-container iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.remote-video__video-title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:8px}@media(min-width: 992px){.remote-video__video-title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.remote-video__video-title{margin-top:16px}}.remote-video__video-desc{margin-top:8px}.remote-video__video-desc>p:first-child{margin-top:0}.views--service-list .form-actions .hds-button--primary{width:100%}@media(min-width: 768px){.views--service-list .form-actions .hds-button--primary{margin-left:24px}}@media(min-width: 768px){.views--service-list .views-exposed-form{align-items:flex-end;display:flex}}@media(min-width: 768px){.views--service-list .views-exposed-form .form-item{margin-bottom:0;width:70%}}.views--service-list .views-exposed-form .hds-text-input__input-wrapper::after{background-color:#000;background-size:contain;content:"";display:block;height:20px;-webkit-mask-image:var(--hel-icon--search);mask-image:var(--hel-icon--search);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.views--service-list .views-exposed-form .hds-text-input__input-wrapper .hds-text-input__input{border-radius:0;padding-right:48px}@media(min-width: 768px){.views--service-list .views-exposed-form .form-actions{display:flex;width:30%}}.views--service-list .service-list__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;width:100%}@media(min-width: 992px){.views--service-list .service-list__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.views--service-list .service-list__count-container .service-list__count{font-weight:700}.views--service-list .views-infinite-scroll-content-wrapper{margin-top:24px}@media(min-width: 992px){.views--service-list .views-infinite-scroll-content-wrapper{display:flex;flex-wrap:wrap;margin-left:calc(-24px / 2);margin-right:calc(-24px / 2);margin-top:48px}}@media(min-width: 992px){.views--service-list .views-infinite-scroll-content-wrapper .views-row{margin-top:24px;width:25%}}.views--service-list .views-infinite-scroll-content-wrapper .views-row:nth-child(-n+4){margin-top:0}.sidebar-text{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.sidebar-text+.sidebar-text{margin-top:32px}.sidebar-text .sidebar-text__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);color:#000;margin-top:0}@media(min-width: 992px){.sidebar-text .sidebar-text__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.sidebar-text .sidebar-text__title+.sidebar-text__text-content{margin-top:24px}.sidebar-text .sidebar-text__text-content{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:var(--hdbt-color-palette-text--secondary)}.sidebar-text .sidebar-text__text-content>*:first-child{margin-top:0}.sidebar-text .sidebar-text__text-content>p:first-child{margin-top:0}.sidebar-text .sidebar-text__text-content>*:last-child{margin-bottom:0}.sidebar-text .sidebar-text__text-content>p{background-color:var(--hdbt-color-palette--secondary);padding:24px 16px}.sidebar-text .sidebar-text__text-content .hds-button--primary,.sidebar-text .sidebar-text__text-content .hds-button--secondary{display:inline-flex}.sidebar-text .sidebar-text__text-content .hds-button--primary:only-child,.sidebar-text .sidebar-text__text-content .hds-button--secondary:only-child{margin-top:0}@media(min-width: 992px){.sidebar-text .sidebar-text__text-content .hds-button--primary,.sidebar-text .sidebar-text__text-content .hds-button--secondary{display:flex}}.sidebar-text .sidebar-text__text-content .hds-button--supplementary:first-child{margin-left:0}.sidebar-text .sidebar-text__text-content .hds-button--supplementary.hdbt-icon::before{margin-left:8px}.sidebar-text ul,.sidebar-text ol{background-color:var(--hdbt-color-palette--secondary);padding:16px}.sidebar-text ul li,.sidebar-text ol li{margin-left:32px;padding-left:8px}.sidebar-text ul ul,.sidebar-text ul ol,.sidebar-text ol ul,.sidebar-text ol ol{margin-top:0}.sidebar-text ul ul li,.sidebar-text ul ol li,.sidebar-text ol ul li,.sidebar-text ol ol li{margin-left:8px}.sidebar-text--service-links .sidebar-text__text-content>a{background-color:var(--hdbt-color-palette--secondary);display:grid;grid-template-columns:1fr calc(24px + 8px);margin-top:16px;padding:24px 16px;text-decoration:none}.sidebar-text--service-links .sidebar-text__text-content>a:after{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;align-self:center;justify-self:end;order:3}.sidebar-text--service-links .sidebar-text__text-content>a[data-is-external]:after{display:none}.sidebar-text--service-links .sidebar-text__text-content>a:hover{text-decoration:underline}.target-group-links{--gap: 8px;display:flex;flex-wrap:wrap;gap:8px;gap:var(--gap, 8px)}@media(min-width: 768px){.target-group-links{--gap: 24px}}.target-group-link{--icon-size: 32px;--title-line-height: 1.625rem;grid-column-gap:24px;background-color:#f7f7f8;display:grid;grid-template-areas:"icon title" "icon subtitle";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;padding:24px;position:relative;width:100%}@media(min-width: 768px){.target-group-link{--icon-size: 48px;width:calc(50% - .5*var(--gap))}}@media(min-width: 992px){.target-group-link{--title-line-height: 1.75rem}}.target-group-link__icon{grid-area:icon}.target-group-link__icon .hel-icon{display:block}.target-group-link__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);grid-area:title;margin:0;padding-top:calc(.5*(var(--icon-size) - var(--title-line-height)))}@media(min-width: 992px){.target-group-link__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.target-group-link__link{text-decoration:none}.target-group-link__link::before{content:"";height:100%;top:0;right:0;bottom:0;left:0;position:absolute}.target-group-link__link:hover{text-decoration:underline}.target-group-link__subtitle{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);grid-area:subtitle;margin-bottom:calc(.5*(var(--icon-size) - var(--title-line-height)));margin-top:8px}.target-group-link__subtitle p{margin-top:0}.component--paragraph-text .component__content{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);max-width:860px}.component--paragraph-text .component__content>*:first-child,.component--paragraph-text .component__content>p:first-child{margin-top:0}.component--paragraph-text .component__content>*:last-child{margin-bottom:0}.component--unit-search{background-color:#f7f7f8}.layout-main-wrapper>*:last-child .component--unit-search:last-child{margin-bottom:-115px;padding-bottom:55px}.component--unit-search .component__container{padding-bottom:32px;padding-top:32px}@media(min-width: 768px){.component--unit-search .component__container{padding-bottom:64px;padding-top:64px}}.views--unit-search{margin-top:32px}.views--unit-search .form-actions .hds-button--primary{width:100%}@media(min-width: 768px){.views--unit-search .form-actions .hds-button--primary{margin-left:24px}}@media(min-width: 768px){.views--unit-search .views-exposed-form{align-items:flex-end;display:flex;flex-wrap:wrap}}@media(min-width: 768px){.views--unit-search .views-exposed-form .form-item{margin-bottom:0;width:70%}}.views--unit-search .views-exposed-form .hds-text-input__input-wrapper::after{background-color:#000;background-size:contain;content:"";display:block;height:20px;-webkit-mask-image:var(--hel-icon--search);mask-image:var(--hel-icon--search);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.views--unit-search .views-exposed-form .hds-text-input__input-wrapper .hds-text-input__input{border-radius:0;padding-right:48px}.views--unit-search .views-exposed-form [data-drupal-selector=edit-provided-languages-value]{margin-top:24px;order:1}@media(min-width: 768px){.views--unit-search .views-exposed-form .form-actions{display:flex;width:30%}}.views--unit-search .unit-search__results>.views-row:first-of-type,.views--unit-search .views-infinite-scroll-content-wrapper{margin-top:16px}@media(min-width: 768px){.views--unit-search .unit-search__results>.views-row:first-of-type,.views--unit-search .views-infinite-scroll-content-wrapper{margin-top:32px}}.unit-search__results{border-top:1px solid #e5e5e5;display:block;margin-top:32px;padding-top:32px;width:100%}@media(min-width: 768px){.unit-search__results{margin-top:64px;padding-top:64px}}.unit-search__results>.views-infinite-scroll-content-wrapper>.views-row+.views-row{margin-top:16px}@media(min-width: 768px){.unit-search__result-actions{align-items:center;display:flex;justify-content:space-between}}.unit-search__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){.unit-search__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.unit-search__count-container .unit-search__count{font-weight:700}.unit-search__additional-information{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:block;margin-bottom:24px;margin-top:16px}.unit-search__additional-information.unit-search__address-not-found{padding-left:48px;position:relative}.unit-search__additional-information.unit-search__address-not-found::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--alert-circle-fill);mask-image:var(--hel-icon--alert-circle-fill);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;background-color:#d18200;left:16px;margin-top:-12px;position:absolute;top:50%}.unit-search__additional-information.unit-search__address-not-found p{margin-top:0}.unit-search__result--list,.unit-search__result--map{margin-top:16px}@media(min-width: 768px){.unit-search__result--list,.unit-search__result--map{margin-top:32px}}.unit-search__result--map{padding-bottom:52%;position:relative;width:100%}.unit-search__map{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.unit-search__map-actions{display:flex;justify-content:flex-end;margin-top:16px}@media(min-width: 768px){.unit-search__map-actions{margin-top:24px}}.unit-search__no-results-title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-top:24px}@media(min-width: 992px){.unit-search__no-results-title{--line-height: 1;font-size:2rem;font-weight:400}}.unit-search__no-results-desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.views--unit-search--large-volume .unit-search__results>.views-infinite-scroll-content-wrapper>.views-row+.views-row,.views--unit-search--large-volume .unit-search__results .views-row+.views-row{margin-top:8px}.dialog-off-canvas-main-canvas::after{background-color:rgba(0,0,0,.4);content:"";height:0;opacity:0;pointer-events:none;visibility:hidden;width:0}.eu-cookie-compliance-banner{background-color:#0000bf;color:#fff;max-height:100vh;overflow:auto;padding:0 0 24px}@media(min-width: 768px){.eu-cookie-compliance-banner{padding:0 0 32px}}.eu-cookie-compliance-banner .eu-cookie-compliance-content{display:flex;flex-wrap:wrap;padding-top:24px}.eu-cookie-compliance-banner .eu-cookie-compliance-message{float:none;max-width:100%;width:100%}.eu-cookie-compliance-banner .eu-cookie-compliance-message>h2{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:0;max-width:860px}@media(min-width: 992px){.eu-cookie-compliance-banner .eu-cookie-compliance-message>h2{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.eu-cookie-compliance-banner .eu-cookie-compliance-message>p{max-width:860px}.eu-cookie-compliance-banner .eu-cookie-compliance-more-info,.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{margin-top:32px;width:100%}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-more-info,.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{align-items:center;display:flex}}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-more-info{width:30%}}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{justify-content:flex-end;width:70%}}.eu-cookie-compliance-banner .eu-cookie-compliance-categories-buttons{margin-top:16px}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-categories-buttons{margin-left:16px;margin-top:0}}.eu-cookie-compliance-banner .eu-cookie-compliance-buttons{float:none;max-width:100%}.eu-cookie-compliance-banner .eu-cookie-withdraw-button{display:none}.eu-cookie-compliance-banner .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white);max-width:400px;width:100%}@media(min-width: 768px){.eu-cookie-compliance-banner .hds-button{width:auto}}.sliding-popup-bottom{width:100%}.gin--horizontal-toolbar .toolbar-bar{position:fixed}.gin--horizontal-toolbar .node-preview-container{padding:0 32px;top:54px}.logo{align-items:center;display:flex;text-decoration:none}.logo__icon{--height: 32px;--aspect-ratio: 2.1666666667;height:var(--height);width:calc(var(--aspect-ratio)*var(--height))}@media(min-width: 768px){.logo__icon{--height: 54px}}.logo__icon--sv,.logo__icon--ru{--aspect-ratio: 2.7857142857}.logo--header{color:#000;height:var(--branding-height)}.logo--footer{margin-top:8px}@media(min-width: 768px){.logo--footer{margin-right:16px;margin-top:0}}.logo--footer .logo__icon{--height: 40px}.metadata-container{background-color:var(--hdbt-color-palette--secondary);display:flex;flex-wrap:wrap;margin-top:16px;padding:24px}@media(min-width: 768px){.metadata-container{margin-top:32px}}.metadata__item{display:flex;margin-top:16px;width:100%}@media(min-width: 768px){.metadata__item{width:50%}}.metadata__item:first-child{margin-top:0}@media(min-width: 768px){.metadata__item:nth-child(2){margin-top:0}}.metadata__item .hel-icon{height:24px;margin-right:8px;min-width:24px;width:24px}.metadata__item-label{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);display:block}.content-tags__tags{margin-left:-4px;margin-right:-4px;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0;margin-top:0;padding-left:0}.content-tags__tags>*{margin-left:4px;margin-right:4px}.content-tags__tags__tag{list-style:none;margin-bottom:8px;margin-top:0}.content-tags__tags__tag a,.content-tags__tags__tag span,.content-tags__tags--static li{--line-height: 1.5;font-size:.875rem;font-weight:500;line-height:var(--line-height);display:inline-block;line-height:1;text-decoration:none;transition:.2s ease-in-out background-color,.2s ease-in-out border-color}.content-tags__tags--interactive a{background-color:rgba(0,0,0,0);border:1px solid #000;border-radius:48px;padding:16px 20px 18px}.content-tags__tags--interactive a:hover,.content-tags__tags--interactive a:active{background-color:#000;border-color:#000;color:#fff}.content-tags__tags--interactive a:focus,.content-tags__tags--interactive a:active{border-color:#000;outline:2px solid #000;outline-offset:2px}.content-tags__tags--static span{background-color:#dedfe1;border-radius:16px;padding:8px 16px 10px}.content-tags__tags--static .content-tags__tags__tag--coat-of-arms span{background-color:#b5daf7}.content-tags__tags--static .content-tags__tags__tag--gold span{background-color:#e8d7a7}.content-tags__tags--static .content-tags__tags__tag--bus span{background-color:#ccf}.content-tags__tags--static .content-tags__tags__tag--success span{background-color:#007a64;color:#fff}.content-tags__tags--static .content-tags__tags__tag--alert span{background-color:#ffda07}.content-tags__tags--static .content-tags__tags__tag--error span{background-color:#b01038;color:#fff}.hds-loading-spinner{left:49%;position:fixed;top:48.5%;z-index:1000}#ed11y-panel{left:21px !important;right:auto !important}.is-hidden{display:none} diff --git a/src/scss/06_components/navigation/__index.scss b/src/scss/06_components/navigation/__index.scss index cf809468d..88587a53d 100644 --- a/src/scss/06_components/navigation/__index.scss +++ b/src/scss/06_components/navigation/__index.scss @@ -13,3 +13,4 @@ @import 'table-of-contents'; @import 'tabs'; @import 'full-pagination'; +@import 'profile-block'; diff --git a/src/scss/06_components/navigation/_profile-block.scss b/src/scss/06_components/navigation/_profile-block.scss new file mode 100644 index 000000000..d68654705 --- /dev/null +++ b/src/scss/06_components/navigation/_profile-block.scss @@ -0,0 +1,181 @@ +.profile { + @include font('special.navigation.icon_label'); + align-items: center; + display: flex; + flex-direction: column; + height: 100%; + justify-content: center; + width: 100%; + + .hel-icon { + --icon-size: 24px; + margin-bottom: $spacing-half; + + @include breakpoint($breakpoint-l) { + --icon-size: 28px; + } + } +} + +.profile__login-link { + @include font('special.navigation.icon_label'); + align-items: center; + border-left: 1px solid $color-black-20; + display: flex; + flex-direction: column; + grid-area: profile; + grid-column-end: -1; + justify-content: center; + margin-left: 16px; + padding-left: 4px; + padding-right: 4px; + text-decoration: none; + text-overflow: ellipsis; + width: 65px; // Same as the height of the branding header. + z-index: 1; + + @include breakpoint($breakpoint-m) { + width: 86px; // Same as the height of the branding header. + } + + &::before { + @include pseudo-icon('user', 22px, currentColor, block); + margin-bottom: $spacing-quarter; + + @include breakpoint($breakpoint-m) { + @include pseudo-icon('user', 28px, currentColor, block); + } + } + + &:hover { + text-decoration: underline; + } + + &:focus { + outline: 3px solid $color-black; + outline-offset: -3px; + } +} + +.profile__logout-link { + @include font('body'); + border-bottom: 1px solid $color-black-20; + border-top: 1px solid $color-black-20; + display: block; + font-weight: bold; + padding: $spacing; + text-decoration: none; + width: 100%; + + @include breakpoint($breakpoint-l) { + border-bottom: none; + } + + &:hover { + text-decoration: underline; + } + + &:focus { + outline: 3px solid $color-black; + outline-offset: -3px; + } + + &::after { + @include pseudo-icon('signout'); + margin-left: $spacing-half; + } +} + +.profile--full { + background-color: $color-white; + border-bottom: 1px solid $color-black-20; + color: $color-black; + width: 100%; + + @include breakpoint($breakpoint-l) { + border-left: 1px solid $color-black-20; + border-right: 1px solid $color-black-20; + max-width: 300px; // As designed. + } +} + +.profile__information { + padding: $spacing; +} + +.profile__full-name { + @include font('body'); + display: block; + font-weight: bold; +} + +.profile__email { + @include font('small'); + display: block; +} + +.nav-toggle--profile { + background-color: $color-black; + color: $color-white; + grid-area: profile; + grid-column-end: -1; + justify-content: center; + margin-left: $spacing; + max-width: 88px; // As designed. + min-width: 72px; // As designed. + z-index: 1; + + .nav-toggle__anchor, + .nav-toggle__button { + height: 100%; + } + + .nav-toggle__label { + color: $color-white; + height: 100%; + padding-left: $spacing-half; + padding-right: $spacing-half; + + &:focus { + outline: 2px solid $color-white; + outline-offset: -5px; + } + + span { + overflow: hidden; + text-align: center; + text-overflow: ellipsis; + white-space: nowrap; + } + } + + .nav-toggle__label::before { + @include pseudo-icon('user', 22px, currentColor, block); + margin-bottom: $spacing-quarter; + + @include breakpoint($breakpoint-m) { + @include pseudo-icon('user', 28px, currentColor, block); + } + } + + .nav-toggle__button:focus { + outline: 2px solid $color-white; + outline-offset: -5px; + } + + .nav-toggle__label--close { + &::before { + @include pseudo-icon-replace('cross'); + margin-bottom: 0; + } + } +} + +.nav-toggle-dropdown--profile { + grid-area: menu; + + .nav-toggle-dropdown__content { + display: flex; + justify-content: flex-end; + } +} From 3c7643ba82e99570d58538faa57b296982191022 Mon Sep 17 00:00:00 2001 From: Tero Elonen Date: Wed, 18 Jan 2023 13:36:11 +0200 Subject: [PATCH 05/31] LOM-266: LOM-266 Added profile block --- .../block/block--profile-block.html.twig | 36 +++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 templates/block/block--profile-block.html.twig diff --git a/templates/block/block--profile-block.html.twig b/templates/block/block--profile-block.html.twig new file mode 100644 index 000000000..d00ec050b --- /dev/null +++ b/templates/block/block--profile-block.html.twig @@ -0,0 +1,36 @@ +{# +/** + * @file + * Theme override to display a block. + * + * Available variables: + * - plugin_id: The ID of the block implementation. + * - label: The configured label of the block if visible. + * - configuration: A list of the block's configuration values. + * - label: The configured label for the block. + * - label_display: The display settings for the label. + * - provider: The module or other provider that provided this block plugin. + * - Block plugin specific settings will also be stored here. + * - content: The content of this block. + * - attributes: array of HTML attributes populated by modules, intended to + * be added to the main container tag of this template. + * - id: A valid HTML ID and guaranteed unique. + * - title_attributes: Same as attributes, except applied to the main title + * tag that appears in the template. + * - title_prefix: Additional output populated by modules, intended to be + * displayed in front of the main title tag that appears in the template. + * - title_suffix: Additional output populated by modules, intended to be + * displayed after the main title tag that appears in the template. + * + * @see template_preprocess_block() + */ +#} + +{{ title_prefix }} +{% if label %} + {{ label }} +{% endif %} +{{ title_suffix }} +{% block content %} + {{ content }} +{% endblock %} From 2e1eddcef829d20e1209a1fdfd3445668895f0ce Mon Sep 17 00:00:00 2001 From: Tero Elonen Date: Wed, 18 Jan 2023 19:04:31 +0200 Subject: [PATCH 06/31] LOM-266: LOM-266 Unfinished with global nav insertation to the nav toggle functionality --- dist/js/branding-elements.min.js | 2 +- dist/js/nav-global.min.js | 1 - dist/js/nav-toggle-dropdown.min.js | 2 +- dist/js/nav-toggle.min.js | 2 +- dist/js/toggle-widgets.min.js | 2 +- hdbt.theme | 12 + src/js/nav-global.js | 208 ++++++++---------- src/js/nav-toggle.js | 30 ++- src/js/{ => nav-toggle}/branding-elements.js | 10 +- .../nav-toggle-dropdown.js | 0 .../toggle-widgets.js | 0 templates/component/header-search.twig | 4 +- templates/layout/page.html.twig | 15 +- 13 files changed, 157 insertions(+), 131 deletions(-) rename src/js/{ => nav-toggle}/branding-elements.js (67%) rename src/js/{nav-global => nav-toggle}/nav-toggle-dropdown.js (100%) rename src/js/{nav-global => nav-toggle}/toggle-widgets.js (100%) diff --git a/dist/js/branding-elements.min.js b/dist/js/branding-elements.min.js index cda8500fc..226759827 100644 --- a/dist/js/branding-elements.min.js +++ b/dist/js/branding-elements.min.js @@ -1 +1 @@ -!function(){var r={699:function(r){const o={};!0===drupalSettings.hdbt.profile_dropdown&&(o.ProfileDropdown="profile"),!0===drupalSettings.hdbt.search_dropdown&&(o.SearchDropdown="search"),!0===drupalSettings.hdbt.otherlangs_dropdown&&(o.OtherLangsDropdown="otherlangs"),r.exports={BRANDING_ELEMENTS:o}}},o={};(function t(n){var e=o[n];if(void 0!==e)return e.exports;var d=o[n]={exports:{}};return r[n](d,d.exports,t),d.exports})(699)}(); \ No newline at end of file +!function(){var e,t,n,r,o={959:function(e,t,n){const r={};let o={};!0===drupalSettings.hdbt.profile_dropdown&&(r.ProfileDropdown="profile"),!0===drupalSettings.hdbt.search_dropdown&&(r.SearchDropdown="search"),!0===drupalSettings.hdbt.otherlangs_dropdown&&(r.OtherLangsDropdown="otherlangs"),!0===drupalSettings.hdbt.global_menu&&n.e(504).then(n.t.bind(n,504,23)).then((e=>{o=e})),e.exports={BRANDING_ELEMENTS:r,MENU:o}}},u={};function i(e){var t=u[e];if(void 0!==t)return t.exports;var n=u[e]={exports:{}};return o[e].call(n.exports,n,n.exports,i),n.exports}i.m=o,t=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},i.t=function(n,r){if(1&r&&(n=this(n)),8&r)return n;if("object"==typeof n&&n){if(4&r&&n.__esModule)return n;if(16&r&&"function"==typeof n.then)return n}var o=Object.create(null);i.r(o);var u={};e=e||[null,t({}),t([]),t(t)];for(var a=2&r&&n;"object"==typeof a&&!~e.indexOf(a);a=t(a))Object.getOwnPropertyNames(a).forEach((function(e){u[e]=function(){return n[e]}}));return u.default=function(){return n},i.d(o,u),o},i.d=function(e,t){for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.f={},i.e=function(e){return Promise.all(Object.keys(i.f).reduce((function(t,n){return i.f[n](e,t),t}),[]))},i.u=function(e){return"js/async/"+e+".chunk.js"},i.miniCssF=function(e){},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n={},r="hdbt:",i.l=function(e,t,o,u){if(n[e])n[e].push(t);else{var a,f;if(void 0!==o)for(var c=document.getElementsByTagName("script"),d=0;d0}function c(){try{return!this.external&&this.url&&new URL(this.url).pathname===window.location.pathname}catch(t){console.warn('Invalid url given to "isCurrentPath"-helper',this.url)}return!1}function u(){return!!this.active}function h(){return!!this.inPath}function p(){return{external:this.attributes["data-external"]||this.external||!1,protocol:this.attributes["data-protocol"]||!1}}function d(){return!!this.attributes?.lang}function m(){return!!this.external&&(m.ICONS[this.attributes["data-protocol"]]||m.ICONS.external)}Array.prototype.findRecursive=function(t,e){if(!e)throw new Error("findRecursive requires parameter `childrenPropertyName`");let n=[];n=this;const r=this.find(t),s=this.filter((t=>t[e]));if(r)return r;if(s.length){const n=[];return s.forEach((t=>{n.push(...t[e])})),n.findRecursive(t,e)}},m.ICONS={mailto:{class:"link__type link__type--mailto",text:Drupal.t("Link opens default mail program",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link opens default mail program."})},tel:{class:"link__type link__type--tel",text:Drupal.t("Link starts a phone call",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link starts a phone call."})},external:{class:"link__type link__type--external",text:Drupal.t("Link leads to external service",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link leads to an external service."})}};const f={compileTemplates(){this.templates={panel:`\n {{#panels}}\n
\n
\n {{#back}}\n \n {{/back}}\n {{name}}{{#externalLinkIcon}} {{/externalLinkIcon}}\n {{>sub_tree}}\n
\n ${document.querySelector(".js-mmenu__footer")?.outerHTML}\n
\n {{/panels}}\n\n {{^panels}}\n
\n \n
\n {{/panels}}\n `,list:'\n \n '}},menu:null,templates:null,SCROLL_TRESHOLD:100,size:10,running:!1,data:null,currentIndex:0,cacheKey:"hdbt-mobile-menu",enableCache:!1,selectors:{container:"#mmenu",rootId:"mmenu__panels",forward:"mmenu__forward",back:"mmenu__back"},getAPIUrl(){const t=new URL(drupalSettings?.helfi_navigation?.links?.api);return t.searchParams.set("_format","json"),t.searchParams.set("max-depth",drupalSettings?.menu_depth),t.toString()},getRoot(){return document.getElementById(this.selectors.rootId)},sortPanelsByPath(){const t=[],e=this.data,n=e.findRecursive((t=>c.call(t)),"sub_tree");let r=n?.sub_tree?.length?n.id:n?.parentId;for(;r;){e.findRecursive((({id:e,url:n,name:s,sub_tree:i,parentId:a,inPath:o,active:l})=>e===r&&(t.push({sub_tree:i,name:s,url:n,parentId:a,inPath:o,active:l}),r=a,!0)),"sub_tree")||(r=void 0)}t.push({sub_tree:e,inPath:!0}),t.reverse(),this.currentIndex=t.length-1,this.content=[...t]},content:[],getView(t){return this.content.map(((e,n)=>({...e,name:e?.name||i,url:e.url||drupalSettings.helfi_navigation.links.canonical,button:l,isActive:u,isInPath:h,externalLinkAttributes:p,hasLang:d,externalLinkIcon:m,back:n>0&&(this.content.at(n-1)?.name??i),openSubMenuTranslation:a,openParentMenuTranslation:o,panel_class:s({mmenu__panel:!0,"mmenu__panel--visible":!0,"mmenu__panel--current":n===this.currentIndex,"mmenu__panel--visible-right":"start"===t&&n>this.currentIndex||"up"===t&&n>=this.currentIndex||"down"===t&&n>this.currentIndex+1,"mmenu__panel--visible-left":"up"===t&&ne===t));if(!e)throw new Error(`ID mismatch in menu items${t}`);this.currentIndex=this.currentIndex+1=0?this.currentIndex-1:this.currentIndex,this.render("down"))},render(t){const e=this.getRoot();if(e.innerHTML=r.render(this.templates.panel,{panels:this.getView(t)},{sub_tree:this.templates.list}),"load"===t)return;const n=[...e.querySelectorAll(".mmenu__panel")],s=n.at(this.currentIndex);e.parentElement.scrollTop>this.SCROLL_TRESHOLD&&this.currentIndex>0&&s.querySelector(".mmenu__back").scrollIntoView({block:"start",behaviour:"smooth"}),setTimeout((()=>{switch(s.classList.remove("mmenu__panel--visible-right","mmenu__panel--visible-left"),t){case"up":n.at(this.currentIndex-1).classList.add("mmenu__panel--visible-left");break;case"down":n.at(this.currentIndex+1).classList.add("mmenu__panel--visible-right")}setTimeout((()=>{n.forEach((t=>{t.classList.contains("mmenu__panel--current")||(t.style.visibility="hidden")}))}),200)}),10)},async load(){const t=await fetch(this.getAPIUrl()),e=await t.json(),n=Object.getOwnPropertyNames(e);if(!n.length)throw new Error("No instances found in data",e);const r=n.map((t=>{const n=e[t].menu_tree[0];return n.parentId="",n})),s=r.findRecursive((t=>c.call(t)),"sub_tree");s&&(s.active=!0,s.inPath=!0);let i=s?.parentId;for(;i;){r.findRecursive((t=>t.id===i&&(i=t.parentId,t.inPath=!0,!0)),"sub_tree")||(i=void 0)}this.data=r},async start(){const t=document.querySelector(this.selectors.container);if(!this.getRoot()||!t)throw new Error("Panel root not found");t.classList.add("mmenu--visible"),this.render("load");try{await this.load()}catch(t){return console.error("Unable to load menu data, using mock menu for development purposes. Reset to nojs-fallback when integrating with actual API",t),void this.enableFallback()}this.sortPanelsByPath(),this.render("start"),this.getRoot().addEventListener("click",(t=>{const{target:{classList:e,value:n,parentElement:r}}=t;t.stopImmediatePropagation(),e&&e.contains(this.selectors.forward)?this.up(n):(e&&e.contains(this.selectors.back)||r?.classList&&r?.classList.contains(this.selectors.back))&&this.down()}))},isOpen(){return"#menu"===window.location.hash||"true"===this.toggleButton.getAttribute("aria-expanded")},disableFallback(){this.menu.dataset.js=!0},enableFallback(){this.menu.dataset.target="false",this.getRoot().innerHTML="",delete this.menu.dataset.js,window.location.hash="#menu"},close(){this.toggleButton.setAttribute("aria-expanded","false"),this.menu.dataset.target="false",this.onClose&&this.onClose()},open(){this.menu.dataset.target="true",this.toggleButton.setAttribute("aria-expanded","true"),this.onOpen&&this.onOpen()},toggle(){this.isOpen()?this.close():this.open(),this.toggleButton.focus()},init({onOpen:t,onClose:e}){this.running?console.warn("MobilePanel already initiated. Is it include more than once?"):(this.onOpen=t,this.onClose=e,document.addEventListener("DOMContentLoaded",(()=>{if(this.toggleButton=document.querySelector(".js-menu-toggle-button"),!this.toggleButton)throw new Error("No toggle button for JS menu.");if(this.menu=document.querySelector("#menu"),!this.menu)return void console.error("Panel not present in DOM. Cannot start JS mobile menu");this.disableFallback(),document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.toggleButton.focus())}));const t=()=>{this.compileTemplates(),this.toggleButton.removeEventListener("click",t),this.start()};this.toggleButton.addEventListener("click",t),this.toggleButton.addEventListener("click",(()=>this.toggle())),this.isOpen()&&(window.location.hash="",t(),this.open())})),this.running=!0)}};t.exports=f},351:function(t){class e{constructor(){this.HASH_ID=null,this.buttonSelector=null,this.buttonInstance=null,this.running=!1,this.targetNode=null,this.onOpen=null}isOpen(){return window.location.hash===this.HASH_ID||"true"===this.targetNode.dataset.target}close(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","false"),this.targetNode.dataset.target="false",this.onClose&&this.onClose())}open(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","true"),this.targetNode.dataset.target="true",this.onOpen&&this.onOpen())}toggle(){this.isOpen()?this.close():this.open(),this.buttonInstance.focus()}addListeners(){document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.buttonInstance.focus())})),this.buttonInstance.addEventListener("click",(()=>{this.toggle()}))}init({name:t,buttonSelector:e,targetSelector:n,onOpen:r,onClose:s}){if(this.name=t,this.buttonSelector=e,this.buttonInstance=document.querySelector(this.buttonSelector),!this.buttonInstance)return this.running=!1,void console.warn(`${t} button missing. Looking for ${this.buttonSelector}`);this.running?console.warn(`${t} already initiated. Is it included more than once?`):(this.HASH_ID=n,this.onOpen=r,this.onClose=s,document.addEventListener("DOMContentLoaded",(()=>{if(this.targetNode=document.querySelector(this.HASH_ID),!this.targetNode)throw new Error(`${t} target node missing. Looking for ${this.HASH_ID}`);this.targetNode.dataset.js=!0,this.addListeners()})),this.running=!0)}}t.exports=()=>new e},996:function(t){const e=["#chat-leijuke-wrapper",".si-toggle-container",".cx-theme-helsinki-blue","#smartti-wrapper",".aca--button--desktop, .aca--button--mobile, .aca--widget--mobile, .aca--widget--desktop, #aca--widget-button-close","#block-kuurahealthchat","#ed11y-panel","#sliding-popup"],n=()=>{document.querySelectorAll(e.join(",")).forEach((t=>{t.dataset.cssmenuHide=!0}))},r=()=>{document.querySelectorAll(e.join(",")).forEach((t=>{delete t.dataset.cssmenuHide}))};t.exports={setHide:t=>{(!0===t?n:r)()},close:n,open:r,HIDE_SELECTORS:e}},184:function(t,e){var n;!function(){"use strict";var r={}.hasOwnProperty;function s(){for(var t=[],e=0;e":">",'"':""","'":"'","/":"/","`":"`","=":"="};function p(t){return String(t).replace(/[&<>"'`=\/]/g,(function(t){return h[t]}))}var d=/\s*/,m=/\s+/,f=/\s*=/,g=/\s*\}/,v=/#|\^|\/|>|\{|&|=|!/;function b(t,n){if(!t)return[];var r,i,a,o=!1,l=[],c=[],h=[],p=!1,b=!1,k="",y=0;function L(){if(p&&!b)for(;h.length;)delete c[h.pop()];else h=[];p=!1,b=!1}function S(t){if("string"==typeof t&&(t=t.split(m,2)),!e(t)||2!==t.length)throw new Error("Invalid tags: "+t);r=new RegExp(s(t[0])+"\\s*"),i=new RegExp("\\s*"+s(t[1])),a=new RegExp("\\s*"+s("}"+t[1]))}S(n||I.tags);for(var E,O,C,A,P,T,j=new _(t);!j.eos();){if(E=j.pos,C=j.scanUntil(r))for(var R=0,D=C.length;R0?s[s.length-1][4]:n;break;default:r.push(e)}return n}function _(t){this.string=t,this.tail=t,this.pos=0}function k(t,e){this.view=t,this.cache={".":this.view},this.parent=e}function y(){this.templateCache={_cache:{},set:function(t,e){this._cache[t]=e},get:function(t){return this._cache[t]},clear:function(){this._cache={}}}}_.prototype.eos=function(){return""===this.tail},_.prototype.scan=function(t){var e=this.tail.match(t);if(!e||0!==e.index)return"";var n=e[0];return this.tail=this.tail.substring(n.length),this.pos+=n.length,n},_.prototype.scanUntil=function(t){var e,n=this.tail.search(t);switch(n){case-1:e=this.tail,this.tail="";break;case 0:e="";break;default:e=this.tail.substring(0,n),this.tail=this.tail.substring(n)}return this.pos+=e.length,e},k.prototype.push=function(t){return new k(t,this)},k.prototype.lookup=function(t){var e,r=this.cache;if(r.hasOwnProperty(t))e=r[t];else{for(var s,o,l,c=this,u=!1;c;){if(t.indexOf(".")>0)for(s=c.view,o=t.split("."),l=0;null!=s&&l"===a?o=this.renderPartial(i,e,n,s):"&"===a?o=this.unescapedValue(i,e):"name"===a?o=this.escapedValue(i,e,s):"text"===a&&(o=this.rawValue(i)),void 0!==o&&(l+=o);return l},y.prototype.renderSection=function(t,r,s,i,a){var o=this,l="",c=r.lookup(t[1]);function u(t){return o.render(t,r,s,a)}if(c){if(e(c))for(var h=0,p=c.length;h0||!n)&&(s[i]=r+s[i]);return s.join("\n")},y.prototype.renderPartial=function(t,e,r,s){if(r){var i=this.getConfigTags(s),a=n(r)?r(t[1]):r[t[1]];if(null!=a){var o=t[6],l=t[5],c=t[4],u=a;0==l&&c&&(u=this.indentPartial(a,c,o));var h=this.parse(u,i);return this.renderTokens(h,e,r,u,s)}}},y.prototype.unescapedValue=function(t,e){var n=e.lookup(t[1]);if(null!=n)return n},y.prototype.escapedValue=function(t,e,n){var r=this.getConfigEscape(n)||I.escape,s=e.lookup(t[1]);if(null!=s)return"number"==typeof s&&r===I.escape?String(s):r(s)},y.prototype.rawValue=function(t){return t[1]},y.prototype.getConfigTags=function(t){return e(t)?t:t&&"object"==typeof t?t.tags:void 0},y.prototype.getConfigEscape=function(t){return t&&"object"==typeof t&&!e(t)?t.escape:void 0};var I={name:"mustache.js",version:"4.2.0",tags:["{{","}}"],clearCache:void 0,escape:void 0,parse:void 0,render:void 0,Scanner:void 0,Context:void 0,Writer:void 0,set templateCache(t){L.templateCache=t},get templateCache(){return L.templateCache}},L=new y;return I.clearCache=function(){return L.clearCache()},I.parse=function(t,e){return L.parse(t,e)},I.render=function(t,e,n,s){if("string"!=typeof t)throw new TypeError('Invalid template! Template should be a "string" but "'+r(t)+'" was given as the first argument for mustache#render(template, view, partials)');return L.render(t,e,n,s)},I.escape=p,I.Scanner=_,I.Context=k,I.Writer=y,I}()}},e={};function n(r){var s=e[r];if(void 0!==s)return s.exports;var i=e[r]={exports:{}};return t[r].call(i.exports,i,i.exports,n),i.exports}!function(){const t=n(504),e=n(996),r=n(351);const s=r(),i=r();i.init({name:"Other languages dropdown",buttonSelector:".js-otherlangs-button",targetSelector:"#otherlangs",onOpen:()=>{t.close(),s.close(),e.close()},onClose:e.open}),s.init({name:"Search dropdown",buttonSelector:".js-header-search__button",targetSelector:"#search",onOpen:()=>{t.close(),i.close(),e.close(),window.setTimeout((()=>document.querySelector('.header-search-wrapper input[type="search"]')?.focus()),10)},onClose:e.open});const a=({target:n})=>{(n.closest(".desktop-menu, .header-top")||null===n.closest(".header"))&&(t.close(),i.close(),s.close(),e.open())},o=e=>{if(e.touches&&e.touches.length>1)return!0;const n=e.target.closest(".mmenu__panel--current");var r;return window.matchMedia("(max-width: 992px)").matches&&(t.isOpen()||s.isOpen()||i.isOpen())&&(null===e.target.closest("#nav-toggle-dropdown--menu")||null!==n&&!((r=n).scrollWidth>r.clientWidth||r.scrollHeight>r.clientHeight))?(e.preventDefault(),e.stopPropagation(),!1):void 0};t.init({onOpen:()=>{i.close(),s.close(),e.close()},onClose:e.open}),document.addEventListener("DOMContentLoaded",(()=>{document.addEventListener("click",a);const t=document.querySelector("body");t.addEventListener("wheel",o,{passive:!1}),t.addEventListener("scroll",o,{passive:!1}),t.addEventListener("touchmove",o,{passive:!1})}))}()}(); \ No newline at end of file diff --git a/dist/js/nav-toggle-dropdown.min.js b/dist/js/nav-toggle-dropdown.min.js index d823b5e8e..2b7dd549b 100644 --- a/dist/js/nav-toggle-dropdown.min.js +++ b/dist/js/nav-toggle-dropdown.min.js @@ -1 +1 @@ -!function(){var t={351:function(t){class e{constructor(){this.HASH_ID=null,this.buttonSelector=null,this.buttonInstance=null,this.running=!1,this.targetNode=null,this.onOpen=null}isOpen(){return window.location.hash===this.HASH_ID||"true"===this.targetNode.dataset.target}close(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","false"),this.targetNode.dataset.target="false",this.onClose&&this.onClose())}open(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","true"),this.targetNode.dataset.target="true",this.onOpen&&this.onOpen())}toggle(){this.isOpen()?this.close():this.open(),this.buttonInstance.focus()}addListeners(){document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.buttonInstance.focus())})),this.buttonInstance.addEventListener("click",(()=>{this.toggle()}))}init({name:t,buttonSelector:e,targetSelector:n,onOpen:s,onClose:o}){if(this.name=t,this.buttonSelector=e,this.buttonInstance=document.querySelector(this.buttonSelector),!this.buttonInstance)return this.running=!1,void console.warn(`${t} button missing. Looking for ${this.buttonSelector}`);this.running?console.warn(`${t} already initiated. Is it included more than once?`):(this.HASH_ID=n,this.onOpen=s,this.onClose=o,document.addEventListener("DOMContentLoaded",(()=>{if(this.targetNode=document.querySelector(this.HASH_ID),!this.targetNode)throw new Error(`${t} target node missing. Looking for ${this.HASH_ID}`);this.targetNode.dataset.js=!0,this.addListeners()})),this.running=!0)}}t.exports=()=>new e}},e={};(function n(s){var o=e[s];if(void 0!==o)return o.exports;var i=e[s]={exports:{}};return t[s](i,i.exports,n),i.exports})(351)}(); \ No newline at end of file +!function(){var t={407:function(t){class e{constructor(){this.HASH_ID=null,this.buttonSelector=null,this.buttonInstance=null,this.running=!1,this.targetNode=null,this.onOpen=null}isOpen(){return window.location.hash===this.HASH_ID||"true"===this.targetNode.dataset.target}close(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","false"),this.targetNode.dataset.target="false",this.onClose&&this.onClose())}open(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","true"),this.targetNode.dataset.target="true",this.onOpen&&this.onOpen())}toggle(){this.isOpen()?this.close():this.open(),this.buttonInstance.focus()}addListeners(){document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.buttonInstance.focus())})),this.buttonInstance.addEventListener("click",(()=>{this.toggle()}))}init({name:t,buttonSelector:e,targetSelector:n,onOpen:s,onClose:o}){if(this.name=t,this.buttonSelector=e,this.buttonInstance=document.querySelector(this.buttonSelector),!this.buttonInstance)return this.running=!1,void console.warn(`${t} button missing. Looking for ${this.buttonSelector}`);this.running?console.warn(`${t} already initiated. Is it included more than once?`):(this.HASH_ID=n,this.onOpen=s,this.onClose=o,document.addEventListener("DOMContentLoaded",(()=>{if(this.targetNode=document.querySelector(this.HASH_ID),!this.targetNode)throw new Error(`${t} target node missing. Looking for ${this.HASH_ID}`);this.targetNode.dataset.js=!0,this.addListeners()})),this.running=!0)}}t.exports=()=>new e}},e={};(function n(s){var o=e[s];if(void 0!==o)return o.exports;var i=e[s]={exports:{}};return t[s](i,i.exports,n),i.exports})(407)}(); \ No newline at end of file diff --git a/dist/js/nav-toggle.min.js b/dist/js/nav-toggle.min.js index e5aebfda3..3f06bd0f1 100644 --- a/dist/js/nav-toggle.min.js +++ b/dist/js/nav-toggle.min.js @@ -1 +1 @@ -!function(){var t={699:function(t){const e={};!0===drupalSettings.hdbt.profile_dropdown&&(e.ProfileDropdown="profile"),!0===drupalSettings.hdbt.search_dropdown&&(e.SearchDropdown="search"),!0===drupalSettings.hdbt.otherlangs_dropdown&&(e.OtherLangsDropdown="otherlangs"),t.exports={BRANDING_ELEMENTS:e}},351:function(t){class e{constructor(){this.HASH_ID=null,this.buttonSelector=null,this.buttonInstance=null,this.running=!1,this.targetNode=null,this.onOpen=null}isOpen(){return window.location.hash===this.HASH_ID||"true"===this.targetNode.dataset.target}close(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","false"),this.targetNode.dataset.target="false",this.onClose&&this.onClose())}open(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","true"),this.targetNode.dataset.target="true",this.onOpen&&this.onOpen())}toggle(){this.isOpen()?this.close():this.open(),this.buttonInstance.focus()}addListeners(){document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.buttonInstance.focus())})),this.buttonInstance.addEventListener("click",(()=>{this.toggle()}))}init({name:t,buttonSelector:e,targetSelector:n,onOpen:o,onClose:s}){if(this.name=t,this.buttonSelector=e,this.buttonInstance=document.querySelector(this.buttonSelector),!this.buttonInstance)return this.running=!1,void console.warn(`${t} button missing. Looking for ${this.buttonSelector}`);this.running?console.warn(`${t} already initiated. Is it included more than once?`):(this.HASH_ID=n,this.onOpen=o,this.onClose=s,document.addEventListener("DOMContentLoaded",(()=>{if(this.targetNode=document.querySelector(this.HASH_ID),!this.targetNode)throw new Error(`${t} target node missing. Looking for ${this.HASH_ID}`);this.targetNode.dataset.js=!0,this.addListeners()})),this.running=!0)}}t.exports=()=>new e},996:function(t){const e=["#chat-leijuke-wrapper",".si-toggle-container",".cx-theme-helsinki-blue","#smartti-wrapper",".aca--button--desktop, .aca--button--mobile, .aca--widget--mobile, .aca--widget--desktop, #aca--widget-button-close","#block-kuurahealthchat","#ed11y-panel","#sliding-popup"],n=()=>{document.querySelectorAll(e.join(",")).forEach((t=>{t.dataset.cssmenuHide=!0}))},o=()=>{document.querySelectorAll(e.join(",")).forEach((t=>{delete t.dataset.cssmenuHide}))};t.exports={setHide:t=>{(!0===t?n:o)()},close:n,open:o,HIDE_SELECTORS:e}}},e={};function n(o){var s=e[o];if(void 0!==s)return s.exports;var i=e[o]={exports:{}};return t[o](i,i.exports,n),i.exports}!function(){const t=n(996),e=n(699),o=n(351);const s=e.BRANDING_ELEMENTS,i=Object.keys(s);i.forEach((e=>{const n=s[e];s[e]=o(),s[e].init({name:`${n} dropdown`,buttonSelector:`.js-${n}-button`,targetSelector:`#${n}`,onOpen:()=>{for(let t=0;t{(e.closest(".desktop-menu, .header-top")||null===e.closest(".header"))&&(i.forEach((t=>{s[t].close()})),t.open())},a=t=>{if(t.touches&&t.touches.length>1)return!0;const e=t.target.closest(".mmenu__panel--current");var n;return window.matchMedia("(max-width: 992px)").matches&&(()=>{let t=!1;return i.forEach((e=>{s[e].isOpen()&&(t=!0)})),t})()&&(null===t.target.closest("#nav-toggle-dropdown--menu")||null!==e&&!((n=e).scrollWidth>n.clientWidth||n.scrollHeight>n.clientHeight))?(t.preventDefault(),t.stopPropagation(),!1):void 0};document.addEventListener("DOMContentLoaded",(()=>{document.addEventListener("click",r);const t=document.querySelector("body");t.addEventListener("wheel",a,{passive:!1}),t.addEventListener("scroll",a,{passive:!1}),t.addEventListener("touchmove",a,{passive:!1})}))}()}(); \ No newline at end of file +!function(){var t,e,n,o,r={959:function(t,e,n){const o={};let r={};!0===drupalSettings.hdbt.profile_dropdown&&(o.ProfileDropdown="profile"),!0===drupalSettings.hdbt.search_dropdown&&(o.SearchDropdown="search"),!0===drupalSettings.hdbt.otherlangs_dropdown&&(o.OtherLangsDropdown="otherlangs"),!0===drupalSettings.hdbt.global_menu&&n.e(504).then(n.t.bind(n,504,23)).then((t=>{r=t})),t.exports={BRANDING_ELEMENTS:o,MENU:r}},407:function(t){class e{constructor(){this.HASH_ID=null,this.buttonSelector=null,this.buttonInstance=null,this.running=!1,this.targetNode=null,this.onOpen=null}isOpen(){return window.location.hash===this.HASH_ID||"true"===this.targetNode.dataset.target}close(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","false"),this.targetNode.dataset.target="false",this.onClose&&this.onClose())}open(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","true"),this.targetNode.dataset.target="true",this.onOpen&&this.onOpen())}toggle(){this.isOpen()?this.close():this.open(),this.buttonInstance.focus()}addListeners(){document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.buttonInstance.focus())})),this.buttonInstance.addEventListener("click",(()=>{this.toggle()}))}init({name:t,buttonSelector:e,targetSelector:n,onOpen:o,onClose:r}){if(this.name=t,this.buttonSelector=e,this.buttonInstance=document.querySelector(this.buttonSelector),!this.buttonInstance)return this.running=!1,void console.warn(`${t} button missing. Looking for ${this.buttonSelector}`);this.running?console.warn(`${t} already initiated. Is it included more than once?`):(this.HASH_ID=n,this.onOpen=o,this.onClose=r,document.addEventListener("DOMContentLoaded",(()=>{if(this.targetNode=document.querySelector(this.HASH_ID),!this.targetNode)throw new Error(`${t} target node missing. Looking for ${this.HASH_ID}`);this.targetNode.dataset.js=!0,this.addListeners()})),this.running=!0)}}t.exports=()=>new e},609:function(t){const e=["#chat-leijuke-wrapper",".si-toggle-container",".cx-theme-helsinki-blue","#smartti-wrapper",".aca--button--desktop, .aca--button--mobile, .aca--widget--mobile, .aca--widget--desktop, #aca--widget-button-close","#block-kuurahealthchat","#ed11y-panel","#sliding-popup"],n=()=>{document.querySelectorAll(e.join(",")).forEach((t=>{t.dataset.cssmenuHide=!0}))},o=()=>{document.querySelectorAll(e.join(",")).forEach((t=>{delete t.dataset.cssmenuHide}))};t.exports={setHide:t=>{(!0===t?n:o)()},close:n,open:o,HIDE_SELECTORS:e}}},i={};function s(t){var e=i[t];if(void 0!==e)return e.exports;var n=i[t]={exports:{}};return r[t].call(n.exports,n,n.exports,s),n.exports}s.m=r,e=Object.getPrototypeOf?function(t){return Object.getPrototypeOf(t)}:function(t){return t.__proto__},s.t=function(n,o){if(1&o&&(n=this(n)),8&o)return n;if("object"==typeof n&&n){if(4&o&&n.__esModule)return n;if(16&o&&"function"==typeof n.then)return n}var r=Object.create(null);s.r(r);var i={};t=t||[null,e({}),e([]),e(e)];for(var a=2&o&&n;"object"==typeof a&&!~t.indexOf(a);a=e(a))Object.getOwnPropertyNames(a).forEach((function(t){i[t]=function(){return n[t]}}));return i.default=function(){return n},s.d(r,i),r},s.d=function(t,e){for(var n in e)s.o(e,n)&&!s.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},s.f={},s.e=function(t){return Promise.all(Object.keys(s.f).reduce((function(e,n){return s.f[n](t,e),e}),[]))},s.u=function(t){return"js/async/"+t+".chunk.js"},s.miniCssF=function(t){},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n={},o="hdbt:",s.l=function(t,e,r,i){if(n[t])n[t].push(e);else{var a,c;if(void 0!==r)for(var u=document.getElementsByTagName("script"),l=0;l{const i=r[t];r[t]=n(),r[t].init({name:`${i} dropdown`,buttonSelector:`.js-${i}-button`,targetSelector:`#${i}`,onOpen:()=>{for(let t=0;t{i.forEach((t=>{r[t].close()})),e.close()},onClose:e.open});const a=({target:t})=>{(t.closest(".desktop-menu, .header-top")||null===t.closest(".header"))&&(i.forEach((t=>{r[t].close()})),0!==Object.keys(o).length&&o.close(),e.open())},c=t=>{if(t.touches&&t.touches.length>1)return!0;const e=t.target.closest(".mmenu__panel--current");var n;return window.matchMedia("(max-width: 992px)").matches&&(()=>{let t=!1;return i.forEach((e=>{r[e].isOpen()&&(t=!0)})),0!==Object.keys(o).length&&o.isOpen()&&(t=!0),t})()&&(null===t.target.closest("#nav-toggle-dropdown--menu")||null!==e&&!((n=e).scrollWidth>n.clientWidth||n.scrollHeight>n.clientHeight))?(t.preventDefault(),t.stopPropagation(),!1):void 0};document.addEventListener("DOMContentLoaded",(()=>{document.addEventListener("click",a);const t=document.querySelector("body");t.addEventListener("wheel",c,{passive:!1}),t.addEventListener("scroll",c,{passive:!1}),t.addEventListener("touchmove",c,{passive:!1})}))}()}(); \ No newline at end of file diff --git a/dist/js/toggle-widgets.min.js b/dist/js/toggle-widgets.min.js index 613369cfd..f665c9d8a 100644 --- a/dist/js/toggle-widgets.min.js +++ b/dist/js/toggle-widgets.min.js @@ -1 +1 @@ -!function(){var e={996:function(e){const t=["#chat-leijuke-wrapper",".si-toggle-container",".cx-theme-helsinki-blue","#smartti-wrapper",".aca--button--desktop, .aca--button--mobile, .aca--widget--mobile, .aca--widget--desktop, #aca--widget-button-close","#block-kuurahealthchat","#ed11y-panel","#sliding-popup"],o=()=>{document.querySelectorAll(t.join(",")).forEach((e=>{e.dataset.cssmenuHide=!0}))},a=()=>{document.querySelectorAll(t.join(",")).forEach((e=>{delete e.dataset.cssmenuHide}))};e.exports={setHide:e=>{(!0===e?o:a)()},close:o,open:a,HIDE_SELECTORS:t}}},t={};(function o(a){var r=t[a];if(void 0!==r)return r.exports;var c=t[a]={exports:{}};return e[a](c,c.exports,o),c.exports})(996)}(); \ No newline at end of file +!function(){var e={609:function(e){const t=["#chat-leijuke-wrapper",".si-toggle-container",".cx-theme-helsinki-blue","#smartti-wrapper",".aca--button--desktop, .aca--button--mobile, .aca--widget--mobile, .aca--widget--desktop, #aca--widget-button-close","#block-kuurahealthchat","#ed11y-panel","#sliding-popup"],o=()=>{document.querySelectorAll(t.join(",")).forEach((e=>{e.dataset.cssmenuHide=!0}))},a=()=>{document.querySelectorAll(t.join(",")).forEach((e=>{delete e.dataset.cssmenuHide}))};e.exports={setHide:e=>{(!0===e?o:a)()},close:o,open:a,HIDE_SELECTORS:t}}},t={};(function o(a){var r=t[a];if(void 0!==r)return r.exports;var c=t[a]={exports:{}};return e[a](c,c.exports,o),c.exports})(609)}(); \ No newline at end of file diff --git a/hdbt.theme b/hdbt.theme index 8d0a4861e..aec77afbe 100644 --- a/hdbt.theme +++ b/hdbt.theme @@ -38,6 +38,12 @@ function hdbt_preprocess(&$variables, $hook) { // Toggle between global and local navigation in twig templates. $variables['use_global_navigation'] = \Drupal::moduleHandler() ->moduleExists('helfi_navigation'); + $variables['#attached']['drupalSettings']['hdbt']['global_menu'] = \Drupal::moduleHandler() + ->moduleExists('helfi_navigation'); + + // TODO: This needs to be independent block as well. + $variables['#attached']['drupalSettings']['hdbt']['search_dropdown'] = \Drupal::moduleHandler() + ->moduleExists('helfi_navigation'); // Apply override for the theme color. if (!empty($theme_color = hdbt_get_theme_color_override())) { @@ -634,6 +640,12 @@ function hdbt_preprocess_block(&$variables) { if ($variables['plugin_id'] == 'announcements') { $variables['#attached']['library'][] = 'hdbt/closable_announcements'; } + + if ($variables['plugin_id'] == 'external_menu_block:header-language-links') { + $variables['#attached']['drupalSettings']['hdbt']['otherlangs_dropdown'] = true; + $variables['#attached']['library'][] = 'hdbt/nav-toggle'; + } + // Attach "nav_toggle" library to "profile" block. if ($variables['plugin_id'] == 'profile_block') { $variables['#attached']['drupalSettings']['hdbt']['profile_dropdown'] = true; diff --git a/src/js/nav-global.js b/src/js/nav-global.js index c222d6a1d..9ea157449 100644 --- a/src/js/nav-global.js +++ b/src/js/nav-global.js @@ -1,112 +1,96 @@ -const MenuDropdown = require('./nav-global/menu'); -const ToggleWidgets = require('./nav-global/toggle-widgets'); -const NavToggleDropdown = require('./nav-global/nav-toggle-dropdown'); - -function isScrollable(element) { - return element.scrollWidth > element.clientWidth || element.scrollHeight > element.clientHeight; -} - -const isMobile = () => window.matchMedia('(max-width: 992px)').matches; -/** - * Init Menus and bind them together so that only one menu is open at a time. - */ -const SearchDropdown = NavToggleDropdown(); - -const OtherLangsDropdown = NavToggleDropdown(); - -OtherLangsDropdown.init({ - name: 'Other languages dropdown', - buttonSelector: '.js-otherlangs-button', - targetSelector: '#otherlangs', - onOpen: () => { - MenuDropdown.close(); - SearchDropdown.close(); - ToggleWidgets.close(); - }, - onClose: ToggleWidgets.open -}); - -SearchDropdown.init({ - name: 'Search dropdown', - buttonSelector: '.js-header-search__button', - targetSelector: '#search', - onOpen: () => { - MenuDropdown.close(); - OtherLangsDropdown.close(); - ToggleWidgets.close(); - window.setTimeout(() => document.querySelector('.header-search-wrapper input[type="search"]')?.focus(), 10); // Delay focus until element is focusable - }, - onClose: ToggleWidgets.open -}); - -const closeFromOutside = ({ target }) => { - if (target.closest('.desktop-menu, .header-top') || target.closest('.header') === null) { - MenuDropdown.close(); - OtherLangsDropdown.close(); - SearchDropdown.close(); - ToggleWidgets.open(); - } -}; - -/** - * See if menu instance is open - * - * @return boolean - */ - -const isAnyMenuOpen = () => MenuDropdown.isOpen() || SearchDropdown.isOpen() || OtherLangsDropdown.isOpen(); - -/** - * Blocks body scroll events when full screen menus are open. - * @param Event - * @return void - */ - -const blockBrandingScroll = (e) => { - // gesture actions are excluded - if (e.touches && e.touches.length >1) { - return true; - } - - const scrolledPanel = e.target.closest('.mmenu__panel--current'); - const preventBodyScrolling = - isMobile() && - isAnyMenuOpen() && - // Don't scroll body from shared header - (e.target.closest('#nav-toggle-dropdown--menu') === null || - // If element has no overflow, it has no overscroll containment. - // See overscroll-behavour CSS specs - (scrolledPanel !== null && !isScrollable(scrolledPanel))); - - if (preventBodyScrolling) { - e.preventDefault(); - e.stopPropagation(); - return false; - } -}; - -/** - * Attach outside click listener to the whole branding navigation area - * so that OtherLangs Menu and Mega menu - * can be closed when clicking outside of branding navi block - */ - -MenuDropdown.init({ - onOpen: () => { - OtherLangsDropdown.close(); - SearchDropdown.close(); - ToggleWidgets.close(); - }, - onClose: ToggleWidgets.open -}); - -document.addEventListener('DOMContentLoaded', () => { - document.addEventListener('click', closeFromOutside); - - // Prevent body scroll through shared header element when full screen menu is open. - const body = document.querySelector('body'); - body.addEventListener('wheel', blockBrandingScroll, { passive: false }); - body.addEventListener('scroll', blockBrandingScroll, { passive: false }); - body.addEventListener('touchmove', blockBrandingScroll, { passive: false }); - -}); +// const MenuDropdown = require('./nav-global/menu'); +// const ToggleWidgets = require('./nav-toggle/toggle-widgets'); +// const NavToggleDropdown = require('./nav-toggle/nav-toggle-dropdown'); +// +// function isScrollable(element) { +// return element.scrollWidth > element.clientWidth || element.scrollHeight > element.clientHeight; +// } +// +// const isMobile = () => window.matchMedia('(max-width: 992px)').matches; +// +// /** +// * Init Menus and bind them together so that only one menu is open at a time. +// */ +// const SearchDropdown = NavToggleDropdown(); +// +// SearchDropdown.init({ +// name: 'Search dropdown', +// buttonSelector: '.js-search-button', +// targetSelector: '#search', +// onOpen: () => { +// MenuDropdown.close(); +// ToggleWidgets.close(); +// window.setTimeout(() => document.querySelector('.header-search-wrapper input[type="search"]')?.focus(), 10); // Delay focus until element is focusable +// }, +// onClose: ToggleWidgets.open +// }); +// +// const closeFromOutside = ({ target }) => { +// if (target.closest('.desktop-menu, .header-top') || target.closest('.header') === null) { +// MenuDropdown.close(); +// SearchDropdown.close(); +// ToggleWidgets.open(); +// } +// }; +// +// /** +// * See if menu instance is open +// * +// * @return boolean +// */ +// +// const isAnyMenuOpen = () => MenuDropdown.isOpen() || SearchDropdown.isOpen() || OtherLangsDropdown.isOpen(); +// +// /** +// * Blocks body scroll events when full screen menus are open. +// * @param Event +// * @return void +// */ +// +// const blockBrandingScroll = (e) => { +// // gesture actions are excluded +// if (e.touches && e.touches.length >1) { +// return true; +// } +// +// const scrolledPanel = e.target.closest('.mmenu__panel--current'); +// const preventBodyScrolling = +// isMobile() && +// isAnyMenuOpen() && +// // Don't scroll body from shared header +// (e.target.closest('#nav-toggle-dropdown--menu') === null || +// // If element has no overflow, it has no overscroll containment. +// // See overscroll-behavour CSS specs +// (scrolledPanel !== null && !isScrollable(scrolledPanel))); +// +// if (preventBodyScrolling) { +// e.preventDefault(); +// e.stopPropagation(); +// return false; +// } +// }; +// +// /** +// * Attach outside click listener to the whole branding navigation area +// * so that OtherLangs Menu and Mega menu +// * can be closed when clicking outside of branding navi block +// */ +// +// MenuDropdown.init({ +// onOpen: () => { +// SearchDropdown.close(); +// ToggleWidgets.close(); +// }, +// onClose: ToggleWidgets.open +// }); +// +// document.addEventListener('DOMContentLoaded', () => { +// document.addEventListener('click', closeFromOutside); +// +// // Prevent body scroll through shared header element when full screen menu is open. +// const body = document.querySelector('body'); +// body.addEventListener('wheel', blockBrandingScroll, { passive: false }); +// body.addEventListener('scroll', blockBrandingScroll, { passive: false }); +// body.addEventListener('touchmove', blockBrandingScroll, { passive: false }); +// +// }); diff --git a/src/js/nav-toggle.js b/src/js/nav-toggle.js index e9844b334..7a25caee0 100644 --- a/src/js/nav-toggle.js +++ b/src/js/nav-toggle.js @@ -1,6 +1,8 @@ -const ToggleWidgets = require('./nav-global/toggle-widgets'); -const BrandingElements = require('./branding-elements'); -const NavToggleDropdown = require('./nav-global/nav-toggle-dropdown'); +const BrandingElements = require('./nav-toggle/branding-elements'); +const ToggleWidgets = require('./nav-toggle/toggle-widgets'); +const NavToggleDropdown = require('./nav-toggle/nav-toggle-dropdown'); + +const MenuDropdown = BrandingElements.MENU; function isScrollable(element) { return element.scrollWidth > element.clientWidth || element.scrollHeight > element.clientHeight; @@ -28,12 +30,27 @@ keys.forEach((key) => { OtherElements[i][1].close(); } } + if (Object.keys(MenuDropdown).length !== 0) { + MenuDropdown.close(); + } ToggleWidgets.close(); }, onClose: ToggleWidgets.open }); }); +if (Object.keys(MenuDropdown).length !== 0) { + MenuDropdown.init({ + onOpen: () => { + keys.forEach((key) => { + AllElements[key].close(); + }); + ToggleWidgets.close(); + }, + onClose: ToggleWidgets.open + }); +} + /** * See if menu instance is open * @@ -49,6 +66,10 @@ const isAnyMenuOpen = () => { } }); + if (Object.keys(MenuDropdown).length !== 0 && MenuDropdown.isOpen()) { + isOpen = true; + } + return isOpen; }; @@ -57,6 +78,9 @@ const closeFromOutside = ({ target }) => { keys.forEach((key) => { AllElements[key].close(); }); + if (Object.keys(MenuDropdown).length !== 0) { + MenuDropdown.close(); + } ToggleWidgets.open(); } }; diff --git a/src/js/branding-elements.js b/src/js/nav-toggle/branding-elements.js similarity index 67% rename from src/js/branding-elements.js rename to src/js/nav-toggle/branding-elements.js index 69857099f..d755e24eb 100644 --- a/src/js/branding-elements.js +++ b/src/js/nav-toggle/branding-elements.js @@ -1,4 +1,5 @@ const BRANDING_ELEMENTS = {}; +let MENU = {}; if (drupalSettings.hdbt.profile_dropdown === true) { BRANDING_ELEMENTS.ProfileDropdown = 'profile'; @@ -12,6 +13,13 @@ if (drupalSettings.hdbt.otherlangs_dropdown === true) { BRANDING_ELEMENTS.OtherLangsDropdown = 'otherlangs'; } +if (drupalSettings.hdbt.global_menu === true) { + import('../nav-global/menu').then((MenuDropdown)=>{ + MENU = MenuDropdown; + }); +} + module.exports = { - BRANDING_ELEMENTS + BRANDING_ELEMENTS, + MENU }; diff --git a/src/js/nav-global/nav-toggle-dropdown.js b/src/js/nav-toggle/nav-toggle-dropdown.js similarity index 100% rename from src/js/nav-global/nav-toggle-dropdown.js rename to src/js/nav-toggle/nav-toggle-dropdown.js diff --git a/src/js/nav-global/toggle-widgets.js b/src/js/nav-toggle/toggle-widgets.js similarity index 100% rename from src/js/nav-global/toggle-widgets.js rename to src/js/nav-toggle/toggle-widgets.js diff --git a/templates/component/header-search.twig b/templates/component/header-search.twig index 60b86c85a..a7d3a0624 100644 --- a/templates/component/header-search.twig +++ b/templates/component/header-search.twig @@ -4,7 +4,7 @@ modifier_class: 'nav-toggle--search', controls: dropdown_id, anchor_target: '#search', - js_target: 'js-header-search__button', + js_target: 'js-search-button', open_label: 'Search'|t({}, {'context': 'Helfi search button'}), open_screenreader: 'Open search'|t({}, {'context': 'Mobile navigation search open button text for screen readers'}), @@ -27,7 +27,7 @@ } %}