.bgu{--or:#FF5F00;--or2:#FF6A12;--gx-or:linear-gradient(180deg,#FF7A26 0%,#FF5F00 55%,#F05400 100%);--e-out:cubic-bezier(.22,1,.36,1);display:grid;gap:16px;color:#fff;font-family:var(--font-body-family,"BodyGen"),"Helvetica Neue",Helvetica,Arial,sans-serif}.bgu *,.bgu *:before,.bgu *:after{box-sizing:border-box}.bgu p{margin:0}bodygen-mobile-menu .bx-menu-container .bgu a{opacity:1;animation:none;font-size:inherit;font-weight:500;line-height:1.2;color:#fff;text-decoration:none}.bgu img{display:block;max-width:none}.bgu-top{display:flex;align-items:center;gap:16px;min-height:40px}.bgu-k{display:inline-flex;align-items:center;width:max-content;padding:8px 16px 7px;border-radius:10px;background:#ffffff24;border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px #fff6;color:var(--or2);font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;line-height:1}.bgu-title{font-size:15px;color:#ffffffb3}bodygen-mobile-menu .bx-menu-container .bgu a.bgu-inst{margin-left:auto;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 12px;border-radius:12px;background:#1c161252;border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px #ffffff59;color:var(--or2);font-size:15px;-webkit-text-stroke:.25px currentColor;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .3s,border-color .3s}.bgu-inst svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover){bodygen-mobile-menu .bx-menu-container .bgu a.bgu-inst:hover{background:#ffffff29;border-color:#ff5f00b3}}bodygen-mobile-menu.bx-mobile-menu-container{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}bodygen-mobile-menu .bx-menu-container{flex:0 0 auto!important;height:auto!important;min-height:min-content;overflow:visible!important}bodygen-mobile-menu .bx-menu-container{width:min(1800px,calc(100% - (2*clamp(12px,2.6vw,48px))))!important;max-width:none!important;padding-left:0!important;padding-right:0!important}.bgu-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}bodygen-mobile-menu .bx-menu-container .bgu a.bgu-t{position:relative;display:block;height:clamp(250px,calc(100svh - 470px),470px);border-radius:18px;overflow:hidden;isolation:isolate;background:#3a302a}.bgu-t picture,.bgu-t img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bgu-t img,.bgu-m img{object-fit:cover;transition:transform 1.2s var(--e-out)}.bgu-t:before,.bgu-m:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border:1px solid rgba(255,95,0,.6);border-radius:inherit;pointer-events:none}.bgu-t.is-on:before,.bgu-m.is-on:before{border:2px solid var(--or)}.bgu-t:after{content:"";position:absolute;inset:auto 0 0 0;height:58%;background:linear-gradient(to top,#1c1612d1,#1c161259 55%,#1c161200);z-index:0;pointer-events:none}.bgu-cap{position:absolute;left:20px;right:70px;bottom:20px;z-index:1;display:grid;gap:5px}.bgu-cap b{font-size:clamp(22px,calc(.8vw + 14px),28px);font-weight:500;line-height:1.12;letter-spacing:-.012em}.bgu-cap small{font-size:14.5px;line-height:1.3;color:#ffffffd9}.bgu-go{position:absolute;right:16px;bottom:18px;z-index:1;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#ffffff29;border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px #fff6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .3s,border-color .3s,transform .3s var(--e-out)}.bgu-go svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bgu-t.is-on .bgu-go{background:var(--gx-or);border-color:#ffffff59}@media(hover:hover){.bgu-t:hover img,.bgu-m:hover img{transform:scale(1.045)}.bgu-t:hover .bgu-go{background:var(--gx-or);border-color:#ffffff59;transform:translate(2px)}}.bgu-mid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}bodygen-mobile-menu .bx-menu-container .bgu a.bgu-m{position:relative;display:flex;align-items:flex-end;height:clamp(118px,16vh,168px);padding:16px 18px;border-radius:18px;overflow:hidden;isolation:isolate;background:#3a302a;font-size:clamp(18px,calc(.4vw + 13px),21px);-webkit-text-stroke:.2px currentColor}.bgu-m img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-2}.bgu-m:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,#1c1612c7,#1c161233 60%,#1c16120d);pointer-events:none}.bgu-m b{font-weight:500;line-height:1.15}.bgu-chev{flex:none;margin-left:auto;width:9px;height:9px;border-top:1.7px solid rgba(255,255,255,.8);border-right:1.7px solid rgba(255,255,255,.8);transform:rotate(45deg);transition:transform .3s var(--e-out)}.bgu-m .bgu-chev{margin-bottom:6px;margin-right:4px}bodygen-mobile-menu .bx-menu-container .bgu a.bgu-m.is-on{color:var(--or2)}@media(hover:hover){.bgu-m:hover .bgu-chev,.bgu-l:hover .bgu-chev{transform:translate(3px) rotate(45deg)}}.bgu-low{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}bodygen-mobile-menu .bx-menu-container .bgu a.bgu-l{display:flex;align-items:center;gap:14px;height:60px;padding:8px 20px 8px 8px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px #ffffff38;font-size:16px;-webkit-text-stroke:.2px currentColor;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .3s,border-color .3s}.bgu-l img{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none;box-shadow:inset 0 0 0 1px #ff5f0080}.bgu-l b{font-weight:500}bodygen-mobile-menu .bx-menu-container .bgu a.bgu-l.is-on{border-color:var(--or);color:var(--or2)}@media(hover:hover){bodygen-mobile-menu .bx-menu-container .bgu a.bgu-l:hover{background:#ffffff26;border-color:#ff5f00b3}}@keyframes bguIn{0%{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:none}}bodygen-mobile-menu.open .bgu-top,bodygen-mobile-menu.open .bgu-t,bodygen-mobile-menu.open .bgu-m,bodygen-mobile-menu.open .bgu-l{animation:bguIn .6s var(--e-out) both}bodygen-mobile-menu.open .bgu-t:nth-child(2){animation-delay:.05s}bodygen-mobile-menu.open .bgu-t:nth-child(3){animation-delay:.1s}bodygen-mobile-menu.open .bgu-t:nth-child(4){animation-delay:.15s}bodygen-mobile-menu.open .bgu-m{animation-delay:.2s}bodygen-mobile-menu.open .bgu-l{animation-delay:.26s}@media(prefers-reduced-motion:reduce){bodygen-mobile-menu.open .bgu-top,bodygen-mobile-menu.open .bgu-t,bodygen-mobile-menu.open .bgu-m,bodygen-mobile-menu.open .bgu-l{animation:none!important}.bgu *{transition:none!important}}@media(max-width:999px){.bgu-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}bodygen-mobile-menu .bx-menu-container .bgu a.bgu-t{height:clamp(200px,30vw,280px)}.bgu-mid,.bgu-low{gap:10px}}@media(max-width:759px){.bgu{gap:12px}.bgu-top{flex-wrap:wrap;gap:10px}.bgu-k{display:none}.bgu-title{font-size:26px;font-weight:500;line-height:1.1;letter-spacing:-.02em;color:#fff}bodygen-mobile-menu .bx-menu-container .bgu a.bgu-inst{margin-left:0;height:44px;padding:0 12px 0 9px;border-radius:10px;font-size:13.5px}.bgu-inst svg{width:16px;height:16px}.bgu-tiles{gap:10px}bodygen-mobile-menu .bx-menu-container .bgu a.bgu-t{height:auto;aspect-ratio:1/1.05}.bgu-t:after{height:62%}.bgu-cap{left:12px;right:40px;bottom:11px}.bgu-cap b{font-size:16px;line-height:1.15;white-space:nowrap;letter-spacing:-.01em}.bgu-cap small{display:none}.bgu-go{width:30px;height:30px;right:9px;bottom:9px;border-radius:9px}.bgu-go svg{width:14px;height:14px}.bgu-mid,.bgu-low{gap:8px}bodygen-mobile-menu .bx-menu-container .bgu a.bgu-m{height:96px;padding:9px 10px;border-radius:16px;font-size:13.5px}.bgu-m .bgu-chev,.bgu-l .bgu-chev{display:none}bodygen-mobile-menu .bx-menu-container .bgu a.bgu-l{height:50px;gap:8px;padding:5px 8px 5px 5px;border-radius:14px;font-size:13.5px}.bgu-l img{width:36px;height:36px;border-radius:9px}}@media(max-width:759px)and (max-height:720px){.bgu{gap:10px}.bgu-title{font-size:23px}bodygen-mobile-menu .bx-menu-container .bgu a.bgu-t{aspect-ratio:1/.78}bodygen-mobile-menu .bx-menu-container .bgu a.bgu-m{height:78px}bodygen-mobile-menu .bx-menu-container .bgu a.bgu-l{height:46px}}.bgu-k{display:none}.bgu-t.is-on .bgu-go svg{stroke:#1c1612}@media(hover:hover){.bgu-t:hover .bgu-go svg{stroke:#1c1612}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/bgmenu-uebersicht.css.map */