:root{--header-background-color:#fff;--header-vertical-padding:15px;--header-horizontal-padding:15px;--header-logo-width:80px}.header{background-color:var(--header-background-color);border-bottom:1px solid var(--gray_light);position:relative;transform:translateY(-1px);transition-duration:.3s;z-index:99}.header--fixed{left:0;position:fixed;top:0;width:100%}.header__skip{display:block;text-align:center}.header__container{align-items:center;background-color:var(--header-background-color);display:flex;flex-direction:row;gap:15px;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:calc(var(--containerwidth_wide) + var(--header-horizontal-padding)*2);padding:var(--header-vertical-padding) var(--header-horizontal-padding)}.header__logo a{display:inline-block}.header__logo img{height:auto;max-width:var(--header-logo-width);vertical-align:top;width:100%}.header__blog-logo{margin-top:5px}.header__blog-logo a{display:inline-block;vertical-align:top}.header__blog-logo img{height:auto;max-width:var(--header-logo-width);vertical-align:top;width:100%}.header__navigation{background-color:var(--orange);display:none;height:calc(100vh + 1px);height:calc(100dvh + 1px);left:0;overflow-y:auto;padding-top:var(--header-height);position:fixed;top:0;width:100%;z-index:-1}.header--open .header__navigation{display:block}.header-spacer{height:var(--header-height);margin-top:-2px;width:100%}@media (min-width:600px){:root{--header-logo-width:100px}}@media (min-width:900px){:root{--header-vertical-padding:0;--header-logo-width:130px}.header__menubutton{display:none}.header__navigation{all:unset;display:block}}