#navigation{position:fixed;display:flex;left:0;right:0;top:0;bottom:0;z-index:999;text-align:center;align-items:center;justify-content:center;flex-direction:column;background:#fff;visibility:hidden;opacity:0;transition:all 0.2s ease-out 0s}#navigation.open{visibility:visible;opacity:1}.button-close{position:absolute;width:26px;height:26px;right:20px;top:26px;background-image:url(../assets/ger_close_52x52.png);background-position:center center;background-size:cover;background-repeat:no-repeat;cursor:pointer}.button-close:hover{background-image:url(../assets/ger_close_copper_52x52.png)}.navigation li:before,.navigation-top li:before{content:'';padding:0}.navigation-top,.navigation-bottom{margin:20px 0}.navigation-top li,.navigation-bottom a{font-size:16px;line-height:1.5;font-weight:400;display:inline-block;color:#a45831;margin:0 20px 0 0}.navigation-top li:last-child,.navigation-bottom a:last-child{margin:0}.navigation li{font-family:'Montserrat',sans-serif;font-size:20px;line-height:1.75;font-weight:300;display:block;text-transform:uppercase;margin:0;color:#000}.navigation a{color:#000}.navigation a:hover{color:#a45831}.navigation-bottom a:hover{color:#000}@media only screen and (min-width:750px){.button-close{right:30px;top:36px}.navigation-top,.navigation-bottom{margin:30px 0}.navigation li{font-size:28px}}@media only screen and (min-width:1000px){.button-close{right:40px}.navigation-top,.navigation-bottom{margin:40px 0}.navigation li{font-size:36px}}