@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}:root{--header-height:0px;--header-transition-duration:.4s}.header{top:35px;left:calc(var(--spacing,.25rem)*0);width:100%;position:absolute}@media(min-width:48rem){.header{top:50px}}@media(min-width:80rem){.header{top:62px}}.header{transition:all var(--header-transition-duration)cubic-bezier(.4,0,.2,1);will-change:transform,background-color;transform:translateY(0)}.header.is-sticky{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);transition:all var(--header-transition-duration)cubic-bezier(.4,0,.2,1);position:fixed}.header.is-sticky:not(.is-visible){transform:translateY(-100%)}.header.is-sticky.is-visible{z-index:100;--tw-translate-y:calc(var(--spacing,.25rem)*0);translate:var(--tw-translate-x)var(--tw-translate-y);background-color:var(--color-foreground,hsl(var(--foreground)));padding-block:calc(var(--spacing,.25rem)*6)}@media(min-width:48rem){.header.is-sticky.is-visible{padding-block:calc(var(--spacing,.25rem)*8)}}.header.is-hiding{transform:translateY(-100%)}.header:not(.is-sticky){background-color:#0000}.header.is-scrolling{transition:all var(--header-transition-duration)cubic-bezier(.4,0,.2,1)}.is-visible .menu-toggle svg.text-foreground,.is-visible button svg.text-foreground,.is-visible button:not([data-cart-button]){color:var(--color-background,hsl(var(--background)))}.is-visible button.kontaktButton{background-color:var(--color-primary,hsl(var(--primary)));color:var(--color-background,hsl(var(--background)))}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}