:root{--header-height: 100px;--header-height-scrolled: 64px;--header-logo-height: 80px;--header-logo-height-scrolled: 54px;--header-logo-aspectRatio: 267.051/139.592;--header-onTop-height: 30px}#header{position:relative}#header-global{height:var(--header-height);background-color:var(--white);position:fixed;left:0;top:0;width:100%;transition:.3s ease-in;z-index:2000;box-shadow:3px 3px 5px rgba(0,0,0,.05);--logo-menu-button-gap: 30px}#header.header--scrolled #header-global{background-color:#fff;height:var(--header-height-scrolled)}#header-global .container{height:100%;display:flex;align-items:center;grid-column:content;gap:var(--logo-menu-button-gap)}#header-global .logo{margin-right:auto;z-index:1}#header-global .logo img{height:var(--header-logo-height);transition:height .3s ease-in;aspect-ratio:var(--header-logo-aspectRatio);object-fit:contain}#header.header--scrolled #header-global .logo img{height:var(--header-logo-height-scrolled)}#header-global .navigation{flex:0 0 auto;display:flex;align-items:center;gap:var(--logo-menu-button-gap);transition:margin-top .3s ease-in;margin-top:20px}#header.header--scrolled #header-global .navigation{margin-top:0}#header-onTop{position:fixed;left:0;top:0;width:100%;z-index:2010;height:var(--header-onTop-height);transition:transform .3s ease-in;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 30%,var(--brown-light) 100%)}#header.header--scrolled #header-onTop{transform:translateY(-30px)}#header-onTop .container{grid-column:content;display:flex;justify-content:flex-end}#header-onTop .buttons{display:flex;align-items:center;gap:20px}#header-onTop .buttons .partButton.plain{font-size:.875rem;--partButton-buttonIcon-labelAfterIcon-margin: 4px}#header-onTop .buttons .partButton.plain .partFontIcon{color:var(--blue)}#header-ghost{height:var(--header-height)}#header-global .slideOver-button{display:none}@media (max-width: 1279px){:root{--header-logo-height: 50px}}@media (max-width: 1023px){:root{--header-height: var(--header-height-scrolled);--header-logo-height: var(--header-logo-height-scrolled);--logo-menu-button-gap: 20px}#header #header-onTop{display:none}#header-global .navigation{margin-top:0}#header-global .partNavigation{display:none}#header-global .slideOver-button{display:flex}}
