.header-animation{--screen-width-factor:clamp(0.7,100vw/1440px,1.4);--animation-delay:calc(250ms*var(--screen-width-factor));--animation-duration-line-first:calc(2.5s*var(--screen-width-factor));--animation-duration-line-second:calc(1.5s*var(--screen-width-factor));--animation-duration-line-nav:calc(1.5s*var(--screen-width-factor));--line-nav-right:clamp(25px,-18.3099px + 11.5493vw,148px);--line-nav-top-end:0;--line-nav-right-end:8px;--line-second-translate-x:-50%;--line-second-translate-y:300%}@media(min-width:1024px){.header-animation{--line-second-translate-x:25%;--line-second-translate-y:100%}}@media(min-width:1440px){.header-animation{--line-nav-right:calc(50% - 573px)}}@keyframes line-first{0%{translate:-50% 0}to{translate:-50% calc(clamp(120px,153.8028px - 2.3474vw,145px)*-1 - 250%)}}@keyframes line-second{0%{translate:-50% 0}to{translate:var(--line-second-translate-x) calc(clamp(0px,202.8169px - 14.0845vw,150px)*-1 - var(--line-second-translate-y))}}@keyframes line-nav{0%{background-color:var(--kalkstein-100,#dddbd1);height:clamp(90px,18px + 11.25vw,180px);right:var(--line-nav-right);top:0;translate:50% 50%}to{background-color:var(--lehm-100,#baba99);height:var(--wk-hamburger-box-width);right:var(--line-nav-right-end);top:var(--line-nav-top-end);translate:50% 50%}}.header-animation__line{background-color:var(--lehm-100,#baba99);height:clamp(90px,18px + 11.25vw,180px);position:absolute;width:101vw;z-index:-10}.header-animation__line--first,.header-animation__line--second{left:50%;translate:-50% 0;width:100vw}.header-animation__line--nav{animation:line-nav var(--animation-duration-line-nav) ease-in var(--animation-delay) forwards;background-color:var(--kalkstein-100,#dddbd1);height:clamp(90px,18px + 11.25vw,180px);right:var(--line-nav-right);rotate:var(--wk-hamburger-triangle-angle);top:0;transition:opacity .3s ease-in-out;translate:50% 50%;width:9999px;z-index:20}.header-animation__line--first{animation:line-first var(--animation-duration-line-first) ease-in var(--animation-delay) forwards;top:clamp(120px,153.8028px - 2.3474vw,145px);transform:skewY(-3deg);z-index:30}.header-animation__line--second{animation:line-second var(--animation-duration-line-second) ease-in var(--animation-delay) forwards;left:50%;top:clamp(0px,202.8169px - 14.0845vw,150px);transform:skewY(28deg);z-index:10}