nav.navigation{position:relative;display:flex;justify-content:center;padding:1em;border-bottom:solid 1px var(--green);min-height:100px}nav.navigation .button.toggle-navigation{display:none}nav.navigation>div{display:flex;justify-content:space-between;list-style:none;width:100%;max-width:1100px;padding:0;gap:30px}nav.navigation>div .logo img{height:60px}nav.navigation>div ul{display:flex;gap:30px;list-style:none;padding:0;margin:auto 0}nav.navigation>div ul li{display:inline-flex}@media only screen and (min-width: 901px){nav.navigation>div ul li{display:block;margin:auto}}nav.navigation>div ul li a:not(.button){color:var(--black);font-weight:700;line-height:1.5rem;text-decoration:none;padding:.5em 0}nav.navigation>div ul li a:not(.button):hover,nav.navigation>div ul li a:not(.button) :focus{text-decoration:underline}@media only screen and (max-width: 900px){nav.navigation .button.toggle-navigation{display:inline-flex;position:absolute;top:1.25em;left:1.25em;z-index:999}nav.navigation>div{justify-content:center}nav.navigation>div>ul{display:none}nav.navigation.expanded>div>ul{display:flex;position:absolute;background:#fff;border-right:solid 2px var(--gray);max-height:calc(100dvh - 100px);top:100px;left:0;right:0;z-index:999;overflow:auto;flex-direction:column;padding:0;gap:0;list-style:none;border-bottom:solid 1px var(--green)}nav.navigation.expanded>div>ul li a:not(.button){padding:1em;flex-grow:1}nav.navigation.expanded>div>ul li .button{margin:1em}}