@layer components{.HeaderMenuNav{display:flex;flex-direction:column}.HeaderMenuNav-inner{display:flex;flex-direction:column;gap:var(--size-16)}.HeaderMenuNav-section{display:flex;flex-direction:column;gap:var(--size-16);padding:var(--size-12) 0}.HeaderMenuNav-sectionTitle{color:var(--txt-dachzeile);font-family:var(--typo-font-primary);font-size:var(--typo-size-s);font-weight:700;line-height:1.2;padding:0 var(--size-24)}.HeaderMenuNav-list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.HeaderMenuNav-item{display:flex}.HeaderMenuNav-item--accordion{flex-direction:column}.HeaderMenuNav-entry{align-items:center;background:none;block-size:var(--size-56);border:none;cursor:pointer;display:flex;gap:var(--size-4);inline-size:100%;justify-content:space-between;padding:0 var(--size-24);position:relative;text-decoration:none;transition:background-color .2s ease}.HeaderMenuNav-entry:after{background:var(--border-color-subtle);block-size:1px;content:"";inset-block-end:0;inset-inline-end:var(--size-24);inset-inline-start:var(--size-24);position:absolute}.HeaderMenuNav-entry:hover{background-color:var(--bg-surface)}.HeaderMenuNav-entryText{flex:1;text-align:start}.HeaderMenuNav-icon{align-items:center;block-size:var(--size-20);display:flex;flex-shrink:0;inline-size:var(--size-20);justify-content:center}.HeaderMenuNav-entry--primary .HeaderMenuNav-entryText{color:var(--txt-gentle);font-family:var(--typo-font-secondary);font-size:var(--typo-size-base);font-variation-settings:"GRAD" 0,"wdth" 100;font-weight:600;line-height:1.2}.HeaderMenuNav-entry--secondary .HeaderMenuNav-entryText{color:var(--txt-gentle);font-family:var(--typo-font-primary);font-size:var(--typo-size-base);font-weight:600;line-height:1.2}.HeaderMenuNav-entry--link:after{display:none}.HeaderMenuNav-entry--link .HeaderMenuNav-entryText{color:var(--txt-gentle);font-family:var(--typo-font-primary);font-size:var(--typo-size-base);font-weight:400;line-height:1.3}.HeaderMenuNav-section:first-child{background:var(--bg-surface);padding:var(--size-24) 0}.HeaderMenuNav-section:first-child .HeaderMenuNav-sectionTitle{padding-block-start:0}.HeaderMenuNav-section:first-child .HeaderMenuNav-list{padding:0}.HeaderMenuNav-icon--accordion{transform:rotate(180deg);transition:transform .2s ease}.HeaderMenuNav-entry[aria-expanded=true] .HeaderMenuNav-icon--accordion{transform:rotate(0)}.HeaderMenuNav-submenu{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s ease}.HeaderMenuNav-submenu--expanded{grid-template-rows:1fr}.HeaderMenuNav-submenuList{list-style:none;margin:0;min-block-size:0;padding:0}.HeaderMenuNav-submenuItem{display:flex}.HeaderMenuNav-submenuLink{align-items:center;block-size:var(--size-48);color:var(--txt-gentle);display:flex;font-family:var(--typo-font-primary);font-size:var(--typo-size-base);font-weight:600;gap:var(--size-4);inline-size:100%;justify-content:space-between;line-height:1.3;padding:0 var(--size-24);position:relative;text-decoration:none;transition:background-color .2s ease}.HeaderMenuNav-submenuLink:after{background:var(--border-color-subtle);block-size:1px;content:"";inset-block-end:0;inset-inline-end:var(--size-24);inset-inline-start:var(--size-24);position:absolute}.HeaderMenuNav-submenuLink:hover{background-color:var(--bg-surface)}.HeaderMenuNav-item--button{margin-block-start:var(--size-8)}.HeaderMenuNav-buttonWrapper,.HeaderMenuNav-sectionLink{padding:0 var(--size-24)}.HeaderMenuNav-divider{margin:0 var(--size-24);padding:0}.HeaderMenuNav-dividerLine{border:none;border-block-start:1px solid var(--border-color-subtle);margin:0}}@layer components{.HeaderMenu{inset:0;pointer-events:none;position:fixed;transition:visibility 0s linear .3s;visibility:visible;z-index:1000}.HeaderMenu[hidden]{display:block;visibility:hidden}.HeaderMenu:not([hidden]){pointer-events:auto;transition-delay:0s;visibility:visible}.HeaderMenu-overlay{background:#00000080;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.HeaderMenu:not([hidden]) .HeaderMenu-overlay{opacity:1;pointer-events:auto}.HeaderMenu-sidebar{background:var(--c-white);box-shadow:var(--size-2) 0 var(--size-8) #0000001a;display:flex;flex-direction:column;inset-block-end:0;inset-block-start:0;inset-inline-start:0;overflow:hidden;position:absolute;transform:translate(-100%);transition:transform .3s ease}.HeaderMenu:not([hidden]) .HeaderMenu-sidebar{transform:translate(0)}.HeaderMenu-header{flex-shrink:0}.HeaderMenu-nav{flex:1;min-block-size:0;overflow-y:auto}.HeaderMenu-footer{background:var(--bg-surface);flex-shrink:0;padding:var(--size-16) var(--size-24)}.HeaderMenu-social{align-items:center;display:flex;gap:0}@media(width<48rem){.HeaderMenu-sidebar{inline-size:100%}.HeaderMenu-header--desktop{display:none}.HeaderMenu-header--mobile{display:block}.HeaderMenu-mobileHeader{align-items:center;border-block-end:1px solid var(--border-color-subtle);display:flex;gap:var(--size-8);padding:var(--size-16)}.HeaderMenu-searchField{flex:1;min-inline-size:0}.HeaderMenu-searchField .Header-searchFieldInner{align-items:center;display:flex;gap:0;inline-size:100%;max-inline-size:100%}.HeaderMenu-searchField .Header-searchInput{background:var(--bg-surface);block-size:var(--size-40);border:0;border-end-end-radius:0;border-start-end-radius:0;border-end-start-radius:var(--radius-l);border-start-start-radius:var(--radius-l);box-sizing:border-box;clip-path:none;color:var(--txt-default);flex:1 1 0%;font:var(--typo-compact-s);inline-size:auto;margin:0;min-inline-size:0;padding:var(--size-4) var(--size-16);position:static;transition:none}.HeaderMenu-searchField .Header-searchSubmit{background:var(--bg-primary);block-size:var(--size-40);border-end-start-radius:0;border-start-start-radius:0;border-end-end-radius:var(--radius-l);border-start-end-radius:var(--radius-l);flex:0 0 var(--size-40);inline-size:var(--size-40);min-inline-size:var(--size-40);&:hover{background:var(--bg-subtle)}}}@media(width>=48rem){.HeaderMenu-sidebar{inline-size:17.5rem}.HeaderMenu-header--desktop{display:block;padding:var(--size-16) var(--size-12)}.HeaderMenu-header--mobile{display:none}}}@layer components{beck-page-header{display:block}.Header{background-color:var(--bg-inverted);padding-block:var(--Header-padding-block);position:relative;transition:padding .25s ease-out;&:after{background:var(--border-color-subtle);block-size:1px;content:"";inset-block-end:0;inset-inline:var(--component-spacing-x);position:absolute}.Header-logoFull{block-size:auto;display:block;inline-size:13.125rem}.Header-logoBildmarke{display:none}}.Header-nav{inline-size:100%;position:relative}.Header-navWrapper{inline-size:100%;max-inline-size:100%;overflow:hidden;position:relative}.Header-navItems{align-items:center;display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:0;position:relative;z-index:1}.Header-navItemContainer{flex-shrink:0}.Header-navGradient{block-size:100%;inline-size:120px;inset-block-start:0;inset-block-end:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease-out;z-index:100;&.is-visible{opacity:1}}.Header-navGradient--start{background:linear-gradient(to right,#fff 0% 20%,#fffc 40%,#fff6,#fff0);inset-inline-start:0}.Header-navGradient--end{background:linear-gradient(to left,#fff 0% 20%,#fffc 40%,#fff6,#fff0);inset-inline-end:0}.Header-navButton{align-items:center;background:var(--bg-inverted);border:0;color:var(--txt-default);cursor:pointer;display:flex;inset-block-start:50%;justify-content:center;padding:var(--size-8);position:absolute;transform:translateY(-50%);transition:opacity .2s ease-out;z-index:101;&:hover{color:var(--txt-accent)}&.swiper-button-disabled{cursor:default;opacity:0;pointer-events:none}}.Header-navButton--prev{inset-inline-start:calc(-1 * var(--size-24));.Icon{transform:rotate(180deg)}}.Header-navButton--next{inset-inline-end:calc(-1 * var(--size-24))}.Header-fixed{inset-block-start:var(--gin-toolbar-height, 0);inset-inline:0;position:fixed;z-index:var(--bring-to-front)}.Header-compact{.Header-searchInput{block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}&.Header-searchOpen{.Header-searchInput{block-size:var(--size-48);border:1px solid var(--border-color);border-end-end-radius:0;border-start-end-radius:0;clip-path:none;inline-size:22.5rem;margin:0;overflow:visible;padding:var(--size-12) var(--size-16);position:static;transition:inline-size .2s ease-out;white-space:normal}.Header-searchSubmit{border-end-start-radius:0;border-start-start-radius:0}}}@media(width<48rem){.Header{--Header-padding-block: var(--size-12);display:flex;flex-wrap:wrap;inline-size:100%;max-inline-size:100%;padding-inline:var(--component-spacing-x);&:after{inset-inline:var(--component-spacing-x)}.Header-logoContainer{display:flex;flex:1;justify-content:center}.Header-logoFull{inline-size:7.625rem}&.Header-compact{--Header-padding-block: var(--size-8);.Header-nav{display:none}}}.Header-menuToggleContainer{flex-shrink:0}.Header-search,.Header-menuButtonDesktop{display:none}.Header-nav{flex-basis:100%}.Header-navItems{scrollbar-width:none}.Header-navButton{background:linear-gradient(to right,var(--bg-inverted) 0%,var(--bg-inverted) 60%,transparent 100%);padding-inline:var(--size-8)}.Header-navButton--prev{inset-inline-start:0}.Header-navButton--next{background:linear-gradient(to left,var(--bg-inverted) 0%,var(--bg-inverted) 60%,transparent 100%);inset-inline-end:0}.Header-menuButtonMobile{display:block;.Icon{block-size:1.5rem;inline-size:1.5rem}}}@media(width>=48rem){.Header{--Header-padding-block: var(--size-20) var(--size-12);align-items:center;display:grid;grid-template-areas:"menu logo search" "nav nav nav";grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;justify-content:space-between;row-gap:var(--size-32);transition:padding .25s ease-out,row-gap .25s ease-out;&.Header-compact{column-gap:var(--size-8);grid-template-areas:"menu logo nav search";grid-template-columns:auto auto 1fr auto;grid-template-rows:auto;row-gap:0;.Header-logoFull{display:none}.Header-logoBildmarke{block-size:auto;display:block;inline-size:2.25rem}.Header-nav{inline-size:auto;max-inline-size:100%;min-inline-size:0}.Header-navButton--prev{inset-inline-start:0}.Header-navButton--next{inset-inline-end:0}.Header-search{min-inline-size:auto}}.Header-menuToggleContainer{grid-area:menu}.Header-logoContainer{grid-area:logo;justify-self:center}.Header-search{grid-area:search;min-inline-size:25.5rem}.Header-nav{grid-area:nav}.Header-searchForm{display:flex;justify-content:end;.Header-searchInput{border-end-end-radius:0;border-start-end-radius:0;inline-size:16rem;transition:inline-size .2s ease-out;&:focus{inline-size:22.5rem}}.Header-searchSubmit{block-size:var(--size-48);&:hover{background:var(--bg-subtle)}}}}.Header:not(.Header-compact){.Header-searchSubmit{border-end-start-radius:0;border-start-start-radius:0}}.Header-menuButtonMobile{display:none}.Header-menuButtonDesktop{display:flex;gap:var(--size-8)}}.swiper-slide{width:auto!important}}
/*# sourceMappingURL=header.css.map */