:root{--header-height: 0px;--header-transition-duration: .4s}.header{transform:translateY(0);transition:all var(--header-transition-duration) cubic-bezier(.4,0,.2,1);will-change:transform,background-color}.header.is-sticky{position:fixed;top:0;left:0;transition:all var(--header-transition-duration) cubic-bezier(.4,0,.2,1)}.header.is-sticky:not(.is-visible){transform:translateY(-100%)}.header.is-sticky.is-visible{z-index:100;--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:hsl(var(--foreground) / var(--tw-bg-opacity, 1));padding-top:1.5rem;padding-bottom:1.5rem}.header.is-hiding{transform:translateY(-100%)}.header:not(.is-sticky){background-color:transparent}.header.is-scrolling{transition:all var(--header-transition-duration) cubic-bezier(.4,0,.2,1)}.is-visible .menu-toggle svg.text-foreground{--tw-text-opacity: 1;color:hsl(var(--background) / var(--tw-text-opacity, 1))}.is-visible button svg.text-foreground{--tw-text-opacity: 1;color:hsl(var(--background) / var(--tw-text-opacity, 1))}.is-visible button{--tw-text-opacity: 1;color:hsl(var(--background) / var(--tw-text-opacity, 1))}.is-visible button.kontaktButton{--tw-bg-opacity: 1;background-color:hsl(var(--primary) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:hsl(var(--background) / var(--tw-text-opacity, 1))}:root{--header-height: 0px}.header{position:absolute;top:35px;left:0;width:100%}@media (min-width: 768px){.header{top:50px}}@media (min-width: 1280px){.header{top:62px}}.header{--tw-translate-y: -0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;animation-duration:.15s}.header.is-sticky{position:fixed;top:0;left:0;--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;animation-duration:.15s;background-color:transparent}.header.is-sticky.is-visible{z-index:100;--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;animation-duration:.15s;--tw-bg-opacity: 1;background-color:hsl(var(--foreground) / var(--tw-bg-opacity, 1));padding-top:1.5rem;padding-bottom:1.5rem}@media (min-width: 768px){.header.is-sticky.is-visible{padding-top:2rem;padding-bottom:2rem}}.header-shifter{position:relative;height:var(--header-height)}.header:not(.is-sticky){background-color:transparent;transition-duration:.3s;animation-duration:.3s}.header{transition:transform .3s ease,background-color .3s ease}
