:root{--header-height: 100px;--header-logo-width: clamp(11.25rem, 4vw + 10rem, 16.25rem);--header-logo-aspectRatio: 261/30;--header-gap: 20px;--header-menu-width: clamp(8.125rem, 6vw + 3.2rem, 12.5rem)}#header{height:var(--header-height);position:fixed;left:0;top:0;width:100%;z-index:3120}#header .container{grid-column:fullwidth;padding:0 var(--base-spacing-40);transition:.1s;color:var(--base-color-white);box-shadow:none;display:flex;flex-direction:column}#header.header--scrolled .container{box-shadow:0 1px 0 0 var(--brand-color-warm-grey-light)}#header .wrapper{display:flex;align-items:flex-start}#header nav{display:flex;flex:1 1 auto;gap:var(--header-gap);justify-content:center}#header .menu--left{justify-content:flex-end;flex:1 1 calc(50% - (var(--header-logo-width) / 2))}#header .menu--right{flex:1 1 calc(50% - (var(--header-logo-width) / 2));justify-content:flex-start;padding-left:calc(var(--header-menu-width) - 100px)}#header .logo{flex:0 0 auto;display:grid;place-content:center;height:var(--header-height)}#header .logo svg{fill:var(--base-color-white);width:var(--header-logo-width);transition:fill .3s;aspect-ratio:var(--header-logo-aspectRatio)}#header.header--open{height:auto;min-height:var(--header-height)}#header.header--open .container{padding-bottom:var(--base-spacing-40);transition:.3s}#header.header--open .menu-level1{height:auto;opacity:1;transition:.3s;visibility:visible;pointer-events:auto}body.body--home #header:not(.header--scrolled) .logo,body.body--home #headerLogoOnly .logo,#header:not(.header--scrolled) .menu{opacity:0;pointer-events:none}#header.header--scrolled .container,#header.header--open .container,body:not(.body--home) #header:not(:has(+ #main > #heroHeader:first-child)) .container{background:rgba(255,255,255,.8);backdrop-filter:blur(20px);color:var(--brand-color-brown-dark)}body.body--home #header.header--scrolled .logo,body.body--home #header.header--open .logo,#header.header--scrolled .menu,#header.header--open .menu{opacity:1;pointer-events:auto}#header.header--open .logo svg,#header.header--scrolled .logo svg,#header:not(:has(+ #main > #heroHeader:first-child)) .logo svg,#headerLogoOnly:not(:has(+ #header + #main > #heroHeader:first-child)) .logo svg{fill:var(--brand-color-brown-dark)}#header .menu-level0{display:flex;align-items:flex-start}#header .menu-level0>li{display:flex;flex-direction:column;min-width:var(--header-menu-width)}#header .menu-level0>li>a{display:grid;place-content:center start;height:var(--header-height);text-transform:uppercase}#header .menu li a{color:var(--brand-color-brown-dark);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:.1em;text-underline-offset:.15em;transition:.3s;font-size:1rem;text-wrap:balance}@media (hover: hover){#header .menu li a:hover,#header .menu li a:focus{text-decoration-color:inherit}}#header .menu-level1{height:0;opacity:0;visibility:hidden;transition:.1s;pointer-events:none;max-width:var(--header-menu-width);padding-right:30px}#header .menu-level1{display:flex;flex-direction:column;align-items:flex-start;gap:15px}#header .menu-level0>li.selected>a,#header .menu-level1>li.selected>a{font-weight:700}.hamburger-button{position:absolute;left:var(--base-spacing-40);margin-top:calc(var(--header-height) / 2);transform:translateY(-50%);flex:0 0 auto}.hamburger-button .icon{--size: 46px;--bar-height: 2px;--bar-gap: 7.5px;width:var(--size);height:calc(2 * (var(--bar-height) + var(--bar-gap)));display:grid;place-content:center}.hamburger-button .icon div{width:var(--size);height:var(--bar-height);transition:all .3s ease-in-out;grid-column:1;grid-row:1;background-color:currentColor}.hamburger-button .icon div:nth-child(1){transform:translateY(calc(-1 * (var(--bar-height) + var(--bar-gap))))}.hamburger-button .icon div:nth-child(2){transform:translateY(calc((var(--bar-height) + var(--bar-gap))))}.header--open .hamburger-button .icon div:nth-child(1){transform:rotate(45deg)}.header--open .hamburger-button .icon div:nth-child(2){transform:rotate(-45deg)}#header .buttons{position:absolute;right:var(--base-spacing-40);margin-top:calc(var(--header-height) / 2);transform:translateY(-50%);flex:0 0 auto;gap:20px;display:flex;align-items:center}#header .buttons button svg{max-width:30px;max-height:30px;width:100%;height:100%;fill:currentColor}#header .buttons .shoppingCartBasket{position:relative;color:currentColor}@media (max-width: 1400px){#header .menu-level0,#header #mobileMenuToggleContainer{display:none}#header.header--open #mobileMenuToggleContainer{display:block}}@media (max-width: 1023px){:root{--header-height: 60px}#header.header--open .container,body:not(.body--home) #header:not(:has(+ #main > #heroHeader:first-child)) .container{background:rgba(255,255,255,.8);backdrop-filter:blur(20px);color:var(--brand-color-brown-dark);box-shadow:0 -1px 0 0 var(--brand-color-warm-grey-light)!important}#header.header--open .container{padding-top:0;padding-bottom:0}#header .wrapper{height:var(--header-height)}}@media (max-width: 667px){#header .buttons{gap:15px}#header .buttons button:last-child{display:none}#header .buttons button svg{max-width:26px;max-height:26px}.hamburger-button .icon{--size: 36px;--bar-height: 2px;--bar-gap: 5px}}#headerLogoOnly{margin-top:var(--header-height);display:none}#headerLogoOnly .container{grid-column:fullwidth;padding:var(--base-spacing-60) var(--base-spacing-40);transition:.1s;color:var(--base-color-white);box-shadow:none;display:flex;flex-direction:column}#headerLogoOnly .logo{flex:0 0 auto;display:grid;place-content:center}#headerLogoOnly .logo svg{fill:var(--base-color-white);width:var(--header-logo-width);transition:fill .3s;aspect-ratio:var(--header-logo-aspectRatio)}@media (min-width: 1024px){#headerLogoOnly{display:none}}