.top-menu-modal{position:absolute;z-index:10001;left:0;top:0;width:100%;height:100vh;display:none;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}
.top-menu-modal::-webkit-scrollbar{display:none}
.top-menu-modal .overlay{position:fixed;z-index:1;background:var(--overlay-scrim);top:0;left:0;width:100%;height:100%}
.top-menu-modal>.content{position:absolute;z-index:2;top:16px;left:16px;min-height:calc(100% - 8px*2);padding:56px 24px 24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:calc(100% - 8px * 4);max-width:536px;display:flex;flex-direction:column;border-bottom:16px solid transparent}
.top-menu-modal>.content.padding-bottom-56{padding-bottom:56px}
.top-menu-modal>.content nav[role=navigation] + nav[role=navigation]{padding-top:32px}
.top-menu-modal>.content .background{position:absolute;background:var(--surface-elevation);top:0;right:0;bottom:0;left:0;border-radius:16px;z-index:-1}
.top-menu-modal>.content>.component.headline{margin:unset;padding-bottom:16px}
.top-menu-modal>.content>.component.headline .as-h1,.top-menu-modal>.content>.component.headline h1{font-size:2.125rem;line-height:2.625rem}
.top-menu-modal>.content>.icon-button.close{position:absolute;top:16px;right:16px}
.top-menu-modal>.content>.icon-button.close icon-close{height:32px;width:32px;cursor:pointer;border-radius:32px}
.top-menu-modal>.content>.icon-button.close icon-close svg{position:absolute;top:4px;right:4px}
.top-menu-modal .top-menu-search-form .search-field-wrapper{margin-bottom:24px}
.top-menu-modal .links{display:flex;column-gap:16px;padding-bottom:20px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;padding-top:6px;margin-top:-6px}
.top-menu-modal .links::-webkit-scrollbar{display:none}
.top-menu-modal .links li:first-of-type button.reverse-foldout{margin-left:-4px}
.top-menu-modal .search-button.field{margin:0 0 24px 0}
.top-menu-modal .search-button.field>button{width:100%}
.top-menu-modal .search-button.field>button icon-search{top:5px;left:7px;zoom:.9}
.top-menu-modal .search-button.field>button:focus-visible{outline:2px solid var(--line-tabFocus);outline-offset:2px}
.top-menu-modal .primary-links,.top-menu-modal .secondary-links>ul{display:flex;flex-direction:column;row-gap:12px}
.top-menu-modal .secondary-links>ul{row-gap:16px}
.top-menu-modal .secondary-links + .secondary-links{padding-top:32px}
.top-menu-modal .secondary-links .component.headline{padding-bottom:8px}
.top-menu-modal .footer{margin-top:auto;position:relative}
.top-menu-modal .footer.stretched{margin:auto -24px -24px;padding-top:106px}
.top-menu-modal .footer .language-selector{padding-top:56px;width:100%}
.top-menu-modal .component.shape{width:140px;height:140px;position:absolute;top:24px;right:0;z-index:1}
.top-menu-modal .component.shape>.content{background:transparent;width:140px;height:140px;display:flex;align-items:center;justify-content:center;padding-top:0}
.top-menu-modal .component.shape>.content svg{width:100px;height:111px}
.top-menu-modal .component.shape>.content>div{font-size:1.625rem;line-height:1.875rem;transform:translateY(-5px)}
.top-menu-modal .component.contextual-navigation-component{margin:0;width:100%;border-radius:0 0 16px 16px;padding:70px 24px 40px}
@media screen and (min-width:37.5em){.top-menu-modal>.content{left:32px;padding:64px 40px 48px}
.top-menu-modal>.content>.icon-button.close{height:40px;width:40px;top:24px;right:24px}
.top-menu-modal>.content>.icon-button.close icon-close svg{height:32px;width:32px;position:relative;top:0}
.top-menu-modal>.content .links{padding-bottom:32px}
.top-menu-modal>.content .search-button{display:none}
.top-menu-modal>.content>.component.headline .as-h1,.top-menu-modal>.content>.component.headline h1{font-size:2.5rem;line-height:3rem}
.top-menu-modal>.content .component.headline .as-h2,.top-menu-modal>.content .component.headline h2{font-size:1.75rem;line-height:2.25rem}
.top-menu-modal>.content .secondary-links + .secondary-links{padding-top:48px}
.top-menu-modal>.content nav[role=navigation] + nav[role=navigation]{padding-top:48px}
.top-menu-modal .footer.stretched{margin:auto -40px -48px;padding-top:138px}
.top-menu-modal .component.shape{width:200px;height:200px;top:28px}
.top-menu-modal .component.shape>.content{width:140px;height:140px;padding:0;top:0;left:0}
.top-menu-modal .component.shape>.content svg{width:auto;height:auto}
.top-menu-modal .component.shape>.content>div{font-size:2.875rem;line-height:3rem;transform:translateY(-7px)}
.top-menu-modal .component.contextual-navigation-component{padding:82px 40px 48px}
.top-menu-modal .component.contextual-navigation-component li{width:100%}
}
@media screen and (min-width:97.5em){.top-menu-modal .content{left:calc(50% - 1560px/2 + 8px*4)}
}