:root{--header-height: 100px;--header-height-scrolled: 64px;--header-logo-height: 80px;--header-logo-height-scrolled: 50px;--header-logo-aspectRatio: 243/94;--header-onTop-height: 30px;--logo-menu-button-gap: 30px}#header{position:relative}#header-global{height:var(--header-height);background-color:var(--white);position:fixed;left:0;top:0;width:100%;transition:.2s;z-index:2000;box-shadow:3px 3px 5px rgba(0,0,0,.05)}#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}#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(--green-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{--partButton-buttonIcon-labelAfterIcon-margin: 4px;--partButton1-buttonLabel-fontSize: .875rem;--partButton1-buttonIcon-size: 1rem}#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}}
