.werkstein-header{background-color:transparent;opacity:1;overscroll-behavior:contain;padding:0 var(--global-padding-side,1rem);position:absolute;top:1.25rem;transition:background-color var(--animation-duration) var(--animation-default);width:100%;z-index:99}@media(prefers-reduced-motion:reduce){.werkstein-header{transition:none}}.werkstein-header__wrapper{border-radius:.5rem;display:grid;grid-template-columns:auto 1fr auto auto auto auto;margin-left:auto;margin-right:auto;max-width:var(--global-width-content);position:relative;width:100%}.werkstein-header__logo{left:50%;place-self:center center;position:absolute;text-decoration:none;transform:translateX(-50%);width:12.2rem}.werkstein-header__navigation{align-items:center;display:flex;justify-content:center}.werkstein-header__navigation-list{display:flex;flex-flow:row nowrap;gap:3.5rem;list-style:none}.werkstein-header__navigation-link{color:var(--color-black-60,#a3a3a3);font-family:Soehne Mono;font-size:.9375rem;font-weight:var(--font-weight-m,400);letter-spacing:.0187rem;line-height:100%;text-decoration:none;text-transform:uppercase}.werkstein-header__navigation-link:hover{color:var(--color-white,#fff)}.werkstein-header__navigation-link:focus-visible{border:none;border-radius:var(--borderRadius,.22222rem);box-shadow:var(--color-elevation-white,0 2px 2px 0 hsla(0,0%,100%,.4),0 4px 3px 0 hsla(0,0%,100%,.25));outline:1px solid var(--color-neutral-Light,#efeeed)}.werkstein-header__toggle{align-items:center;color:var(--color-black-60,#a3a3a3);cursor:pointer;display:inline-flex;flex-flow:row nowrap;font-family:Soehne Mono;font-size:.9375rem;font-style:normal;font-weight:400;gap:.75rem;justify-content:center;justify-self:flex-end;letter-spacing:.0187rem;line-height:100%;text-decoration:none;text-transform:uppercase;transition:color .3s ease-out;white-space:nowrap}.werkstein-header__toggle:hover{color:var(--color-white,#fff)}.werkstein-header__toggle:focus-visible{border:none;box-shadow:none;outline:none}.werkstein-header__toggle:focus-visible .werkstein-header__toggle-track{border:none;outline:2px solid var(--color-neutral-Light,#efeeed);outline-offset:5px}.werkstein-header__toggle-track{background-color:var(--color-black-40,#595959);border-radius:var(--corner-infinite,62.5rem);height:.875rem;position:relative;transition:background-color .3s ease-out;width:2.125rem}.werkstein-header__toggle-circle{background-color:var(--color-white,#fff);border-radius:var(--corner-infinite,62.5rem);box-shadow:0 2px 4px rgba(0,0,0,.2);height:1.25rem;left:-.125rem;position:absolute;top:50%;transform:translateY(-50%);transition:transform .3s ease-out,background-color .3s ease-out;width:1.25rem}.werkstein-header__toggle--active .werkstein-header__toggle-track{background-color:var(--color-orange-main,#f26727)}.werkstein-header__toggle--active .werkstein-header__toggle-circle{transform:translateY(-50%) translateX(1rem)}.werkstein-header__login-link{align-items:center;color:var(--color-black-60,#a3a3a3);display:inline-flex;font-family:Soehne Mono;font-size:.9375rem;font-style:normal;font-weight:400;gap:.5rem;justify-content:center;justify-self:flex-end;letter-spacing:.0187rem;line-height:100%;margin-left:1.5rem;text-decoration:none;text-transform:uppercase}.werkstein-header__login-link:hover{color:var(--color-white,#fff)}.werkstein-header__login-link:hover path{fill:var(--color-white,#fff)}.werkstein-header__login-link path{transition:fill var(--animation-duration) var(--animation-default)}@media(prefers-reduced-motion:reduce){.werkstein-header__login-link path{transition:none}}.werkstein-header__login-link:focus-visible{border:none;border-radius:var(--borderRadius,.22222rem);box-shadow:var(--color-elevation-white,0 2px 2px 0 hsla(0,0%,100%,.4),0 4px 3px 0 hsla(0,0%,100%,.25));outline:1px solid var(--color-neutral-Light,#efeeed)}.werkstein-header__hamburger{align-items:center;align-self:flex-end;background:var(--color-black-10,#1e1e1e);border-radius:var(--corner-infinite,62.5rem);cursor:pointer;display:none;flex-flow:column nowrap;gap:3px;height:2.5rem;justify-content:center;margin-left:1.5rem;order:2;padding:var(--spacing-4,.5rem);width:2.5rem}.werkstein-header__hamburger:hover span{background-color:#787878}.werkstein-header__hamburger span{background-color:#d9d9d9;display:inline-flex;height:2px;transition:background-color var(--animation-duration) var(--animation-default);width:100%}@media(prefers-reduced-motion:reduce){.werkstein-header__hamburger span{transition:none}}.werkstein-header .werkstein-cart{margin-left:1.5rem;order:1}#werkstein-login-portal{align-items:center;display:flex;height:100%;justify-content:center}@media(max-width:1200px){.werkstein-header__wrapper{grid-template-columns:1fr auto auto auto auto}.werkstein-header__logo{place-self:center flex-start;position:static;transform:translateX(0);width:10.2rem}.werkstein-header__toggle{display:none}.werkstein-header__hamburger{display:flex}.werkstein-header__navigation{display:none}}@media(max-width:834px){.werkstein-header__wrapper{grid-template-columns:1fr auto auto auto}.werkstein-header__logo{width:8.3rem}.werkstein-header__login-link{display:none}}@media(max-width:400px){.werkstein-header__logo{width:7.3rem}.werkstein-header__login-link{display:none}.werkstein-header .werkstein-cart,.werkstein-header__hamburger{margin-left:.5rem}}@media(max-width:834px){#werkstein-login-portal{height:auto}}.fade-in-start .werkstein--animation,.fade-in-start.werkstein--animation{opacity:0}.fade-in-processing .werkstein--animation,.fade-in-processing.werkstein--animation{opacity:1;transition:opacity .3s ease-out}.fade-in-stop .werkstein--animation,.fade-in-stop.werkstein--animation,.fade-out-start .werkstein--animation,.fade-out-start.werkstein--animation{opacity:1}.fade-out-processing .werkstein--animation,.fade-out-processing.werkstein--animation{opacity:0;transition:opacity .3s ease-out}.fade-out-stop .werkstein--animation,.fade-out-stop.werkstein--animation{opacity:0}.fade-out-processing.werkstein-header{background-color:transparent;transition:background-color .3s ease-out}.fade-in-processing .werkstein-header--is-transparent-at-top-active:before,.fade-out-processing .werkstein-header--is-transparent-at-top-active:before{background-color:transparent}.no-scroll{overflow:hidden;padding-right:var(--scrollbar-width,0)}@media(min-width:301px){.werkstein-announcement+.werkstein-header--active .werkstein-header__toggle{top:calc(85.645px - var(--announcement-height)/2)}}@media(max-width:300px){.werkstein-announcement+.werkstein-header--active .werkstein-header__toggle{left:var(--spacing-3);top:375px}}.werkstein-header--active{background-color:var(--color-black-0,#000);bottom:0;height:100dvh;left:0;overflow-y:hidden;position:fixed;right:0;scrollbar-color:var(--color-black-0) var(--color-black-0);scrollbar-width:auto;top:0;width:100%}.werkstein-header--active::-webkit-scrollbar{width:15px}.werkstein-header--active::-webkit-scrollbar-track{background:var(--color-black-0)}.werkstein-header--active::-webkit-scrollbar-thumb{background-color:var(--color-black-0);border:3px solid var(--color-black-0);border-radius:8px}.werkstein-header--active #werkstein-login-portal{height:auto!important}.werkstein-header--active .werkstein-header__wrapper{align-items:flex-start;display:grid;grid-template-columns:1fr auto auto auto;height:100%;justify-content:flex-start;position:absolute;top:1.25rem;width:calc(100% - var(--global-padding-side)*2 - var(--scrollbar-width, 0rem))}@media(min-width:1440px){.werkstein-header--active .werkstein-header__wrapper{left:50%;transform:translateX(-50%)}}.werkstein-header--active .werkstein-header__hamburger{display:flex;place-self:flex-start flex-start}.werkstein-header--active .werkstein-header__logo{bottom:87.5px;display:flex;flex-flow:row nowrap;justify-content:space-between;left:0;max-width:var(--global-width-content);position:absolute;transform:translateX(0);width:100%}.werkstein-header--active .werkstein-header__logo:after,.werkstein-header--active .werkstein-header__logo:before{color:var(--Black-Black-50,#787878);font-family:Soehne;font-size:.875rem;font-style:normal;font-weight:300;line-height:140%}.werkstein-header--active .werkstein-header__logo:after{content:"© 2025 Werkstein";left:0}.werkstein-header--active .werkstein-header__logo:before{content:"Alle Rechte vorbehalten.";right:0}@media(max-width:834px){.werkstein-header--active .werkstein-header__logo a,.werkstein-header--active .werkstein-header__logo img{width:100%}.werkstein-header--active .werkstein-header__logo:after,.werkstein-header--active .werkstein-header__logo:before{position:absolute;top:calc(100% + .85rem)}}.werkstein-header--active .werkstein-header__toggle{display:flex;font-size:.9375rem;position:absolute;text-decoration:none}.werkstein-header--active .werkstein-header__toggle-track{height:1.25rem;order:1;width:2.375rem}.werkstein-header--active .werkstein-header__toggle-circle{height:1.75rem;width:1.75rem}@media(min-width:301px){.werkstein-header--active .werkstein-header__toggle{left:min((100% - var(--global-width-content))/2 + var(--global-width-content) - 147.5px,100% - 147.5px);top:85.645px}}@media(max-width:300px){.werkstein-header--active .werkstein-header__toggle{left:var(--spacing-3);top:375px}}.werkstein-header--active .werkstein-header__navigation{box-sizing:border-box;display:flex;flex-flow:column nowrap;justify-content:flex-start;position:absolute;top:60px;width:100%}.werkstein-header--active .werkstein-header__navigation-list{display:flex;flex-flow:column nowrap;gap:1.5rem;list-style:none;width:100%}.werkstein-header--active .werkstein-header__navigation-link{border-bottom:.0625rem solid var(--color-black-30,#4a4a4a);color:var(--color-black-60,#a3a3a3);display:inline-block;font-family:Soehne Schmal;font-size:clamp(2.0556rem,2.0556rem + (1vw - .2rem)*2.286,3.5625rem);font-style:normal;font-weight:700;line-height:90%;padding-bottom:1.63rem;text-decoration:none;text-transform:none;width:100%}.werkstein-header--active .werkstein-header__navigation-link:hover{color:var(--color-white,#fff)}.werkstein-header--active .werkstein-header__login-link{display:inline-flex;justify-self:flex-start;margin-left:0;margin-top:8px}.werkstein-header--is-transparent-at-top.werkstein-header--active .werkstein-header--is-transparent-at-top-active:before{background-color:transparent}.werkstein-header--is-transparent-at-top #werkstein-login-portal{justify-self:flex-end}.werkstein-header__wrapper:before{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:transparent;border-radius:var(--Corner-Small,.5rem);content:"";display:block;height:calc(40px + var(--spacing-3, .5rem)*2);left:50%;max-width:calc(var(--global-width-content) + var(--spacing-5, 1rem)*2);pointer-events:none;position:absolute;transform:translate(-50%,calc(var(--spacing-3, .5rem)*-1));transition:background var(--animation-duration) var(--animation-default),-webkit-backdrop-filter var(--animation-duration) var(--animation-default);transition:backdrop-filter var(--animation-duration) var(--animation-default),background var(--animation-duration) var(--animation-default);transition:backdrop-filter var(--animation-duration) var(--animation-default),background var(--animation-duration) var(--animation-default),-webkit-backdrop-filter var(--animation-duration) var(--animation-default);width:calc(100% + var(--spacing-5, 1rem)*2);z-index:-1}@media(prefers-reduced-motion:reduce){.werkstein-header__wrapper:before{transition:none}}.werkstein-header--is-transparent-at-top-active:before{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-common-background-70,rgba(30,30,30,.7));visibility:visible}