Help
RSS
API
Feed
Maltego
Contact
Domain > breeden.info
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2014-12-24
208.91.197.126
(
ClassC
)
2024-09-15
104.21.90.123
(
ClassC
)
Port 80
HTTP/1.1 301 Moved PermanentlyDate: Sun, 15 Sep 2024 11:52:20 GMTContent-Type: text/htmlContent-Length: 167Connection: keep-aliveCache-Control: max-age3600Expires: Sun, 15 Sep 2024 12:52:20 GMTLocation: https://breeden.info/Report-To: {endpoints:{url:https:\/\/a.nel.cloudflare.com\/report\/v4?sbuE5c4WNwE%2FyvkvP6pZE18CcRT1PutStAUVJ%2BcUAXn49EiIS4uyYpZ4EbTSOGX0Bh5r9zqLJSWuuvJOOSsxMVJ6%2FuCmd529TmflsPpqmaTAjeNZ7p16%2FnW%2B5P2iHxnI%3D},group:cf-nel,max_age:604800}NEL: {success_fraction:0,report_to:cf-nel,max_age:604800}Server: cloudflareCF-RAY: 8c3868f67c0f5ed3-PDXalt-svc: h3:443; ma86400 html>head>title>301 Moved Permanently/title>/head>body>center>h1>301 Moved Permanently/h1>/center>hr>center>cloudflare/center>/body>/html>
Port 443
HTTP/1.1 200 OKDate: Sun, 15 Sep 2024 11:52:20 GMTContent-Type: text/html; charsetUTF-8Transfer-Encoding: chunkedConnection: keep-aliveCache-Control: no-store, no-cache, must-revalidateExpires: Thu, 19 Nov 1981 08:52:00 GMTPragma: no-cacheSet-Cookie: PHPSESSIDafd233968f532b4cf09f0cd57466cece; path/CF-Cache-Status: DYNAMICReport-To: {endpoints:{url:https:\/\/a.nel.cloudflare.com\/report\/v4?s9niiF%2BeIYc3DzkMBBsvVQ5JIXUi4HbMVJfG7oQ9AU3i9VT5iUGAvWfO57VH3jc4iKRUgnk%2FekozeOqi8aSgoSTtuGmoCqWIew%2FM43kXSQsdSMid91S1B9P3Z0cIKi74%3D},group:cf-nel,max_age:604800}NEL: {success_fraction:0,report_to:cf-nel,max_age:604800}Server: cloudflareCF-RAY: 8c3868f6ddb35ebf-PDXalt-svc: h3:443; ma86400 !DOCTYPE html>!-- saved from url(0109)https://www.union-investment.at/unsere-services/news-berichte/aktuelles/nachrichten/kapitalmarktausblick-2024 -->html langde-AT classhydrated>head> meta http-equivContent-Type contenttext/html; charsetUTF-8> style> @charset UTF-8; :root { --current-background-color: #ffffff } mark { background-color: transparent; color: var(--skin-mark-color, var(--skin-color-accent, #2d9d00)) } .sd-display { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-display, .sd-display--size-3xl { font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-display--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 1024px) { .sd-display--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-display--size-4xl { font-size: var(--sd-font-size-3xl, 2rem); font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } @media (min-width: 1024px) { .sd-display--size-4xl { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-display--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta { font-size: var(--sd-font-size-base, 1rem); font-weight: 400; line-height: var(--sd-line-height-none, 100%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-meta--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-meta--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta--inverted.sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-meta--pipe:after { content: |; margin-left: var(--sd-spacing-1, 0.25rem); margin-right: var(--sd-spacing-1, 0.25rem) } .sd-meta--pipe.sd-meta--size-sm:after { margin-left: var(--sd-spacing-0-5, 0.125rem); margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-leadtext { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-leadtext, .sd-leadtext--size-lg { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-leadtext--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-leadtext--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-paragraph { font-size: var(--sd-font-size-base, 1rem) } .sd-paragraph, .sd-paragraph--size-sm { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-paragraph--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-paragraph--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } mark.sd-mark { background-color: transparent; --tw-text-opacity: 1; color: rgb(var(--sd-color-accent, 45 157 0)/var(--tw-text-opacity)) } .sd-interactive--reset { all: unset; outline: revert } .sd-interactive { cursor: pointer; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)); text-decoration-line: none; transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) } .sd-interactive:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-text-opacity)) } .sd-interactive:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-800, 5 21 48)/var(--tw-text-opacity)) } .sd-interactive:focus-visible { outline-color: rgb(var(--sd-color-primary, 0 53 142)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-interactive--inverted:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-text-opacity)) } .sd-interactive--inverted:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-interactive--inverted:focus-visible { outline-color: rgb(var(--sd-color-white, 255 255 255)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--disabled, .sd-interactivedisabled { cursor: not-allowed; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:hover:not(disabled), .sd-interactivedisabled:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:active:not(disabled), .sd-interactivedisabled:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-table-cell { border-style: solid; border-width: 1px 0; --tw-border-opacity: 1; background-color: transparent; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding: var(--sd-spacing-4, 1rem); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-table-cell--divider { border-right-width: 1px } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after, .sd-table-cell--shadow-top:after { pointer-events: none; position: absolute; --tw-gradient-from: rgb(0 0 0/var(--sd-opacity-10, .1)) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: transparent var(--tw-gradient-to-position); opacity: var(--sd-opacity-0, 0); transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-top:after { height: var(--sd-spacing-2-5, 0.625rem); left: var(--sd-spacing-0, 0); right: var(--sd-spacing-0, 0) } .sd-table-cell--shadow-bottom:before, .sd-table-cell--shadow-top:before { display: block; height: 1px; left: var(--sd-spacing-0, 0); position: absolute; width: 100%; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-bg-opacity)); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after { bottom: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0); width: var(--sd-spacing-2-5, 0.625rem) } .sd-table-cell.sd-table-cell--shadow-active:after { opacity: 100% } .sd-table-cell--shadow-top:after { background-image: linear-gradient(to top, var(--tw-gradient-stops)); top: -10px } .sd-table-cell--shadow-top:before { bottom: -1px } .sd-table-cell--shadow-bottom:after { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); bottom: -10px } .sd-table-cell--shadow-bottom:before { top: -1px } .sd-table-cell--shadow-left:after { background-image: linear-gradient(to left, var(--tw-gradient-stops)); left: -10px } .sd-table-cell--shadow-right:after { background-image: linear-gradient(to right, var(--tw-gradient-stops)); right: -10px } .sd-table-cell--bg-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-table-cell--bg-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-table-cell--bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)) } .sd-table { all: unset; border-collapse: collapse; display: table; --tw-border-spacing-x: var(--sd-spacing-0, 0px); --tw-border-spacing-y: var(--sd-spacing-0, 0px); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) } .sd-table tfoot tr:first-of-type, .sd-table thead tr:first-of-type { position: relative } .sd-headline { display: flex; font-size: var(--sd-font-size-3xl, 2rem); font-weight: 700; gap: var(--sd-spacing-4, 1rem); line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-headline sd-icon { flex-shrink: 0; font-size: 3rem; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline sd-icon { margin-top: var(--sd-spacing-2, 0.5rem) } } .sd-headline--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 640px) { .sd-headline--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-headline--size-3xl sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } @media (min-width: 640px) { .sd-headline--size-3xl sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base, .sd-headline--size-lg, .sd-headline--size-xl { gap: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon, .sd-headline--size-lg sd-icon, .sd-headline--size-xl sd-icon { font-size: 2rem } .sd-headline--size-xl { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } @media (min-width: 640px) { .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } } .sd-headline--size-base, .sd-headline--size-lg { line-height: var(--sd-line-height-normal, 150%) } .sd-headline--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } @media (min-width: 640px) { .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base { font-size: var(--sd-font-size-base, 1rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } .sd-headline--size-base mark { color: inherit } .sd-headline--inverted, .sd-headline--inverted sd-icon { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-headline--inline { display: inline } .sd-headline--inline sd-icon { margin-right: var(--sd-spacing-2, 0.5rem); margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1); vertical-align: middle } .sd-headline--inline.sd-headline--size-base sd-icon, .sd-headline--inline.sd-headline--size-lg sd-icon, .sd-headline--inline.sd-headline--size-xl sd-icon { margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-container { position: relative; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)); padding: var(--sd-spacing-8, 2rem) var(--sd-spacing-10, 2.5rem) } .sd-container--variant-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-container--variant-primary { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-bg-opacity)) } .sd-container--variant-border-neutral-400 { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); border-width: 1px } .sd-container--variant-border-neutral-400, .sd-container--variant-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-container--padding-sm { padding: var(--sd-spacing-4, 1rem) var(--sd-spacing-6, 1.5rem) } .sd-container { --triangle-background: #fff } .sd-container--triangle-bottom:before, .sd-container--triangle-left:before, .sd-container--triangle-right:before, .sd-container--triangle-top:before { border-color: transparent; border-style: solid; border-width: 14px; content: ; display: block; position: absolute } .sd-container--triangle-top:before { border-top-color: var(--triangle-background); left: calc(50% - 14px); top: var(--sd-spacing-0, 0) } .sd-container--triangle-right:before { border-right-color: var(--triangle-background); right: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom:before { border-bottom-color: var(--triangle-background); bottom: var(--sd-spacing-0, 0); left: calc(50% - 14px) } .sd-container--triangle-left:before { border-left-color: var(--triangle-background); left: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { border-color: transparent; border-style: solid; content: ; display: block; position: absolute } .sd-container--triangle-bottom-border:after, .sd-container--triangle-left-border:after, .sd-container--triangle-right-border:after, .sd-container--triangle-top-border:after { border-width: 14px } .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:before { border-width: 15px } .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { top: -1px } .sd-container--triangle-top-border:before { --tw-border-opacity: 1; border-top-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-top-border:after { border-top-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before { right: -1px } .sd-container--triangle-right-border:before { --tw-border-opacity: 1; border-right-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-right-border:after { border-right-color: var(--triangle-background); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before { bottom: -1px } .sd-container--triangle-bottom-border:before { --tw-border-opacity: 1; border-bottom-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-bottom-border:after { border-bottom-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before { left: -1px } .sd-container--triangle-left-border:before { --tw-border-opacity: 1; border-left-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-left-border:after { border-left-color: var(--triangle-background); top: calc(50% - 14px) } .sd-chip { align-items: center; border-radius: var(--sd-border-radius-default, 0.25rem); display: inline-flex; height: var(--sd-spacing-6, 1.5rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-2, 0.5rem); padding-right: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-chip--primary-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-chip--primary-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-300, 200 213 231)/var(--tw-bg-opacity)) } .sd-chip--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-flag { align-items: center; display: inline-flex; height: var(--sd-spacing-8, 2rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-200, 233 233 233)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-3, 0.75rem); padding-right: var(--sd-spacing-3, 0.75rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-flag--neutral-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-500, 174 174 174)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-flag--neutral-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-300, 218 218 218)/var(--tw-bg-opacity)) } .sd-flag--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-list { padding-bottom: var(--sd-spacing-4, 1rem); padding-top: var(--sd-spacing-4, 1rem); text-align: left } .sd-list--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list:is(ol) ol { counter-reset: item } .sd-list:is(ol) li:not(:first-child) { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li { counter-increment: item; display: table } .sd-list:is(ol) li:before { content: counters(item, .) . ; display: table-cell; padding-right: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ol) li li { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li li:before { content: counters(item, .) . } .sd-list:is(ul):not(.sd-list--icon) { list-style-type: •; margin-left: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) li { margin-left: calc(var(--sd-spacing-2, 0.5rem) * -1); padding-left: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ul):not(.sd-list--icon) li:not(:first-child) { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) li li { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) ul { list-style-type: ⬝; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) ul ul { list-style-type: ‐; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list--icon.sd-list--inverted li .sd-list--icon__icon:first-of-type, .sd-list--icon.sd-list--inverted li sd-icon:first-of-type { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list--icon { list-style-type: } .sd-list--icon>li:first-of-type { padding-top: var(--sd-spacing-0, 0) } .sd-list--icon li { line-height: 32px; padding-left: var(--sd-spacing-10, 2.5rem); padding-top: var(--sd-spacing-3, 0.75rem); position: relative } .sd-list--icon li .sd-list--icon__icon:first-of-type, .sd-list--icon li sd-icon:first-of-type { font-size: var(--sd-font-size-3xl, 2rem); left: var(--sd-spacing-0, 0); position: absolute; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } .sd-list--icon.sd-list--horizontal { display: flex } .sd-list--icon.sd-list--horizontal li { display: flex; padding-top: var(--sd-spacing-0, 0) } .sd-list--icon.sd-list--horizontal li:not(:last-child) { margin-right: var(--sd-spacing-8, 2rem) } .sd-copyright { position: relative } .sd-copyright:after { bottom: var(--sd-spacing-0, 0); display: block; font-size: var(--sd-font-size-sm, 0.875rem); left: var(--sd-spacing-0, 0); padding-bottom: var(--sd-spacing-2, 0.5rem); padding-left: var(--sd-spacing-4, 1rem); position: absolute; width: 100%; --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)); content: var(--copyright); text-shadow: 0 1px 3px rgba(81, 81, 81, 0.7490196078) } figure.sd-media { margin: var(--sd-spacing-0, 0) } figure.sd-media figcaption { --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } figure.sd-media figcaption:last-child { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-footnotes { font-size: var(--sd-font-size-sm, 0.875rem); margin-bottom: var(--sd-spacing-0, 0); margin-top: var(--sd-spacing-0, 0); padding: var(--sd-spacing-0, 0); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-footnotes:is(ol) li { counter-increment: list-item; display: flex; gap: var(--sd-spacing-2, 0.5rem) } .sd-footnotes:is(ol) li:before { content: counter(list-item); font-size: 10px; line-height: var(--sd-line-height-normal, 150%); padding-top: 1px; width: var(--sd-spacing-5, 1.25rem) } .sd-footnotes:is(ul) { list-style: } .sd-footnotes--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-scroll-lock { overflow: hidden !important; padding-right: var(--sd-scroll-lock-size) !important } .sd-toast-stack { box-sizing: border-box; max-height: 100%; max-width: 400px; position: fixed; z-index: var(--sd-z-index-alert-group, 950) } .sd-toast-stack--top-right { margin-right: var(--sd-spacing-4, 1rem); right: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0) } .sd-toast-stack--bottom-center { bottom: var(--sd-spacing-0, 0); --tw-translate-x: -50%; inset-inline-start: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .sd-toast-stack sd-notification::part(base) { --tw-shadow: var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, .75)); --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) } .sd-toast-stack sd-notification::part(content) { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-border-opacity)) } *, *::before, *::after { box-sizing: border-box } p { margin: 0 } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } ui-cms-grid { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: calc(100% * var(--grid-column-width, 0.0833333333) * 0.6); row-gap: calc(var(--grid-row-gap, 60) * 1px); margin-bottom: calc(var(--grid-row-gap, 60) * 1px); margin-left: 15px; margin-right: 15px; max-width: 1200px; position: relative } @media (min-width: 768px) { ui-cms-grid { margin-left: 30px; margin-right: 30px } } @media (min-width: 1024px) { ui-cms-grid { margin-left: 35px; margin-right: 35px } } @media (min-width: 1200px) { ui-cms-grid { margin-left: auto; margin-right: auto } } ui-cms-grid>hr { grid-column: span 12; border: 0; border-bottom: 1px solid #c3c3c3; margin: 0 } ui-cms-grid>div { grid-column: span 12 } slot-fb { display: contents } slot-fbhidden { display: none } /style> style> @charset UTF-8; :root { --current-background-color: #ffffff } mark { background-color: transparent; color: var(--skin-mark-color, var(--skin-color-accent, #2d9d00)) } .sd-display { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-display, .sd-display--size-3xl { font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-display--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 1024px) { .sd-display--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-display--size-4xl { font-size: var(--sd-font-size-3xl, 2rem); font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } @media (min-width: 1024px) { .sd-display--size-4xl { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-display--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta { font-size: var(--sd-font-size-base, 1rem); font-weight: 400; line-height: var(--sd-line-height-none, 100%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-meta--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-meta--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta--inverted.sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-meta--pipe:after { content: |; margin-left: var(--sd-spacing-1, 0.25rem); margin-right: var(--sd-spacing-1, 0.25rem) } .sd-meta--pipe.sd-meta--size-sm:after { margin-left: var(--sd-spacing-0-5, 0.125rem); margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-leadtext { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-leadtext, .sd-leadtext--size-lg { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-leadtext--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-leadtext--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-paragraph { font-size: var(--sd-font-size-base, 1rem) } .sd-paragraph, .sd-paragraph--size-sm { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-paragraph--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-paragraph--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } mark.sd-mark { background-color: transparent; --tw-text-opacity: 1; color: rgb(var(--sd-color-accent, 45 157 0)/var(--tw-text-opacity)) } .sd-interactive--reset { all: unset; outline: revert } .sd-interactive { cursor: pointer; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)); text-decoration-line: none; transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) } .sd-interactive:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-text-opacity)) } .sd-interactive:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-800, 5 21 48)/var(--tw-text-opacity)) } .sd-interactive:focus-visible { outline-color: rgb(var(--sd-color-primary, 0 53 142)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-interactive--inverted:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-text-opacity)) } .sd-interactive--inverted:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-interactive--inverted:focus-visible { outline-color: rgb(var(--sd-color-white, 255 255 255)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--disabled, .sd-interactivedisabled { cursor: not-allowed; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:hover:not(disabled), .sd-interactivedisabled:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:active:not(disabled), .sd-interactivedisabled:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-table-cell { border-style: solid; border-width: 1px 0; --tw-border-opacity: 1; background-color: transparent; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding: var(--sd-spacing-4, 1rem); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-table-cell--divider { border-right-width: 1px } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after, .sd-table-cell--shadow-top:after { pointer-events: none; position: absolute; --tw-gradient-from: rgb(0 0 0/var(--sd-opacity-10, .1)) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: transparent var(--tw-gradient-to-position); opacity: var(--sd-opacity-0, 0); transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-top:after { height: var(--sd-spacing-2-5, 0.625rem); left: var(--sd-spacing-0, 0); right: var(--sd-spacing-0, 0) } .sd-table-cell--shadow-bottom:before, .sd-table-cell--shadow-top:before { display: block; height: 1px; left: var(--sd-spacing-0, 0); position: absolute; width: 100%; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-bg-opacity)); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after { bottom: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0); width: var(--sd-spacing-2-5, 0.625rem) } .sd-table-cell.sd-table-cell--shadow-active:after { opacity: 100% } .sd-table-cell--shadow-top:after { background-image: linear-gradient(to top, var(--tw-gradient-stops)); top: -10px } .sd-table-cell--shadow-top:before { bottom: -1px } .sd-table-cell--shadow-bottom:after { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); bottom: -10px } .sd-table-cell--shadow-bottom:before { top: -1px } .sd-table-cell--shadow-left:after { background-image: linear-gradient(to left, var(--tw-gradient-stops)); left: -10px } .sd-table-cell--shadow-right:after { background-image: linear-gradient(to right, var(--tw-gradient-stops)); right: -10px } .sd-table-cell--bg-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-table-cell--bg-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-table-cell--bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)) } .sd-table { all: unset; border-collapse: collapse; display: table; --tw-border-spacing-x: var(--sd-spacing-0, 0px); --tw-border-spacing-y: var(--sd-spacing-0, 0px); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) } .sd-table tfoot tr:first-of-type, .sd-table thead tr:first-of-type { position: relative } .sd-headline { display: flex; font-size: var(--sd-font-size-3xl, 2rem); font-weight: 700; gap: var(--sd-spacing-4, 1rem); line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-headline sd-icon { flex-shrink: 0; font-size: 3rem; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline sd-icon { margin-top: var(--sd-spacing-2, 0.5rem) } } .sd-headline--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 640px) { .sd-headline--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-headline--size-3xl sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } @media (min-width: 640px) { .sd-headline--size-3xl sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base, .sd-headline--size-lg, .sd-headline--size-xl { gap: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon, .sd-headline--size-lg sd-icon, .sd-headline--size-xl sd-icon { font-size: 2rem } .sd-headline--size-xl { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } @media (min-width: 640px) { .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } } .sd-headline--size-base, .sd-headline--size-lg { line-height: var(--sd-line-height-normal, 150%) } .sd-headline--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } @media (min-width: 640px) { .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base { font-size: var(--sd-font-size-base, 1rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } .sd-headline--size-base mark { color: inherit } .sd-headline--inverted, .sd-headline--inverted sd-icon { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-headline--inline { display: inline } .sd-headline--inline sd-icon { margin-right: var(--sd-spacing-2, 0.5rem); margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1); vertical-align: middle } .sd-headline--inline.sd-headline--size-base sd-icon, .sd-headline--inline.sd-headline--size-lg sd-icon, .sd-headline--inline.sd-headline--size-xl sd-icon { margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-container { position: relative; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)); padding: var(--sd-spacing-8, 2rem) var(--sd-spacing-10, 2.5rem) } .sd-container--variant-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-container--variant-primary { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-bg-opacity)) } .sd-container--variant-border-neutral-400 { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); border-width: 1px } .sd-container--variant-border-neutral-400, .sd-container--variant-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-container--padding-sm { padding: var(--sd-spacing-4, 1rem) var(--sd-spacing-6, 1.5rem) } .sd-container { --triangle-background: #fff } .sd-container--triangle-bottom:before, .sd-container--triangle-left:before, .sd-container--triangle-right:before, .sd-container--triangle-top:before { border-color: transparent; border-style: solid; border-width: 14px; content: ; display: block; position: absolute } .sd-container--triangle-top:before { border-top-color: var(--triangle-background); left: calc(50% - 14px); top: var(--sd-spacing-0, 0) } .sd-container--triangle-right:before { border-right-color: var(--triangle-background); right: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom:before { border-bottom-color: var(--triangle-background); bottom: var(--sd-spacing-0, 0); left: calc(50% - 14px) } .sd-container--triangle-left:before { border-left-color: var(--triangle-background); left: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { border-color: transparent; border-style: solid; content: ; display: block; position: absolute } .sd-container--triangle-bottom-border:after, .sd-container--triangle-left-border:after, .sd-container--triangle-right-border:after, .sd-container--triangle-top-border:after { border-width: 14px } .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:before { border-width: 15px } .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { top: -1px } .sd-container--triangle-top-border:before { --tw-border-opacity: 1; border-top-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-top-border:after { border-top-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before { right: -1px } .sd-container--triangle-right-border:before { --tw-border-opacity: 1; border-right-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-right-border:after { border-right-color: var(--triangle-background); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before { bottom: -1px } .sd-container--triangle-bottom-border:before { --tw-border-opacity: 1; border-bottom-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-bottom-border:after { border-bottom-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before { left: -1px } .sd-container--triangle-left-border:before { --tw-border-opacity: 1; border-left-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-left-border:after { border-left-color: var(--triangle-background); top: calc(50% - 14px) } .sd-chip { align-items: center; border-radius: var(--sd-border-radius-default, 0.25rem); display: inline-flex; height: var(--sd-spacing-6, 1.5rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-2, 0.5rem); padding-right: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-chip--primary-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-chip--primary-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-300, 200 213 231)/var(--tw-bg-opacity)) } .sd-chip--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-flag { align-items: center; display: inline-flex; height: var(--sd-spacing-8, 2rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-200, 233 233 233)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-3, 0.75rem); padding-right: var(--sd-spacing-3, 0.75rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-flag--neutral-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-500, 174 174 174)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-flag--neutral-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-300, 218 218 218)/var(--tw-bg-opacity)) } .sd-flag--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-list { padding-bottom: var(--sd-spacing-4, 1rem); padding-top: var(--sd-spacing-4, 1rem); text-align: left } .sd-list--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list:is(ol) ol { counter-reset: item } .sd-list:is(ol) li:not(:first-child) { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li { counter-increment: item; display: table } .sd-list:is(ol) li:before { content: counters(item, .) . ; display: table-cell; padding-right: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ol) li li { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li li:before { content: counters(item, .) . } .sd-list:is(ul):not(.sd-list--icon) { list-style-type: •; margin-left: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) li { margin-left: calc(var(--sd-spacing-2, 0.5rem) * -1); padding-left: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ul):not(.sd-list--icon) li:not(:first-child) { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) li li { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) ul { list-style-type: ⬝; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) ul ul { list-style-type: ‐; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list--icon.sd-list--inverted li .sd-list--icon__icon:first-of-type, .sd-list--icon.sd-list--inverted li sd-icon:first-of-type { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list--icon { list-style-type: } .sd-list--icon>li:first-of-type { padding-top: var(--sd-spacing-0, 0) } .sd-list--icon li { line-height: 32px; padding-left: var(--sd-spacing-10, 2.5rem); padding-top: var(--sd-spacing-3, 0.75rem); position: relative } .sd-list--icon li .sd-list--icon__icon:first-of-type, .sd-list--icon li sd-icon:first-of-type { font-size: var(--sd-font-size-3xl, 2rem); left: var(--sd-spacing-0, 0); position: absolute; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } .sd-list--icon.sd-list--horizontal { display: flex } .sd-list--icon.sd-list--horizontal li { display: flex; padding-top: var(--sd-spacing-0, 0) } .sd-list--icon.sd-list--horizontal li:not(:last-child) { margin-right: var(--sd-spacing-8, 2rem) } .sd-copyright { position: relative } .sd-copyright:after { bottom: var(--sd-spacing-0, 0); display: block; font-size: var(--sd-font-size-sm, 0.875rem); left: var(--sd-spacing-0, 0); padding-bottom: var(--sd-spacing-2, 0.5rem); padding-left: var(--sd-spacing-4, 1rem); position: absolute; width: 100%; --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)); content: var(--copyright); text-shadow: 0 1px 3px rgba(81, 81, 81, 0.7490196078) } figure.sd-media { margin: var(--sd-spacing-0, 0) } figure.sd-media figcaption { --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } figure.sd-media figcaption:last-child { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-footnotes { font-size: var(--sd-font-size-sm, 0.875rem); margin-bottom: var(--sd-spacing-0, 0); margin-top: var(--sd-spacing-0, 0); padding: var(--sd-spacing-0, 0); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-footnotes:is(ol) li { counter-increment: list-item; display: flex; gap: var(--sd-spacing-2, 0.5rem) } .sd-footnotes:is(ol) li:before { content: counter(list-item); font-size: 10px; line-height: var(--sd-line-height-normal, 150%); padding-top: 1px; width: var(--sd-spacing-5, 1.25rem) } .sd-footnotes:is(ul) { list-style: } .sd-footnotes--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-scroll-lock { overflow: hidden !important; padding-right: var(--sd-scroll-lock-size) !important } .sd-toast-stack { box-sizing: border-box; max-height: 100%; max-width: 400px; position: fixed; z-index: var(--sd-z-index-alert-group, 950) } .sd-toast-stack--top-right { margin-right: var(--sd-spacing-4, 1rem); right: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0) } .sd-toast-stack--bottom-center { bottom: var(--sd-spacing-0, 0); --tw-translate-x: -50%; inset-inline-start: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .sd-toast-stack sd-notification::part(base) { --tw-shadow: var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, .75)); --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) } .sd-toast-stack sd-notification::part(content) { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-border-opacity)) } *, *::before, *::after { box-sizing: border-box } p { margin: 0 } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } ui-cms-grid-element { display: block; grid-column: span 12; max-width: 100% } @media (min-width: 768px) { ui-cms-grid-element { grid-column: auto/span var(--grid-element-span, 12) } } ui-cms-grid-element>*:not(ui-cms-anchor):not(ui-fund-portrait) { margin-top: 30px } ui-cms-grid-element>*:first-child:not(ui-cms-sub-layout), ui-cms-grid-element>ui-cms-anchor~:nth-child(2) { margin-top: 0 } @media (min-width: 768px) { ui-cms-grid-elementcentered { grid-column: var(--start-column, 0)/span var(--grid-element-span, 12) } } ui-cms-grid-elementreduced-spacing { margin-bottom: calc(var(--grid-row-gap-reduction, 60) * -1px) } slot-fb { display: contents } slot-fbhidden { display: none } /style> style> @charset UTF-8; :root { --current-background-color: #ffffff } ui-cms-breadcrumb nav { font-family: var(--skin-font-family-primary, Frutiger Neue, Arial, sans-serif); font-weight: 400; font-size: 14px; line-height: 20px } @media (min-width: 768px) { ui-cms-breadcrumb nav { font-size: 14px; line-height: 20px } } @media (min-width: 1024px) { ui-cms-breadcrumb nav { font-size: 14px; line-height: 20px } } ui-cms-breadcrumb nav { font-family: var(--skin-font-family-primary, Frutiger Neue, Arial, sans-serif); font-weight: 400; font-size: 14px; line-height: 20px } @media (min-width: 768px) { ui-cms-breadcrumb nav { font-size: 14px; line-height: 20px } } @media (min-width: 1024px) { ui-cms-breadcrumb nav { font-size: 14px; line-height: 20px } } mark { background-color: transparent; color: var(--skin-mark-color, var(--skin-color-accent, #2d9d00)) } .sd-display { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-display, .sd-display--size-3xl { font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-display--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 1024px) { .sd-display--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-display--size-4xl { font-size: var(--sd-font-size-3xl, 2rem); font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } @media (min-width: 1024px) { .sd-display--size-4xl { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-display--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta { font-size: var(--sd-font-size-base, 1rem); font-weight: 400; line-height: var(--sd-line-height-none, 100%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-meta--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-meta--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta--inverted.sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-meta--pipe:after { content: |; margin-left: var(--sd-spacing-1, 0.25rem); margin-right: var(--sd-spacing-1, 0.25rem) } .sd-meta--pipe.sd-meta--size-sm:after { margin-left: var(--sd-spacing-0-5, 0.125rem); margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-leadtext { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-leadtext, .sd-leadtext--size-lg { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-leadtext--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-leadtext--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-paragraph { font-size: var(--sd-font-size-base, 1rem) } .sd-paragraph, .sd-paragraph--size-sm { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-paragraph--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-paragraph--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } mark.sd-mark { background-color: transparent; --tw-text-opacity: 1; color: rgb(var(--sd-color-accent, 45 157 0)/var(--tw-text-opacity)) } .sd-interactive--reset { all: unset; outline: revert } .sd-interactive { cursor: pointer; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)); text-decoration-line: none; transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) } .sd-interactive:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-text-opacity)) } .sd-interactive:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-800, 5 21 48)/var(--tw-text-opacity)) } .sd-interactive:focus-visible { outline-color: rgb(var(--sd-color-primary, 0 53 142)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-interactive--inverted:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-text-opacity)) } .sd-interactive--inverted:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-interactive--inverted:focus-visible { outline-color: rgb(var(--sd-color-white, 255 255 255)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--disabled, .sd-interactivedisabled { cursor: not-allowed; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:hover:not(disabled), .sd-interactivedisabled:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:active:not(disabled), .sd-interactivedisabled:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-table-cell { border-style: solid; border-width: 1px 0; --tw-border-opacity: 1; background-color: transparent; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding: var(--sd-spacing-4, 1rem); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-table-cell--divider { border-right-width: 1px } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after, .sd-table-cell--shadow-top:after { pointer-events: none; position: absolute; --tw-gradient-from: rgb(0 0 0/var(--sd-opacity-10, .1)) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: transparent var(--tw-gradient-to-position); opacity: var(--sd-opacity-0, 0); transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-top:after { height: var(--sd-spacing-2-5, 0.625rem); left: var(--sd-spacing-0, 0); right: var(--sd-spacing-0, 0) } .sd-table-cell--shadow-bottom:before, .sd-table-cell--shadow-top:before { display: block; height: 1px; left: var(--sd-spacing-0, 0); position: absolute; width: 100%; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-bg-opacity)); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after { bottom: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0); width: var(--sd-spacing-2-5, 0.625rem) } .sd-table-cell.sd-table-cell--shadow-active:after { opacity: 100% } .sd-table-cell--shadow-top:after { background-image: linear-gradient(to top, var(--tw-gradient-stops)); top: -10px } .sd-table-cell--shadow-top:before { bottom: -1px } .sd-table-cell--shadow-bottom:after { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); bottom: -10px } .sd-table-cell--shadow-bottom:before { top: -1px } .sd-table-cell--shadow-left:after { background-image: linear-gradient(to left, var(--tw-gradient-stops)); left: -10px } .sd-table-cell--shadow-right:after { background-image: linear-gradient(to right, var(--tw-gradient-stops)); right: -10px } .sd-table-cell--bg-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-table-cell--bg-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-table-cell--bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)) } .sd-table { all: unset; border-collapse: collapse; display: table; --tw-border-spacing-x: var(--sd-spacing-0, 0px); --tw-border-spacing-y: var(--sd-spacing-0, 0px); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) } .sd-table tfoot tr:first-of-type, .sd-table thead tr:first-of-type { position: relative } .sd-headline { display: flex; font-size: var(--sd-font-size-3xl, 2rem); font-weight: 700; gap: var(--sd-spacing-4, 1rem); line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-headline sd-icon { flex-shrink: 0; font-size: 3rem; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline sd-icon { margin-top: var(--sd-spacing-2, 0.5rem) } } .sd-headline--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 640px) { .sd-headline--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-headline--size-3xl sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } @media (min-width: 640px) { .sd-headline--size-3xl sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base, .sd-headline--size-lg, .sd-headline--size-xl { gap: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon, .sd-headline--size-lg sd-icon, .sd-headline--size-xl sd-icon { font-size: 2rem } .sd-headline--size-xl { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } @media (min-width: 640px) { .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } } .sd-headline--size-base, .sd-headline--size-lg { line-height: var(--sd-line-height-normal, 150%) } .sd-headline--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } @media (min-width: 640px) { .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base { font-size: var(--sd-font-size-base, 1rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } .sd-headline--size-base mark { color: inherit } .sd-headline--inverted, .sd-headline--inverted sd-icon { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-headline--inline { display: inline } .sd-headline--inline sd-icon { margin-right: var(--sd-spacing-2, 0.5rem); margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1); vertical-align: middle } .sd-headline--inline.sd-headline--size-base sd-icon, .sd-headline--inline.sd-headline--size-lg sd-icon, .sd-headline--inline.sd-headline--size-xl sd-icon { margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-container { position: relative; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)); padding: var(--sd-spacing-8, 2rem) var(--sd-spacing-10, 2.5rem) } .sd-container--variant-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-container--variant-primary { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-bg-opacity)) } .sd-container--variant-border-neutral-400 { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); border-width: 1px } .sd-container--variant-border-neutral-400, .sd-container--variant-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-container--padding-sm { padding: var(--sd-spacing-4, 1rem) var(--sd-spacing-6, 1.5rem) } .sd-container { --triangle-background: #fff } .sd-container--triangle-bottom:before, .sd-container--triangle-left:before, .sd-container--triangle-right:before, .sd-container--triangle-top:before { border-color: transparent; border-style: solid; border-width: 14px; content: ; display: block; position: absolute } .sd-container--triangle-top:before { border-top-color: var(--triangle-background); left: calc(50% - 14px); top: var(--sd-spacing-0, 0) } .sd-container--triangle-right:before { border-right-color: var(--triangle-background); right: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom:before { border-bottom-color: var(--triangle-background); bottom: var(--sd-spacing-0, 0); left: calc(50% - 14px) } .sd-container--triangle-left:before { border-left-color: var(--triangle-background); left: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { border-color: transparent; border-style: solid; content: ; display: block; position: absolute } .sd-container--triangle-bottom-border:after, .sd-container--triangle-left-border:after, .sd-container--triangle-right-border:after, .sd-container--triangle-top-border:after { border-width: 14px } .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:before { border-width: 15px } .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { top: -1px } .sd-container--triangle-top-border:before { --tw-border-opacity: 1; border-top-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-top-border:after { border-top-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before { right: -1px } .sd-container--triangle-right-border:before { --tw-border-opacity: 1; border-right-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-right-border:after { border-right-color: var(--triangle-background); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before { bottom: -1px } .sd-container--triangle-bottom-border:before { --tw-border-opacity: 1; border-bottom-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-bottom-border:after { border-bottom-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before { left: -1px } .sd-container--triangle-left-border:before { --tw-border-opacity: 1; border-left-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-left-border:after { border-left-color: var(--triangle-background); top: calc(50% - 14px) } .sd-chip { align-items: center; border-radius: var(--sd-border-radius-default, 0.25rem); display: inline-flex; height: var(--sd-spacing-6, 1.5rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-2, 0.5rem); padding-right: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-chip--primary-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-chip--primary-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-300, 200 213 231)/var(--tw-bg-opacity)) } .sd-chip--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-flag { align-items: center; display: inline-flex; height: var(--sd-spacing-8, 2rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-200, 233 233 233)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-3, 0.75rem); padding-right: var(--sd-spacing-3, 0.75rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-flag--neutral-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-500, 174 174 174)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-flag--neutral-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-300, 218 218 218)/var(--tw-bg-opacity)) } .sd-flag--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-list { padding-bottom: var(--sd-spacing-4, 1rem); padding-top: var(--sd-spacing-4, 1rem); text-align: left } .sd-list--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list:is(ol) ol { counter-reset: item } .sd-list:is(ol) li:not(:first-child) { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li { counter-increment: item; display: table } .sd-list:is(ol) li:before { content: counters(item, .) . ; display: table-cell; padding-right: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ol) li li { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li li:before { content: counters(item, .) . } .sd-list:is(ul):not(.sd-list--icon) { list-style-type: •; margin-left: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) li { margin-left: calc(var(--sd-spacing-2, 0.5rem) * -1); padding-left: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ul):not(.sd-list--icon) li:not(:first-child) { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) li li { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) ul { list-style-type: ⬝; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) ul ul { list-style-type: ‐; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list--icon.sd-list--inverted li .sd-list--icon__icon:first-of-type, .sd-list--icon.sd-list--inverted li sd-icon:first-of-type { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list--icon { list-style-type: } .sd-list--icon>li:first-of-type { padding-top: var(--sd-spacing-0, 0) } .sd-list--icon li { line-height: 32px; padding-left: var(--sd-spacing-10, 2.5rem); padding-top: var(--sd-spacing-3, 0.75rem); position: relative } .sd-list--icon li .sd-list--icon__icon:first-of-type, .sd-list--icon li sd-icon:first-of-type { font-size: var(--sd-font-size-3xl, 2rem); left: var(--sd-spacing-0, 0); position: absolute; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } .sd-list--icon.sd-list--horizontal { display: flex } .sd-list--icon.sd-list--horizontal li { display: flex; padding-top: var(--sd-spacing-0, 0) } .sd-list--icon.sd-list--horizontal li:not(:last-child) { margin-right: var(--sd-spacing-8, 2rem) } .sd-copyright { position: relative } .sd-copyright:after { bottom: var(--sd-spacing-0, 0); display: block; font-size: var(--sd-font-size-sm, 0.875rem); left: var(--sd-spacing-0, 0); padding-bottom: var(--sd-spacing-2, 0.5rem); padding-left: var(--sd-spacing-4, 1rem); position: absolute; width: 100%; --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)); content: var(--copyright); text-shadow: 0 1px 3px rgba(81, 81, 81, 0.7490196078) } figure.sd-media { margin: var(--sd-spacing-0, 0) } figure.sd-media figcaption { --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } figure.sd-media figcaption:last-child { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-footnotes { font-size: var(--sd-font-size-sm, 0.875rem); margin-bottom: var(--sd-spacing-0, 0); margin-top: var(--sd-spacing-0, 0); padding: var(--sd-spacing-0, 0); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-footnotes:is(ol) li { counter-increment: list-item; display: flex; gap: var(--sd-spacing-2, 0.5rem) } .sd-footnotes:is(ol) li:before { content: counter(list-item); font-size: 10px; line-height: var(--sd-line-height-normal, 150%); padding-top: 1px; width: var(--sd-spacing-5, 1.25rem) } .sd-footnotes:is(ul) { list-style: } .sd-footnotes--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-scroll-lock { overflow: hidden !important; padding-right: var(--sd-scroll-lock-size) !important } .sd-toast-stack { box-sizing: border-box; max-height: 100%; max-width: 400px; position: fixed; z-index: var(--sd-z-index-alert-group, 950) } .sd-toast-stack--top-right { margin-right: var(--sd-spacing-4, 1rem); right: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0) } .sd-toast-stack--bottom-center { bottom: var(--sd-spacing-0, 0); --tw-translate-x: -50%; inset-inline-start: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .sd-toast-stack sd-notification::part(base) { --tw-shadow: var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, .75)); --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) } .sd-toast-stack sd-notification::part(content) { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-border-opacity)) } *, *::before, *::after { box-sizing: border-box } p { margin: 0 } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } ui-cms-breadcrumb nav { font-family: var(--skin-font-family-primary, Frutiger Neue, Arial, sans-serif); font-weight: 400; font-size: 14px; line-height: 20px } @media (min-width: 768px) { ui-cms-breadcrumb nav { font-size: 14px; line-height: 20px } } @media (min-width: 1024px) { ui-cms-breadcrumb nav { font-size: 14px; line-height: 20px } } ui-cms-breadcrumb { display: block; overflow: auto } @media (min-width: 300px) { ui-cms-breadcrumb nav { float: left } } @media (min-width: 1024px) { ui-cms-breadcrumb nav { width: 66.6667%; float: left } } ui-cms-breadcrumb nav ol { padding: 0; margin: 0; font-family: var(--skin-font-family-primary, Frutiger Neue, Arial, sans-serif); margin-left: -5px; padding-bottom: 8px; padding-top: 4px; } @media (hover: hover) { ui-cms-breadcrumb nav ol { display: grid; grid-auto-flow: column; justify-content: start } ui-cms-breadcrumb nav ol li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } ui-cms-breadcrumb nav ol li:hover { overflow: visible } } @media (hover: none) { ui-cms-breadcrumb nav ol { display: flex; overflow-x: scroll; white-space: nowrap; scrollbar-width: none } ui-cms-breadcrumb nav ol::-webkit-scrollbar { display: none } ui-cms-breadcrumb nav ol li { flex-shrink: 0; white-space: nowrap; max-width: calc(100vw - 30px - 50px); text-overflow: ellipsis; overflow: hidden } } ui-cms-breadcrumb nav ol li { padding: 0; margin: 0; list-style-type: none; display: inline-block; position: relative; padding: 0 3px 0 0; color: #c3c3c3 } ui-cms-breadcrumb nav ol li::before { font-family: UI-IconFont; content: \e638; line-height: 1; font-weight: normal; -webkit-font-smoothing: antialiased; overflow: hidden; font-size: 12px; padding-right: 6px; padding-left: 4px; color: #00358e } class*container--bg ui-cms-breadcrumb nav ol li::before { color: #ffffff } ui-cms-breadcrumb nav ol li:first-child::before { content: none } ui-cms-breadcrumb nav ol li:first-child a, ui-cms-breadcrumb nav ol li:first-child>span { padding-left: 6px } ui-cms-breadcrumb nav ol li:last-child { color: var(--component-breadcrumb-color-text, var(--skin-color-accent, #2d9d00)) } ui-cms-breadcrumb nav ol li span { line-height: 26px } ui-cms-breadcrumb nav ol li a { color: #00358e } ui-cms-breadcrumb nav ol li a:hover { color: #466daf } class*container--bg ui-cms-breadcrumb nav ol li a { color: #ffffff } class*container--bg ui-cms-breadcrumb nav ol li a:hover { color: #c8d5e7 } slot-fb { display: contents } slot-fbhidden { display: none } /style> style> @charset UTF-8; :root { --current-background-color: #ffffff } mark { background-color: transparent; color: var(--skin-mark-color, var(--skin-color-accent, #2d9d00)) } .sd-display { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-display, .sd-display--size-3xl { font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-display--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 1024px) { .sd-display--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-display--size-4xl { font-size: var(--sd-font-size-3xl, 2rem); font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } @media (min-width: 1024px) { .sd-display--size-4xl { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-display--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta { font-size: var(--sd-font-size-base, 1rem); font-weight: 400; line-height: var(--sd-line-height-none, 100%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-meta--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-meta--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta--inverted.sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-meta--pipe:after { content: |; margin-left: var(--sd-spacing-1, 0.25rem); margin-right: var(--sd-spacing-1, 0.25rem) } .sd-meta--pipe.sd-meta--size-sm:after { margin-left: var(--sd-spacing-0-5, 0.125rem); margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-leadtext { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-leadtext, .sd-leadtext--size-lg { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-leadtext--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-leadtext--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-paragraph { font-size: var(--sd-font-size-base, 1rem) } .sd-paragraph, .sd-paragraph--size-sm { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-paragraph--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-paragraph--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } mark.sd-mark { background-color: transparent; --tw-text-opacity: 1; color: rgb(var(--sd-color-accent, 45 157 0)/var(--tw-text-opacity)) } .sd-interactive--reset { all: unset; outline: revert } .sd-interactive { cursor: pointer; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)); text-decoration-line: none; transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) } .sd-interactive:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-text-opacity)) } .sd-interactive:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-800, 5 21 48)/var(--tw-text-opacity)) } .sd-interactive:focus-visible { outline-color: rgb(var(--sd-color-primary, 0 53 142)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-interactive--inverted:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-text-opacity)) } .sd-interactive--inverted:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-interactive--inverted:focus-visible { outline-color: rgb(var(--sd-color-white, 255 255 255)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--disabled, .sd-interactivedisabled { cursor: not-allowed; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:hover:not(disabled), .sd-interactivedisabled:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:active:not(disabled), .sd-interactivedisabled:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-table-cell { border-style: solid; border-width: 1px 0; --tw-border-opacity: 1; background-color: transparent; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding: var(--sd-spacing-4, 1rem); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-table-cell--divider { border-right-width: 1px } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after, .sd-table-cell--shadow-top:after { pointer-events: none; position: absolute; --tw-gradient-from: rgb(0 0 0/var(--sd-opacity-10, .1)) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: transparent var(--tw-gradient-to-position); opacity: var(--sd-opacity-0, 0); transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-top:after { height: var(--sd-spacing-2-5, 0.625rem); left: var(--sd-spacing-0, 0); right: var(--sd-spacing-0, 0) } .sd-table-cell--shadow-bottom:before, .sd-table-cell--shadow-top:before { display: block; height: 1px; left: var(--sd-spacing-0, 0); position: absolute; width: 100%; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-bg-opacity)); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after { bottom: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0); width: var(--sd-spacing-2-5, 0.625rem) } .sd-table-cell.sd-table-cell--shadow-active:after { opacity: 100% } .sd-table-cell--shadow-top:after { background-image: linear-gradient(to top, var(--tw-gradient-stops)); top: -10px } .sd-table-cell--shadow-top:before { bottom: -1px } .sd-table-cell--shadow-bottom:after { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); bottom: -10px } .sd-table-cell--shadow-bottom:before { top: -1px } .sd-table-cell--shadow-left:after { background-image: linear-gradient(to left, var(--tw-gradient-stops)); left: -10px } .sd-table-cell--shadow-right:after { background-image: linear-gradient(to right, var(--tw-gradient-stops)); right: -10px } .sd-table-cell--bg-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-table-cell--bg-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-table-cell--bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)) } .sd-table { all: unset; border-collapse: collapse; display: table; --tw-border-spacing-x: var(--sd-spacing-0, 0px); --tw-border-spacing-y: var(--sd-spacing-0, 0px); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) } .sd-table tfoot tr:first-of-type, .sd-table thead tr:first-of-type { position: relative } .sd-headline { display: flex; font-size: var(--sd-font-size-3xl, 2rem); font-weight: 700; gap: var(--sd-spacing-4, 1rem); line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-headline sd-icon { flex-shrink: 0; font-size: 3rem; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline sd-icon { margin-top: var(--sd-spacing-2, 0.5rem) } } .sd-headline--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 640px) { .sd-headline--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-headline--size-3xl sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } @media (min-width: 640px) { .sd-headline--size-3xl sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base, .sd-headline--size-lg, .sd-headline--size-xl { gap: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon, .sd-headline--size-lg sd-icon, .sd-headline--size-xl sd-icon { font-size: 2rem } .sd-headline--size-xl { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } @media (min-width: 640px) { .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } } .sd-headline--size-base, .sd-headline--size-lg { line-height: var(--sd-line-height-normal, 150%) } .sd-headline--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } @media (min-width: 640px) { .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base { font-size: var(--sd-font-size-base, 1rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } .sd-headline--size-base mark { color: inherit } .sd-headline--inverted, .sd-headline--inverted sd-icon { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-headline--inline { display: inline } .sd-headline--inline sd-icon { margin-right: var(--sd-spacing-2, 0.5rem); margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1); vertical-align: middle } .sd-headline--inline.sd-headline--size-base sd-icon, .sd-headline--inline.sd-headline--size-lg sd-icon, .sd-headline--inline.sd-headline--size-xl sd-icon { margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-container { position: relative; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)); padding: var(--sd-spacing-8, 2rem) var(--sd-spacing-10, 2.5rem) } .sd-container--variant-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-container--variant-primary { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-bg-opacity)) } .sd-container--variant-border-neutral-400 { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); border-width: 1px } .sd-container--variant-border-neutral-400, .sd-container--variant-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-container--padding-sm { padding: var(--sd-spacing-4, 1rem) var(--sd-spacing-6, 1.5rem) } .sd-container { --triangle-background: #fff } .sd-container--triangle-bottom:before, .sd-container--triangle-left:before, .sd-container--triangle-right:before, .sd-container--triangle-top:before { border-color: transparent; border-style: solid; border-width: 14px; content: ; display: block; position: absolute } .sd-container--triangle-top:before { border-top-color: var(--triangle-background); left: calc(50% - 14px); top: var(--sd-spacing-0, 0) } .sd-container--triangle-right:before { border-right-color: var(--triangle-background); right: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom:before { border-bottom-color: var(--triangle-background); bottom: var(--sd-spacing-0, 0); left: calc(50% - 14px) } .sd-container--triangle-left:before { border-left-color: var(--triangle-background); left: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { border-color: transparent; border-style: solid; content: ; display: block; position: absolute } .sd-container--triangle-bottom-border:after, .sd-container--triangle-left-border:after, .sd-container--triangle-right-border:after, .sd-container--triangle-top-border:after { border-width: 14px } .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:before { border-width: 15px } .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { top: -1px } .sd-container--triangle-top-border:before { --tw-border-opacity: 1; border-top-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-top-border:after { border-top-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before { right: -1px } .sd-container--triangle-right-border:before { --tw-border-opacity: 1; border-right-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-right-border:after { border-right-color: var(--triangle-background); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before { bottom: -1px } .sd-container--triangle-bottom-border:before { --tw-border-opacity: 1; border-bottom-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-bottom-border:after { border-bottom-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before { left: -1px } .sd-container--triangle-left-border:before { --tw-border-opacity: 1; border-left-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-left-border:after { border-left-color: var(--triangle-background); top: calc(50% - 14px) } .sd-chip { align-items: center; border-radius: var(--sd-border-radius-default, 0.25rem); display: inline-flex; height: var(--sd-spacing-6, 1.5rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-2, 0.5rem); padding-right: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-chip--primary-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-chip--primary-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-300, 200 213 231)/var(--tw-bg-opacity)) } .sd-chip--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-flag { align-items: center; display: inline-flex; height: var(--sd-spacing-8, 2rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-200, 233 233 233)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-3, 0.75rem); padding-right: var(--sd-spacing-3, 0.75rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-flag--neutral-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-500, 174 174 174)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-flag--neutral-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-300, 218 218 218)/var(--tw-bg-opacity)) } .sd-flag--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-list { padding-bottom: var(--sd-spacing-4, 1rem); padding-top: var(--sd-spacing-4, 1rem); text-align: left } .sd-list--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list:is(ol) ol { counter-reset: item } .sd-list:is(ol) li:not(:first-child) { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li { counter-increment: item; display: table } .sd-list:is(ol) li:before { content: counters(item, .) . ; display: table-cell; padding-right: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ol) li li { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li li:before { content: counters(item, .) . } .sd-list:is(ul):not(.sd-list--icon) { list-style-type: •; margin-left: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) li { margin-left: calc(var(--sd-spacing-2, 0.5rem) * -1); padding-left: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ul):not(.sd-list--icon) li:not(:first-child) { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) li li { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) ul { list-style-type: ⬝; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) ul ul { list-style-type: ‐; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list--icon.sd-list--inverted li .sd-list--icon__icon:first-of-type, .sd-list--icon.sd-list--inverted li sd-icon:first-of-type { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list--icon { list-style-type: } .sd-list--icon>li:first-of-type { padding-top: var(--sd-spacing-0, 0) } .sd-list--icon li { line-height: 32px; padding-left: var(--sd-spacing-10, 2.5rem); padding-top: var(--sd-spacing-3, 0.75rem); position: relative } .sd-list--icon li .sd-list--icon__icon:first-of-type, .sd-list--icon li sd-icon:first-of-type { font-size: var(--sd-font-size-3xl, 2rem); left: var(--sd-spacing-0, 0); position: absolute; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } .sd-list--icon.sd-list--horizontal { display: flex } .sd-list--icon.sd-list--horizontal li { display: flex; padding-top: var(--sd-spacing-0, 0) } .sd-list--icon.sd-list--horizontal li:not(:last-child) { margin-right: var(--sd-spacing-8, 2rem) } .sd-copyright { position: relative } .sd-copyright:after { bottom: var(--sd-spacing-0, 0); display: block; font-size: var(--sd-font-size-sm, 0.875rem); left: var(--sd-spacing-0, 0); padding-bottom: var(--sd-spacing-2, 0.5rem); padding-left: var(--sd-spacing-4, 1rem); position: absolute; width: 100%; --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)); content: var(--copyright); text-shadow: 0 1px 3px rgba(81, 81, 81, 0.7490196078) } figure.sd-media { margin: var(--sd-spacing-0, 0) } figure.sd-media figcaption { --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } figure.sd-media figcaption:last-child { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-footnotes { font-size: var(--sd-font-size-sm, 0.875rem); margin-bottom: var(--sd-spacing-0, 0); margin-top: var(--sd-spacing-0, 0); padding: var(--sd-spacing-0, 0); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-footnotes:is(ol) li { counter-increment: list-item; display: flex; gap: var(--sd-spacing-2, 0.5rem) } .sd-footnotes:is(ol) li:before { content: counter(list-item); font-size: 10px; line-height: var(--sd-line-height-normal, 150%); padding-top: 1px; width: var(--sd-spacing-5, 1.25rem) } .sd-footnotes:is(ul) { list-style: } .sd-footnotes--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-scroll-lock { overflow: hidden !important; padding-right: var(--sd-scroll-lock-size) !important } .sd-toast-stack { box-sizing: border-box; max-height: 100%; max-width: 400px; position: fixed; z-index: var(--sd-z-index-alert-group, 950) } .sd-toast-stack--top-right { margin-right: var(--sd-spacing-4, 1rem); right: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0) } .sd-toast-stack--bottom-center { bottom: var(--sd-spacing-0, 0); --tw-translate-x: -50%; inset-inline-start: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .sd-toast-stack sd-notification::part(base) { --tw-shadow: var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, .75)); --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) } .sd-toast-stack sd-notification::part(content) { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-border-opacity)) } *, *::before, *::after { box-sizing: border-box } p { margin: 0 } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } ui-cms-content-footer ui-button { margin-bottom: 12px; margin-right: 16px } ui-cms-content-footer .scroll-top { float: right; margin-left: auto; margin-right: 0 } /style> style> @charset UTF-8; :root { --current-background-color: #ffffff } mark { background-color: transparent; color: var(--skin-mark-color, var(--skin-color-accent, #2d9d00)) } .sd-display { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-display, .sd-display--size-3xl { font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-display--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 1024px) { .sd-display--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-display--size-4xl { font-size: var(--sd-font-size-3xl, 2rem); font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } @media (min-width: 1024px) { .sd-display--size-4xl { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-display--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta { font-size: var(--sd-font-size-base, 1rem); font-weight: 400; line-height: var(--sd-line-height-none, 100%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-meta--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-meta--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta--inverted.sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-meta--pipe:after { content: |; margin-left: var(--sd-spacing-1, 0.25rem); margin-right: var(--sd-spacing-1, 0.25rem) } .sd-meta--pipe.sd-meta--size-sm:after { margin-left: var(--sd-spacing-0-5, 0.125rem); margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-leadtext { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-leadtext, .sd-leadtext--size-lg { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-leadtext--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-leadtext--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-paragraph { font-size: var(--sd-font-size-base, 1rem) } .sd-paragraph, .sd-paragraph--size-sm { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-paragraph--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-paragraph--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } mark.sd-mark { background-color: transparent; --tw-text-opacity: 1; color: rgb(var(--sd-color-accent, 45 157 0)/var(--tw-text-opacity)) } .sd-interactive--reset { all: unset; outline: revert } .sd-interactive { cursor: pointer; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)); text-decoration-line: none; transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) } .sd-interactive:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-text-opacity)) } .sd-interactive:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-800, 5 21 48)/var(--tw-text-opacity)) } .sd-interactive:focus-visible { outline-color: rgb(var(--sd-color-primary, 0 53 142)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-interactive--inverted:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-text-opacity)) } .sd-interactive--inverted:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-interactive--inverted:focus-visible { outline-color: rgb(var(--sd-color-white, 255 255 255)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--disabled, .sd-interactivedisabled { cursor: not-allowed; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:hover:not(disabled), .sd-interactivedisabled:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:active:not(disabled), .sd-interactivedisabled:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-table-cell { border-style: solid; border-width: 1px 0; --tw-border-opacity: 1; background-color: transparent; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding: var(--sd-spacing-4, 1rem); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-table-cell--divider { border-right-width: 1px } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after, .sd-table-cell--shadow-top:after { pointer-events: none; position: absolute; --tw-gradient-from: rgb(0 0 0/var(--sd-opacity-10, .1)) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: transparent var(--tw-gradient-to-position); opacity: var(--sd-opacity-0, 0); transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-top:after { height: var(--sd-spacing-2-5, 0.625rem); left: var(--sd-spacing-0, 0); right: var(--sd-spacing-0, 0) } .sd-table-cell--shadow-bottom:before, .sd-table-cell--shadow-top:before { display: block; height: 1px; left: var(--sd-spacing-0, 0); position: absolute; width: 100%; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-bg-opacity)); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after { bottom: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0); width: var(--sd-spacing-2-5, 0.625rem) } .sd-table-cell.sd-table-cell--shadow-active:after { opacity: 100% } .sd-table-cell--shadow-top:after { background-image: linear-gradient(to top, var(--tw-gradient-stops)); top: -10px } .sd-table-cell--shadow-top:before { bottom: -1px } .sd-table-cell--shadow-bottom:after { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); bottom: -10px } .sd-table-cell--shadow-bottom:before { top: -1px } .sd-table-cell--shadow-left:after { background-image: linear-gradient(to left, var(--tw-gradient-stops)); left: -10px } .sd-table-cell--shadow-right:after { background-image: linear-gradient(to right, var(--tw-gradient-stops)); right: -10px } .sd-table-cell--bg-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-table-cell--bg-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-table-cell--bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)) } .sd-table { all: unset; border-collapse: collapse; display: table; --tw-border-spacing-x: var(--sd-spacing-0, 0px); --tw-border-spacing-y: var(--sd-spacing-0, 0px); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) } .sd-table tfoot tr:first-of-type, .sd-table thead tr:first-of-type { position: relative } .sd-headline { display: flex; font-size: var(--sd-font-size-3xl, 2rem); font-weight: 700; gap: var(--sd-spacing-4, 1rem); line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-headline sd-icon { flex-shrink: 0; font-size: 3rem; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline sd-icon { margin-top: var(--sd-spacing-2, 0.5rem) } } .sd-headline--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 640px) { .sd-headline--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-headline--size-3xl sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } @media (min-width: 640px) { .sd-headline--size-3xl sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base, .sd-headline--size-lg, .sd-headline--size-xl { gap: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon, .sd-headline--size-lg sd-icon, .sd-headline--size-xl sd-icon { font-size: 2rem } .sd-headline--size-xl { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } @media (min-width: 640px) { .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } } .sd-headline--size-base, .sd-headline--size-lg { line-height: var(--sd-line-height-normal, 150%) } .sd-headline--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } @media (min-width: 640px) { .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base { font-size: var(--sd-font-size-base, 1rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } .sd-headline--size-base mark { color: inherit } .sd-headline--inverted, .sd-headline--inverted sd-icon { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-headline--inline { display: inline } .sd-headline--inline sd-icon { margin-right: var(--sd-spacing-2, 0.5rem); margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1); vertical-align: middle } .sd-headline--inline.sd-headline--size-base sd-icon, .sd-headline--inline.sd-headline--size-lg sd-icon, .sd-headline--inline.sd-headline--size-xl sd-icon { margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-container { position: relative; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)); padding: var(--sd-spacing-8, 2rem) var(--sd-spacing-10, 2.5rem) } .sd-container--variant-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-container--variant-primary { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-bg-opacity)) } .sd-container--variant-border-neutral-400 { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); border-width: 1px } .sd-container--variant-border-neutral-400, .sd-container--variant-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-container--padding-sm { padding: var(--sd-spacing-4, 1rem) var(--sd-spacing-6, 1.5rem) } .sd-container { --triangle-background: #fff } .sd-container--triangle-bottom:before, .sd-container--triangle-left:before, .sd-container--triangle-right:before, .sd-container--triangle-top:before { border-color: transparent; border-style: solid; border-width: 14px; content: ; display: block; position: absolute } .sd-container--triangle-top:before { border-top-color: var(--triangle-background); left: calc(50% - 14px); top: var(--sd-spacing-0, 0) } .sd-container--triangle-right:before { border-right-color: var(--triangle-background); right: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom:before { border-bottom-color: var(--triangle-background); bottom: var(--sd-spacing-0, 0); left: calc(50% - 14px) } .sd-container--triangle-left:before { border-left-color: var(--triangle-background); left: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { border-color: transparent; border-style: solid; content: ; display: block; position: absolute } .sd-container--triangle-bottom-border:after, .sd-container--triangle-left-border:after, .sd-container--triangle-right-border:after, .sd-container--triangle-top-border:after { border-width: 14px } .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:before { border-width: 15px } .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { top: -1px } .sd-container--triangle-top-border:before { --tw-border-opacity: 1; border-top-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-top-border:after { border-top-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before { right: -1px } .sd-container--triangle-right-border:before { --tw-border-opacity: 1; border-right-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-right-border:after { border-right-color: var(--triangle-background); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before { bottom: -1px } .sd-container--triangle-bottom-border:before { --tw-border-opacity: 1; border-bottom-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-bottom-border:after { border-bottom-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before { left: -1px } .sd-container--triangle-left-border:before { --tw-border-opacity: 1; border-left-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-left-border:after { border-left-color: var(--triangle-background); top: calc(50% - 14px) } .sd-chip { align-items: center; border-radius: var(--sd-border-radius-default, 0.25rem); display: inline-flex; height: var(--sd-spacing-6, 1.5rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-2, 0.5rem); padding-right: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-chip--primary-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-chip--primary-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-300, 200 213 231)/var(--tw-bg-opacity)) } .sd-chip--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-flag { align-items: center; display: inline-flex; height: var(--sd-spacing-8, 2rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-200, 233 233 233)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-3, 0.75rem); padding-right: var(--sd-spacing-3, 0.75rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-flag--neutral-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-500, 174 174 174)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-flag--neutral-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-300, 218 218 218)/var(--tw-bg-opacity)) } .sd-flag--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-list { padding-bottom: var(--sd-spacing-4, 1rem); padding-top: var(--sd-spacing-4, 1rem); text-align: left } .sd-list--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list:is(ol) ol { counter-reset: item } .sd-list:is(ol) li:not(:first-child) { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li { counter-increment: item; display: table } .sd-list:is(ol) li:before { content: counters(item, .) . ; display: table-cell; padding-right: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ol) li li { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li li:before { content: counters(item, .) . } .sd-list:is(ul):not(.sd-list--icon) { list-style-type: •; margin-left: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) li { margin-left: calc(var(--sd-spacing-2, 0.5rem) * -1); padding-left: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ul):not(.sd-list--icon) li:not(:first-child) { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) li li { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) ul { list-style-type: ⬝; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) ul ul { list-style-type: ‐; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list--icon.sd-list--inverted li .sd-list--icon__icon:first-of-type, .sd-list--icon.sd-list--inverted li sd-icon:first-of-type { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list--icon { list-style-type: } .sd-list--icon>li:first-of-type { padding-top: var(--sd-spacing-0, 0) } .sd-list--icon li { line-height: 32px; padding-left: var(--sd-spacing-10, 2.5rem); padding-top: var(--sd-spacing-3, 0.75rem); position: relative } .sd-list--icon li .sd-list--icon__icon:first-of-type, .sd-list--icon li sd-icon:first-of-type { font-size: var(--sd-font-size-3xl, 2rem); left: var(--sd-spacing-0, 0); position: absolute; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } .sd-list--icon.sd-list--horizontal { display: flex } .sd-list--icon.sd-list--horizontal li { display: flex; padding-top: var(--sd-spacing-0, 0) } .sd-list--icon.sd-list--horizontal li:not(:last-child) { margin-right: var(--sd-spacing-8, 2rem) } .sd-copyright { position: relative } .sd-copyright:after { bottom: var(--sd-spacing-0, 0); display: block; font-size: var(--sd-font-size-sm, 0.875rem); left: var(--sd-spacing-0, 0); padding-bottom: var(--sd-spacing-2, 0.5rem); padding-left: var(--sd-spacing-4, 1rem); position: absolute; width: 100%; --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)); content: var(--copyright); text-shadow: 0 1px 3px rgba(81, 81, 81, 0.7490196078) } figure.sd-media { margin: var(--sd-spacing-0, 0) } figure.sd-media figcaption { --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } figure.sd-media figcaption:last-child { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-footnotes { font-size: var(--sd-font-size-sm, 0.875rem); margin-bottom: var(--sd-spacing-0, 0); margin-top: var(--sd-spacing-0, 0); padding: var(--sd-spacing-0, 0); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-footnotes:is(ol) li { counter-increment: list-item; display: flex; gap: var(--sd-spacing-2, 0.5rem) } .sd-footnotes:is(ol) li:before { content: counter(list-item); font-size: 10px; line-height: var(--sd-line-height-normal, 150%); padding-top: 1px; width: var(--sd-spacing-5, 1.25rem) } .sd-footnotes:is(ul) { list-style: } .sd-footnotes--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-scroll-lock { overflow: hidden !important; padding-right: var(--sd-scroll-lock-size) !important } .sd-toast-stack { box-sizing: border-box; max-height: 100%; max-width: 400px; position: fixed; z-index: var(--sd-z-index-alert-group, 950) } .sd-toast-stack--top-right { margin-right: var(--sd-spacing-4, 1rem); right: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0) } .sd-toast-stack--bottom-center { bottom: var(--sd-spacing-0, 0); --tw-translate-x: -50%; inset-inline-start: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .sd-toast-stack sd-notification::part(base) { --tw-shadow: var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, .75)); --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) } .sd-toast-stack sd-notification::part(content) { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-border-opacity)) } *, *::before, *::after { box-sizing: border-box } p { margin: 0 } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } ui-cms-contact-channels-footer { display: block } ui-cms-contact-channels-footer .ui-cms-contact-channels-footer-container { display: flex; flex-direction: column; gap: 26px } ui-cms-contact-channels-footer .ui-cms-contact-channels-footer-container .contactbox__item { display: flex; justify-content: flex-start; align-items: center; line-height: 1.5 } ui-cms-contact-channels-footer .ui-cms-contact-channels-footer-container .contactbox__icon { margin-right: 20px; min-width: 48px; min-height: 48px; width: 2rem; height: 2rem } p { margin: 0 } .nowrap { white-space: nowrap } slot-fb { display: contents } slot-fbhidden { display: none } /style> style> ui-cms-social-follow-links { display: block; width: 100% } /style> style> @charset UTF-8; :root { --current-background-color: #ffffff } mark { background-color: transparent; color: var(--skin-mark-color, var(--skin-color-accent, #2d9d00)) } .sd-display { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-display, .sd-display--size-3xl { font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-display--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 1024px) { .sd-display--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-display--size-4xl { font-size: var(--sd-font-size-3xl, 2rem); font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } @media (min-width: 1024px) { .sd-display--size-4xl { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-display--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta { font-size: var(--sd-font-size-base, 1rem); font-weight: 400; line-height: var(--sd-line-height-none, 100%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-meta--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-meta--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta--inverted.sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-meta--pipe:after { content: |; margin-left: var(--sd-spacing-1, 0.25rem); margin-right: var(--sd-spacing-1, 0.25rem) } .sd-meta--pipe.sd-meta--size-sm:after { margin-left: var(--sd-spacing-0-5, 0.125rem); margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-leadtext { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-leadtext, .sd-leadtext--size-lg { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-leadtext--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-leadtext--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-paragraph { font-size: var(--sd-font-size-base, 1rem) } .sd-paragraph, .sd-paragraph--size-sm { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-paragraph--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-paragraph--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } mark.sd-mark { background-color: transparent; --tw-text-opacity: 1; color: rgb(var(--sd-color-accent, 45 157 0)/var(--tw-text-opacity)) } .sd-interactive--reset { all: unset; outline: revert } .sd-interactive { cursor: pointer; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)); text-decoration-line: none; transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) } .sd-interactive:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-text-opacity)) } .sd-interactive:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-800, 5 21 48)/var(--tw-text-opacity)) } .sd-interactive:focus-visible { outline-color: rgb(var(--sd-color-primary, 0 53 142)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-interactive--inverted:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-text-opacity)) } .sd-interactive--inverted:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-interactive--inverted:focus-visible { outline-color: rgb(var(--sd-color-white, 255 255 255)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--disabled, .sd-interactivedisabled { cursor: not-allowed; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:hover:not(disabled), .sd-interactivedisabled:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:active:not(disabled), .sd-interactivedisabled:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-table-cell { border-style: solid; border-width: 1px 0; --tw-border-opacity: 1; background-color: transparent; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding: var(--sd-spacing-4, 1rem); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-table-cell--divider { border-right-width: 1px } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after, .sd-table-cell--shadow-top:after { pointer-events: none; position: absolute; --tw-gradient-from: rgb(0 0 0/var(--sd-opacity-10, .1)) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: transparent var(--tw-gradient-to-position); opacity: var(--sd-opacity-0, 0); transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-top:after { height: var(--sd-spacing-2-5, 0.625rem); left: var(--sd-spacing-0, 0); right: var(--sd-spacing-0, 0) } .sd-table-cell--shadow-bottom:before, .sd-table-cell--shadow-top:before { display: block; height: 1px; left: var(--sd-spacing-0, 0); position: absolute; width: 100%; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-bg-opacity)); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after { bottom: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0); width: var(--sd-spacing-2-5, 0.625rem) } .sd-table-cell.sd-table-cell--shadow-active:after { opacity: 100% } .sd-table-cell--shadow-top:after { background-image: linear-gradient(to top, var(--tw-gradient-stops)); top: -10px } .sd-table-cell--shadow-top:before { bottom: -1px } .sd-table-cell--shadow-bottom:after { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); bottom: -10px } .sd-table-cell--shadow-bottom:before { top: -1px } .sd-table-cell--shadow-left:after { background-image: linear-gradient(to left, var(--tw-gradient-stops)); left: -10px } .sd-table-cell--shadow-right:after { background-image: linear-gradient(to right, var(--tw-gradient-stops)); right: -10px } .sd-table-cell--bg-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-table-cell--bg-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-table-cell--bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)) } .sd-table { all: unset; border-collapse: collapse; display: table; --tw-border-spacing-x: var(--sd-spacing-0, 0px); --tw-border-spacing-y: var(--sd-spacing-0, 0px); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) } .sd-table tfoot tr:first-of-type, .sd-table thead tr:first-of-type { position: relative } .sd-headline { display: flex; font-size: var(--sd-font-size-3xl, 2rem); font-weight: 700; gap: var(--sd-spacing-4, 1rem); line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-headline sd-icon { flex-shrink: 0; font-size: 3rem; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline sd-icon { margin-top: var(--sd-spacing-2, 0.5rem) } } .sd-headline--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 640px) { .sd-headline--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-headline--size-3xl sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } @media (min-width: 640px) { .sd-headline--size-3xl sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base, .sd-headline--size-lg, .sd-headline--size-xl { gap: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon, .sd-headline--size-lg sd-icon, .sd-headline--size-xl sd-icon { font-size: 2rem } .sd-headline--size-xl { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } @media (min-width: 640px) { .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } } .sd-headline--size-base, .sd-headline--size-lg { line-height: var(--sd-line-height-normal, 150%) } .sd-headline--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } @media (min-width: 640px) { .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base { font-size: var(--sd-font-size-base, 1rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } .sd-headline--size-base mark { color: inherit } .sd-headline--inverted, .sd-headline--inverted sd-icon { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-headline--inline { display: inline } .sd-headline--inline sd-icon { margin-right: var(--sd-spacing-2, 0.5rem); margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1); vertical-align: middle } .sd-headline--inline.sd-headline--size-base sd-icon, .sd-headline--inline.sd-headline--size-lg sd-icon, .sd-headline--inline.sd-headline--size-xl sd-icon { margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-container { position: relative; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)); padding: var(--sd-spacing-8, 2rem) var(--sd-spacing-10, 2.5rem) } .sd-container--variant-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-container--variant-primary { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-bg-opacity)) } .sd-container--variant-border-neutral-400 { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); border-width: 1px } .sd-container--variant-border-neutral-400, .sd-container--variant-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-container--padding-sm { padding: var(--sd-spacing-4, 1rem) var(--sd-spacing-6, 1.5rem) } .sd-container { --triangle-background: #fff } .sd-container--triangle-bottom:before, .sd-container--triangle-left:before, .sd-container--triangle-right:before, .sd-container--triangle-top:before { border-color: transparent; border-style: solid; border-width: 14px; content: ; display: block; position: absolute } .sd-container--triangle-top:before { border-top-color: var(--triangle-background); left: calc(50% - 14px); top: var(--sd-spacing-0, 0) } .sd-container--triangle-right:before { border-right-color: var(--triangle-background); right: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom:before { border-bottom-color: var(--triangle-background); bottom: var(--sd-spacing-0, 0); left: calc(50% - 14px) } .sd-container--triangle-left:before { border-left-color: var(--triangle-background); left: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { border-color: transparent; border-style: solid; content: ; display: block; position: absolute } .sd-container--triangle-bottom-border:after, .sd-container--triangle-left-border:after, .sd-container--triangle-right-border:after, .sd-container--triangle-top-border:after { border-width: 14px } .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:before { border-width: 15px } .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { top: -1px } .sd-container--triangle-top-border:before { --tw-border-opacity: 1; border-top-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-top-border:after { border-top-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before { right: -1px } .sd-container--triangle-right-border:before { --tw-border-opacity: 1; border-right-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-right-border:after { border-right-color: var(--triangle-background); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before { bottom: -1px } .sd-container--triangle-bottom-border:before { --tw-border-opacity: 1; border-bottom-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-bottom-border:after { border-bottom-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before { left: -1px } .sd-container--triangle-left-border:before { --tw-border-opacity: 1; border-left-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-left-border:after { border-left-color: var(--triangle-background); top: calc(50% - 14px) } .sd-chip { align-items: center; border-radius: var(--sd-border-radius-default, 0.25rem); display: inline-flex; height: var(--sd-spacing-6, 1.5rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-2, 0.5rem); padding-right: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-chip--primary-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-chip--primary-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-300, 200 213 231)/var(--tw-bg-opacity)) } .sd-chip--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-flag { align-items: center; display: inline-flex; height: var(--sd-spacing-8, 2rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-200, 233 233 233)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-3, 0.75rem); padding-right: var(--sd-spacing-3, 0.75rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-flag--neutral-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-500, 174 174 174)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-flag--neutral-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-300, 218 218 218)/var(--tw-bg-opacity)) } .sd-flag--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-list { padding-bottom: var(--sd-spacing-4, 1rem); padding-top: var(--sd-spacing-4, 1rem); text-align: left } .sd-list--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list:is(ol) ol { counter-reset: item } .sd-list:is(ol) li:not(:first-child) { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li { counter-increment: item; display: table } .sd-list:is(ol) li:before { content: counters(item, .) . ; display: table-cell; padding-right: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ol) li li { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li li:before { content: counters(item, .) . } .sd-list:is(ul):not(.sd-list--icon) { list-style-type: •; margin-left: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) li { margin-left: calc(var(--sd-spacing-2, 0.5rem) * -1); padding-left: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ul):not(.sd-list--icon) li:not(:first-child) { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) li li { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) ul { list-style-type: ⬝; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) ul ul { list-style-type: ‐; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list--icon.sd-list--inverted li .sd-list--icon__icon:first-of-type, .sd-list--icon.sd-list--inverted li sd-icon:first-of-type { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list--icon { list-style-type: } .sd-list--icon>li:first-of-type { padding-top: var(--sd-spacing-0, 0) } .sd-list--icon li { line-height: 32px; padding-left: var(--sd-spacing-10, 2.5rem); padding-top: var(--sd-spacing-3, 0.75rem); position: relative } .sd-list--icon li .sd-list--icon__icon:first-of-type, .sd-list--icon li sd-icon:first-of-type { font-size: var(--sd-font-size-3xl, 2rem); left: var(--sd-spacing-0, 0); position: absolute; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } .sd-list--icon.sd-list--horizontal { display: flex } .sd-list--icon.sd-list--horizontal li { display: flex; padding-top: var(--sd-spacing-0, 0) } .sd-list--icon.sd-list--horizontal li:not(:last-child) { margin-right: var(--sd-spacing-8, 2rem) } .sd-copyright { position: relative } .sd-copyright:after { bottom: var(--sd-spacing-0, 0); display: block; font-size: var(--sd-font-size-sm, 0.875rem); left: var(--sd-spacing-0, 0); padding-bottom: var(--sd-spacing-2, 0.5rem); padding-left: var(--sd-spacing-4, 1rem); position: absolute; width: 100%; --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)); content: var(--copyright); text-shadow: 0 1px 3px rgba(81, 81, 81, 0.7490196078) } figure.sd-media { margin: var(--sd-spacing-0, 0) } figure.sd-media figcaption { --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } figure.sd-media figcaption:last-child { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-footnotes { font-size: var(--sd-font-size-sm, 0.875rem); margin-bottom: var(--sd-spacing-0, 0); margin-top: var(--sd-spacing-0, 0); padding: var(--sd-spacing-0, 0); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-footnotes:is(ol) li { counter-increment: list-item; display: flex; gap: var(--sd-spacing-2, 0.5rem) } .sd-footnotes:is(ol) li:before { content: counter(list-item); font-size: 10px; line-height: var(--sd-line-height-normal, 150%); padding-top: 1px; width: var(--sd-spacing-5, 1.25rem) } .sd-footnotes:is(ul) { list-style: } .sd-footnotes--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-scroll-lock { overflow: hidden !important; padding-right: var(--sd-scroll-lock-size) !important } .sd-toast-stack { box-sizing: border-box; max-height: 100%; max-width: 400px; position: fixed; z-index: var(--sd-z-index-alert-group, 950) } .sd-toast-stack--top-right { margin-right: var(--sd-spacing-4, 1rem); right: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0) } .sd-toast-stack--bottom-center { bottom: var(--sd-spacing-0, 0); --tw-translate-x: -50%; inset-inline-start: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .sd-toast-stack sd-notification::part(base) { --tw-shadow: var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, .75)); --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) } .sd-toast-stack sd-notification::part(content) { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-border-opacity)) } *, *::before, *::after { box-sizing: border-box } p { margin: 0 } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } ui-cms-headline { display: block } ui-cms-headline .overline { display: block; font-weight: 600; margin-bottom: 5px; color: var(--component-headline-color-level-5, var(--current-color-primary, #00358e)) } ui-cms-headline .overline.centered { margin: auto; text-align: center } ui-cms-headline ui-leadtext { display: block } ui-cms-headline ui-leadtext.centered { width: 100% } ui-cms-headline ui-headlinelevel1+ui-leadtext { margin-top: 20px } ui-cms-headline ui-headline+ui-leadtext { margin-top: 16px } @media (min-width: 768px) { ui-cms-headline ui-headline+ui-leadtext { margin-top: 28px } } /style> style> ui-cms-link-list { display: block } /style> style> @charset UTF-8; :root { --current-background-color: #ffffff } mark { background-color: transparent; color: var(--skin-mark-color, var(--skin-color-accent, #2d9d00)) } .sd-display { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-display, .sd-display--size-3xl { font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-display--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 1024px) { .sd-display--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-display--size-4xl { font-size: var(--sd-font-size-3xl, 2rem); font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } @media (min-width: 1024px) { .sd-display--size-4xl { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-display--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta { font-size: var(--sd-font-size-base, 1rem); font-weight: 400; line-height: var(--sd-line-height-none, 100%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-meta--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-meta--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta--inverted.sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-meta--pipe:after { content: |; margin-left: var(--sd-spacing-1, 0.25rem); margin-right: var(--sd-spacing-1, 0.25rem) } .sd-meta--pipe.sd-meta--size-sm:after { margin-left: var(--sd-spacing-0-5, 0.125rem); margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-leadtext { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-leadtext, .sd-leadtext--size-lg { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-leadtext--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-leadtext--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-paragraph { font-size: var(--sd-font-size-base, 1rem) } .sd-paragraph, .sd-paragraph--size-sm { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-paragraph--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-paragraph--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } mark.sd-mark { background-color: transparent; --tw-text-opacity: 1; color: rgb(var(--sd-color-accent, 45 157 0)/var(--tw-text-opacity)) } .sd-interactive--reset { all: unset; outline: revert } .sd-interactive { cursor: pointer; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)); text-decoration-line: none; transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) } .sd-interactive:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-text-opacity)) } .sd-interactive:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-800, 5 21 48)/var(--tw-text-opacity)) } .sd-interactive:focus-visible { outline-color: rgb(var(--sd-color-primary, 0 53 142)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-interactive--inverted:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-text-opacity)) } .sd-interactive--inverted:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-interactive--inverted:focus-visible { outline-color: rgb(var(--sd-color-white, 255 255 255)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--disabled, .sd-interactivedisabled { cursor: not-allowed; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:hover:not(disabled), .sd-interactivedisabled:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:active:not(disabled), .sd-interactivedisabled:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-table-cell { border-style: solid; border-width: 1px 0; --tw-border-opacity: 1; background-color: transparent; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding: var(--sd-spacing-4, 1rem); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-table-cell--divider { border-right-width: 1px } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after, .sd-table-cell--shadow-top:after { pointer-events: none; position: absolute; --tw-gradient-from: rgb(0 0 0/var(--sd-opacity-10, .1)) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: transparent var(--tw-gradient-to-position); opacity: var(--sd-opacity-0, 0); transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-top:after { height: var(--sd-spacing-2-5, 0.625rem); left: var(--sd-spacing-0, 0); right: var(--sd-spacing-0, 0) } .sd-table-cell--shadow-bottom:before, .sd-table-cell--shadow-top:before { display: block; height: 1px; left: var(--sd-spacing-0, 0); position: absolute; width: 100%; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-bg-opacity)); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after { bottom: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0); width: var(--sd-spacing-2-5, 0.625rem) } .sd-table-cell.sd-table-cell--shadow-active:after { opacity: 100% } .sd-table-cell--shadow-top:after { background-image: linear-gradient(to top, var(--tw-gradient-stops)); top: -10px } .sd-table-cell--shadow-top:before { bottom: -1px } .sd-table-cell--shadow-bottom:after { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); bottom: -10px } .sd-table-cell--shadow-bottom:before { top: -1px } .sd-table-cell--shadow-left:after { background-image: linear-gradient(to left, var(--tw-gradient-stops)); left: -10px } .sd-table-cell--shadow-right:after { background-image: linear-gradient(to right, var(--tw-gradient-stops)); right: -10px } .sd-table-cell--bg-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-table-cell--bg-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-table-cell--bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)) } .sd-table { all: unset; border-collapse: collapse; display: table; --tw-border-spacing-x: var(--sd-spacing-0, 0px); --tw-border-spacing-y: var(--sd-spacing-0, 0px); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) } .sd-table tfoot tr:first-of-type, .sd-table thead tr:first-of-type { position: relative } .sd-headline { display: flex; font-size: var(--sd-font-size-3xl, 2rem); font-weight: 700; gap: var(--sd-spacing-4, 1rem); line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-headline sd-icon { flex-shrink: 0; font-size: 3rem; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline sd-icon { margin-top: var(--sd-spacing-2, 0.5rem) } } .sd-headline--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 640px) { .sd-headline--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-headline--size-3xl sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } @media (min-width: 640px) { .sd-headline--size-3xl sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base, .sd-headline--size-lg, .sd-headline--size-xl { gap: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon, .sd-headline--size-lg sd-icon, .sd-headline--size-xl sd-icon { font-size: 2rem } .sd-headline--size-xl { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } @media (min-width: 640px) { .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } } .sd-headline--size-base, .sd-headline--size-lg { line-height: var(--sd-line-height-normal, 150%) } .sd-headline--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } @media (min-width: 640px) { .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base { font-size: var(--sd-font-size-base, 1rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } .sd-headline--size-base mark { color: inherit } .sd-headline--inverted, .sd-headline--inverted sd-icon { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-headline--inline { display: inline } .sd-headline--inline sd-icon { margin-right: var(--sd-spacing-2, 0.5rem); margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1); vertical-align: middle } .sd-headline--inline.sd-headline--size-base sd-icon, .sd-headline--inline.sd-headline--size-lg sd-icon, .sd-headline--inline.sd-headline--size-xl sd-icon { margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-container { position: relative; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)); padding: var(--sd-spacing-8, 2rem) var(--sd-spacing-10, 2.5rem) } .sd-container--variant-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-container--variant-primary { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-bg-opacity)) } .sd-container--variant-border-neutral-400 { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); border-width: 1px } .sd-container--variant-border-neutral-400, .sd-container--variant-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-container--padding-sm { padding: var(--sd-spacing-4, 1rem) var(--sd-spacing-6, 1.5rem) } .sd-container { --triangle-background: #fff } .sd-container--triangle-bottom:before, .sd-container--triangle-left:before, .sd-container--triangle-right:before, .sd-container--triangle-top:before { border-color: transparent; border-style: solid; border-width: 14px; content: ; display: block; position: absolute } .sd-container--triangle-top:before { border-top-color: var(--triangle-background); left: calc(50% - 14px); top: var(--sd-spacing-0, 0) } .sd-container--triangle-right:before { border-right-color: var(--triangle-background); right: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom:before { border-bottom-color: var(--triangle-background); bottom: var(--sd-spacing-0, 0); left: calc(50% - 14px) } .sd-container--triangle-left:before { border-left-color: var(--triangle-background); left: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { border-color: transparent; border-style: solid; content: ; display: block; position: absolute } .sd-container--triangle-bottom-border:after, .sd-container--triangle-left-border:after, .sd-container--triangle-right-border:after, .sd-container--triangle-top-border:after { border-width: 14px } .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:before { border-width: 15px } .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { top: -1px } .sd-container--triangle-top-border:before { --tw-border-opacity: 1; border-top-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-top-border:after { border-top-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before { right: -1px } .sd-container--triangle-right-border:before { --tw-border-opacity: 1; border-right-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-right-border:after { border-right-color: var(--triangle-background); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before { bottom: -1px } .sd-container--triangle-bottom-border:before { --tw-border-opacity: 1; border-bottom-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-bottom-border:after { border-bottom-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before { left: -1px } .sd-container--triangle-left-border:before { --tw-border-opacity: 1; border-left-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-left-border:after { border-left-color: var(--triangle-background); top: calc(50% - 14px) } .sd-chip { align-items: center; border-radius: var(--sd-border-radius-default, 0.25rem); display: inline-flex; height: var(--sd-spacing-6, 1.5rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-2, 0.5rem); padding-right: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-chip--primary-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-chip--primary-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-300, 200 213 231)/var(--tw-bg-opacity)) } .sd-chip--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-flag { align-items: center; display: inline-flex; height: var(--sd-spacing-8, 2rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-200, 233 233 233)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-3, 0.75rem); padding-right: var(--sd-spacing-3, 0.75rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-flag--neutral-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-500, 174 174 174)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-flag--neutral-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-300, 218 218 218)/var(--tw-bg-opacity)) } .sd-flag--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-list { padding-bottom: var(--sd-spacing-4, 1rem); padding-top: var(--sd-spacing-4, 1rem); text-align: left } .sd-list--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list:is(ol) ol { counter-reset: item } .sd-list:is(ol) li:not(:first-child) { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li { counter-increment: item; display: table } .sd-list:is(ol) li:before { content: counters(item, .) . ; display: table-cell; padding-right: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ol) li li { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li li:before { content: counters(item, .) . } .sd-list:is(ul):not(.sd-list--icon) { list-style-type: •; margin-left: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) li { margin-left: calc(var(--sd-spacing-2, 0.5rem) * -1); padding-left: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ul):not(.sd-list--icon) li:not(:first-child) { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) li li { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) ul { list-style-type: ⬝; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) ul ul { list-style-type: ‐; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list--icon.sd-list--inverted li .sd-list--icon__icon:first-of-type, .sd-list--icon.sd-list--inverted li sd-icon:first-of-type { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list--icon { list-style-type: } .sd-list--icon>li:first-of-type { padding-top: var(--sd-spacing-0, 0) } .sd-list--icon li { line-height: 32px; padding-left: var(--sd-spacing-10, 2.5rem); padding-top: var(--sd-spacing-3, 0.75rem); position: relative } .sd-list--icon li .sd-list--icon__icon:first-of-type, .sd-list--icon li sd-icon:first-of-type { font-size: var(--sd-font-size-3xl, 2rem); left: var(--sd-spacing-0, 0); position: absolute; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } .sd-list--icon.sd-list--horizontal { display: flex } .sd-list--icon.sd-list--horizontal li { display: flex; padding-top: var(--sd-spacing-0, 0) } .sd-list--icon.sd-list--horizontal li:not(:last-child) { margin-right: var(--sd-spacing-8, 2rem) } .sd-copyright { position: relative } .sd-copyright:after { bottom: var(--sd-spacing-0, 0); display: block; font-size: var(--sd-font-size-sm, 0.875rem); left: var(--sd-spacing-0, 0); padding-bottom: var(--sd-spacing-2, 0.5rem); padding-left: var(--sd-spacing-4, 1rem); position: absolute; width: 100%; --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)); content: var(--copyright); text-shadow: 0 1px 3px rgba(81, 81, 81, 0.7490196078) } figure.sd-media { margin: var(--sd-spacing-0, 0) } figure.sd-media figcaption { --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } figure.sd-media figcaption:last-child { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-footnotes { font-size: var(--sd-font-size-sm, 0.875rem); margin-bottom: var(--sd-spacing-0, 0); margin-top: var(--sd-spacing-0, 0); padding: var(--sd-spacing-0, 0); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-footnotes:is(ol) li { counter-increment: list-item; display: flex; gap: var(--sd-spacing-2, 0.5rem) } .sd-footnotes:is(ol) li:before { content: counter(list-item); font-size: 10px; line-height: var(--sd-line-height-normal, 150%); padding-top: 1px; width: var(--sd-spacing-5, 1.25rem) } .sd-footnotes:is(ul) { list-style: } .sd-footnotes--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-scroll-lock { overflow: hidden !important; padding-right: var(--sd-scroll-lock-size) !important } .sd-toast-stack { box-sizing: border-box; max-height: 100%; max-width: 400px; position: fixed; z-index: var(--sd-z-index-alert-group, 950) } .sd-toast-stack--top-right { margin-right: var(--sd-spacing-4, 1rem); right: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0) } .sd-toast-stack--bottom-center { bottom: var(--sd-spacing-0, 0); --tw-translate-x: -50%; inset-inline-start: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .sd-toast-stack sd-notification::part(base) { --tw-shadow: var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, .75)); --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) } .sd-toast-stack sd-notification::part(content) { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-border-opacity)) } *, *::before, *::after { box-sizing: border-box } p { margin: 0 } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } ui-cms-header-service-area { display: none; } ui-cms-header-service-area .service-nav { padding: 0; margin: 0; font-size: 17px; line-height: 25px; display: inline-flex; align-items: center } ui-cms-header-service-area .service-nav ui-link, ui-cms-header-service-area .service-nav a { text-decoration: none } ui-cms-header-service-area .service-nav>li { padding: 0; margin: 0; list-style-type: none; display: inline-block } ui-cms-header-service-area .service-nav>li.hasBreakpoint { display: none } ui-cms-header-service-area .service-nav>li>ui-link, ui-cms-header-service-area .service-nav>li>a { display: block; padding: 13px 12px 10px; height: auto; color: var(--component-link-color-text, var(--skin-color-primary, #00358e)) } ui-cms-header-service-area .service-nav>li>ui-link:hover, ui-cms-header-service-area .service-nav>li>a:hover { background-color: #e9e9e9 } ui-cms-header-service-area .service-nav .ui-dropdown { line-height: 24px; font-size: var(--sd-font-size-base, 1rem) } ui-cms-header-service-area .service-nav .global-search-trigger a { cursor: pointer; padding: 14px 12px 5px } ui-cms-header-service-area .service-nav .global-search-trigger a::before { font-family: UI-IconFont; content: \e645; line-height: 1; font-weight: normal; -webkit-font-smoothing: antialiased; overflow: hidden; font-size: 24px } ui-cms-header-service-area .service-nav .global-search { padding-right: 50px; width: 327px; display: none; position: relative } ui-cms-header-service-area .service-nav .global-search .close-search { cursor: pointer; position: absolute; right: 0; top: 0 } ui-cms-header-service-area .service-nav .global-search .close-search::before { font-family: UI-IconFont; content: \e63f; line-height: 1; font-weight: normal; -webkit-font-smoothing: antialiased; overflow: hidden; font-size: 24px } ui-cms-header-service-area .service-nav>li.global-search>a:hover { background-color: transparent } ui-cms-header-service-area .service-nav.search-active li, ui-cms-header-service-area .service-nav.search-active ui-dropdown { display: none } ui-cms-header-service-area .service-nav.search-active .global-search { display: inline-block } ui-cms-header-service-area .service-nav ui-icon { height: 24px; width: 24px; padding-right: 4px; vertical-align: bottom; box-sizing: content-box } @media (min-width: 1024px) { ui-cms-header-service-area { display: block } } /style> style> @charset UTF-8; :root { --current-background-color: #ffffff } mark { background-color: transparent; color: var(--skin-mark-color, var(--skin-color-accent, #2d9d00)) } .sd-display { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-display, .sd-display--size-3xl { font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-display--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 1024px) { .sd-display--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-display--size-4xl { font-size: var(--sd-font-size-3xl, 2rem); font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } @media (min-width: 1024px) { .sd-display--size-4xl { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-display--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta { font-size: var(--sd-font-size-base, 1rem); font-weight: 400; line-height: var(--sd-line-height-none, 100%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-meta--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-meta--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta--inverted.sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-meta--pipe:after { content: |; margin-left: var(--sd-spacing-1, 0.25rem); margin-right: var(--sd-spacing-1, 0.25rem) } .sd-meta--pipe.sd-meta--size-sm:after { margin-left: var(--sd-spacing-0-5, 0.125rem); margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-leadtext { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-leadtext, .sd-leadtext--size-lg { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-leadtext--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-leadtext--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-paragraph { font-size: var(--sd-font-size-base, 1rem) } .sd-paragraph, .sd-paragraph--size-sm { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-paragraph--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-paragraph--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } mark.sd-mark { background-color: transparent; --tw-text-opacity: 1; color: rgb(var(--sd-color-accent, 45 157 0)/var(--tw-text-opacity)) } .sd-interactive--reset { all: unset; outline: revert } .sd-interactive { cursor: pointer; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)); text-decoration-line: none; transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) } .sd-interactive:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-text-opacity)) } .sd-interactive:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-800, 5 21 48)/var(--tw-text-opacity)) } .sd-interactive:focus-visible { outline-color: rgb(var(--sd-color-primary, 0 53 142)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-interactive--inverted:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-text-opacity)) } .sd-interactive--inverted:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-interactive--inverted:focus-visible { outline-color: rgb(var(--sd-color-white, 255 255 255)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--disabled, .sd-interactivedisabled { cursor: not-allowed; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:hover:not(disabled), .sd-interactivedisabled:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:active:not(disabled), .sd-interactivedisabled:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-table-cell { border-style: solid; border-width: 1px 0; --tw-border-opacity: 1; background-color: transparent; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding: var(--sd-spacing-4, 1rem); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-table-cell--divider { border-right-width: 1px } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after, .sd-table-cell--shadow-top:after { pointer-events: none; position: absolute; --tw-gradient-from: rgb(0 0 0/var(--sd-opacity-10, .1)) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: transparent var(--tw-gradient-to-position); opacity: var(--sd-opacity-0, 0); transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-top:after { height: var(--sd-spacing-2-5, 0.625rem); left: var(--sd-spacing-0, 0); right: var(--sd-spacing-0, 0) } .sd-table-cell--shadow-bottom:before, .sd-table-cell--shadow-top:before { display: block; height: 1px; left: var(--sd-spacing-0, 0); position: absolute; width: 100%; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-bg-opacity)); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after { bottom: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0); width: var(--sd-spacing-2-5, 0.625rem) } .sd-table-cell.sd-table-cell--shadow-active:after { opacity: 100% } .sd-table-cell--shadow-top:after { background-image: linear-gradient(to top, var(--tw-gradient-stops)); top: -10px } .sd-table-cell--shadow-top:before { bottom: -1px } .sd-table-cell--shadow-bottom:after { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); bottom: -10px } .sd-table-cell--shadow-bottom:before { top: -1px } .sd-table-cell--shadow-left:after { background-image: linear-gradient(to left, var(--tw-gradient-stops)); left: -10px } .sd-table-cell--shadow-right:after { background-image: linear-gradient(to right, var(--tw-gradient-stops)); right: -10px } .sd-table-cell--bg-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-table-cell--bg-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-table-cell--bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)) } .sd-table { all: unset; border-collapse: collapse; display: table; --tw-border-spacing-x: var(--sd-spacing-0, 0px); --tw-border-spacing-y: var(--sd-spacing-0, 0px); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) } .sd-table tfoot tr:first-of-type, .sd-table thead tr:first-of-type { position: relative } .sd-headline { display: flex; font-size: var(--sd-font-size-3xl, 2rem); font-weight: 700; gap: var(--sd-spacing-4, 1rem); line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-headline sd-icon { flex-shrink: 0; font-size: 3rem; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline sd-icon { margin-top: var(--sd-spacing-2, 0.5rem) } } .sd-headline--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 640px) { .sd-headline--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-headline--size-3xl sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } @media (min-width: 640px) { .sd-headline--size-3xl sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base, .sd-headline--size-lg, .sd-headline--size-xl { gap: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon, .sd-headline--size-lg sd-icon, .sd-headline--size-xl sd-icon { font-size: 2rem } .sd-headline--size-xl { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } @media (min-width: 640px) { .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } } .sd-headline--size-base, .sd-headline--size-lg { line-height: var(--sd-line-height-normal, 150%) } .sd-headline--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } @media (min-width: 640px) { .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base { font-size: var(--sd-font-size-base, 1rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } .sd-headline--size-base mark { color: inherit } .sd-headline--inverted, .sd-headline--inverted sd-icon { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-headline--inline { display: inline } .sd-headline--inline sd-icon { margin-right: var(--sd-spacing-2, 0.5rem); margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1); vertical-align: middle } .sd-headline--inline.sd-headline--size-base sd-icon, .sd-headline--inline.sd-headline--size-lg sd-icon, .sd-headline--inline.sd-headline--size-xl sd-icon { margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-container { position: relative; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)); padding: var(--sd-spacing-8, 2rem) var(--sd-spacing-10, 2.5rem) } .sd-container--variant-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-container--variant-primary { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-bg-opacity)) } .sd-container--variant-border-neutral-400 { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); border-width: 1px } .sd-container--variant-border-neutral-400, .sd-container--variant-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-container--padding-sm { padding: var(--sd-spacing-4, 1rem) var(--sd-spacing-6, 1.5rem) } .sd-container { --triangle-background: #fff } .sd-container--triangle-bottom:before, .sd-container--triangle-left:before, .sd-container--triangle-right:before, .sd-container--triangle-top:before { border-color: transparent; border-style: solid; border-width: 14px; content: ; display: block; position: absolute } .sd-container--triangle-top:before { border-top-color: var(--triangle-background); left: calc(50% - 14px); top: var(--sd-spacing-0, 0) } .sd-container--triangle-right:before { border-right-color: var(--triangle-background); right: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom:before { border-bottom-color: var(--triangle-background); bottom: var(--sd-spacing-0, 0); left: calc(50% - 14px) } .sd-container--triangle-left:before { border-left-color: var(--triangle-background); left: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { border-color: transparent; border-style: solid; content: ; display: block; position: absolute } .sd-container--triangle-bottom-border:after, .sd-container--triangle-left-border:after, .sd-container--triangle-right-border:after, .sd-container--triangle-top-border:after { border-width: 14px } .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:before { border-width: 15px } .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { top: -1px } .sd-container--triangle-top-border:before { --tw-border-opacity: 1; border-top-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-top-border:after { border-top-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before { right: -1px } .sd-container--triangle-right-border:before { --tw-border-opacity: 1; border-right-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-right-border:after { border-right-color: var(--triangle-background); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before { bottom: -1px } .sd-container--triangle-bottom-border:before { --tw-border-opacity: 1; border-bottom-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-bottom-border:after { border-bottom-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before { left: -1px } .sd-container--triangle-left-border:before { --tw-border-opacity: 1; border-left-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-left-border:after { border-left-color: var(--triangle-background); top: calc(50% - 14px) } .sd-chip { align-items: center; border-radius: var(--sd-border-radius-default, 0.25rem); display: inline-flex; height: var(--sd-spacing-6, 1.5rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-2, 0.5rem); padding-right: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-chip--primary-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-chip--primary-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-300, 200 213 231)/var(--tw-bg-opacity)) } .sd-chip--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-flag { align-items: center; display: inline-flex; height: var(--sd-spacing-8, 2rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-200, 233 233 233)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-3, 0.75rem); padding-right: var(--sd-spacing-3, 0.75rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-flag--neutral-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-500, 174 174 174)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-flag--neutral-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-300, 218 218 218)/var(--tw-bg-opacity)) } .sd-flag--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-list { padding-bottom: var(--sd-spacing-4, 1rem); padding-top: var(--sd-spacing-4, 1rem); text-align: left } .sd-list--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list:is(ol) ol { counter-reset: item } .sd-list:is(ol) li:not(:first-child) { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li { counter-increment: item; display: table } .sd-list:is(ol) li:before { content: counters(item, .) . ; display: table-cell; padding-right: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ol) li li { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li li:before { content: counters(item, .) . } .sd-list:is(ul):not(.sd-list--icon) { list-style-type: •; margin-left: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) li { margin-left: calc(var(--sd-spacing-2, 0.5rem) * -1); padding-left: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ul):not(.sd-list--icon) li:not(:first-child) { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) li li { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) ul { list-style-type: ⬝; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) ul ul { list-style-type: ‐; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list--icon.sd-list--inverted li .sd-list--icon__icon:first-of-type, .sd-list--icon.sd-list--inverted li sd-icon:first-of-type { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list--icon { list-style-type: } .sd-list--icon>li:first-of-type { padding-top: var(--sd-spacing-0, 0) } .sd-list--icon li { line-height: 32px; padding-left: var(--sd-spacing-10, 2.5rem); padding-top: var(--sd-spacing-3, 0.75rem); position: relative } .sd-list--icon li .sd-list--icon__icon:first-of-type, .sd-list--icon li sd-icon:first-of-type { font-size: var(--sd-font-size-3xl, 2rem); left: var(--sd-spacing-0, 0); position: absolute; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } .sd-list--icon.sd-list--horizontal { display: flex } .sd-list--icon.sd-list--horizontal li { display: flex; padding-top: var(--sd-spacing-0, 0) } .sd-list--icon.sd-list--horizontal li:not(:last-child) { margin-right: var(--sd-spacing-8, 2rem) } .sd-copyright { position: relative } .sd-copyright:after { bottom: var(--sd-spacing-0, 0); display: block; font-size: var(--sd-font-size-sm, 0.875rem); left: var(--sd-spacing-0, 0); padding-bottom: var(--sd-spacing-2, 0.5rem); padding-left: var(--sd-spacing-4, 1rem); position: absolute; width: 100%; --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)); content: var(--copyright); text-shadow: 0 1px 3px rgba(81, 81, 81, 0.7490196078) } figure.sd-media { margin: var(--sd-spacing-0, 0) } figure.sd-media figcaption { --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } figure.sd-media figcaption:last-child { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-footnotes { font-size: var(--sd-font-size-sm, 0.875rem); margin-bottom: var(--sd-spacing-0, 0); margin-top: var(--sd-spacing-0, 0); padding: var(--sd-spacing-0, 0); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-footnotes:is(ol) li { counter-increment: list-item; display: flex; gap: var(--sd-spacing-2, 0.5rem) } .sd-footnotes:is(ol) li:before { content: counter(list-item); font-size: 10px; line-height: var(--sd-line-height-normal, 150%); padding-top: 1px; width: var(--sd-spacing-5, 1.25rem) } .sd-footnotes:is(ul) { list-style: } .sd-footnotes--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-scroll-lock { overflow: hidden !important; padding-right: var(--sd-scroll-lock-size) !important } .sd-toast-stack { box-sizing: border-box; max-height: 100%; max-width: 400px; position: fixed; z-index: var(--sd-z-index-alert-group, 950) } .sd-toast-stack--top-right { margin-right: var(--sd-spacing-4, 1rem); right: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0) } .sd-toast-stack--bottom-center { bottom: var(--sd-spacing-0, 0); --tw-translate-x: -50%; inset-inline-start: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .sd-toast-stack sd-notification::part(base) { --tw-shadow: var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, .75)); --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) } .sd-toast-stack sd-notification::part(content) { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-border-opacity)) } *, *::before, *::after { box-sizing: border-box } p { margin: 0 } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } @media (min-width: 1024px) { ui-cms-navigation { position: relative } ui-cms-navigation .position-helper { display: block !important; visibility: hidden } } ui-cms-navigation .main-navigation { padding: 0; margin: 0; position: relative; display: flex; list-style: none } ui-cms-navigation .menuItemMeta { font-size: 14px; line-height: 20px } /style> style> @charset UTF-8; :root { --current-background-color: #ffffff } mark { background-color: transparent; color: var(--skin-mark-color, var(--skin-color-accent, #2d9d00)) } .sd-display { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-display, .sd-display--size-3xl { font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-display--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 1024px) { .sd-display--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-display--size-4xl { font-size: var(--sd-font-size-3xl, 2rem); font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } @media (min-width: 1024px) { .sd-display--size-4xl { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-display--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta { font-size: var(--sd-font-size-base, 1rem); font-weight: 400; line-height: var(--sd-line-height-none, 100%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-meta--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-meta--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta--inverted.sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-meta--pipe:after { content: |; margin-left: var(--sd-spacing-1, 0.25rem); margin-right: var(--sd-spacing-1, 0.25rem) } .sd-meta--pipe.sd-meta--size-sm:after { margin-left: var(--sd-spacing-0-5, 0.125rem); margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-leadtext { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-leadtext, .sd-leadtext--size-lg { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-leadtext--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-leadtext--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-paragraph { font-size: var(--sd-font-size-base, 1rem) } .sd-paragraph, .sd-paragraph--size-sm { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-paragraph--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-paragraph--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } mark.sd-mark { background-color: transparent; --tw-text-opacity: 1; color: rgb(var(--sd-color-accent, 45 157 0)/var(--tw-text-opacity)) } .sd-interactive--reset { all: unset; outline: revert } .sd-interactive { cursor: pointer; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)); text-decoration-line: none; transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) } .sd-interactive:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-text-opacity)) } .sd-interactive:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-800, 5 21 48)/var(--tw-text-opacity)) } .sd-interactive:focus-visible { outline-color: rgb(var(--sd-color-primary, 0 53 142)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-interactive--inverted:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-text-opacity)) } .sd-interactive--inverted:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-interactive--inverted:focus-visible { outline-color: rgb(var(--sd-color-white, 255 255 255)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--disabled, .sd-interactivedisabled { cursor: not-allowed; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:hover:not(disabled), .sd-interactivedisabled:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:active:not(disabled), .sd-interactivedisabled:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-table-cell { border-style: solid; border-width: 1px 0; --tw-border-opacity: 1; background-color: transparent; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding: var(--sd-spacing-4, 1rem); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-table-cell--divider { border-right-width: 1px } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after, .sd-table-cell--shadow-top:after { pointer-events: none; position: absolute; --tw-gradient-from: rgb(0 0 0/var(--sd-opacity-10, .1)) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: transparent var(--tw-gradient-to-position); opacity: var(--sd-opacity-0, 0); transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-top:after { height: var(--sd-spacing-2-5, 0.625rem); left: var(--sd-spacing-0, 0); right: var(--sd-spacing-0, 0) } .sd-table-cell--shadow-bottom:before, .sd-table-cell--shadow-top:before { display: block; height: 1px; left: var(--sd-spacing-0, 0); position: absolute; width: 100%; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-bg-opacity)); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after { bottom: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0); width: var(--sd-spacing-2-5, 0.625rem) } .sd-table-cell.sd-table-cell--shadow-active:after { opacity: 100% } .sd-table-cell--shadow-top:after { background-image: linear-gradient(to top, var(--tw-gradient-stops)); top: -10px } .sd-table-cell--shadow-top:before { bottom: -1px } .sd-table-cell--shadow-bottom:after { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); bottom: -10px } .sd-table-cell--shadow-bottom:before { top: -1px } .sd-table-cell--shadow-left:after { background-image: linear-gradient(to left, var(--tw-gradient-stops)); left: -10px } .sd-table-cell--shadow-right:after { background-image: linear-gradient(to right, var(--tw-gradient-stops)); right: -10px } .sd-table-cell--bg-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-table-cell--bg-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-table-cell--bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)) } .sd-table { all: unset; border-collapse: collapse; display: table; --tw-border-spacing-x: var(--sd-spacing-0, 0px); --tw-border-spacing-y: var(--sd-spacing-0, 0px); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) } .sd-table tfoot tr:first-of-type, .sd-table thead tr:first-of-type { position: relative } .sd-headline { display: flex; font-size: var(--sd-font-size-3xl, 2rem); font-weight: 700; gap: var(--sd-spacing-4, 1rem); line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-headline sd-icon { flex-shrink: 0; font-size: 3rem; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline sd-icon { margin-top: var(--sd-spacing-2, 0.5rem) } } .sd-headline--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 640px) { .sd-headline--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-headline--size-3xl sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } @media (min-width: 640px) { .sd-headline--size-3xl sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base, .sd-headline--size-lg, .sd-headline--size-xl { gap: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon, .sd-headline--size-lg sd-icon, .sd-headline--size-xl sd-icon { font-size: 2rem } .sd-headline--size-xl { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } @media (min-width: 640px) { .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } } .sd-headline--size-base, .sd-headline--size-lg { line-height: var(--sd-line-height-normal, 150%) } .sd-headline--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } @media (min-width: 640px) { .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base { font-size: var(--sd-font-size-base, 1rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } .sd-headline--size-base mark { color: inherit } .sd-headline--inverted, .sd-headline--inverted sd-icon { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-headline--inline { display: inline } .sd-headline--inline sd-icon { margin-right: var(--sd-spacing-2, 0.5rem); margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1); vertical-align: middle } .sd-headline--inline.sd-headline--size-base sd-icon, .sd-headline--inline.sd-headline--size-lg sd-icon, .sd-headline--inline.sd-headline--size-xl sd-icon { margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-container { position: relative; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)); padding: var(--sd-spacing-8, 2rem) var(--sd-spacing-10, 2.5rem) } .sd-container--variant-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-container--variant-primary { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-bg-opacity)) } .sd-container--variant-border-neutral-400 { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); border-width: 1px } .sd-container--variant-border-neutral-400, .sd-container--variant-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-container--padding-sm { padding: var(--sd-spacing-4, 1rem) var(--sd-spacing-6, 1.5rem) } .sd-container { --triangle-background: #fff } .sd-container--triangle-bottom:before, .sd-container--triangle-left:before, .sd-container--triangle-right:before, .sd-container--triangle-top:before { border-color: transparent; border-style: solid; border-width: 14px; content: ; display: block; position: absolute } .sd-container--triangle-top:before { border-top-color: var(--triangle-background); left: calc(50% - 14px); top: var(--sd-spacing-0, 0) } .sd-container--triangle-right:before { border-right-color: var(--triangle-background); right: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom:before { border-bottom-color: var(--triangle-background); bottom: var(--sd-spacing-0, 0); left: calc(50% - 14px) } .sd-container--triangle-left:before { border-left-color: var(--triangle-background); left: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { border-color: transparent; border-style: solid; content: ; display: block; position: absolute } .sd-container--triangle-bottom-border:after, .sd-container--triangle-left-border:after, .sd-container--triangle-right-border:after, .sd-container--triangle-top-border:after { border-width: 14px } .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:before { border-width: 15px } .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { top: -1px } .sd-container--triangle-top-border:before { --tw-border-opacity: 1; border-top-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-top-border:after { border-top-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before { right: -1px } .sd-container--triangle-right-border:before { --tw-border-opacity: 1; border-right-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-right-border:after { border-right-color: var(--triangle-background); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before { bottom: -1px } .sd-container--triangle-bottom-border:before { --tw-border-opacity: 1; border-bottom-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-bottom-border:after { border-bottom-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before { left: -1px } .sd-container--triangle-left-border:before { --tw-border-opacity: 1; border-left-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-left-border:after { border-left-color: var(--triangle-background); top: calc(50% - 14px) } .sd-chip { align-items: center; border-radius: var(--sd-border-radius-default, 0.25rem); display: inline-flex; height: var(--sd-spacing-6, 1.5rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-2, 0.5rem); padding-right: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-chip--primary-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-chip--primary-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-300, 200 213 231)/var(--tw-bg-opacity)) } .sd-chip--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-flag { align-items: center; display: inline-flex; height: var(--sd-spacing-8, 2rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-200, 233 233 233)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-3, 0.75rem); padding-right: var(--sd-spacing-3, 0.75rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-flag--neutral-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-500, 174 174 174)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-flag--neutral-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-300, 218 218 218)/var(--tw-bg-opacity)) } .sd-flag--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-list { padding-bottom: var(--sd-spacing-4, 1rem); padding-top: var(--sd-spacing-4, 1rem); text-align: left } .sd-list--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list:is(ol) ol { counter-reset: item } .sd-list:is(ol) li:not(:first-child) { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li { counter-increment: item; display: table } .sd-list:is(ol) li:before { content: counters(item, .) . ; display: table-cell; padding-right: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ol) li li { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li li:before { content: counters(item, .) . } .sd-list:is(ul):not(.sd-list--icon) { list-style-type: •; margin-left: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) li { margin-left: calc(var(--sd-spacing-2, 0.5rem) * -1); padding-left: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ul):not(.sd-list--icon) li:not(:first-child) { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) li li { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) ul { list-style-type: ⬝; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) ul ul { list-style-type: ‐; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list--icon.sd-list--inverted li .sd-list--icon__icon:first-of-type, .sd-list--icon.sd-list--inverted li sd-icon:first-of-type { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list--icon { list-style-type: } .sd-list--icon>li:first-of-type { padding-top: var(--sd-spacing-0, 0) } .sd-list--icon li { line-height: 32px; padding-left: var(--sd-spacing-10, 2.5rem); padding-top: var(--sd-spacing-3, 0.75rem); position: relative } .sd-list--icon li .sd-list--icon__icon:first-of-type, .sd-list--icon li sd-icon:first-of-type { font-size: var(--sd-font-size-3xl, 2rem); left: var(--sd-spacing-0, 0); position: absolute; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } .sd-list--icon.sd-list--horizontal { display: flex } .sd-list--icon.sd-list--horizontal li { display: flex; padding-top: var(--sd-spacing-0, 0) } .sd-list--icon.sd-list--horizontal li:not(:last-child) { margin-right: var(--sd-spacing-8, 2rem) } .sd-copyright { position: relative } .sd-copyright:after { bottom: var(--sd-spacing-0, 0); display: block; font-size: var(--sd-font-size-sm, 0.875rem); left: var(--sd-spacing-0, 0); padding-bottom: var(--sd-spacing-2, 0.5rem); padding-left: var(--sd-spacing-4, 1rem); position: absolute; width: 100%; --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)); content: var(--copyright); text-shadow: 0 1px 3px rgba(81, 81, 81, 0.7490196078) } figure.sd-media { margin: var(--sd-spacing-0, 0) } figure.sd-media figcaption { --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } figure.sd-media figcaption:last-child { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-footnotes { font-size: var(--sd-font-size-sm, 0.875rem); margin-bottom: var(--sd-spacing-0, 0); margin-top: var(--sd-spacing-0, 0); padding: var(--sd-spacing-0, 0); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-footnotes:is(ol) li { counter-increment: list-item; display: flex; gap: var(--sd-spacing-2, 0.5rem) } .sd-footnotes:is(ol) li:before { content: counter(list-item); font-size: 10px; line-height: var(--sd-line-height-normal, 150%); padding-top: 1px; width: var(--sd-spacing-5, 1.25rem) } .sd-footnotes:is(ul) { list-style: } .sd-footnotes--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-scroll-lock { overflow: hidden !important; padding-right: var(--sd-scroll-lock-size) !important } .sd-toast-stack { box-sizing: border-box; max-height: 100%; max-width: 400px; position: fixed; z-index: var(--sd-z-index-alert-group, 950) } .sd-toast-stack--top-right { margin-right: var(--sd-spacing-4, 1rem); right: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0) } .sd-toast-stack--bottom-center { bottom: var(--sd-spacing-0, 0); --tw-translate-x: -50%; inset-inline-start: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .sd-toast-stack sd-notification::part(base) { --tw-shadow: var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, .75)); --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) } .sd-toast-stack sd-notification::part(content) { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-border-opacity)) } *, *::before, *::after { box-sizing: border-box } p { margin: 0 } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } ui-cms-contact-channels-footer { display: block } ui-cms-contact-channels-footer .ui-cms-contact-channels-footer-container { display: flex; flex-direction: column; gap: 26px } ui-cms-contact-channels-footer .ui-cms-contact-channels-footer-container .contactbox__item { display: flex; justify-content: flex-start; align-items: center; line-height: 1.5 } ui-cms-contact-channels-footer .ui-cms-contact-channels-footer-container .contactbox__icon { margin-right: 20px; min-width: 48px; min-height: 48px; width: 2rem; height: 2rem } p { margin: 0 } .nowrap { white-space: nowrap } ui-cms-contact-channels-footer-miscellaneous { display: block } /style> style> @charset UTF-8; :root { --current-background-color: #ffffff } mark { background-color: transparent; color: var(--skin-mark-color, var(--skin-color-accent, #2d9d00)) } .sd-display { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-display, .sd-display--size-3xl { font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-display--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 1024px) { .sd-display--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-display--size-4xl { font-size: var(--sd-font-size-3xl, 2rem); font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } @media (min-width: 1024px) { .sd-display--size-4xl { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-display--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta { font-size: var(--sd-font-size-base, 1rem); font-weight: 400; line-height: var(--sd-line-height-none, 100%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-meta--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-meta--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta--inverted.sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-meta--pipe:after { content: |; margin-left: var(--sd-spacing-1, 0.25rem); margin-right: var(--sd-spacing-1, 0.25rem) } .sd-meta--pipe.sd-meta--size-sm:after { margin-left: var(--sd-spacing-0-5, 0.125rem); margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-leadtext { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-leadtext, .sd-leadtext--size-lg { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-leadtext--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-leadtext--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-paragraph { font-size: var(--sd-font-size-base, 1rem) } .sd-paragraph, .sd-paragraph--size-sm { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-paragraph--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-paragraph--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } mark.sd-mark { background-color: transparent; --tw-text-opacity: 1; color: rgb(var(--sd-color-accent, 45 157 0)/var(--tw-text-opacity)) } .sd-interactive--reset { all: unset; outline: revert } .sd-interactive { cursor: pointer; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)); text-decoration-line: none; transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) } .sd-interactive:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-text-opacity)) } .sd-interactive:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-800, 5 21 48)/var(--tw-text-opacity)) } .sd-interactive:focus-visible { outline-color: rgb(var(--sd-color-primary, 0 53 142)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-interactive--inverted:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-text-opacity)) } .sd-interactive--inverted:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-interactive--inverted:focus-visible { outline-color: rgb(var(--sd-color-white, 255 255 255)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--disabled, .sd-interactivedisabled { cursor: not-allowed; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:hover:not(disabled), .sd-interactivedisabled:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:active:not(disabled), .sd-interactivedisabled:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-table-cell { border-style: solid; border-width: 1px 0; --tw-border-opacity: 1; background-color: transparent; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding: var(--sd-spacing-4, 1rem); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-table-cell--divider { border-right-width: 1px } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after, .sd-table-cell--shadow-top:after { pointer-events: none; position: absolute; --tw-gradient-from: rgb(0 0 0/var(--sd-opacity-10, .1)) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: transparent var(--tw-gradient-to-position); opacity: var(--sd-opacity-0, 0); transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-top:after { height: var(--sd-spacing-2-5, 0.625rem); left: var(--sd-spacing-0, 0); right: var(--sd-spacing-0, 0) } .sd-table-cell--shadow-bottom:before, .sd-table-cell--shadow-top:before { display: block; height: 1px; left: var(--sd-spacing-0, 0); position: absolute; width: 100%; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-bg-opacity)); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after { bottom: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0); width: var(--sd-spacing-2-5, 0.625rem) } .sd-table-cell.sd-table-cell--shadow-active:after { opacity: 100% } .sd-table-cell--shadow-top:after { background-image: linear-gradient(to top, var(--tw-gradient-stops)); top: -10px } .sd-table-cell--shadow-top:before { bottom: -1px } .sd-table-cell--shadow-bottom:after { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); bottom: -10px } .sd-table-cell--shadow-bottom:before { top: -1px } .sd-table-cell--shadow-left:after { background-image: linear-gradient(to left, var(--tw-gradient-stops)); left: -10px } .sd-table-cell--shadow-right:after { background-image: linear-gradient(to right, var(--tw-gradient-stops)); right: -10px } .sd-table-cell--bg-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-table-cell--bg-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-table-cell--bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)) } .sd-table { all: unset; border-collapse: collapse; display: table; --tw-border-spacing-x: var(--sd-spacing-0, 0px); --tw-border-spacing-y: var(--sd-spacing-0, 0px); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) } .sd-table tfoot tr:first-of-type, .sd-table thead tr:first-of-type { position: relative } .sd-headline { display: flex; font-size: var(--sd-font-size-3xl, 2rem); font-weight: 700; gap: var(--sd-spacing-4, 1rem); line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-headline sd-icon { flex-shrink: 0; font-size: 3rem; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline sd-icon { margin-top: var(--sd-spacing-2, 0.5rem) } } .sd-headline--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 640px) { .sd-headline--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-headline--size-3xl sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } @media (min-width: 640px) { .sd-headline--size-3xl sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base, .sd-headline--size-lg, .sd-headline--size-xl { gap: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon, .sd-headline--size-lg sd-icon, .sd-headline--size-xl sd-icon { font-size: 2rem } .sd-headline--size-xl { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } @media (min-width: 640px) { .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } } .sd-headline--size-base, .sd-headline--size-lg { line-height: var(--sd-line-height-normal, 150%) } .sd-headline--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } @media (min-width: 640px) { .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base { font-size: var(--sd-font-size-base, 1rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } .sd-headline--size-base mark { color: inherit } .sd-headline--inverted, .sd-headline--inverted sd-icon { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-headline--inline { display: inline } .sd-headline--inline sd-icon { margin-right: var(--sd-spacing-2, 0.5rem); margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1); vertical-align: middle } .sd-headline--inline.sd-headline--size-base sd-icon, .sd-headline--inline.sd-headline--size-lg sd-icon, .sd-headline--inline.sd-headline--size-xl sd-icon { margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-container { position: relative; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)); padding: var(--sd-spacing-8, 2rem) var(--sd-spacing-10, 2.5rem) } .sd-container--variant-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-container--variant-primary { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-bg-opacity)) } .sd-container--variant-border-neutral-400 { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); border-width: 1px } .sd-container--variant-border-neutral-400, .sd-container--variant-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-container--padding-sm { padding: var(--sd-spacing-4, 1rem) var(--sd-spacing-6, 1.5rem) } .sd-container { --triangle-background: #fff } .sd-container--triangle-bottom:before, .sd-container--triangle-left:before, .sd-container--triangle-right:before, .sd-container--triangle-top:before { border-color: transparent; border-style: solid; border-width: 14px; content: ; display: block; position: absolute } .sd-container--triangle-top:before { border-top-color: var(--triangle-background); left: calc(50% - 14px); top: var(--sd-spacing-0, 0) } .sd-container--triangle-right:before { border-right-color: var(--triangle-background); right: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom:before { border-bottom-color: var(--triangle-background); bottom: var(--sd-spacing-0, 0); left: calc(50% - 14px) } .sd-container--triangle-left:before { border-left-color: var(--triangle-background); left: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { border-color: transparent; border-style: solid; content: ; display: block; position: absolute } .sd-container--triangle-bottom-border:after, .sd-container--triangle-left-border:after, .sd-container--triangle-right-border:after, .sd-container--triangle-top-border:after { border-width: 14px } .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:before { border-width: 15px } .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { top: -1px } .sd-container--triangle-top-border:before { --tw-border-opacity: 1; border-top-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-top-border:after { border-top-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before { right: -1px } .sd-container--triangle-right-border:before { --tw-border-opacity: 1; border-right-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-right-border:after { border-right-color: var(--triangle-background); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before { bottom: -1px } .sd-container--triangle-bottom-border:before { --tw-border-opacity: 1; border-bottom-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-bottom-border:after { border-bottom-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before { left: -1px } .sd-container--triangle-left-border:before { --tw-border-opacity: 1; border-left-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-left-border:after { border-left-color: var(--triangle-background); top: calc(50% - 14px) } .sd-chip { align-items: center; border-radius: var(--sd-border-radius-default, 0.25rem); display: inline-flex; height: var(--sd-spacing-6, 1.5rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-2, 0.5rem); padding-right: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-chip--primary-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-chip--primary-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-300, 200 213 231)/var(--tw-bg-opacity)) } .sd-chip--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-flag { align-items: center; display: inline-flex; height: var(--sd-spacing-8, 2rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-200, 233 233 233)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-3, 0.75rem); padding-right: var(--sd-spacing-3, 0.75rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-flag--neutral-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-500, 174 174 174)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-flag--neutral-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-300, 218 218 218)/var(--tw-bg-opacity)) } .sd-flag--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-list { padding-bottom: var(--sd-spacing-4, 1rem); padding-top: var(--sd-spacing-4, 1rem); text-align: left } .sd-list--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list:is(ol) ol { counter-reset: item } .sd-list:is(ol) li:not(:first-child) { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li { counter-increment: item; display: table } .sd-list:is(ol) li:before { content: counters(item, .) . ; display: table-cell; padding-right: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ol) li li { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li li:before { content: counters(item, .) . } .sd-list:is(ul):not(.sd-list--icon) { list-style-type: •; margin-left: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) li { margin-left: calc(var(--sd-spacing-2, 0.5rem) * -1); padding-left: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ul):not(.sd-list--icon) li:not(:first-child) { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) li li { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) ul { list-style-type: ⬝; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) ul ul { list-style-type: ‐; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list--icon.sd-list--inverted li .sd-list--icon__icon:first-of-type, .sd-list--icon.sd-list--inverted li sd-icon:first-of-type { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list--icon { list-style-type: } .sd-list--icon>li:first-of-type { padding-top: var(--sd-spacing-0, 0) } .sd-list--icon li { line-height: 32px; padding-left: var(--sd-spacing-10, 2.5rem); padding-top: var(--sd-spacing-3, 0.75rem); position: relative } .sd-list--icon li .sd-list--icon__icon:first-of-type, .sd-list--icon li sd-icon:first-of-type { font-size: var(--sd-font-size-3xl, 2rem); left: var(--sd-spacing-0, 0); position: absolute; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } .sd-list--icon.sd-list--horizontal { display: flex } .sd-list--icon.sd-list--horizontal li { display: flex; padding-top: var(--sd-spacing-0, 0) } .sd-list--icon.sd-list--horizontal li:not(:last-child) { margin-right: var(--sd-spacing-8, 2rem) } .sd-copyright { position: relative } .sd-copyright:after { bottom: var(--sd-spacing-0, 0); display: block; font-size: var(--sd-font-size-sm, 0.875rem); left: var(--sd-spacing-0, 0); padding-bottom: var(--sd-spacing-2, 0.5rem); padding-left: var(--sd-spacing-4, 1rem); position: absolute; width: 100%; --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)); content: var(--copyright); text-shadow: 0 1px 3px rgba(81, 81, 81, 0.7490196078) } figure.sd-media { margin: var(--sd-spacing-0, 0) } figure.sd-media figcaption { --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } figure.sd-media figcaption:last-child { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-footnotes { font-size: var(--sd-font-size-sm, 0.875rem); margin-bottom: var(--sd-spacing-0, 0); margin-top: var(--sd-spacing-0, 0); padding: var(--sd-spacing-0, 0); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-footnotes:is(ol) li { counter-increment: list-item; display: flex; gap: var(--sd-spacing-2, 0.5rem) } .sd-footnotes:is(ol) li:before { content: counter(list-item); font-size: 10px; line-height: var(--sd-line-height-normal, 150%); padding-top: 1px; width: var(--sd-spacing-5, 1.25rem) } .sd-footnotes:is(ul) { list-style: } .sd-footnotes--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-scroll-lock { overflow: hidden !important; padding-right: var(--sd-scroll-lock-size) !important } .sd-toast-stack { box-sizing: border-box; max-height: 100%; max-width: 400px; position: fixed; z-index: var(--sd-z-index-alert-group, 950) } .sd-toast-stack--top-right { margin-right: var(--sd-spacing-4, 1rem); right: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0) } .sd-toast-stack--bottom-center { bottom: var(--sd-spacing-0, 0); --tw-translate-x: -50%; inset-inline-start: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .sd-toast-stack sd-notification::part(base) { --tw-shadow: var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, .75)); --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) } .sd-toast-stack sd-notification::part(content) { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-border-opacity)) } *, *::before, *::after { box-sizing: border-box } p { margin: 0 } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } ui-cms-contact-channels-footer { display: block } ui-cms-contact-channels-footer .ui-cms-contact-channels-footer-container { display: flex; flex-direction: column; gap: 26px } ui-cms-contact-channels-footer .ui-cms-contact-channels-footer-container .contactbox__item { display: flex; justify-content: flex-start; align-items: center; line-height: 1.5 } ui-cms-contact-channels-footer .ui-cms-contact-channels-footer-container .contactbox__icon { margin-right: 20px; min-width: 48px; min-height: 48px; width: 2rem; height: 2rem } p { margin: 0 } .nowrap { white-space: nowrap } ui-cms-contact-channels-footer-email { display: block } /style> style> @charset UTF-8; :root { --current-background-color: #ffffff } mark { background-color: transparent; color: var(--skin-mark-color, var(--skin-color-accent, #2d9d00)) } .sd-display { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-display, .sd-display--size-3xl { font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-display--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 1024px) { .sd-display--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-display--size-4xl { font-size: var(--sd-font-size-3xl, 2rem); font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } @media (min-width: 1024px) { .sd-display--size-4xl { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-display--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta { font-size: var(--sd-font-size-base, 1rem); font-weight: 400; line-height: var(--sd-line-height-none, 100%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-meta--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-meta--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta--inverted.sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-meta--pipe:after { content: |; margin-left: var(--sd-spacing-1, 0.25rem); margin-right: var(--sd-spacing-1, 0.25rem) } .sd-meta--pipe.sd-meta--size-sm:after { margin-left: var(--sd-spacing-0-5, 0.125rem); margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-leadtext { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-leadtext, .sd-leadtext--size-lg { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-leadtext--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-leadtext--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-paragraph { font-size: var(--sd-font-size-base, 1rem) } .sd-paragraph, .sd-paragraph--size-sm { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-paragraph--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-paragraph--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } mark.sd-mark { background-color: transparent; --tw-text-opacity: 1; color: rgb(var(--sd-color-accent, 45 157 0)/var(--tw-text-opacity)) } .sd-interactive--reset { all: unset; outline: revert } .sd-interactive { cursor: pointer; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)); text-decoration-line: none; transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) } .sd-interactive:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-text-opacity)) } .sd-interactive:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-800, 5 21 48)/var(--tw-text-opacity)) } .sd-interactive:focus-visible { outline-color: rgb(var(--sd-color-primary, 0 53 142)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-interactive--inverted:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-text-opacity)) } .sd-interactive--inverted:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-interactive--inverted:focus-visible { outline-color: rgb(var(--sd-color-white, 255 255 255)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--disabled, .sd-interactivedisabled { cursor: not-allowed; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:hover:not(disabled), .sd-interactivedisabled:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:active:not(disabled), .sd-interactivedisabled:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-table-cell { border-style: solid; border-width: 1px 0; --tw-border-opacity: 1; background-color: transparent; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding: var(--sd-spacing-4, 1rem); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-table-cell--divider { border-right-width: 1px } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after, .sd-table-cell--shadow-top:after { pointer-events: none; position: absolute; --tw-gradient-from: rgb(0 0 0/var(--sd-opacity-10, .1)) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: transparent var(--tw-gradient-to-position); opacity: var(--sd-opacity-0, 0); transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-top:after { height: var(--sd-spacing-2-5, 0.625rem); left: var(--sd-spacing-0, 0); right: var(--sd-spacing-0, 0) } .sd-table-cell--shadow-bottom:before, .sd-table-cell--shadow-top:before { display: block; height: 1px; left: var(--sd-spacing-0, 0); position: absolute; width: 100%; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-bg-opacity)); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after { bottom: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0); width: var(--sd-spacing-2-5, 0.625rem) } .sd-table-cell.sd-table-cell--shadow-active:after { opacity: 100% } .sd-table-cell--shadow-top:after { background-image: linear-gradient(to top, var(--tw-gradient-stops)); top: -10px } .sd-table-cell--shadow-top:before { bottom: -1px } .sd-table-cell--shadow-bottom:after { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); bottom: -10px } .sd-table-cell--shadow-bottom:before { top: -1px } .sd-table-cell--shadow-left:after { background-image: linear-gradient(to left, var(--tw-gradient-stops)); left: -10px } .sd-table-cell--shadow-right:after { background-image: linear-gradient(to right, var(--tw-gradient-stops)); right: -10px } .sd-table-cell--bg-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-table-cell--bg-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-table-cell--bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)) } .sd-table { all: unset; border-collapse: collapse; display: table; --tw-border-spacing-x: var(--sd-spacing-0, 0px); --tw-border-spacing-y: var(--sd-spacing-0, 0px); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) } .sd-table tfoot tr:first-of-type, .sd-table thead tr:first-of-type { position: relative } .sd-headline { display: flex; font-size: var(--sd-font-size-3xl, 2rem); font-weight: 700; gap: var(--sd-spacing-4, 1rem); line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-headline sd-icon { flex-shrink: 0; font-size: 3rem; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline sd-icon { margin-top: var(--sd-spacing-2, 0.5rem) } } .sd-headline--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 640px) { .sd-headline--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-headline--size-3xl sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } @media (min-width: 640px) { .sd-headline--size-3xl sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base, .sd-headline--size-lg, .sd-headline--size-xl { gap: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon, .sd-headline--size-lg sd-icon, .sd-headline--size-xl sd-icon { font-size: 2rem } .sd-headline--size-xl { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } @media (min-width: 640px) { .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } } .sd-headline--size-base, .sd-headline--size-lg { line-height: var(--sd-line-height-normal, 150%) } .sd-headline--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } @media (min-width: 640px) { .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base { font-size: var(--sd-font-size-base, 1rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } .sd-headline--size-base mark { color: inherit } .sd-headline--inverted, .sd-headline--inverted sd-icon { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-headline--inline { display: inline } .sd-headline--inline sd-icon { margin-right: var(--sd-spacing-2, 0.5rem); margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1); vertical-align: middle } .sd-headline--inline.sd-headline--size-base sd-icon, .sd-headline--inline.sd-headline--size-lg sd-icon, .sd-headline--inline.sd-headline--size-xl sd-icon { margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-container { position: relative; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)); padding: var(--sd-spacing-8, 2rem) var(--sd-spacing-10, 2.5rem) } .sd-container--variant-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-container--variant-primary { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-bg-opacity)) } .sd-container--variant-border-neutral-400 { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); border-width: 1px } .sd-container--variant-border-neutral-400, .sd-container--variant-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-container--padding-sm { padding: var(--sd-spacing-4, 1rem) var(--sd-spacing-6, 1.5rem) } .sd-container { --triangle-background: #fff } .sd-container--triangle-bottom:before, .sd-container--triangle-left:before, .sd-container--triangle-right:before, .sd-container--triangle-top:before { border-color: transparent; border-style: solid; border-width: 14px; content: ; display: block; position: absolute } .sd-container--triangle-top:before { border-top-color: var(--triangle-background); left: calc(50% - 14px); top: var(--sd-spacing-0, 0) } .sd-container--triangle-right:before { border-right-color: var(--triangle-background); right: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom:before { border-bottom-color: var(--triangle-background); bottom: var(--sd-spacing-0, 0); left: calc(50% - 14px) } .sd-container--triangle-left:before { border-left-color: var(--triangle-background); left: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { border-color: transparent; border-style: solid; content: ; display: block; position: absolute } .sd-container--triangle-bottom-border:after, .sd-container--triangle-left-border:after, .sd-container--triangle-right-border:after, .sd-container--triangle-top-border:after { border-width: 14px } .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:before { border-width: 15px } .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { top: -1px } .sd-container--triangle-top-border:before { --tw-border-opacity: 1; border-top-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-top-border:after { border-top-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before { right: -1px } .sd-container--triangle-right-border:before { --tw-border-opacity: 1; border-right-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-right-border:after { border-right-color: var(--triangle-background); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before { bottom: -1px } .sd-container--triangle-bottom-border:before { --tw-border-opacity: 1; border-bottom-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-bottom-border:after { border-bottom-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before { left: -1px } .sd-container--triangle-left-border:before { --tw-border-opacity: 1; border-left-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-left-border:after { border-left-color: var(--triangle-background); top: calc(50% - 14px) } .sd-chip { align-items: center; border-radius: var(--sd-border-radius-default, 0.25rem); display: inline-flex; height: var(--sd-spacing-6, 1.5rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-2, 0.5rem); padding-right: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-chip--primary-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-chip--primary-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-300, 200 213 231)/var(--tw-bg-opacity)) } .sd-chip--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-flag { align-items: center; display: inline-flex; height: var(--sd-spacing-8, 2rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-200, 233 233 233)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-3, 0.75rem); padding-right: var(--sd-spacing-3, 0.75rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-flag--neutral-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-500, 174 174 174)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-flag--neutral-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-300, 218 218 218)/var(--tw-bg-opacity)) } .sd-flag--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-list { padding-bottom: var(--sd-spacing-4, 1rem); padding-top: var(--sd-spacing-4, 1rem); text-align: left } .sd-list--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list:is(ol) ol { counter-reset: item } .sd-list:is(ol) li:not(:first-child) { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li { counter-increment: item; display: table } .sd-list:is(ol) li:before { content: counters(item, .) . ; display: table-cell; padding-right: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ol) li li { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li li:before { content: counters(item, .) . } .sd-list:is(ul):not(.sd-list--icon) { list-style-type: •; margin-left: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) li { margin-left: calc(var(--sd-spacing-2, 0.5rem) * -1); padding-left: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ul):not(.sd-list--icon) li:not(:first-child) { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) li li { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) ul { list-style-type: ⬝; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) ul ul { list-style-type: ‐; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list--icon.sd-list--inverted li .sd-list--icon__icon:first-of-type, .sd-list--icon.sd-list--inverted li sd-icon:first-of-type { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list--icon { list-style-type: } .sd-list--icon>li:first-of-type { padding-top: var(--sd-spacing-0, 0) } .sd-list--icon li { line-height: 32px; padding-left: var(--sd-spacing-10, 2.5rem); padding-top: var(--sd-spacing-3, 0.75rem); position: relative } .sd-list--icon li .sd-list--icon__icon:first-of-type, .sd-list--icon li sd-icon:first-of-type { font-size: var(--sd-font-size-3xl, 2rem); left: var(--sd-spacing-0, 0); position: absolute; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } .sd-list--icon.sd-list--horizontal { display: flex } .sd-list--icon.sd-list--horizontal li { display: flex; padding-top: var(--sd-spacing-0, 0) } .sd-list--icon.sd-list--horizontal li:not(:last-child) { margin-right: var(--sd-spacing-8, 2rem) } .sd-copyright { position: relative } .sd-copyright:after { bottom: var(--sd-spacing-0, 0); display: block; font-size: var(--sd-font-size-sm, 0.875rem); left: var(--sd-spacing-0, 0); padding-bottom: var(--sd-spacing-2, 0.5rem); padding-left: var(--sd-spacing-4, 1rem); position: absolute; width: 100%; --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)); content: var(--copyright); text-shadow: 0 1px 3px rgba(81, 81, 81, 0.7490196078) } figure.sd-media { margin: var(--sd-spacing-0, 0) } figure.sd-media figcaption { --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } figure.sd-media figcaption:last-child { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-footnotes { font-size: var(--sd-font-size-sm, 0.875rem); margin-bottom: var(--sd-spacing-0, 0); margin-top: var(--sd-spacing-0, 0); padding: var(--sd-spacing-0, 0); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-footnotes:is(ol) li { counter-increment: list-item; display: flex; gap: var(--sd-spacing-2, 0.5rem) } .sd-footnotes:is(ol) li:before { content: counter(list-item); font-size: 10px; line-height: var(--sd-line-height-normal, 150%); padding-top: 1px; width: var(--sd-spacing-5, 1.25rem) } .sd-footnotes:is(ul) { list-style: } .sd-footnotes--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-scroll-lock { overflow: hidden !important; padding-right: var(--sd-scroll-lock-size) !important } .sd-toast-stack { box-sizing: border-box; max-height: 100%; max-width: 400px; position: fixed; z-index: var(--sd-z-index-alert-group, 950) } .sd-toast-stack--top-right { margin-right: var(--sd-spacing-4, 1rem); right: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0) } .sd-toast-stack--bottom-center { bottom: var(--sd-spacing-0, 0); --tw-translate-x: -50%; inset-inline-start: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .sd-toast-stack sd-notification::part(base) { --tw-shadow: var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, .75)); --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) } .sd-toast-stack sd-notification::part(content) { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-border-opacity)) } *, *::before, *::after { box-sizing: border-box } p { margin: 0 } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } .notify .channel-contactbox *:not(.button) { display: none } :host { display: block; font-family: var(--component-sticky-toolbar-item-content-font-family, var(--skin-font-family-primary, Frutiger Neue, Arial, sans-serif)); height: 45px } :host .toolbar-item { border-bottom: 1px solid #ffffff; border: none; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 45px; height: 45px; background-color: var(--component-sticky-toolbar-item-color-bg, var(--skin-color-primary, #00358e)); cursor: pointer; text-decoration: none; color: #ffffff; z-index: 320; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } :host .toolbar-item__icon { --component-icon-color: var(--component-sticky-toolbar-item-color-icon, var(--skin-color-primary-inverted, #ffffff)); width: 25px; height: 25px } :host .toolbar-item.open { background-color: var(--component-sticky-toolbar-item-color-bg-active, var(--skin-color-primary-inverted, #ffffff)) } :host .toolbar-item.open .toolbar-item__icon { --component-icon-color: var(--component-sticky-toolbar-item-color-icon-active, var(--skin-color-accent, #2d9d00)) } :host .toolbar-item:last-of-type { border-bottom: none } :host .content { --current-color-primary: var(--skin-color-primary); --current-color-primary-inverted: var(--skin-color-primary-inverted); --current-color-primary-light: var(--skin-color-primary-light); --current-color-primary-light-inverted: var(--skin-color-primary-light-inverted); --current-color-primary-shade: var(--skin-color-primary-shade); --current-color-primary-shade-inverted: var(--skin-color-primary-shade-inverted); --current-color-accent: var(--skin-color-accent); --current-color-accent-inverted: var(--skin-color-accent-inverted); display: none; position: absolute; top: 0; right: 45px; width: 450px; padding: 18px 36px 23px; background-color: var(--component-sticky-toolbar-item-color-content-bg, var(--skin-color-primary-inverted, #ffffff)); box-shadow: 0 3px 18px 1px rgba(36, 36, 36, 0.44); cursor: default; z-index: 310; box-sizing: border-box } :host .content__close-button { display: none; position: absolute; top: 0; right: 0 } :host .content__close-button.notify { display: inline-block } :host p { margin: 13px 0 0 } :host ::slotted(*) { margin-top: 30px } ui-cms-contact-channels-miscellaneous-sticky-toolbar { display: inline-block; margin-top: 0 } ui-cms-contact-channels-miscellaneous-sticky-toolbar .channel-contactbox { margin-top: 0 } ui-cms-contact-channels-miscellaneous-sticky-toolbar .channel-contactbox ui-paragraph { margin-top: 12px } ui-cms-contact-channels-miscellaneous-sticky-toolbar .channel-contactbox ui-headline+ui-paragraph { margin-top: 0 } ui-cms-contact-channels-miscellaneous-sticky-toolbar .channel-contactbox ui-link.button { margin-top: 24px } .hydrated~ui-cms-contact-channels-miscellaneous-sticky-toolbar { margin-top: 24px } /style> style> ui-offcanvas-provider { display: block } /style> style> @charset UTF-8; :root { --current-background-color: #ffffff } ui-cms-text-image-video figcaption .copy__copyright, ui-cms-text-image-video figcaption { font-family: var(--skin-font-family-primary, Frutiger Neue, Arial, sans-serif); font-weight: 400; font-size: 14px; line-height: 20px } @media (min-width: 768px) { ui-cms-text-image-video figcaption .copy__copyright, ui-cms-text-image-video figcaption { font-size: 14px; line-height: 20px } } @media (min-width: 1024px) { ui-cms-text-image-video figcaption .copy__copyright, ui-cms-text-image-video figcaption { font-size: 14px; line-height: 20px } } mark { background-color: transparent; color: var(--skin-mark-color, var(--skin-color-accent, #2d9d00)) } .sd-display { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-display, .sd-display--size-3xl { font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-display--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 1024px) { .sd-display--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-display--size-4xl { font-size: var(--sd-font-size-3xl, 2rem); font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } @media (min-width: 1024px) { .sd-display--size-4xl { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-display--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta { font-size: var(--sd-font-size-base, 1rem); font-weight: 400; line-height: var(--sd-line-height-none, 100%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-meta--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-meta--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta--inverted.sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-meta--pipe:after { content: |; margin-left: var(--sd-spacing-1, 0.25rem); margin-right: var(--sd-spacing-1, 0.25rem) } .sd-meta--pipe.sd-meta--size-sm:after { margin-left: var(--sd-spacing-0-5, 0.125rem); margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-leadtext { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-leadtext, .sd-leadtext--size-lg { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-leadtext--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-leadtext--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-paragraph { font-size: var(--sd-font-size-base, 1rem) } .sd-paragraph, .sd-paragraph--size-sm { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-paragraph--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-paragraph--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } mark.sd-mark { background-color: transparent; --tw-text-opacity: 1; color: rgb(var(--sd-color-accent, 45 157 0)/var(--tw-text-opacity)) } .sd-interactive--reset { all: unset; outline: revert } .sd-interactive { cursor: pointer; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)); text-decoration-line: none; transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) } .sd-interactive:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-text-opacity)) } .sd-interactive:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-800, 5 21 48)/var(--tw-text-opacity)) } .sd-interactive:focus-visible { outline-color: rgb(var(--sd-color-primary, 0 53 142)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-interactive--inverted:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-text-opacity)) } .sd-interactive--inverted:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-interactive--inverted:focus-visible { outline-color: rgb(var(--sd-color-white, 255 255 255)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--disabled, .sd-interactivedisabled { cursor: not-allowed; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:hover:not(disabled), .sd-interactivedisabled:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:active:not(disabled), .sd-interactivedisabled:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-table-cell { border-style: solid; border-width: 1px 0; --tw-border-opacity: 1; background-color: transparent; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding: var(--sd-spacing-4, 1rem); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-table-cell--divider { border-right-width: 1px } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after, .sd-table-cell--shadow-top:after { pointer-events: none; position: absolute; --tw-gradient-from: rgb(0 0 0/var(--sd-opacity-10, .1)) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: transparent var(--tw-gradient-to-position); opacity: var(--sd-opacity-0, 0); transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-top:after { height: var(--sd-spacing-2-5, 0.625rem); left: var(--sd-spacing-0, 0); right: var(--sd-spacing-0, 0) } .sd-table-cell--shadow-bottom:before, .sd-table-cell--shadow-top:before { display: block; height: 1px; left: var(--sd-spacing-0, 0); position: absolute; width: 100%; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-bg-opacity)); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after { bottom: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0); width: var(--sd-spacing-2-5, 0.625rem) } .sd-table-cell.sd-table-cell--shadow-active:after { opacity: 100% } .sd-table-cell--shadow-top:after { background-image: linear-gradient(to top, var(--tw-gradient-stops)); top: -10px } .sd-table-cell--shadow-top:before { bottom: -1px } .sd-table-cell--shadow-bottom:after { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); bottom: -10px } .sd-table-cell--shadow-bottom:before { top: -1px } .sd-table-cell--shadow-left:after { background-image: linear-gradient(to left, var(--tw-gradient-stops)); left: -10px } .sd-table-cell--shadow-right:after { background-image: linear-gradient(to right, var(--tw-gradient-stops)); right: -10px } .sd-table-cell--bg-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-table-cell--bg-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-table-cell--bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)) } .sd-table { all: unset; border-collapse: collapse; display: table; --tw-border-spacing-x: var(--sd-spacing-0, 0px); --tw-border-spacing-y: var(--sd-spacing-0, 0px); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) } .sd-table tfoot tr:first-of-type, .sd-table thead tr:first-of-type { position: relative } .sd-headline { display: flex; font-size: var(--sd-font-size-3xl, 2rem); font-weight: 700; gap: var(--sd-spacing-4, 1rem); line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-headline sd-icon { flex-shrink: 0; font-size: 3rem; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline sd-icon { margin-top: var(--sd-spacing-2, 0.5rem) } } .sd-headline--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 640px) { .sd-headline--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-headline--size-3xl sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } @media (min-width: 640px) { .sd-headline--size-3xl sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base, .sd-headline--size-lg, .sd-headline--size-xl { gap: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon, .sd-headline--size-lg sd-icon, .sd-headline--size-xl sd-icon { font-size: 2rem } .sd-headline--size-xl { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } @media (min-width: 640px) { .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } } .sd-headline--size-base, .sd-headline--size-lg { line-height: var(--sd-line-height-normal, 150%) } .sd-headline--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } @media (min-width: 640px) { .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base { font-size: var(--sd-font-size-base, 1rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } .sd-headline--size-base mark { color: inherit } .sd-headline--inverted, .sd-headline--inverted sd-icon { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-headline--inline { display: inline } .sd-headline--inline sd-icon { margin-right: var(--sd-spacing-2, 0.5rem); margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1); vertical-align: middle } .sd-headline--inline.sd-headline--size-base sd-icon, .sd-headline--inline.sd-headline--size-lg sd-icon, .sd-headline--inline.sd-headline--size-xl sd-icon { margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-container { position: relative; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)); padding: var(--sd-spacing-8, 2rem) var(--sd-spacing-10, 2.5rem) } .sd-container--variant-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-container--variant-primary { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-bg-opacity)) } .sd-container--variant-border-neutral-400 { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); border-width: 1px } .sd-container--variant-border-neutral-400, .sd-container--variant-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-container--padding-sm { padding: var(--sd-spacing-4, 1rem) var(--sd-spacing-6, 1.5rem) } .sd-container { --triangle-background: #fff } .sd-container--triangle-bottom:before, .sd-container--triangle-left:before, .sd-container--triangle-right:before, .sd-container--triangle-top:before { border-color: transparent; border-style: solid; border-width: 14px; content: ; display: block; position: absolute } .sd-container--triangle-top:before { border-top-color: var(--triangle-background); left: calc(50% - 14px); top: var(--sd-spacing-0, 0) } .sd-container--triangle-right:before { border-right-color: var(--triangle-background); right: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom:before { border-bottom-color: var(--triangle-background); bottom: var(--sd-spacing-0, 0); left: calc(50% - 14px) } .sd-container--triangle-left:before { border-left-color: var(--triangle-background); left: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { border-color: transparent; border-style: solid; content: ; display: block; position: absolute } .sd-container--triangle-bottom-border:after, .sd-container--triangle-left-border:after, .sd-container--triangle-right-border:after, .sd-container--triangle-top-border:after { border-width: 14px } .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:before { border-width: 15px } .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { top: -1px } .sd-container--triangle-top-border:before { --tw-border-opacity: 1; border-top-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-top-border:after { border-top-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before { right: -1px } .sd-container--triangle-right-border:before { --tw-border-opacity: 1; border-right-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-right-border:after { border-right-color: var(--triangle-background); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before { bottom: -1px } .sd-container--triangle-bottom-border:before { --tw-border-opacity: 1; border-bottom-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-bottom-border:after { border-bottom-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before { left: -1px } .sd-container--triangle-left-border:before { --tw-border-opacity: 1; border-left-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-left-border:after { border-left-color: var(--triangle-background); top: calc(50% - 14px) } .sd-chip { align-items: center; border-radius: var(--sd-border-radius-default, 0.25rem); display: inline-flex; height: var(--sd-spacing-6, 1.5rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-2, 0.5rem); padding-right: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-chip--primary-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-chip--primary-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-300, 200 213 231)/var(--tw-bg-opacity)) } .sd-chip--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-flag { align-items: center; display: inline-flex; height: var(--sd-spacing-8, 2rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-200, 233 233 233)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-3, 0.75rem); padding-right: var(--sd-spacing-3, 0.75rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-flag--neutral-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-500, 174 174 174)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-flag--neutral-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-300, 218 218 218)/var(--tw-bg-opacity)) } .sd-flag--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-list { padding-bottom: var(--sd-spacing-4, 1rem); padding-top: var(--sd-spacing-4, 1rem); text-align: left } .sd-list--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list:is(ol) ol { counter-reset: item } .sd-list:is(ol) li:not(:first-child) { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li { counter-increment: item; display: table } .sd-list:is(ol) li:before { content: counters(item, .) . ; display: table-cell; padding-right: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ol) li li { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li li:before { content: counters(item, .) . } .sd-list:is(ul):not(.sd-list--icon) { list-style-type: •; margin-left: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) li { margin-left: calc(var(--sd-spacing-2, 0.5rem) * -1); padding-left: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ul):not(.sd-list--icon) li:not(:first-child) { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) li li { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) ul { list-style-type: ⬝; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) ul ul { list-style-type: ‐; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list--icon.sd-list--inverted li .sd-list--icon__icon:first-of-type, .sd-list--icon.sd-list--inverted li sd-icon:first-of-type { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list--icon { list-style-type: } .sd-list--icon>li:first-of-type { padding-top: var(--sd-spacing-0, 0) } .sd-list--icon li { line-height: 32px; padding-left: var(--sd-spacing-10, 2.5rem); padding-top: var(--sd-spacing-3, 0.75rem); position: relative } .sd-list--icon li .sd-list--icon__icon:first-of-type, .sd-list--icon li sd-icon:first-of-type { font-size: var(--sd-font-size-3xl, 2rem); left: var(--sd-spacing-0, 0); position: absolute; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } .sd-list--icon.sd-list--horizontal { display: flex } .sd-list--icon.sd-list--horizontal li { display: flex; padding-top: var(--sd-spacing-0, 0) } .sd-list--icon.sd-list--horizontal li:not(:last-child) { margin-right: var(--sd-spacing-8, 2rem) } .sd-copyright { position: relative } .sd-copyright:after { bottom: var(--sd-spacing-0, 0); display: block; font-size: var(--sd-font-size-sm, 0.875rem); left: var(--sd-spacing-0, 0); padding-bottom: var(--sd-spacing-2, 0.5rem); padding-left: var(--sd-spacing-4, 1rem); position: absolute; width: 100%; --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)); content: var(--copyright); text-shadow: 0 1px 3px rgba(81, 81, 81, 0.7490196078) } figure.sd-media { margin: var(--sd-spacing-0, 0) } figure.sd-media figcaption { --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } figure.sd-media figcaption:last-child { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-footnotes { font-size: var(--sd-font-size-sm, 0.875rem); margin-bottom: var(--sd-spacing-0, 0); margin-top: var(--sd-spacing-0, 0); padding: var(--sd-spacing-0, 0); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-footnotes:is(ol) li { counter-increment: list-item; display: flex; gap: var(--sd-spacing-2, 0.5rem) } .sd-footnotes:is(ol) li:before { content: counter(list-item); font-size: 10px; line-height: var(--sd-line-height-normal, 150%); padding-top: 1px; width: var(--sd-spacing-5, 1.25rem) } .sd-footnotes:is(ul) { list-style: } .sd-footnotes--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-scroll-lock { overflow: hidden !important; padding-right: var(--sd-scroll-lock-size) !important } .sd-toast-stack { box-sizing: border-box; max-height: 100%; max-width: 400px; position: fixed; z-index: var(--sd-z-index-alert-group, 950) } .sd-toast-stack--top-right { margin-right: var(--sd-spacing-4, 1rem); right: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0) } .sd-toast-stack--bottom-center { bottom: var(--sd-spacing-0, 0); --tw-translate-x: -50%; inset-inline-start: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .sd-toast-stack sd-notification::part(base) { --tw-shadow: var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, .75)); --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) } .sd-toast-stack sd-notification::part(content) { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-border-opacity)) } *, *::before, *::after { box-sizing: border-box } p { margin: 0 } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } ui-cms-text-image-video { display: block; } ui-cms-text-image-video::before, ui-cms-text-image-video::after { content: ; display: table } ui-cms-text-image-video::after { clear: both } ui-cms-text-image-video .movingImage { width: 100% } ui-cms-text-image-video .movingImage--masked { object-fit: cover; mask-image: url(data:image/svg+xml;utf8,svg viewBox0 0 960 800 xmlnshttp://www.w3.org/2000/svg>path dM2.28882e-05 172.516L837.636 2.00037C893.323 -9.33587 947.26 28.6592 958.105 86.8648C959.366 93.6275 960 100.501 960 107.391V627.489L122.364 798C66.6759 809.336 12.74 771.34 1.89447 713.134C0.634414 706.372 0 699.499 0 692.609L2.28882e-05 172.516Z fill%23fff/>/svg>); mask-size: 100% 100% } ui-cms-text-image-video ui-cms-footnote-list { margin-top: 24px } ui-cms-text-image-video ui-cms-link-list { margin-top: 30px } ui-cms-text-image-video .image-wrapper+.ui-richtext, ui-cms-text-image-video .image-wrapper+.ui-leadtext { margin-top: 12px } ui-cms-text-image-video .top~.content { margin-top: 20px } @media (min-width: 768px) { ui-cms-text-image-video .top~.content { margin-top: 28px } } ui-cms-text-image-video ui-headline+.image-wrapper+div ui-leadtext { margin-top: 12px } @media (min-width: 768px) { ui-cms-text-image-video ui-headline+.image-wrapper+div ui-leadtext { margin-top: 20px } } ui-cms-text-image-video ui-richtext+.image-wrapper { margin-top: 20px } @media (min-width: 768px) { ui-cms-text-image-video ui-richtext+.image-wrapper { margin-top: 28px } } @media (min-width: 600px) { ui-cms-text-image-video .img-3cols { float: left; margin-right: 4.8939641109%; width: 47.471451876% } } @media (min-width: 768px) { ui-cms-text-image-video .img-3cols { margin-right: 3.2119914347%; width: 22.591006424% } } @media (min-width: 600px) { ui-cms-text-image-video .img-4cols { float: left; margin-right: 4.8939641109%; width: 47.471451876% } } @media (min-width: 768px) { ui-cms-text-image-video .img-4cols { float: left; margin-right: 3.2119914347%; width: 31.1563169165% } } ui-cms-text-image-video .img-3cols div, ui-cms-text-image-video .img-4cols div { clear: both } ui-cms-text-image-video .img-3cols.image-wrapper+ui-richtext, ui-cms-text-image-video .img-4cols.image-wrapper+ui-richtext { margin-top: 0 } ui-cms-text-image-video .img-12cols { width: 100vw } ui-cms-text-image-video figcaption { margin-top: 9px } ui-cms-text-image-video figcaption span+.copy__copyright { margin-top: 6px } ui-cms-text-image-video figcaption .copy__copyright { color: #aeaeae; font-family: var(--skin-font-family-primary, Frutiger Neue, Arial, sans-serif); margin-top: 10px } ui-cms-text-image-video ui-leadtext+ui-richtext { margin-top: 10px } @media (min-width: 600px) { ui-cms-text-image-video .columns-9 .img-3cols { width: 30.4473304473%; margin-right: 4.329004329% } ui-cms-text-image-video .columns-9 .img-4cols { margin-right: 4.329004329%; width: 41.9913419913% } } @media (min-width: 600px) { ui-cms-text-image-video .columns-8 .img-3cols { width: 34.4208809135%; margin-right: 4.8939641109% } ui-cms-text-image-video .columns-8 .img-4cols { width: 47.471451876%; margin-right: 4.8939641109% } } @media (min-width: 600px) { ui-cms-text-image-video .columns-6 .img-3cols { width: 46.6814159292%; margin-right: 6.6371681416% } ui-cms-text-image-video .columns-6 .img-4cols { width: 64.3805309735%; margin-right: 6.6371681416% } } /style> style> @charset UTF-8; :root { --current-background-color: #ffffff } mark { background-color: transparent; color: var(--skin-mark-color, var(--skin-color-accent, #2d9d00)) } .sd-display { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-display, .sd-display--size-3xl { font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-display--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 1024px) { .sd-display--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-display--size-4xl { font-size: var(--sd-font-size-3xl, 2rem); font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } @media (min-width: 1024px) { .sd-display--size-4xl { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-display--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta { font-size: var(--sd-font-size-base, 1rem); font-weight: 400; line-height: var(--sd-line-height-none, 100%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-meta--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-meta--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta--inverted.sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-meta--pipe:after { content: |; margin-left: var(--sd-spacing-1, 0.25rem); margin-right: var(--sd-spacing-1, 0.25rem) } .sd-meta--pipe.sd-meta--size-sm:after { margin-left: var(--sd-spacing-0-5, 0.125rem); margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-leadtext { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-leadtext, .sd-leadtext--size-lg { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-leadtext--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-leadtext--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-paragraph { font-size: var(--sd-font-size-base, 1rem) } .sd-paragraph, .sd-paragraph--size-sm { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-paragraph--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-paragraph--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } mark.sd-mark { background-color: transparent; --tw-text-opacity: 1; color: rgb(var(--sd-color-accent, 45 157 0)/var(--tw-text-opacity)) } .sd-interactive--reset { all: unset; outline: revert } .sd-interactive { cursor: pointer; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)); text-decoration-line: none; transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) } .sd-interactive:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-text-opacity)) } .sd-interactive:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-800, 5 21 48)/var(--tw-text-opacity)) } .sd-interactive:focus-visible { outline-color: rgb(var(--sd-color-primary, 0 53 142)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-interactive--inverted:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-text-opacity)) } .sd-interactive--inverted:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-interactive--inverted:focus-visible { outline-color: rgb(var(--sd-color-white, 255 255 255)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--disabled, .sd-interactivedisabled { cursor: not-allowed; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:hover:not(disabled), .sd-interactivedisabled:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:active:not(disabled), .sd-interactivedisabled:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-table-cell { border-style: solid; border-width: 1px 0; --tw-border-opacity: 1; background-color: transparent; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding: var(--sd-spacing-4, 1rem); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-table-cell--divider { border-right-width: 1px } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after, .sd-table-cell--shadow-top:after { pointer-events: none; position: absolute; --tw-gradient-from: rgb(0 0 0/var(--sd-opacity-10, .1)) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: transparent var(--tw-gradient-to-position); opacity: var(--sd-opacity-0, 0); transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-top:after { height: var(--sd-spacing-2-5, 0.625rem); left: var(--sd-spacing-0, 0); right: var(--sd-spacing-0, 0) } .sd-table-cell--shadow-bottom:before, .sd-table-cell--shadow-top:before { display: block; height: 1px; left: var(--sd-spacing-0, 0); position: absolute; width: 100%; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-bg-opacity)); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after { bottom: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0); width: var(--sd-spacing-2-5, 0.625rem) } .sd-table-cell.sd-table-cell--shadow-active:after { opacity: 100% } .sd-table-cell--shadow-top:after { background-image: linear-gradient(to top, var(--tw-gradient-stops)); top: -10px } .sd-table-cell--shadow-top:before { bottom: -1px } .sd-table-cell--shadow-bottom:after { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); bottom: -10px } .sd-table-cell--shadow-bottom:before { top: -1px } .sd-table-cell--shadow-left:after { background-image: linear-gradient(to left, var(--tw-gradient-stops)); left: -10px } .sd-table-cell--shadow-right:after { background-image: linear-gradient(to right, var(--tw-gradient-stops)); right: -10px } .sd-table-cell--bg-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-table-cell--bg-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-table-cell--bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)) } .sd-table { all: unset; border-collapse: collapse; display: table; --tw-border-spacing-x: var(--sd-spacing-0, 0px); --tw-border-spacing-y: var(--sd-spacing-0, 0px); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) } .sd-table tfoot tr:first-of-type, .sd-table thead tr:first-of-type { position: relative } .sd-headline { display: flex; font-size: var(--sd-font-size-3xl, 2rem); font-weight: 700; gap: var(--sd-spacing-4, 1rem); line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-headline sd-icon { flex-shrink: 0; font-size: 3rem; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline sd-icon { margin-top: var(--sd-spacing-2, 0.5rem) } } .sd-headline--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 640px) { .sd-headline--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-headline--size-3xl sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } @media (min-width: 640px) { .sd-headline--size-3xl sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base, .sd-headline--size-lg, .sd-headline--size-xl { gap: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon, .sd-headline--size-lg sd-icon, .sd-headline--size-xl sd-icon { font-size: 2rem } .sd-headline--size-xl { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } @media (min-width: 640px) { .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } } .sd-headline--size-base, .sd-headline--size-lg { line-height: var(--sd-line-height-normal, 150%) } .sd-headline--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } @media (min-width: 640px) { .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base { font-size: var(--sd-font-size-base, 1rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } .sd-headline--size-base mark { color: inherit } .sd-headline--inverted, .sd-headline--inverted sd-icon { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-headline--inline { display: inline } .sd-headline--inline sd-icon { margin-right: var(--sd-spacing-2, 0.5rem); margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1); vertical-align: middle } .sd-headline--inline.sd-headline--size-base sd-icon, .sd-headline--inline.sd-headline--size-lg sd-icon, .sd-headline--inline.sd-headline--size-xl sd-icon { margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-container { position: relative; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)); padding: var(--sd-spacing-8, 2rem) var(--sd-spacing-10, 2.5rem) } .sd-container--variant-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-container--variant-primary { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-bg-opacity)) } .sd-container--variant-border-neutral-400 { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); border-width: 1px } .sd-container--variant-border-neutral-400, .sd-container--variant-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-container--padding-sm { padding: var(--sd-spacing-4, 1rem) var(--sd-spacing-6, 1.5rem) } .sd-container { --triangle-background: #fff } .sd-container--triangle-bottom:before, .sd-container--triangle-left:before, .sd-container--triangle-right:before, .sd-container--triangle-top:before { border-color: transparent; border-style: solid; border-width: 14px; content: ; display: block; position: absolute } .sd-container--triangle-top:before { border-top-color: var(--triangle-background); left: calc(50% - 14px); top: var(--sd-spacing-0, 0) } .sd-container--triangle-right:before { border-right-color: var(--triangle-background); right: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom:before { border-bottom-color: var(--triangle-background); bottom: var(--sd-spacing-0, 0); left: calc(50% - 14px) } .sd-container--triangle-left:before { border-left-color: var(--triangle-background); left: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { border-color: transparent; border-style: solid; content: ; display: block; position: absolute } .sd-container--triangle-bottom-border:after, .sd-container--triangle-left-border:after, .sd-container--triangle-right-border:after, .sd-container--triangle-top-border:after { border-width: 14px } .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:before { border-width: 15px } .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { top: -1px } .sd-container--triangle-top-border:before { --tw-border-opacity: 1; border-top-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-top-border:after { border-top-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before { right: -1px } .sd-container--triangle-right-border:before { --tw-border-opacity: 1; border-right-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-right-border:after { border-right-color: var(--triangle-background); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before { bottom: -1px } .sd-container--triangle-bottom-border:before { --tw-border-opacity: 1; border-bottom-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-bottom-border:after { border-bottom-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before { left: -1px } .sd-container--triangle-left-border:before { --tw-border-opacity: 1; border-left-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-left-border:after { border-left-color: var(--triangle-background); top: calc(50% - 14px) } .sd-chip { align-items: center; border-radius: var(--sd-border-radius-default, 0.25rem); display: inline-flex; height: var(--sd-spacing-6, 1.5rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-2, 0.5rem); padding-right: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-chip--primary-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-chip--primary-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-300, 200 213 231)/var(--tw-bg-opacity)) } .sd-chip--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-flag { align-items: center; display: inline-flex; height: var(--sd-spacing-8, 2rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-200, 233 233 233)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-3, 0.75rem); padding-right: var(--sd-spacing-3, 0.75rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-flag--neutral-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-500, 174 174 174)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-flag--neutral-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-300, 218 218 218)/var(--tw-bg-opacity)) } .sd-flag--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-list { padding-bottom: var(--sd-spacing-4, 1rem); padding-top: var(--sd-spacing-4, 1rem); text-align: left } .sd-list--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list:is(ol) ol { counter-reset: item } .sd-list:is(ol) li:not(:first-child) { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li { counter-increment: item; display: table } .sd-list:is(ol) li:before { content: counters(item, .) . ; display: table-cell; padding-right: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ol) li li { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li li:before { content: counters(item, .) . } .sd-list:is(ul):not(.sd-list--icon) { list-style-type: •; margin-left: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) li { margin-left: calc(var(--sd-spacing-2, 0.5rem) * -1); padding-left: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ul):not(.sd-list--icon) li:not(:first-child) { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) li li { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) ul { list-style-type: ⬝; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) ul ul { list-style-type: ‐; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list--icon.sd-list--inverted li .sd-list--icon__icon:first-of-type, .sd-list--icon.sd-list--inverted li sd-icon:first-of-type { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list--icon { list-style-type: } .sd-list--icon>li:first-of-type { padding-top: var(--sd-spacing-0, 0) } .sd-list--icon li { line-height: 32px; padding-left: var(--sd-spacing-10, 2.5rem); padding-top: var(--sd-spacing-3, 0.75rem); position: relative } .sd-list--icon li .sd-list--icon__icon:first-of-type, .sd-list--icon li sd-icon:first-of-type { font-size: var(--sd-font-size-3xl, 2rem); left: var(--sd-spacing-0, 0); position: absolute; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } .sd-list--icon.sd-list--horizontal { display: flex } .sd-list--icon.sd-list--horizontal li { display: flex; padding-top: var(--sd-spacing-0, 0) } .sd-list--icon.sd-list--horizontal li:not(:last-child) { margin-right: var(--sd-spacing-8, 2rem) } .sd-copyright { position: relative } .sd-copyright:after { bottom: var(--sd-spacing-0, 0); display: block; font-size: var(--sd-font-size-sm, 0.875rem); left: var(--sd-spacing-0, 0); padding-bottom: var(--sd-spacing-2, 0.5rem); padding-left: var(--sd-spacing-4, 1rem); position: absolute; width: 100%; --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)); content: var(--copyright); text-shadow: 0 1px 3px rgba(81, 81, 81, 0.7490196078) } figure.sd-media { margin: var(--sd-spacing-0, 0) } figure.sd-media figcaption { --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } figure.sd-media figcaption:last-child { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-footnotes { font-size: var(--sd-font-size-sm, 0.875rem); margin-bottom: var(--sd-spacing-0, 0); margin-top: var(--sd-spacing-0, 0); padding: var(--sd-spacing-0, 0); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-footnotes:is(ol) li { counter-increment: list-item; display: flex; gap: var(--sd-spacing-2, 0.5rem) } .sd-footnotes:is(ol) li:before { content: counter(list-item); font-size: 10px; line-height: var(--sd-line-height-normal, 150%); padding-top: 1px; width: var(--sd-spacing-5, 1.25rem) } .sd-footnotes:is(ul) { list-style: } .sd-footnotes--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-scroll-lock { overflow: hidden !important; padding-right: var(--sd-scroll-lock-size) !important } .sd-toast-stack { box-sizing: border-box; max-height: 100%; max-width: 400px; position: fixed; z-index: var(--sd-z-index-alert-group, 950) } .sd-toast-stack--top-right { margin-right: var(--sd-spacing-4, 1rem); right: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0) } .sd-toast-stack--bottom-center { bottom: var(--sd-spacing-0, 0); --tw-translate-x: -50%; inset-inline-start: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .sd-toast-stack sd-notification::part(base) { --tw-shadow: var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, .75)); --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) } .sd-toast-stack sd-notification::part(content) { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-border-opacity)) } *, *::before, *::after { box-sizing: border-box } p { margin: 0 } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } ui-cms-search-autosuggest { display: block } ui-cms-search-autosuggest .ui-autosuggest::part(dropdown) { max-height: calc(100vh - 160px) } /style> style> @charset UTF-8; :root { --current-background-color: #ffffff } mark { background-color: transparent; color: var(--skin-mark-color, var(--skin-color-accent, #2d9d00)) } .sd-display { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-display, .sd-display--size-3xl { font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-display--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 1024px) { .sd-display--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-display--size-4xl { font-size: var(--sd-font-size-3xl, 2rem); font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } @media (min-width: 1024px) { .sd-display--size-4xl { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-display--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta { font-size: var(--sd-font-size-base, 1rem); font-weight: 400; line-height: var(--sd-line-height-none, 100%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-meta--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-meta--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta--inverted.sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-meta--pipe:after { content: |; margin-left: var(--sd-spacing-1, 0.25rem); margin-right: var(--sd-spacing-1, 0.25rem) } .sd-meta--pipe.sd-meta--size-sm:after { margin-left: var(--sd-spacing-0-5, 0.125rem); margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-leadtext { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-leadtext, .sd-leadtext--size-lg { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-leadtext--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-leadtext--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-paragraph { font-size: var(--sd-font-size-base, 1rem) } .sd-paragraph, .sd-paragraph--size-sm { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-paragraph--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-paragraph--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } mark.sd-mark { background-color: transparent; --tw-text-opacity: 1; color: rgb(var(--sd-color-accent, 45 157 0)/var(--tw-text-opacity)) } .sd-interactive--reset { all: unset; outline: revert } .sd-interactive { cursor: pointer; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)); text-decoration-line: none; transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) } .sd-interactive:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-text-opacity)) } .sd-interactive:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-800, 5 21 48)/var(--tw-text-opacity)) } .sd-interactive:focus-visible { outline-color: rgb(var(--sd-color-primary, 0 53 142)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-interactive--inverted:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-text-opacity)) } .sd-interactive--inverted:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-interactive--inverted:focus-visible { outline-color: rgb(var(--sd-color-white, 255 255 255)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--disabled, .sd-interactivedisabled { cursor: not-allowed; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:hover:not(disabled), .sd-interactivedisabled:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:active:not(disabled), .sd-interactivedisabled:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-table-cell { border-style: solid; border-width: 1px 0; --tw-border-opacity: 1; background-color: transparent; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding: var(--sd-spacing-4, 1rem); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-table-cell--divider { border-right-width: 1px } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after, .sd-table-cell--shadow-top:after { pointer-events: none; position: absolute; --tw-gradient-from: rgb(0 0 0/var(--sd-opacity-10, .1)) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: transparent var(--tw-gradient-to-position); opacity: var(--sd-opacity-0, 0); transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-top:after { height: var(--sd-spacing-2-5, 0.625rem); left: var(--sd-spacing-0, 0); right: var(--sd-spacing-0, 0) } .sd-table-cell--shadow-bottom:before, .sd-table-cell--shadow-top:before { display: block; height: 1px; left: var(--sd-spacing-0, 0); position: absolute; width: 100%; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-bg-opacity)); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after { bottom: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0); width: var(--sd-spacing-2-5, 0.625rem) } .sd-table-cell.sd-table-cell--shadow-active:after { opacity: 100% } .sd-table-cell--shadow-top:after { background-image: linear-gradient(to top, var(--tw-gradient-stops)); top: -10px } .sd-table-cell--shadow-top:before { bottom: -1px } .sd-table-cell--shadow-bottom:after { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); bottom: -10px } .sd-table-cell--shadow-bottom:before { top: -1px } .sd-table-cell--shadow-left:after { background-image: linear-gradient(to left, var(--tw-gradient-stops)); left: -10px } .sd-table-cell--shadow-right:after { background-image: linear-gradient(to right, var(--tw-gradient-stops)); right: -10px } .sd-table-cell--bg-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-table-cell--bg-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-table-cell--bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)) } .sd-table { all: unset; border-collapse: collapse; display: table; --tw-border-spacing-x: var(--sd-spacing-0, 0px); --tw-border-spacing-y: var(--sd-spacing-0, 0px); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) } .sd-table tfoot tr:first-of-type, .sd-table thead tr:first-of-type { position: relative } .sd-headline { display: flex; font-size: var(--sd-font-size-3xl, 2rem); font-weight: 700; gap: var(--sd-spacing-4, 1rem); line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-headline sd-icon { flex-shrink: 0; font-size: 3rem; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline sd-icon { margin-top: var(--sd-spacing-2, 0.5rem) } } .sd-headline--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 640px) { .sd-headline--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-headline--size-3xl sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } @media (min-width: 640px) { .sd-headline--size-3xl sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base, .sd-headline--size-lg, .sd-headline--size-xl { gap: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon, .sd-headline--size-lg sd-icon, .sd-headline--size-xl sd-icon { font-size: 2rem } .sd-headline--size-xl { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } @media (min-width: 640px) { .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } } .sd-headline--size-base, .sd-headline--size-lg { line-height: var(--sd-line-height-normal, 150%) } .sd-headline--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } @media (min-width: 640px) { .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base { font-size: var(--sd-font-size-base, 1rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } .sd-headline--size-base mark { color: inherit } .sd-headline--inverted, .sd-headline--inverted sd-icon { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-headline--inline { display: inline } .sd-headline--inline sd-icon { margin-right: var(--sd-spacing-2, 0.5rem); margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1); vertical-align: middle } .sd-headline--inline.sd-headline--size-base sd-icon, .sd-headline--inline.sd-headline--size-lg sd-icon, .sd-headline--inline.sd-headline--size-xl sd-icon { margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-container { position: relative; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)); padding: var(--sd-spacing-8, 2rem) var(--sd-spacing-10, 2.5rem) } .sd-container--variant-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-container--variant-primary { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-bg-opacity)) } .sd-container--variant-border-neutral-400 { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); border-width: 1px } .sd-container--variant-border-neutral-400, .sd-container--variant-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-container--padding-sm { padding: var(--sd-spacing-4, 1rem) var(--sd-spacing-6, 1.5rem) } .sd-container { --triangle-background: #fff } .sd-container--triangle-bottom:before, .sd-container--triangle-left:before, .sd-container--triangle-right:before, .sd-container--triangle-top:before { border-color: transparent; border-style: solid; border-width: 14px; content: ; display: block; position: absolute } .sd-container--triangle-top:before { border-top-color: var(--triangle-background); left: calc(50% - 14px); top: var(--sd-spacing-0, 0) } .sd-container--triangle-right:before { border-right-color: var(--triangle-background); right: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom:before { border-bottom-color: var(--triangle-background); bottom: var(--sd-spacing-0, 0); left: calc(50% - 14px) } .sd-container--triangle-left:before { border-left-color: var(--triangle-background); left: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { border-color: transparent; border-style: solid; content: ; display: block; position: absolute } .sd-container--triangle-bottom-border:after, .sd-container--triangle-left-border:after, .sd-container--triangle-right-border:after, .sd-container--triangle-top-border:after { border-width: 14px } .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:before { border-width: 15px } .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { top: -1px } .sd-container--triangle-top-border:before { --tw-border-opacity: 1; border-top-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-top-border:after { border-top-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before { right: -1px } .sd-container--triangle-right-border:before { --tw-border-opacity: 1; border-right-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-right-border:after { border-right-color: var(--triangle-background); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before { bottom: -1px } .sd-container--triangle-bottom-border:before { --tw-border-opacity: 1; border-bottom-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-bottom-border:after { border-bottom-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before { left: -1px } .sd-container--triangle-left-border:before { --tw-border-opacity: 1; border-left-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-left-border:after { border-left-color: var(--triangle-background); top: calc(50% - 14px) } .sd-chip { align-items: center; border-radius: var(--sd-border-radius-default, 0.25rem); display: inline-flex; height: var(--sd-spacing-6, 1.5rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-2, 0.5rem); padding-right: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-chip--primary-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-chip--primary-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-300, 200 213 231)/var(--tw-bg-opacity)) } .sd-chip--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-flag { align-items: center; display: inline-flex; height: var(--sd-spacing-8, 2rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-200, 233 233 233)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-3, 0.75rem); padding-right: var(--sd-spacing-3, 0.75rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-flag--neutral-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-500, 174 174 174)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-flag--neutral-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-300, 218 218 218)/var(--tw-bg-opacity)) } .sd-flag--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-list { padding-bottom: var(--sd-spacing-4, 1rem); padding-top: var(--sd-spacing-4, 1rem); text-align: left } .sd-list--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list:is(ol) ol { counter-reset: item } .sd-list:is(ol) li:not(:first-child) { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li { counter-increment: item; display: table } .sd-list:is(ol) li:before { content: counters(item, .) . ; display: table-cell; padding-right: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ol) li li { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li li:before { content: counters(item, .) . } .sd-list:is(ul):not(.sd-list--icon) { list-style-type: •; margin-left: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) li { margin-left: calc(var(--sd-spacing-2, 0.5rem) * -1); padding-left: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ul):not(.sd-list--icon) li:not(:first-child) { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) li li { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) ul { list-style-type: ⬝; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) ul ul { list-style-type: ‐; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list--icon.sd-list--inverted li .sd-list--icon__icon:first-of-type, .sd-list--icon.sd-list--inverted li sd-icon:first-of-type { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list--icon { list-style-type: } .sd-list--icon>li:first-of-type { padding-top: var(--sd-spacing-0, 0) } .sd-list--icon li { line-height: 32px; padding-left: var(--sd-spacing-10, 2.5rem); padding-top: var(--sd-spacing-3, 0.75rem); position: relative } .sd-list--icon li .sd-list--icon__icon:first-of-type, .sd-list--icon li sd-icon:first-of-type { font-size: var(--sd-font-size-3xl, 2rem); left: var(--sd-spacing-0, 0); position: absolute; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } .sd-list--icon.sd-list--horizontal { display: flex } .sd-list--icon.sd-list--horizontal li { display: flex; padding-top: var(--sd-spacing-0, 0) } .sd-list--icon.sd-list--horizontal li:not(:last-child) { margin-right: var(--sd-spacing-8, 2rem) } .sd-copyright { position: relative } .sd-copyright:after { bottom: var(--sd-spacing-0, 0); display: block; font-size: var(--sd-font-size-sm, 0.875rem); left: var(--sd-spacing-0, 0); padding-bottom: var(--sd-spacing-2, 0.5rem); padding-left: var(--sd-spacing-4, 1rem); position: absolute; width: 100%; --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)); content: var(--copyright); text-shadow: 0 1px 3px rgba(81, 81, 81, 0.7490196078) } figure.sd-media { margin: var(--sd-spacing-0, 0) } figure.sd-media figcaption { --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } figure.sd-media figcaption:last-child { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-footnotes { font-size: var(--sd-font-size-sm, 0.875rem); margin-bottom: var(--sd-spacing-0, 0); margin-top: var(--sd-spacing-0, 0); padding: var(--sd-spacing-0, 0); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-footnotes:is(ol) li { counter-increment: list-item; display: flex; gap: var(--sd-spacing-2, 0.5rem) } .sd-footnotes:is(ol) li:before { content: counter(list-item); font-size: 10px; line-height: var(--sd-line-height-normal, 150%); padding-top: 1px; width: var(--sd-spacing-5, 1.25rem) } .sd-footnotes:is(ul) { list-style: } .sd-footnotes--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-scroll-lock { overflow: hidden !important; padding-right: var(--sd-scroll-lock-size) !important } .sd-toast-stack { box-sizing: border-box; max-height: 100%; max-width: 400px; position: fixed; z-index: var(--sd-z-index-alert-group, 950) } .sd-toast-stack--top-right { margin-right: var(--sd-spacing-4, 1rem); right: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0) } .sd-toast-stack--bottom-center { bottom: var(--sd-spacing-0, 0); --tw-translate-x: -50%; inset-inline-start: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .sd-toast-stack sd-notification::part(base) { --tw-shadow: var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, .75)); --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) } .sd-toast-stack sd-notification::part(content) { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-border-opacity)) } *, *::before, *::after { box-sizing: border-box } p { margin: 0 } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } ui-cms-navigation-element { padding: 0; margin: 0; padding: 0; margin: 0; list-style-type: none; font-size: 16px; line-height: 26px } ui-cms-navigation-element .position-helper { display: block !important; visibility: hidden } ui-cms-navigation-element .main-menu-item { font-size: 16px } ui-cms-navigation-element .main-menu-item.first-level { position: relative } .no-js ui-cms-navigation-element .main-menu-item.first-level { position: static } ui-cms-navigation-element .main-menu-item.first-level.static { position: static } ui-cms-navigation-element .main-menu-item.first-level.hover .flyout { display: block; z-index: 203 } @media (min-width: 1024px) { ui-cms-navigation-element .main-menu-item { display: inline-block } } @media (max-width: 1199px) { ui-cms-navigation-element .main-menu-item.overview-link a strong { color: var(--component-navigation-element-color-active-text, var(--skin-color-accent, #2d9d00)) } } ui-cms-navigation-element .menuItemMeta { font-size: 14px; line-height: 20px } ui-cms-navigation-element .flyout { display: none; height: 10px; left: 0; position: absolute; transform: translateX(1px); z-index: 110 } ui-cms-navigation-element .flyout .menu-wrapper { padding: 0; margin: 0; background-color: #ffffff; box-shadow: 0 1px 3px 0 rgba(81, 81, 81, 0.75); margin: 0; padding: var(--sd-spacing-6, 1.5rem); display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; gap: var(--sd-spacing-4, 1rem) } ui-cms-navigation-element .flyout .menu-wrapper li { display: block } ui-cms-navigation-element .flyout .menu-wrapper ul { padding: 0; margin: 0 } ui-cms-navigation-element .flyout .menu-wrapper .hub-navigation { grid-column: span 4; margin-top: var(--sd-spacing-4, 1rem); border-top: 1px solid #c3c3c3 } ui-cms-navigation-element .flyout .menu-wrapper .hub-navigation__headline { display: block; margin: var(--sd-spacing-8, 2rem) var(--sd-spacing-4, 1rem) var(--sd-spacing-4, 1rem) } ui-cms-navigation-element .flyout .menu-wrapper .hub-navigation ul { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; gap: var(--sd-spacing-4, 1rem) } ui-cms-navigation-element .flyout.multilines .menu-wrapper>li { border-bottom: 1px solid #c3c3c3 } ui-cms-navigation-element .flyout.multilines.rows-2 .menu-wrapper>li:nth-of-type(5), ui-cms-navigation-element .flyout.multilines.rows-2 .menu-wrapper>li:nth-of-type(6), ui-cms-navigation-element .flyout.multilines.rows-2 .menu-wrapper>li:nth-of-type(7), ui-cms-navigation-element .flyout.multilines.rows-2 .menu-wrapper>li:nth-of-type(8) { border-bottom: none } ui-cms-navigation-element .flyout.multilines.rows-3 .menu-wrapper>li:nth-of-type(9), ui-cms-navigation-element .flyout.multilines.rows-3 .menu-wrapper>li:nth-of-type(10), ui-cms-navigation-element .flyout.multilines.rows-3 .menu-wrapper>li:nth-of-type(11), ui-cms-navigation-element .flyout.multilines.rows-3 .menu-wrapper>li:nth-of-type(12) { border-bottom: none } ui-cms-navigation-element .not-selectable { padding: var(--sd-spacing-3, 0.75rem) var(--sd-spacing-4, 1rem) } /style> style> :root { --current-background-color: #ffffff } ui-leadtext mark { background-color: transparent; color: var(--skin-mark-color, var(--skin-color-accent, #2d9d00)) } ui-leadtext { display: block; color: var(--component-leadtext-color, var(--current-color-text, #181818)); font-family: var(--component-leadtext-font-family, var(--skin-font-family-primary, Frutiger Neue, Arial, sans-serif)); font-size: 24px; font-weight: 400; line-height: 32px; word-break: break-word } ui-leadtext a { color: var(--component-leadtext-color-link, var(--current-color-primary, #00358e)); cursor: pointer; text-decoration: underline; text-decoration-color: var(--component-leadtext-color-link, var(--current-color-primary, #00358e)) } ui-leadtext a:hover { color: var(--component-leadtext-color-link-hover, var(--current-color-primary-light, #466daf)); text-decoration-color: var(--component-leadtext-color-link-hover, var(--current-color-primary-light, #466daf)) } ui-leadtext ui-paragraph, ui-leadtext p { margin-bottom: 0; margin-top: 8px } ui-leadtext ui-paragraph:first-child, ui-leadtext p:first-child { margin-top: 0 } ui-leadtextvariantwhite { color: var(--skin-color-white, #ffffff) } ui-leadtextvariantwhite a { color: var(--skin-color-white, #ffffff) } ui-leadtextvariantwhite a:hover { color: var(--skin-color-primary-light, #466daf) } slot-fb { display: contents } slot-fbhidden { display: none } /style> style> @charset UTF-8; :root { --current-background-color: #ffffff } mark { background-color: transparent; color: var(--skin-mark-color, var(--skin-color-accent, #2d9d00)) } .sd-display { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-display, .sd-display--size-3xl { font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-display--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 1024px) { .sd-display--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-display--size-4xl { font-size: var(--sd-font-size-3xl, 2rem); font-weight: 400; line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } @media (min-width: 1024px) { .sd-display--size-4xl { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-display--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta { font-size: var(--sd-font-size-base, 1rem); font-weight: 400; line-height: var(--sd-line-height-none, 100%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-meta--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-meta--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-meta--inverted.sd-meta--light { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-meta--pipe:after { content: |; margin-left: var(--sd-spacing-1, 0.25rem); margin-right: var(--sd-spacing-1, 0.25rem) } .sd-meta--pipe.sd-meta--size-sm:after { margin-left: var(--sd-spacing-0-5, 0.125rem); margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-leadtext { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-leadtext, .sd-leadtext--size-lg { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-leadtext--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-leadtext--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-paragraph { font-size: var(--sd-font-size-base, 1rem) } .sd-paragraph, .sd-paragraph--size-sm { font-weight: 400; line-height: var(--sd-line-height-normal, 150%); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-paragraph--size-sm { font-size: var(--sd-font-size-sm, 0.875rem) } .sd-paragraph--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } mark.sd-mark { background-color: transparent; --tw-text-opacity: 1; color: rgb(var(--sd-color-accent, 45 157 0)/var(--tw-text-opacity)) } .sd-interactive--reset { all: unset; outline: revert } .sd-interactive { cursor: pointer; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)); text-decoration-line: none; transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) } .sd-interactive:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-text-opacity)) } .sd-interactive:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-800, 5 21 48)/var(--tw-text-opacity)) } .sd-interactive:focus-visible { outline-color: rgb(var(--sd-color-primary, 0 53 142)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-interactive--inverted:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-text-opacity)) } .sd-interactive--inverted:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-primary-400, 153 171 208)/var(--tw-text-opacity)) } .sd-interactive--inverted:focus-visible { outline-color: rgb(var(--sd-color-white, 255 255 255)/1); outline-offset: 2px; outline-style: solid; outline-width: 2px } .sd-interactive--disabled, .sd-interactivedisabled { cursor: not-allowed; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:hover:not(disabled), .sd-interactivedisabled:hover:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-interactive--disabled:active:not(disabled), .sd-interactivedisabled:active:not(disabled) { --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-600, 136 136 136)/var(--tw-text-opacity)) } .sd-table-cell { border-style: solid; border-width: 1px 0; --tw-border-opacity: 1; background-color: transparent; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding: var(--sd-spacing-4, 1rem); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-table-cell--divider { border-right-width: 1px } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after, .sd-table-cell--shadow-top:after { pointer-events: none; position: absolute; --tw-gradient-from: rgb(0 0 0/var(--sd-opacity-10, .1)) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: transparent var(--tw-gradient-to-position); opacity: var(--sd-opacity-0, 0); transition-duration: 0.3s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-top:after { height: var(--sd-spacing-2-5, 0.625rem); left: var(--sd-spacing-0, 0); right: var(--sd-spacing-0, 0) } .sd-table-cell--shadow-bottom:before, .sd-table-cell--shadow-top:before { display: block; height: 1px; left: var(--sd-spacing-0, 0); position: absolute; width: 100%; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-bg-opacity)); --tw-content: ; content: var(--tw-content) } .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after { bottom: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0); width: var(--sd-spacing-2-5, 0.625rem) } .sd-table-cell.sd-table-cell--shadow-active:after { opacity: 100% } .sd-table-cell--shadow-top:after { background-image: linear-gradient(to top, var(--tw-gradient-stops)); top: -10px } .sd-table-cell--shadow-top:before { bottom: -1px } .sd-table-cell--shadow-bottom:after { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); bottom: -10px } .sd-table-cell--shadow-bottom:before { top: -1px } .sd-table-cell--shadow-left:after { background-image: linear-gradient(to left, var(--tw-gradient-stops)); left: -10px } .sd-table-cell--shadow-right:after { background-image: linear-gradient(to right, var(--tw-gradient-stops)); right: -10px } .sd-table-cell--bg-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-table-cell--bg-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-table-cell--bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)) } .sd-table { all: unset; border-collapse: collapse; display: table; --tw-border-spacing-x: var(--sd-spacing-0, 0px); --tw-border-spacing-y: var(--sd-spacing-0, 0px); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) } .sd-table tfoot tr:first-of-type, .sd-table thead tr:first-of-type { position: relative } .sd-headline { display: flex; font-size: var(--sd-font-size-3xl, 2rem); font-weight: 700; gap: var(--sd-spacing-4, 1rem); line-height: var(--sd-line-height-tight, 120%); --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline { font-size: var(--sd-font-size-4xl, 2.5rem) } } .sd-headline sd-icon { flex-shrink: 0; font-size: 3rem; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } @media (min-width: 640px) { .sd-headline sd-icon { margin-top: var(--sd-spacing-2, 0.5rem) } } .sd-headline--size-3xl { font-size: var(--sd-font-size-2xl, 1.75rem) } @media (min-width: 640px) { .sd-headline--size-3xl { font-size: var(--sd-font-size-3xl, 2rem) } } .sd-headline--size-3xl sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } @media (min-width: 640px) { .sd-headline--size-3xl sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base, .sd-headline--size-lg, .sd-headline--size-xl { gap: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon, .sd-headline--size-lg sd-icon, .sd-headline--size-xl sd-icon { font-size: 2rem } .sd-headline--size-xl { font-size: var(--sd-font-size-xl, 1.5rem) } .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } @media (min-width: 640px) { .sd-headline--size-xl sd-icon { margin-top: var(--sd-spacing-0-5, 0.125rem) } } .sd-headline--size-base, .sd-headline--size-lg { line-height: var(--sd-line-height-normal, 150%) } .sd-headline--size-lg { font-size: var(--sd-font-size-lg, 1.25rem) } .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } @media (min-width: 640px) { .sd-headline--size-lg sd-icon { margin-top: var(--sd-spacing-0, 0) } } .sd-headline--size-base { font-size: var(--sd-font-size-base, 1rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-headline--size-base sd-icon { margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1) } .sd-headline--size-base mark { color: inherit } .sd-headline--inverted, .sd-headline--inverted sd-icon { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-headline--inline { display: inline } .sd-headline--inline sd-icon { margin-right: var(--sd-spacing-2, 0.5rem); margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1); vertical-align: middle } .sd-headline--inline.sd-headline--size-base sd-icon, .sd-headline--inline.sd-headline--size-lg sd-icon, .sd-headline--inline.sd-headline--size-xl sd-icon { margin-right: var(--sd-spacing-0-5, 0.125rem) } .sd-container { position: relative; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-100, 246 246 246)/var(--tw-bg-opacity)); padding: var(--sd-spacing-8, 2rem) var(--sd-spacing-10, 2.5rem) } .sd-container--variant-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-100, 236 240 249)/var(--tw-bg-opacity)) } .sd-container--variant-primary { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-bg-opacity)) } .sd-container--variant-border-neutral-400 { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); border-width: 1px } .sd-container--variant-border-neutral-400, .sd-container--variant-white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-container--padding-sm { padding: var(--sd-spacing-4, 1rem) var(--sd-spacing-6, 1.5rem) } .sd-container { --triangle-background: #fff } .sd-container--triangle-bottom:before, .sd-container--triangle-left:before, .sd-container--triangle-right:before, .sd-container--triangle-top:before { border-color: transparent; border-style: solid; border-width: 14px; content: ; display: block; position: absolute } .sd-container--triangle-top:before { border-top-color: var(--triangle-background); left: calc(50% - 14px); top: var(--sd-spacing-0, 0) } .sd-container--triangle-right:before { border-right-color: var(--triangle-background); right: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom:before { border-bottom-color: var(--triangle-background); bottom: var(--sd-spacing-0, 0); left: calc(50% - 14px) } .sd-container--triangle-left:before { border-left-color: var(--triangle-background); left: var(--sd-spacing-0, 0); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { border-color: transparent; border-style: solid; content: ; display: block; position: absolute } .sd-container--triangle-bottom-border:after, .sd-container--triangle-left-border:after, .sd-container--triangle-right-border:after, .sd-container--triangle-top-border:after { border-width: 14px } .sd-container--triangle-bottom-border:before, .sd-container--triangle-left-border:before, .sd-container--triangle-right-border:before, .sd-container--triangle-top-border:before { border-width: 15px } .sd-container--triangle-top-border:after, .sd-container--triangle-top-border:before { top: -1px } .sd-container--triangle-top-border:before { --tw-border-opacity: 1; border-top-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-top-border:after { border-top-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-right-border:after, .sd-container--triangle-right-border:before { right: -1px } .sd-container--triangle-right-border:before { --tw-border-opacity: 1; border-right-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-right-border:after { border-right-color: var(--triangle-background); top: calc(50% - 14px) } .sd-container--triangle-bottom-border:after, .sd-container--triangle-bottom-border:before { bottom: -1px } .sd-container--triangle-bottom-border:before { --tw-border-opacity: 1; border-bottom-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); left: calc(50% - 15px) } .sd-container--triangle-bottom-border:after { border-bottom-color: var(--triangle-background); left: calc(50% - 14px) } .sd-container--triangle-left-border:after, .sd-container--triangle-left-border:before { left: -1px } .sd-container--triangle-left-border:before { --tw-border-opacity: 1; border-left-color: rgb(var(--sd-color-neutral-400, 195 195 195)/var(--tw-border-opacity)); top: calc(50% - 15px) } .sd-container--triangle-left-border:after { border-left-color: var(--triangle-background); top: calc(50% - 14px) } .sd-chip { align-items: center; border-radius: var(--sd-border-radius-default, 0.25rem); display: inline-flex; height: var(--sd-spacing-6, 1.5rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-200, 224 233 243)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-2, 0.5rem); padding-right: var(--sd-spacing-2, 0.5rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-chip--primary-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-500, 70 109 175)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-chip--primary-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-primary-300, 200 213 231)/var(--tw-bg-opacity)) } .sd-chip--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-flag { align-items: center; display: inline-flex; height: var(--sd-spacing-8, 2rem); overflow: hidden; white-space: nowrap; --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-200, 233 233 233)/var(--tw-bg-opacity)); font-size: var(--sd-font-size-sm, 0.875rem); padding-left: var(--sd-spacing-3, 0.75rem); padding-right: var(--sd-spacing-3, 0.75rem); --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } .sd-flag--neutral-500 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-500, 174 174 174)/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-flag--neutral-300 { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-neutral-300, 218 218 218)/var(--tw-bg-opacity)) } .sd-flag--white { --tw-bg-opacity: 1; background-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-bg-opacity)) } .sd-list { padding-bottom: var(--sd-spacing-4, 1rem); padding-top: var(--sd-spacing-4, 1rem); text-align: left } .sd-list--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list:is(ol) ol { counter-reset: item } .sd-list:is(ol) li:not(:first-child) { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li { counter-increment: item; display: table } .sd-list:is(ol) li:before { content: counters(item, .) . ; display: table-cell; padding-right: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ol) li li { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ol) li li:before { content: counters(item, .) . } .sd-list:is(ul):not(.sd-list--icon) { list-style-type: •; margin-left: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) li { margin-left: calc(var(--sd-spacing-2, 0.5rem) * -1); padding-left: var(--sd-spacing-2, 0.5rem) } .sd-list:is(ul):not(.sd-list--icon) li:not(:first-child) { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) li li { padding-top: var(--sd-spacing-3, 0.75rem) } .sd-list:is(ul):not(.sd-list--icon) ul { list-style-type: ⬝; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list:is(ul):not(.sd-list--icon) ul ul { list-style-type: ‐; margin-inline-start: var(--sd-spacing-4, 1rem) } .sd-list--icon.sd-list--inverted li .sd-list--icon__icon:first-of-type, .sd-list--icon.sd-list--inverted li sd-icon:first-of-type { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-list--icon { list-style-type: } .sd-list--icon>li:first-of-type { padding-top: var(--sd-spacing-0, 0) } .sd-list--icon li { line-height: 32px; padding-left: var(--sd-spacing-10, 2.5rem); padding-top: var(--sd-spacing-3, 0.75rem); position: relative } .sd-list--icon li .sd-list--icon__icon:first-of-type, .sd-list--icon li sd-icon:first-of-type { font-size: var(--sd-font-size-3xl, 2rem); left: var(--sd-spacing-0, 0); position: absolute; --tw-text-opacity: 1; color: rgb(var(--sd-color-primary, 0 53 142)/var(--tw-text-opacity)) } .sd-list--icon.sd-list--horizontal { display: flex } .sd-list--icon.sd-list--horizontal li { display: flex; padding-top: var(--sd-spacing-0, 0) } .sd-list--icon.sd-list--horizontal li:not(:last-child) { margin-right: var(--sd-spacing-8, 2rem) } .sd-copyright { position: relative } .sd-copyright:after { bottom: var(--sd-spacing-0, 0); display: block; font-size: var(--sd-font-size-sm, 0.875rem); left: var(--sd-spacing-0, 0); padding-bottom: var(--sd-spacing-2, 0.5rem); padding-left: var(--sd-spacing-4, 1rem); position: absolute; width: 100%; --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)); content: var(--copyright); text-shadow: 0 1px 3px rgba(81, 81, 81, 0.7490196078) } figure.sd-media { margin: var(--sd-spacing-0, 0) } figure.sd-media figcaption { --tw-text-opacity: 1; color: rgb(var(--sd-color-black, 24 24 24)/var(--tw-text-opacity)) } figure.sd-media figcaption:last-child { margin-top: var(--sd-spacing-3, 0.75rem) } .sd-footnotes { font-size: var(--sd-font-size-sm, 0.875rem); margin-bottom: var(--sd-spacing-0, 0); margin-top: var(--sd-spacing-0, 0); padding: var(--sd-spacing-0, 0); text-align: left; --tw-text-opacity: 1; color: rgb(var(--sd-color-neutral-700, 104 104 104)/var(--tw-text-opacity)) } .sd-footnotes:is(ol) li { counter-increment: list-item; display: flex; gap: var(--sd-spacing-2, 0.5rem) } .sd-footnotes:is(ol) li:before { content: counter(list-item); font-size: 10px; line-height: var(--sd-line-height-normal, 150%); padding-top: 1px; width: var(--sd-spacing-5, 1.25rem) } .sd-footnotes:is(ul) { list-style: } .sd-footnotes--inverted { --tw-text-opacity: 1; color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-text-opacity)) } .sd-scroll-lock { overflow: hidden !important; padding-right: var(--sd-scroll-lock-size) !important } .sd-toast-stack { box-sizing: border-box; max-height: 100%; max-width: 400px; position: fixed; z-index: var(--sd-z-index-alert-group, 950) } .sd-toast-stack--top-right { margin-right: var(--sd-spacing-4, 1rem); right: var(--sd-spacing-0, 0); top: var(--sd-spacing-0, 0) } .sd-toast-stack--bottom-center { bottom: var(--sd-spacing-0, 0); --tw-translate-x: -50%; inset-inline-start: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .sd-toast-stack sd-notification::part(base) { --tw-shadow: var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, .75)); --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) } .sd-toast-stack sd-notification::part(content) { --tw-border-opacity: 1; border-color: rgb(var(--sd-color-white, 255 255 255)/var(--tw-border-opacity)) } *, *::before, *::after { box-sizing: border-box } p { margin: 0 } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } ui-cms-footnote-list { display: block; font-family: var(--skin-font-family-primary, Frutiger Neue, Arial, sans-serif); position: relative } /style> title>Kapitalmarktausblick 2024 | Union Investment Austria/title> meta nameviewport contentwidthdevice-width, initial-scale1.0, maximum-scale1.0, user-scalableno, shrink-to-fitno> style data-styles> slot-fb { display: contents } slot-fbhidden { display: none } ui-download-search, ui-realestate-search, ui-attrax-search, ui-lexicon-search, ui-faq-search, ui-download-search-quickfilter, ui-global-search, ui-search-fund-widget, ui-search-result-item, ui-section-search, ui-lexicon-abc-overview, ui-realestate-property-view, ui-realestate-search-filters, ui-attrax-search-result-details, ui-attrax-search-results-table, ui-download-search-result, ui-realestate-property-info, ui-realestate-list-view, ui-realestate-map-view, ui-download-search-facet, ui-download-search-sort, ui-download-search-facets, ui-download-search-selectable-results, ui-download-search-autosuggest, ui-download-search-funds-box, ui-download-search-quickfilters, ui-search-results-pagination, ui-custom-search, ui-search-autosuggest { visibility: hidden } .hydrated { visibility: inherit } /style> style data-styles> ui-savings-plan, ui-savings-plan-content { visibility: hidden } .hydrated { visibility: inherit } /style> style data-styles> ui-product-finder, ui-product-finder-calculator { visibility: hidden } .hydrated { visibility: inherit } /style> style data-styles> slot-fb { display: contents } slot-fbhidden { display: none } ui-newsletter-list, context-consumer, example-component, stencil-async-content, stencil-route-link, stencil-route-title, stencil-router-prompt, stencil-router-redirect, ui-newsletter-change-data, ui-newsletter-subscription, ui-newsletter-management, stencil-route, stencil-route-switch, stencil-router, ui-day-selector, ui-newsletter-list-item-fundprice, ui-newsletter-list-item-immofunds, ui-newsletter-list-item-price, ui-newsletter-fundprice-interval-settings, ui-newsletter-fundprice-classes, ui-newsletter-fundprice-names, ui-newsletter-fundprice-saved, ui-newsletter-fundprice-types, ui-newsletter-immofunds-form, ui-newsletter-immofunds-saved, ui-newsletter-price-form, ui-newsletter-price-saved, ui-newsletter-list-item, ui-newsletter-header, ui-newsletter-save-bar, ui-newsletter-unsubscribe-all-dialog { visibility: hidden } .hydrated { visibility: inherit } /style> style data-styles> slot-fb { display: contents } slot-fbhidden { display: none } ui-fund-portrait, ui-funds-search, ui-fund-barchart-table, ui-fund-quickfact, ui-fund-textimage, ui-fund-application, ui-fund-ataglance, ui-fund-imgchart, ui-fund-list, ui-fund-text, ui-funds-search-light, ui-fund-alert, ui-fund-creationdate, ui-fund-downloads, ui-fund-suggest-slider, ui-fund-textwithcta, ui-fund-twocolumn, ui-fund-twocolumnfdk, ui-funds-search-old, ui-fund-table, ui-fund-portrait-application-chart, ui-fund-properties-icons, ui-fund-search-facet, ui-fond-search-autosuggest, ui-fund-search-results-table, ui-fund-search-box, ui-fund-search-facets, ui-fund-smarttooltip, ui-fund-selection-filters, ui-fund-suggest, ui-fund-call-to-action, ui-fund-section-footnotes-footer, ui-fund-section-footnotes-marker, ui-fund-star-rating, ui-fund-risk-square, ui-fund-morningstar, ui-fund-riskclass, ui-fund-footnotes, ui-fund-performance, ui-fund-notification-service-action-buttons, ui-fund-notification-service-dialog, ui-fund-trend-description, ui-trend-arrow, ui-fund-price, ui-fund-horizont, ui-fund-price-grey, ui-fund-riskprofile, ui-fund-summary-figure, ui-fund-notification-service, ui-fund-summary, ui-fund-selection, ui-fund-body, ui-fund-stickyheader { visibility: hidden } .hydrated { visibility: inherit } /style> style data-styles> slot-fb { display: contents } slot-fbhidden { display: none } ui-cms-faq-category, ui-cms-faq-top-five, ui-cms-article-overview, ui-footer, ui-cms-blog-comment-section, ui-cms-article-list, ui-cms-header, ui-cms-interactive-image, ui-cms-job-search, ui-cms-open-spaces, ui-cms-voting-dashboard, ui-cd-toolbox-color-table, ui-cms-accordion, ui-cms-download-list-celum-assets, ui-cms-header-service-area, ui-cms-infinity, ui-cms-lexicon-abc-overview, ui-cms-navigation, ui-cms-tab, ui-cms-text-infobox, ui-cms-twitter-feed, ui-cms-accordion-group, ui-cms-audio-player, ui-cms-bank-search, ui-cms-bank-search-light, ui-cms-bplv, ui-cms-breadcrumb, ui-cms-cd-contact-channels-footer, ui-cms-chart-box, ui-cms-contact, ui-cms-contact-channels, ui-cms-contact-channels-address, ui-cms-contact-channels-chat, ui-cms-contact-channels-chat-sticky-toolbar, ui-cms-contact-channels-email, ui-cms-contact-channels-email-sticky-toolbar, ui-cms-contact-channels-footer-email, ui-cms-contact-channels-footer-fax, ui-cms-contact-channels-footer-miscellaneous, ui-cms-contact-channels-footer-phone, ui-cms-contact-channels-miscellaneous, ui-cms-contact-channels-miscellaneous-sticky-toolbar, ui-cms-contact-channels-phone, ui-cms-contact-channels-phone-sticky-toolbar, ui-cms-container-group, ui-cms-content-footer, ui-cms-cooperation-logo-footer, ui-cms-corporate-measures-search, ui-cms-debug-component, ui-cms-depository-search, ui-cms-download-list, ui-cms-download-search, ui-cms-faq-search, ui-cms-faq-teaser, ui-cms-faq-topics, ui-cms-flashcard, ui-cms-flashcard-group, ui-cms-footer, ui-cms-fund-portrait, ui-cms-fund-selection, ui-cms-funds-search, ui-cms-funds-search-light, ui-cms-global-search, ui-cms-grid, ui-cms-grid-element, ui-cms-headline, ui-cms-icon-library, ui-cms-iframe, ui-cms-image, ui-cms-legal-notice-dialog, ui-cms-lexicon-search, ui-cms-link, ui-cms-link-cells, ui-cms-list, ui-cms-pension-gap-calculator, ui-cms-product-finder, ui-cms-product-finder-calculator, ui-cms-progress-bar, ui-cms-quality-seal, ui-cms-quickfact, ui-cms-quickfact-group, ui-cms-quotation, ui-cms-real-estate-overview, ui-cms-realestate-search, ui-cms-realestate-surrounding-places, ui-cms-savings-plan, ui-cms-section-tracking, ui-cms-shadow-root-anchor, ui-cms-skinning-widget, ui-cms-slider, ui-cms-slider-navigation, ui-cms-social-share-buttons, ui-cms-sticky-toolbar, ui-cms-sticky-toolbar-item-social-follow-links, ui-cms-sticky-toolbar-item-standard, ui-cms-sticky-toolbar-mobile, ui-cms-sticky-toolbar-mobile-item, ui-cms-stock-indices, ui-cms-sub-layout, ui-cms-supernumber, ui-cms-superteaser, ui-cms-superteaser-gbk, ui-cms-superteaser-video, ui-cms-surrounding-map, ui-cms-tab-group, ui-cms-teaser-group-tile, ui-cms-teaser-tile, ui-cms-technical-info, ui-cms-tiles-filter, ui-cms-udo-login-teaser, ui-cms-value-chain, ui-cms-webforms, ui-cms-blog-comment, ui-cms-article-entry, ui-cms-article-group, ui-cms-search-autosuggest, ui-cms-offcanvas-navigation, ui-cms-download-list-item, ui-cms-navigation-element, ui-cms-table, ui-cms-twitter-feed-item, ui-cms-interactive-image-menu, ui-cms-interactive-image-poi, ui-cms-job-search-filters, ui-cms-selected-jobs, ui-cms-open-spaces-filters, ui-cms-open-spaces-row, ui-cms-voting-chart, ui-cms-voting-table, ui-cms-container, ui-cms-contact-channels-footer, ui-cms-newsletter-cta, ui-cms-partner-logos-footer, ui-cms-social-follow-links, ui-cms-anchor, ui-cms-load-more, ui-cms-teaser, ui-cms-teaser-article, ui-cms-teaser-group, ui-cms-teaser-group-article, ui-cms-link-list, ui-cms-blog-comment-content, ui-cms-blog-load-more-comments, ui-cms-add-comment, ui-cms-faq-feedback, ui-cms-footnote-list, ui-cms-faq-entry, ui-cms-text-image-video, ui-cms-rating { visibility: hidden } .hydrated { visibility: inherit } /style> style data-styles> slot-fb { display: contents } slot-fbhidden { display: none } ui-superteaser, ui-text-image, ui-teaser, skinning-widget, ui-flashcard, ui-link-list, ui-dialog, ui-scrollable, ui-teaser-tile, dynamic-height, ui-autosuggest, ui-contact, ui-dropdown, ui-progress-steps, ui-quickfact, ui-social-share-buttons, ui-suggestion-group, ui-surrounding-map, ui-accordion-panel, ui-alert, ui-audio-player, ui-datepicker, ui-expandable, ui-list-item, ui-radio-button, ui-select-in-open-shadow-dom, ui-slider, ui-social-follow-links, ui-tag, ui-teaser-article, skin-variables-demo, ui-accordion, ui-chart, ui-fieldset, ui-header, ui-in-view-watcher, ui-list, ui-loading-spinner, ui-map-marker, ui-meta-info, ui-meta-info-item, ui-offcanvas-panel, ui-offcanvas-provider, ui-offcanvas-trigger, ui-paragraph, ui-portal, ui-qrcode, ui-quickfact-group, ui-radio-button-group, ui-range, ui-slide, ui-sticky, ui-suggestion, ui-supernumber, ui-tab, ui-tab-group, ui-tab-panel, ui-table, ui-tag-group, ui-textarea, ui-tile, ui-usercentrics-overlay, ui-progress-step, ui-quotation, ui-tooltip, ui-leadtext, ui-pill, ui-select, ui-icon, ui-scrollable-button, ui-scrollable-shadow, ui-input, ui-richtext, ui-button, ui-container, ui-video, ui-iframe, ui-image, ui-headline, ui-link { visibility: hidden } .hydrated { visibility: inherit } /style> link relstylesheet typetext/css href./index_files/union-investment.css mediaall> link relstylesheet typetext/css href./index_files/skin-default.css mediaall> style typetext/css> .medium-zoom-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition: opacity .3s; will-change: opacity } .medium-zoom--opened .medium-zoom-overlay { cursor: pointer; cursor: zoom-out; opacity: 1 } .medium-zoom-image { cursor: pointer; cursor: zoom-in; transition: transform .3s cubic-bezier(.2, 0, .2, 1) !important } .medium-zoom-image--hidden { visibility: hidden } .medium-zoom-image--opened { position: relative; cursor: pointer; cursor: zoom-out; will-change: transform } /style>/head>body roledocument class data-new-gr-c-s-check-loaded14.1174.0 data-gr-ext-installed stylepadding-top: 0px;> div classpage clearfix> main> ui-cms-grid row-gap20 style--grid-column-width: 0.08333333333333333; --grid-row-gap: 20; classhydrated>!----> ui-cms-grid-element hide-separator columns12 offset0 classhydrated style--grid-row-gap-reduction: 20; --grid-element-span: 12;>!----> /ui-cms-grid-element> /ui-cms-grid>ui-cms-grid row-gap22 style--grid-column-width: 0.08333333333333333; --grid-row-gap: 22; classhydrated>!----> ui-cms-grid-element hide-separator columns12 offset0 style--grid-row-gap-reduction: 22; --grid-element-span: 12; classhydrated>!----> ui-cms-breadcrumb body{"site":{"pages":{"title":"Union Investment Austria","hubPages":{},"pages":{"title":"Unsere Services","pages":{"title":"News & Berichte ","hubPages":{},"pages":{"title":"Aktuelles","hubPages":{},"pages":{"title":"Nachrichten","hubPages":{},"pages":{"title":"Kapitalmarktausblick 2024","hubPages":{},"trackingReferenceID":"68759458-02c2-435b-bdb1-a8cf4a4f6a5c","active":false,"url":"/unsere-services/news-berichte/aktuelles/nachrichten/kapitalmarktausblick-2024"},"trackingReferenceID":"7a724eac-5e04-47e7-9d15-db86fdaec71a","active":false},"trackingReferenceID":"3f56f6b9-5bb9-4f95-a7ac-ea01cf190476","active":false,"url":"/unsere-services/news-berichte/aktuelles"},"trackingReferenceID":"93ffd13f-eaa4-40e6-b345-64af2010401d","description":"Bleiben Sie auf dem Laufenden","active":false,"url":"/unsere-services/news-berichte"},"trackingReferenceID":"f9c560c7-69d3-408c-bf81-f0b4396cd410","active":false,"url":"/unsere-services"},"trackingReferenceID":"e39cb2f9-bf9c-433a-9427-fc63a503e9b4","active":false,"url":"/"},{"title":"Unsere Services","pages":{"title":"News & Berichte ","hubPages":{},"pages":{"title":"Aktuelles","hubPages":{},"pages":{"title":"Nachrichten","hubPages":{},"pages":{"title":"Kapitalmarktausblick 2024","hubPages":{},"trackingReferenceID":"68759458-02c2-435b-bdb1-a8cf4a4f6a5c","active":false,"url":"/unsere-services/news-berichte/aktuelles/nachrichten/kapitalmarktausblick-2024"},"trackingReferenceID":"7a724eac-5e04-47e7-9d15-db86fdaec71a","active":false},"trackingReferenceID":"3f56f6b9-5bb9-4f95-a7ac-ea01cf190476","active":false,"url":"/unsere-services/news-berichte/aktuelles"},"trackingReferenceID":"93ffd13f-eaa4-40e6-b345-64af2010401d","description":"Bleiben Sie auf dem Laufenden","active":false,"url":"/unsere-services/news-berichte"},"trackingReferenceID":"f9c560c7-69d3-408c-bf81-f0b4396cd410","active":false,"url":"/unsere-services"},{"title":"News & Berichte ","hubPages":{},"pages":{"title":"Aktuelles","hubPages":{},"pages":{"title":"Nachrichten","hubPages":{},"pages":{"title":"Kapitalmarktausblick 2024","hubPages":{},"trackingReferenceID":"68759458-02c2-435b-bdb1-a8cf4a4f6a5c","active":false,"url":"/unsere-services/news-berichte/aktuelles/nachrichten/kapitalmarktausblick-2024"},"trackingReferenceID":"7a724eac-5e04-47e7-9d15-db86fdaec71a","active":false},"trackingReferenceID":"3f56f6b9-5bb9-4f95-a7ac-ea01cf190476","active":false,"url":"/unsere-services/news-berichte/aktuelles"},"trackingReferenceID":"93ffd13f-eaa4-40e6-b345-64af2010401d","description":"Bleiben Sie auf dem Laufenden","active":false,"url":"/unsere-services/news-berichte"},{"title":"Aktuelles","hubPages":{},"pages":{"title":"Nachrichten","hubPages":{},"pages":{"title":"Kapitalmarktausblick 2024","hubPages":{},"trackingReferenceID":"68759458-02c2-435b-bdb1-a8cf4a4f6a5c","active":false,"url":"/unsere-services/news-berichte/aktuelles/nachrichten/kapitalmarktausblick-2024"},"trackingReferenceID":"7a724eac-5e04-47e7-9d15-db86fdaec71a","active":false},"trackingReferenceID":"3f56f6b9-5bb9-4f95-a7ac-ea01cf190476","active":false,"url":"/unsere-services/news-berichte/aktuelles"},{"title":"Kapitalmarktausblick 2024","hubPages":{},"trackingReferenceID":"68759458-02c2-435b-bdb1-a8cf4a4f6a5c","active":false,"url":"/unsere-services/news-berichte/aktuelles/nachrichten/kapitalmarktausblick-2024"},"active":false}} classhydrated>!----> nav rolenavigation> /nav> /ui-cms-breadcrumb> /ui-cms-grid-element> /ui-cms-grid> ui-cms-grid classcontent hydrated style--grid-column-width: 0.08333333333333333; --grid-row-gap: 60;>!----> ui-cms-grid-element columns8 hide-separator centered offset0 style--grid-row-gap-reduction: 60; --grid-element-span: 8; --start-column: 3; classhydrated>!----> ui-cms-headline body{"headline":"<p>Kapitalmarktausblick 2024</p>\n","iconOption":"none","isHeadlineCentered":false,"leadtext":"<p>Kühlen Kopf bewahren und auf Aktien setzen</p>\n"} searchable-fields"overline", "headline", "leadtext" classhydrated> ui-headline classui-headline hydrated level1>template shadowrootmodeopen> h1 classui-headline ui-headline--1 partheadline> slot>/slot> /h1> /template>Kapitalmarktausblick 2024 /ui-headline>ui-leadtext classui-leadtext hydrated>!----> p>Kühlen Kopf bewahren und auf Aktien setzen/p> /ui-leadtext>/ui-cms-headline> style> ui-paragraph { margin-top: 12px; } div { margin-bottom: 20px; } /style> div classcolumns-8> div classcontent> div classimage-wrapper img-3cols> img src./index_files/GBK-FrankEngels.jpeg stylewidth: 100%; alt> /template>/ui-image> /div>ui-richtext classui-richtext hydrated floating component-width480>template shadowrootmodeopen> div>ui-paragraph columns0 classui-paragraph hydrated>template shadowrootmodeopen> slot>/slot> /template>strong>01. Dezember 2023 /strong>– Der Zins ist zurück, und er ist gekommen um zu bleiben. Dennoch: Das „Zurück zum Sparbuch“ kann nicht die alleinige Lösung für eine langfristigen Vermögensaufbau sein, denn nach Abzug der Inflation spart man sich jedes Jahr ärmer. Stattdessen lohnt auch 2024 ein Engagement am Kapitalmarkt. Bei aller Unsicherheit: Die Chancen überwiegen, vor allem am Aktienmarkt./ui-paragraph> ui-paragraph columns0 classui-paragraph hydrated>template shadowrootmodeopen> slot>/slot> /template>Wie wird das Kapitalmarktjahr 2024? Die wichtigste Botschaft ist: Der Zins ist zurück, und er ist gekommen um zu bleiben. Außerdem entscheiden die Schlüsselfaktoren Wachstum, Inflation und Geldpolitik über den Verlauf des Börsenjahres. Bei vielen dieser Punkte war oder ist die Nachrichtenlage schwierig, das Kapitalmarktumfeld ist also unsicher. Bedeutet diese Kombination, dass man für den langfristigen Vermögensaufbau sein Heil in der Sicherheit suchen soll?/ui-paragraph> ui-paragraph columns0 classui-paragraph hydrated>template shadowrootmodeopen> slot>/slot> /template>Aus Sicht von Dr. Frank Engels, CIO und für das Portfoliomanagement verantwortlicher Vorstand von Union Investment, lautet die Antwort: Nein, vielmehr sieht er bei den Schlüsselfaktoren Fortschritte, wenn auch noch keine endgültige Entwarnung. „In den USA verdichten sich die Hinweise auf eine sanfte Landung der Konjunktur“, analysiert er mit Blick auf die wirtschaftliche Lage in der wichtigsten Volkswirtschaft der Welt. Zwar rechnet er über die Wintermonate wegen auslaufender Pandemieprogramme, einer Normalisierung am Arbeitsmarkt und einer gedämpften Investitionstätigkeit mit einer Verlangsamung der Wachstumsdynamik. Eine Rezession erwartet er aber nicht. In der zweiten Jahreshälfte sollten wieder anziehende Investitionen das Wachstum ankurbeln. „Auf Jahressicht dürften die Vereinigten Staaten um rund 1,5 Prozent wachsen“, fasst Engels zusammen./ui-paragraph> ui-paragraph columns0 classui-paragraph hydrated>template shadowrootmodeopen> slot>/slot> /template>Europa tut sich wirtschaftlich schwerer. Der Euroraum dürfte nur knapp der Rezession entgehen. Ein Grund dafür sind die straffen Finanzierungsbedingungen durch die gestiegenen Zinsen. Wegen einer Stabilisierung der Realeinkommen, also der Einkünfte nach Abzug der Inflationsrate, ist aber auch hier ab dem Sommer mit einer Rückkehr auf den langfristigen Wachstumspfad zu rechnen. „Für 2024 sind 0,5 Prozent Wachstum im Euroraum möglich“, so Engels. „In Deutschland dürfte das Wachstum etwas darunter liegen.“/ui-paragraph> ui-paragraph columns0 classui-paragraph hydrated>template shadowrootmodeopen> slot>/slot> /template>strong>Inflation im flachen Abwärtstrend/strong>/ui-paragraph> ui-paragraph columns0 classui-paragraph hydrated>template shadowrootmodeopen> slot>/slot> /template>Bei der Teuerung sieht der Kapitalmarktvorstand den Höhepunkt längst erreicht. „Die Inflation sinkt, mittlerweile auch in der Kernrate, das heißt ohne die schwankungsanfälligen Energie- und Lebensmittelpreise. Dieser Trend sollte 2024 anhalten“, sagt er und verweist auf die Entspannung bei den Energiepreisen und die Normalisierung des Güterangebots nach der Corona-Pandemie. Gleichzeitig ist aber davon auszugehen, dass der weitere Rückgang nur langsam vorankommt. Insbesondere der in vielen Volkswirtschaften enge Arbeitsmarkt dürfte schnell fallende Teuerungsraten verhindern./ui-paragraph> ui-paragraph columns0 classui-paragraph hydrated>template shadowrootmodeopen> slot>/slot> /template>strong>Leitzinsplateau reicht bis ins zweite Halbjahr/strong>/ui-paragraph> ui-paragraph columns0 classui-paragraph hydrated>template shadowrootmodeopen> slot>/slot> /template>Nach den schnellen und scharfen Anhebungen der Leitzinsen durch die Notenbanken dürfte der Gipfel in den USA und Europa nunmehr erreicht sein. „Wir erwarten keine steigenden Leitzinsen mehr in diesem Zyklus. Die nächsten Schritte werden nach unten sein“, so Engels. Angesichts der fallenden Inflationsraten und des mittlerweile recht hohen Renditeniveaus am Anleihemarkt hält er weitere Verschärfungen der straffen Geldpolitik für nicht mehr notwendig. „Die Notenbanken können das Zinsniveau jetzt auf die Wirtschaft wirken lassen.“ Gleichzeitig bleibt der Abwärtstrend bei der Teuerung jedoch flach. Das spreche dafür, dass die Notenbanken die Leitzinsen so schnell nicht absenken werden./ui-paragraph> ui-paragraph columns0 classui-paragraph hydrated>template shadowrootmodeopen> slot>/slot> /template>„Hoch für längere Zeit – aber eben nicht noch höher“, erläutert Engels. „Der Zinsgipfel wird sich in den kommenden Monaten zu einem Zinsplateau verfestigen“. Erst ab Mitte 2024 könnten die Zentralbanken angesichts der nachlassenden Inflation zu Leitzinssenkungen übergehen. Im Fall der US-Notenbank Federal Reserve (Fed) rechnet Engels bis zum Jahresende 2024 mit Senkungen um bis zu 100 Basispunkte, bei der Europäischen Zentralbank (EZB) hält er bis zu 75 Basispunkte für realistisch./ui-paragraph> ui-paragraph columns0 classui-paragraph hydrated>template shadowrootmodeopen> slot>/slot> /template>strong>Aktien als favorisierte Anlageklasse/strong>/ui-paragraph> ui-paragraph columns0 classui-paragraph hydrated>template shadowrootmodeopen> slot>/slot> /template>Diese Kombination aus allmählich besser werdenden Wachstumsaussichten, nachlassender Inflation und ersten Leitzinssenkungen dürfte nach Einschätzung des Kapitalmarktstrategen dazu führen, dass Aktien auf Jahressicht die besten Perspektiven aufweisen. „Die positiven Treiber kommen vor allem in der zweiten Jahreshälfte zum Tragen“, betont er jedoch. Das Potenzial für Kursanstiege dürfte dabei in etwa dem Wachstum der Unternehmensgewinne entsprechen, die Engels mit bis zu zehn Prozent auf Indexebene beziffert. Bei Sektoren und Stilrichtungen, also Wachstum oder Substanz, rät er zu einer ausgewogenen Aufstellung. „Wir rechnen in fast allen Branchen mit Gewinnwachstum, aber eben nicht bei allen Unternehmen. Für den Anlageerfolg wird es also vor allem auf die Auswahl ankommen.“/ui-paragraph> ui-paragraph columns0 classui-paragraph hydrated>template shadowrootmodeopen> slot>/slot> /template>Bei sicheren Staatsanleihen erwartet Engels keinen breit angelegten Renditerückgang. „Die Leitzinssenkungen der Notenbanken dürften dazu führen, dass vor allem bei kurzlaufenden Papieren die Renditen sinken. Bei den längeren Laufzeiten wirken der bessere Wachstumsausblick und der hohe Refinanzierungsbedarf in den nächsten Jahren einem Rückgang jedoch teilweise entgegen“, analysiert er. In der Folge rechnet Engels bei zweijährigen US-Staatsanleihen mit einem Rückgang der Renditen unter starken Schwankungen bis zum Jahresende auf 3,75 Prozent, während sie bei zehnjährigen Papieren nur auf 4,25 Prozent zurückgehen dürften. Im Euroraum ist mit einer ähnlichen Entwicklung zu rechnen. Hier geht Engels per Ende 2024 von einem Renditeniveau von 2,5 Prozent bei zweijährigen und 2,7 Prozent bei zehnjährigen Bundesanleihen aus. Anlegern auf der Suche nach Renditeaufschlägen rät Engels zu Unternehmensanleihen guter Bonität (Investment Grade). „Sowohl die absolute Rendite als auch die Risikoaufschläge (Spreads) sind attraktiv, die fundamentale Situation der Unternehmen ist gut“, meint er./ui-paragraph> ui-paragraph columns0 classui-paragraph hydrated>template shadowrootmodeopen> slot>/slot> /template>Bei den Rohstoffen sind die Industriemetalle als strukturelle Gewinner des grünen Umbaus der Wirtschaft die Favoriten im Jahr 2024. Anders bei Rohöl: „So lange eine Eskalation im Nahen Osten ausbleibt, verfügen Energierohstoffe nur über ein begrenztes Aufwärtspotenzial“, kommentiert Engels./ui-paragraph> ui-paragraph columns0 classui-paragraph hydrated>template shadowrootmodeopen> slot>/slot> /template>strong>Herausforderndes, aber auch aussichtsreiches Kapitalmarktjahr 2024/strong>/ui-paragraph> ui-paragraph columns0 classui-paragraph hydrated>template shadowrootmodeopen> slot>/slot> /template>Geopolitische Risiken wie der Konflikt zwischen Israel und der Hamas, aber auch die Spannungen zwischen den USA und China sowie die US-Wahlen sind nur einige der möglichen Herausforderungen für das Kapitalmarktjahr 2024. Auch bei den fundamentalen Schlüsselfaktoren Konjunktur, Inflation und Geldpolitik sind nicht alle Unsicherheiten beseitigt. Dennoch sieht Engels hier deutliche Fortschritte, die sich in den nächsten Monaten weiter festigen sollten. „Die Lage bessert sich langsam, aber stetig – und zwar auf allen für die Kapitalmärkte besonders relevanten Feldern. Die Wintermonate dürften dabei noch eher schwierig bleiben, bevor sich die Perspektiven für Risikoanlagen im weiteren Jahresverlauf zunehmend verbessern.“ Daher rät er Investoren, die Chancen an den Kapitalmärkten nicht aus den Augen zu verlieren. „Das Kapitalmarktjahr 2024 dürfte herausfordernd, aber eben auch aussichtsreich werden. Anleger sollten dabei einen kühlen Kopf bewahren“, fasst er zusammen./ui-paragraph> /div> /template> p>strong>01. Dezember 2023 /strong>– Der Zins ist zurück, und er ist gekommen um zu bleiben. Dennoch: Das „Zurück zum Sparbuch“ kann nicht die alleinige Lösung für eine langfristigen Vermögensaufbau sein, denn nach Abzug der Inflation spart man sich jedes Jahr ärmer. Stattdessen lohnt auch 2024 ein Engagement am Kapitalmarkt. Bei aller Unsicherheit: Die Chancen überwiegen, vor allem am Aktienmarkt./p> p>Wie wird das Kapitalmarktjahr 2024? Die wichtigste Botschaft ist: Der Zins ist zurück, und er ist gekommen um zu bleiben. Außerdem entscheiden die Schlüsselfaktoren Wachstum, Inflation und Geldpolitik über den Verlauf des Börsenjahres. Bei vielen dieser Punkte war oder ist die Nachrichtenlage schwierig, das Kapitalmarktumfeld ist also unsicher. Bedeutet diese Kombination, dass man für den langfristigen Vermögensaufbau sein Heil in der Sicherheit suchen soll?/p> p>Aus Sicht von Dr. Frank Engels, CIO und für das Portfoliomanagement verantwortlicher Vorstand von Union Investment, lautet die Antwort: Nein, vielmehr sieht er bei den Schlüsselfaktoren Fortschritte, wenn auch noch keine endgültige Entwarnung. „In den USA verdichten sich die Hinweise auf eine sanfte Landung der Konjunktur“, analysiert er mit Blick auf die wirtschaftliche Lage in der wichtigsten Volkswirtschaft der Welt. Zwar rechnet er über die Wintermonate wegen auslaufender Pandemieprogramme, einer Normalisierung am Arbeitsmarkt und einer gedämpften Investitionstätigkeit mit einer Verlangsamung der Wachstumsdynamik. Eine Rezession erwartet er aber nicht. In der zweiten Jahreshälfte sollten wieder anziehende Investitionen das Wachstum ankurbeln. „Auf Jahressicht dürften die Vereinigten Staaten um rund 1,5 Prozent wachsen“, fasst Engels zusammen./p> p>Europa tut sich wirtschaftlich schwerer. Der Euroraum dürfte nur knapp der Rezession entgehen. Ein Grund dafür sind die straffen Finanzierungsbedingungen durch die gestiegenen Zinsen. Wegen einer Stabilisierung der Realeinkommen, also der Einkünfte nach Abzug der Inflationsrate, ist aber auch hier ab dem Sommer mit einer Rückkehr auf den langfristigen Wachstumspfad zu rechnen. „Für 2024 sind 0,5 Prozent Wachstum im Euroraum möglich“, so Engels. „In Deutschland dürfte das Wachstum etwas darunter liegen.“/p> p>strong>Inflation im flachen Abwärtstrend/strong>/p> p>Bei der Teuerung sieht der Kapitalmarktvorstand den Höhepunkt längst erreicht. „Die Inflation sinkt, mittlerweile auch in der Kernrate, das heißt ohne die schwankungsanfälligen Energie- und Lebensmittelpreise. Dieser Trend sollte 2024 anhalten“, sagt er und verweist auf die Entspannung bei den Energiepreisen und die Normalisierung des Güterangebots nach der Corona-Pandemie. Gleichzeitig ist aber davon auszugehen, dass der weitere Rückgang nur langsam vorankommt. Insbesondere der in vielen Volkswirtschaften enge Arbeitsmarkt dürfte schnell fallende Teuerungsraten verhindern./p> p>strong>Leitzinsplateau reicht bis ins zweite Halbjahr/strong>/p> p>Nach den schnellen und scharfen Anhebungen der Leitzinsen durch die Notenbanken dürfte der Gipfel in den USA und Europa nunmehr erreicht sein. „Wir erwarten keine steigenden Leitzinsen mehr in diesem Zyklus. Die nächsten Schritte werden nach unten sein“, so Engels. Angesichts der fallenden Inflationsraten und des mittlerweile recht hohen Renditeniveaus am Anleihemarkt hält er weitere Verschärfungen der straffen Geldpolitik für nicht mehr notwendig. „Die Notenbanken können das Zinsniveau jetzt auf die Wirtschaft wirken lassen.“ Gleichzeitig bleibt der Abwärtstrend bei der Teuerung jedoch flach. Das spreche dafür, dass die Notenbanken die Leitzinsen so schnell nicht absenken werden./p> p>„Hoch für längere Zeit – aber eben nicht noch höher“, erläutert Engels. „Der Zinsgipfel wird sich in den kommenden Monaten zu einem Zinsplateau verfestigen“. Erst ab Mitte 2024 könnten die Zentralbanken angesichts der nachlassenden Inflation zu Leitzinssenkungen übergehen. Im Fall der US-Notenbank Federal Reserve (Fed) rechnet Engels bis zum Jahresende 2024 mit Senkungen um bis zu 100 Basispunkte, bei der Europäischen Zentralbank (EZB) hält er bis zu 75 Basispunkte für realistisch./p> p>strong>Aktien als favorisierte Anlageklasse/strong>/p> p>Diese Kombination aus allmählich besser werdenden Wachstumsaussichten, nachlassender Inflation und ersten Leitzinssenkungen dürfte nach Einschätzung des Kapitalmarktstrategen dazu führen, dass Aktien auf Jahressicht die besten Perspektiven aufweisen. „Die positiven Treiber kommen vor allem in der zweiten Jahreshälfte zum Tragen“, betont er jedoch. Das Potenzial für Kursanstiege dürfte dabei in etwa dem Wachstum der Unternehmensgewinne entsprechen, die Engels mit bis zu zehn Prozent auf Indexebene beziffert. Bei Sektoren und Stilrichtungen, also Wachstum oder Substanz, rät er zu einer ausgewogenen Aufstellung. „Wir rechnen in fast allen Branchen mit Gewinnwachstum, aber eben nicht bei allen Unternehmen. Für den Anlageerfolg wird es also vor allem auf die Auswahl ankommen.“/p> p>Bei sicheren Staatsanleihen erwartet Engels keinen breit angelegten Renditerückgang. „Die Leitzinssenkungen der Notenbanken dürften dazu führen, dass vor allem bei kurzlaufenden Papieren die Renditen sinken. Bei den längeren Laufzeiten wirken der bessere Wachstumsausblick und der hohe Refinanzierungsbedarf in den nächsten Jahren einem Rückgang jedoch teilweise entgegen“, analysiert er. In der Folge rechnet Engels bei zweijährigen US-Staatsanleihen mit einem Rückgang der Renditen unter starken Schwankungen bis zum Jahresende auf 3,75 Prozent, während sie bei zehnjährigen Papieren nur auf 4,25 Prozent zurückgehen dürften. Im Euroraum ist mit einer ähnlichen Entwicklung zu rechnen. Hier geht Engels per Ende 2024 von einem Renditeniveau von 2,5 Prozent bei zweijährigen und 2,7 Prozent bei zehnjährigen Bundesanleihen aus. Anlegern auf der Suche nach Renditeaufschlägen rät Engels zu Unternehmensanleihen guter Bonität (Investment Grade). „Sowohl die absolute Rendite als auch die Risikoaufschläge (Spreads) sind attraktiv, die fundamentale Situation der Unternehmen ist gut“, meint er./p> p>Bei den Rohstoffen sind die Industriemetalle als strukturelle Gewinner des grünen Umbaus der Wirtschaft die Favoriten im Jahr 2024. Anders bei Rohöl: „So lange eine Eskalation im Nahen Osten ausbleibt, verfügen Energierohstoffe nur über ein begrenztes Aufwärtspotenzial“, kommentiert Engels. /p> p>strong>Herausforderndes, aber auch aussichtsreiches Kapitalmarktjahr 2024/strong>/p> p>Geopolitische Risiken wie der Konflikt zwischen Israel und der Hamas, aber auch die Spannungen zwischen den USA und China sowie die US-Wahlen sind nur einige der möglichen Herausforderungen für das Kapitalmarktjahr 2024. Auch bei den fundamentalen Schlüsselfaktoren Konjunktur, Inflation und Geldpolitik sind nicht alle Unsicherheiten beseitigt. Dennoch sieht Engels hier deutliche Fortschritte, die sich in den nächsten Monaten weiter festigen sollten. „Die Lage bessert sich langsam, aber stetig – und zwar auf allen für die Kapitalmärkte besonders relevanten Feldern. Die Wintermonate dürften dabei noch eher schwierig bleiben, bevor sich die Perspektiven für Risikoanlagen im weiteren Jahresverlauf zunehmend verbessern.“ Daher rät er Investoren, die Chancen an den Kapitalmärkten nicht aus den Augen zu verlieren. „Das Kapitalmarktjahr 2024 dürfte herausfordernd, aber eben auch aussichtsreich werden. Anleger sollten dabei einen kühlen Kopf bewahren“, fasst er zusammen./p> /ui-richtext> /div>ui-cms-footnote-list classhydrated> ul classsd-footnotes>/ul> /ui-cms-footnote-list> /div> /ui-cms-text-image-video>ui-cms-text-image-video body{"isHeadlineCentered":false,"isLeadTextAfterMedia":false,"isTextNotFloating":false,"headlineLevel":2,"textColumns":1,"text":"<p>Im Film mit Frank Engels erfahren Sie mehr zu den Einschätzungen für 2024.</p>\n","footnotes":{"isIndexDisplayed":true,"startingIndex":0},"mediaSize":"large","videoLoopSetting":"no-loop","videoSrc":"E3NzdCCBfw9icA5SuWubQW"} searchable-fields"headline","leadtext","text","footnotes.text","linkList.title","imageAltText","imageCaption","imageMouseover" i18n{"videoEditorInfoMessage":"Im Author-Modus werden Videos in 'Dauerschleife mit Ton' ohne Ton dargestellt."} classhydrated>/ui-cms-text-image-video> /ui-cms-grid-element> /ui-cms-grid> /main> /div>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]