:root{--header-height: 100px;--header-height-scrolled: 64px;--header-logo-height: 90px;--header-logo-height-scrolled: 50px;--header-logo-aspectRatio: 212/225;--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:.3s ease-in;z-index:2000;box-shadow:3px 3px 5px rgba(0,0,0,.05)}#header.header--scrolled #header-global{height:var(--header-height-scrolled)}#header-global .container{height:100%;display:flex;align-items:center;grid-column:content;justify-content:space-between}#header-global .name{font-weight:700;font-family:var(--fontFamily-heading);font-size:var(--fontSize-h3);line-height:1.1}#header-global .logo{align-items:flex-start;position:absolute;top:0;left:50%;transform:translate(-50%);background-color:var(--white);padding:10px;border-radius:50%}#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{align-self:stretch;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-ghost{height:var(--header-height)}#anchorNavigation{transition:margin-top .3s ease-in}#anchorNavigation .list{display:flex;position:relative;column-gap:10px}#anchorNavigation .list:after{display:block;content:"";position:absolute;top:0;bottom:0;left:0;width:var(--markerWidth, 0);background-color:var(--green);transform:translate3d(var(--markerLeft, 0),0,0);transition:transform .15s,width .2s;will-change:width;border-radius:calc(var(--button-size-m) / 2);z-index:-1}#anchorNavigation .list a{display:flex;align-items:center;font-weight:700;color:var(--green);font-size:.8em;text-decoration:none;transition:color .3s ease;white-space:nowrap;background-color:var(--green-lighter);padding:0 14px;height:var(--button-size-m);border-radius:calc(var(--button-size-m) / 2)}#anchorNavigation .list li.active a{background-color:transparent;color:var(--white)}@media (max-width: 1279px){#header-global .container{justify-content:flex-start}#header-global .logo{order:-1;position:static;transform:none}#header-global .navigation{margin-left:auto}}@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}}@media (max-width: 900px){#header-global .logo{padding:0;margin-right:6px;border-radius:0;background-color:transparent}#header-global .navigation .partButton{position:relative;top:30px}#anchorNavigation .list a{font-size:.8em;padding:0 14px;height:var(--button-size-s);border-radius:calc(var(--button-size-m) / 2)}#header #header-onTop{display:grid}#header-global #anchorNavigation{--anchorNavigation-backgroundcolor: 255, 255, 255;position:fixed;left:0;right:0;top:var(--header-height);background-color:rgba(var(--anchorNavigation-backgroundcolor),1);max-width:100%;padding-left:calc(var(--layoutGrid-fullwidth-spacing))}#anchorNavigation:after{position:absolute;top:0;right:-1px;width:100px;height:100%;background:linear-gradient(to right,rgba(var(--anchorNavigation-backgroundcolor),0) 0%,rgba(var(--anchorNavigation-backgroundcolor),1) 100%);content:"";pointer-events:none}#anchorNavigation .list{display:flex;gap:10px;white-space:nowrap;overflow-x:auto;list-style:none;position:relative;padding-right:50px;margin-top:4px;margin-bottom:8px;--scrollbar-foreground: var(--blue);--scrollbar-background: transparent;scrollbar-width:thin;scrollbar-color:var(--scrollbar-foreground) var(--scrollbar-background)}#anchorNavigation .list::-webkit-scrollbar-track{background:var(--scrollbar-background)}#anchorNavigation .list::-webkit-scrollbar-thumb{background:var(--scrollbar-foreground)}#anchorNavigation .list a{font-size:.875rem;text-decoration:none;transition:background-color .3s}}@media (max-width: 667px){#header-onTop{background:transparent;top:16px;pointer-events:none}#header-onTop .buttons .partButton.plain{pointer-events:auto}#header-onTop .buttons .partButton.plain:last-child{display:none}#header.header--scrolled #header-onTop{transform:none}#header-global .navigation .partButton{top:40px}#header-global .navigation .partButton1 .buttonIcon:not(:only-child):first-child{margin-left:0}#header-global .navigation .partButton .buttonLabel{display:none}}
