.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:rgba(0,0,0,0.24);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:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;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:#fff;top:0;right:0;bottom:0;left:0;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;z-index:-1}
.top-menu-modal>.content>.component.headline.dsm{margin:unset;padding-bottom:16px}
.top-menu-modal>.content>.component.headline.dsm .as-h1,.top-menu-modal>.content>.component.headline.dsm h1{font-size:2.125rem;line-height:2.625rem}
.top-menu-modal>.content>dsm-icon-close{position:absolute;top:16px;right:16px;height:32px;width:32px;cursor:pointer;-webkit-border-radius:32px;-moz-border-radius:32px;border-radius:32px}
.top-menu-modal>.content>dsm-icon-close svg{position:absolute;top:4px;right:4px}
.top-menu-modal>.content>dsm-icon-close:not(.disabled):hover{cursor:pointer;background:#512b2b1A}
.top-menu-modal>.content>dsm-icon-close:not(.disabled):active{background:#512b2b3D}
.top-menu-modal .links{display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;column-gap:16px;padding-bottom:20px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;padding-top:6px;margin-top:-6px;padding-left:6px;margin-left:-6px}
.top-menu-modal .links::-webkit-scrollbar{display:none}
.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 dsm-icon-search{top:5px;left:7px;zoom:.9}
.top-menu-modal .search-button.field>button:focus-visible{outline:2px solid #00f;outline-offset:2px}
.top-menu-modal .primary-links,.top-menu-modal .secondary-links>ul{display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px}
.top-menu-modal .secondary-links+.secondary-links{padding-top:32px}
.top-menu-modal .secondary-links .component.headline.dsm{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.dsm{padding-top:56px}
.top-menu-modal .footer .language-selector.dsm .field.dsm{width:100%}
.top-menu-modal .component.shape{width:140px;height:140px;position:absolute;top:24px;right:0}
.top-menu-modal .component.shape>.content{width:140px;height:140px;display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-ms-justify-content: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;-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)}
.top-menu-modal .component.contextual-navigation-component{margin:0;width:100%;-webkit-border-radius:0 0 16px 16px;-moz-border-radius:0 0 16px 16px;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 dsm-icon-close{top:20px;right:20px;height:40px;width:40px}
.top-menu-modal>.content dsm-icon-close svg{position:absolute;top:4px;right:4px;height:32px;width:32px}
.top-menu-modal>.content .links{padding-bottom:32px}
.top-menu-modal>.content .search-button{display:none}
.top-menu-modal>.content>.component.headline.dsm .as-h1,.top-menu-modal>.content>.component.headline.dsm h1{font-size:2.5rem;line-height:3rem}
.top-menu-modal>.content .component.headline.dsm .as-h2,.top-menu-modal>.content .component.headline.dsm 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;-webkit-transform:translateY(-7px);-moz-transform:translateY(-7px);-ms-transform:translateY(-7px);-o-transform:translateY(-7px);transform:translateY(-7px)}
.top-menu-modal .component.contextual-navigation-component{-webkit-border-radius:0 0 16px 16px;-moz-border-radius:0 0 16px 16px;border-radius:0 0 16px 16px;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)}
}