:root{--submenu-animation-speed: .2s;--magnum-menu-accent: #79121d;--magnum-menu-underline-speed: .18s;--magnum-menu-underline-offset: -.18em}#header-component .menu-list:where(:has(.menu-list__list-item:hover)) .menu-list__link,#header-component .menu-list:where(:has(.menu-list__list-item:focus-within)) .menu-list__link,#header-component .menu-list:where(:has(.menu-list__list-item:not([aria-hidden=true]) .menu-list__link--active)) .menu-list__link{color:var(--menu-top-level-font-color)}#header-component .menu-list .menu-list__list-item:where(:hover,:focus-within) .menu-list__link,#header-component .menu-list .menu-list__link--active{color:var(--magnum-menu-accent)}#header-component .menu-list .menu-list__link-title{position:relative;display:inline-block}#header-component .menu-list .menu-list__link-title:after{content:"";position:absolute;left:calc(var(--gap-xl, 2rem) / 2);right:calc(var(--gap-xl, 2rem) / 2);bottom:var(--magnum-menu-underline-offset);height:1px;background-color:currentcolor;transform:scaleX(0);transform-origin:left center;transition:transform var(--magnum-menu-underline-speed) var(--ease-out-cubic, cubic-bezier(.33, 1, .68, 1))}#header-component [slot=overflow] .menu-list__link-title:after{left:0;right:0}#header-component .menu-list .menu-list__list-item:where(:hover,:focus-within) .menu-list__link .menu-list__link-title:after,#header-component .menu-list .menu-list__link--active .menu-list__link-title:after{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){#header-component .menu-list .menu-list__link-title:after{transition:none}}#header-component .menu-list__list-item:has(>.menu-list__link[href*=wein-in-grossflaschen]){--magnum-bottle-base: 170px;--magnum-bottle-speed: .18s}#header-component .menu-list__list-item:has(>.menu-list__link[href*=wein-in-grossflaschen]) .mega-menu__list{align-self:center}#header-component .menu-list__list-item:has(>.menu-list__link[href*=wein-in-grossflaschen]) .mega-menu__column{grid-column:1 / -1;display:flex;align-items:stretch;gap:8px;width:100%}#header-component .menu-list__list-item:has(>.menu-list__link[href*=wein-in-grossflaschen]) .mega-menu__column>div{display:flex;flex:1 1 0;min-width:128px}#header-component .menu-list__list-item:has(>.menu-list__link[href*=wein-in-grossflaschen]) .mega-menu__column>div>.mega-menu__link{display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;padding:0 8px 2px;text-align:center}#header-component .menu-list__list-item:has(>.menu-list__link[href*=wein-in-grossflaschen]) .mega-menu__column>div>.mega-menu__link:before{content:"";display:block;width:100%;opacity:.95;background-position:center bottom;background-repeat:no-repeat;background-size:auto 100%;margin-bottom:18px;transition:opacity var(--magnum-bottle-speed) ease}#header-component .menu-list__list-item:has(>.menu-list__link[href*=wein-in-grossflaschen]) .mega-menu__column>div>.mega-menu__link:hover:before,#header-component .menu-list__list-item:has(>.menu-list__link[href*=wein-in-grossflaschen]) .mega-menu__column>div>.mega-menu__link:focus-visible:before{opacity:1}#header-component .menu-list__list-item:has(>.menu-list__link[href*=wein-in-grossflaschen]) .mega-menu__column>div:nth-child(1)>.mega-menu__link:before{height:var(--magnum-bottle-base);background-image:url(/cdn/shop/files/magnum-flasche-1-5l.webp?v=1789747494)}#header-component .menu-list__list-item:has(>.menu-list__link[href*=wein-in-grossflaschen]) .mega-menu__column>div:nth-child(2)>.mega-menu__link:before{height:calc(var(--magnum-bottle-base) * 1.129);background-image:url(/cdn/shop/files/magnum-flasche-3l.webp?v=1789747494)}#header-component .menu-list__list-item:has(>.menu-list__link[href*=wein-in-grossflaschen]) .mega-menu__column>div:nth-child(3)>.mega-menu__link:before{height:calc(var(--magnum-bottle-base) * 1.252);background-image:url(/cdn/shop/files/magnum-flasche-5l.webp?v=1789747494)}#header-component .menu-list__list-item:has(>.menu-list__link[href*=wein-in-grossflaschen]) .mega-menu__column>div:nth-child(4)>.mega-menu__link:before{height:calc(var(--magnum-bottle-base) * 1.38);background-image:url(/cdn/shop/files/magnum-flasche-6l.webp?v=1789747494)}#header-component .menu-list__list-item:has(>.menu-list__link[href*=wein-in-grossflaschen]) .mega-menu__column>div:nth-child(5)>.mega-menu__link:before{height:calc(var(--magnum-bottle-base) * 1.506);background-image:url(/cdn/shop/files/magnum-flasche-9-15l.webp?v=1789747494)}#header-component .menu-list__list-item:has(>.menu-list__link[href*=wein-in-grossflaschen]) .mega-menu__column>div>.mega-menu__link:after{display:block;margin-top:5px;font-size:.8125rem;line-height:1.35;color:rgb(var(--color-foreground-rgb) / .68)}#header-component .menu-list__list-item:has(>.menu-list__link[href*=wein-in-grossflaschen]) .mega-menu__column>div:nth-child(1)>.mega-menu__link:after{content:"So viel wie 2 Normflaschen"}#header-component .menu-list__list-item:has(>.menu-list__link[href*=wein-in-grossflaschen]) .mega-menu__column>div:nth-child(2)>.mega-menu__link:after{content:"So viel wie 4 Normflaschen"}#header-component .menu-list__list-item:has(>.menu-list__link[href*=wein-in-grossflaschen]) .mega-menu__column>div:nth-child(3)>.mega-menu__link:after{content:"Etwa 6 bis 7 Normflaschen"}#header-component .menu-list__list-item:has(>.menu-list__link[href*=wein-in-grossflaschen]) .mega-menu__column>div:nth-child(4)>.mega-menu__link:after{content:"So viel wie 8 Normflaschen"}#header-component .menu-list__list-item:has(>.menu-list__link[href*=wein-in-grossflaschen]) .mega-menu__column>div:nth-child(5)>.mega-menu__link:after{content:"12 bis 20 Normflaschen"}@media screen and (max-width:1199px){#header-component .menu-list__list-item:has(>.menu-list__link[href*=wein-in-grossflaschen]){--magnum-bottle-base: 122px}}#header-component .menu-list__submenu .mega-menu__link--parent{display:block;margin-block-end:6px;padding-block-end:9px;border-block-end:1px solid rgb(var(--color-foreground-rgb) / .16);color:var(--magnum-menu-accent);font-size:.6875rem;font-weight:700;line-height:1.4;letter-spacing:.2em;text-transform:uppercase}#header-component .menu-list__submenu .mega-menu__column ul .mega-menu__link[href="/collections/wein"]{display:inline-block;margin-block-start:6px;color:var(--magnum-menu-accent);font-weight:600}#header-component .menu-list__submenu{--submenu-padding-block-end: var(--padding-xl, 2rem)}
/*# sourceMappingURL=/cdn/shop/t/70/assets/magnum-menu.css.map */