@layer components{.bund-id-header{z-index:30;background-color:#0074b3;height:7rem;transition:height .2s ease-out;position:sticky;top:0;&.bund-id-header--scrolled{height:4rem}@media (width>=1024px){background-image:var(--bund-id-header-bg-image);background-position:-48em -6.5em;background-repeat:no-repeat;background-size:55em}}.bund-id-header__container{width:100%;height:7rem;margin-inline:auto;padding:.25rem;transition:height .2s ease-out;.bund-id-header--scrolled &{height:4rem}@media (width>=640px){max-width:640px}@media (width>=768px){max-width:768px}@media (width>=1024px){max-width:1024px;padding-left:0;padding-right:1.5rem}@media (width>=1280px){max-width:1280px}@media (width>=1440px){max-width:1440px;padding-left:8rem}}.bund-id-header__inner{align-items:center;width:100%;height:100%;margin-inline:auto;display:flex}.bund-id-header__content{width:100%;padding-inline:1.5rem;@media (width>=1024px){padding-inline:0}}.bund-id-header__desktop{display:none;@media (width>=1024px){justify-content:space-between;align-self:stretch;width:100%;display:flex}}.bund-id-header__logo-container{align-items:center;height:100%;display:flex}.bund-id-header__logo-link{color:#0074b3;text-decoration:underline;display:inline-block;&:hover{color:#08567f;scale:1.05}}.bund-id-header__logo{height:4em;display:block;scale:.75;.bund-id-header--scrolled &{padding-block:var(--metric-space-small)}@media (width>=1440px){scale:1}}.bund-id-header__desktop-actions{justify-content:flex-end;align-items:center;gap:.25rem;display:none;@media (width>=640px){gap:1rem;display:flex}@media (width>=1440px){gap:2rem}}.bund-id-header__search-button{cursor:pointer;color:#fff;background:0 0;border:none;margin-top:.25rem;padding:.25rem}.bund-id-header__icon-svg{cursor:pointer}.bund-id-header__language-wrapper{align-items:center;display:flex;position:relative}.bund-id-header__globe-icon{color:#fff;margin-top:.25rem;padding-top:.25rem}.bund-id-header__language-button{color:#fff;letter-spacing:.065em;text-transform:uppercase;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:1.25rem;min-height:2.5rem;padding-inline:.25rem;font-size:13px;font-weight:500;transition:border-color .2s ease-out;&:hover,&:focus{text-decoration:underline}}.bund-id-header__button-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.bund-id-header__help-link{letter-spacing:.065em;text-transform:uppercase;color:#fff;font-size:13px;font-weight:500;text-decoration:underline;&:hover{color:#f2f3f4;scale:1.05}}.bund-id-header__username{white-space:nowrap;text-overflow:ellipsis;word-break:break-all;text-transform:none;max-width:20rem;font-size:17px;font-weight:600;display:inline-block;overflow:hidden}.bund-id-header__user-wrapper{color:#fff;cursor:pointer;background:0 0;border:none;flex-direction:row;align-items:center;padding:0;display:flex}.bund-id-header__user-icon{color:#fff;margin-top:.5rem}.bund-id-header__mobile{justify-content:space-between;align-items:center;width:100%;display:flex;@media (width>=1024px){display:none}}.bund-id-header__mobile-left{gap:.25rem;display:flex}.bund-id-header__menu-button{cursor:pointer;color:#fff;background:0 0;border:none;width:2.5rem}.bund-id-header__menu-icon{color:#fff;margin-top:.5rem}.bund-id-header__mobile-logo{z-index:0;justify-self:center;padding-bottom:1rem}.bund-id-header__mobile-user-button{cursor:pointer;color:#fff;background:0 0;border:none;justify-content:flex-end;align-items:center;width:5rem;height:5rem;display:flex}.bund-id-header__nav-overlay{z-index:50;background-color:var(--layout-background-default);border:1px solid var(--color-layout-border);cursor:default;flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000000d;@media (width>=1024px){display:none}}.bund-id-header__nav-overlay-bar{border-bottom:1px solid var(--color-layout-border);justify-content:space-between;align-items:center;width:100%;height:4rem;display:flex}.bund-id-header__nav-overlay-spacer{width:5rem;display:block}.bund-id-header__nav-close-button{cursor:pointer;width:5rem;color:var(--layout-text-default);background:0 0;border:none;justify-content:flex-end;align-items:center;padding-right:1.25rem;display:flex}.bund-id-header__nav-item{border:none;border-top:1px solid var(--color-layout-border);cursor:pointer;width:100%;height:4rem;color:var(--layout-text-default);font-family:var(--typography-font-family-default);font-weight:var(--typography-font-weight-semi-bold);font-size:var(--typography-font-size-static-medium);background:0 0;justify-content:space-between;align-items:center;padding-inline:1.25rem;text-decoration:none;display:flex;&:hover{background-color:var(--layout-background-hued)}}.bund-id-header__nav-item--link{justify-content:center}.bund-id-header__chevron-right{flex-shrink:0;margin-right:-.25rem;transform:rotate(-90deg)}.bund-id-header__user-menu-backdrop{z-index:49;cursor:default;background-color:#0000;position:fixed;inset:0}.bund-id-header__user-area{position:relative}.bund-id-header__user-menu{z-index:50;background-color:var(--layout-background-default);border:1px solid var(--color-layout-border);cursor:auto;flex-direction:column;align-items:flex-start;gap:.75rem;width:15.5rem;padding:1.5rem 1.5rem .75rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.bund-id-header__user-menu-profile{flex-direction:column;align-items:flex-start;gap:0;width:100%;padding-inline:.5rem;display:flex}.bund-id-header__user-menu-name{font-family:var(--typography-font-family-default);font-weight:var(--typography-font-weight-semi-bold);font-size:var(--typography-font-size-static-medium);word-break:break-words;color:var(--layout-text-default);text-transform:none}.bund-id-header__user-menu-trust-row{align-items:center;padding-block:.5rem;display:flex}.bund-id-header__user-menu-trust-icon{color:var(--layout-text-default);flex-shrink:0;justify-content:center;align-items:center;display:flex;& svg{width:2rem;height:2.25rem}}.bund-id-header__user-menu-access{font-family:var(--typography-font-family-default);font-size:var(--typography-font-size-static-small);color:var(--layout-text-default);margin-left:.75rem;padding-top:0}.bund-id-header__user-menu-level{text-transform:uppercase;border-bottom:1px solid var(--color-layout-border);width:100%;font-family:var(--typography-font-family-default);font-size:var(--typography-font-size-static-small);word-break:break-words;color:var(--layout-text-default);padding-bottom:.75rem}.bund-id-header__user-menu-action{cursor:pointer;color:var(--action-default);font-family:var(--typography-font-family-default);font-weight:var(--typography-font-weight-semi-bold);font-size:var(--typography-font-size-static-medium);text-align:left;background:0 0;border:none;padding:0;&:hover{text-decoration:underline}&:focus-visible{box-shadow:0 0 0 2px var(--action-on-default), 0 0 0 4px var(--action-focus-border-inside), 0 0 0 6px var(--action-focus-border-outside);border-radius:var(--metric-border-radius-default);outline:none}}.link{@layer elements{--link-text-color:var(--action-default);--link-opacity:1;--icon-fill:var(--action-default);--text-decoration:none;width:fit-content;height:fit-content;color:var(--link-text-color);justify-content:center;align-items:center;gap:var(--metric-space-x-small);font-weight:var(--typography-font-weight-medium);font-size:var(--typography-font-size-static-medium);line-height:var(--typography-line-height-static-medium);letter-spacing:var(--metric-space-none);text-decoration:var(--text-decoration);text-decoration-skip-ink:true;text-underline-offset:2px;flex-direction:row;text-decoration-thickness:3px;display:flex;& svg{& path{fill:var(--icon-fill)}}}@layer modifiers;@layer states{&:where(:focus-visible){box-shadow:0 0 0 2px var(--action-on-default), 0 0 0 4px var(--action-focus-border-inside), 0 0 0 6px var(--action-focus-border-outside);border-radius:var(--metric-border-radius-default)}&:where(:hover){--text-decoration:underline}}&:where(:active){--text-decoration:underline}}}.app-layout{width:100%;max-width:1280px;min-height:100dvh;padding-inline:var(--metric-space-default);background-color:var(--layout-background-default);flex-direction:column;margin-inline:auto;display:flex;@media (width>=1312px){padding-inline:0}& main{flex:1}}footer{justify-content:flex-end;gap:var(--metric-space-x-large);width:100%;padding:var(--metric-space-default);background-color:var(--feedback-info);flex-flow:wrap;display:flex;& a{--link-text-color:white;--icon-fill:white}}