.byob{--byob-accent: #1a1a1a;--byob-savings: #16a34a;--byob-line: rgba(var(--color-foreground), .1);--byob-soft: rgba(var(--color-foreground), .04);--byob-muted: rgba(var(--color-foreground), .55);--byob-radius: 1.6rem;--byob-pill: 3.75rem;display:block;letter-spacing:0;padding-top:var(--byob-pt, 24px);padding-bottom:calc(var(--byob-pb, 24px) + 150px)}.byob *{box-sizing:border-box}.byob button,.byob input,.byob select{letter-spacing:0}.byob-wrap{max-width:120rem;margin:0 auto;padding:0 1.8rem}.byob-hero{text-align:center;padding:1rem 0 0}.byob-hero__h{font-size:clamp(2.8rem,5vw,4.6rem);font-weight:900;letter-spacing:0;line-height:1.05;margin:0}.byob-hero__p{margin:1.2rem auto 0;max-width:56rem;color:var(--byob-muted);font-size:1.5rem;line-height:1.5}.byob-tiers{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.8rem}.byob-tierbadge{display:inline-flex;align-items:center;gap:.9rem;border:1.5px solid var(--byob-line);background:rgb(var(--color-background));border-radius:var(--byob-pill);padding:.7rem .8rem .7rem 1.6rem;font-size:1.35rem}.byob-tierbadge b{font-weight:700;color:rgb(var(--color-foreground))}.byob-tierbadge em{font-style:normal;font-weight:900;font-size:1.35rem;color:#fff;background:var(--byob-accent);border-radius:var(--byob-pill);padding:.5rem 1.2rem;line-height:1}.byob-tierbadge--best em{background:var(--byob-savings)}.byob-how{border-top:1px solid var(--byob-line);border-bottom:1px solid var(--byob-line);padding:2rem .4rem;margin:3rem auto 0}.byob-how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.byob-step{display:flex;gap:1.1rem;align-items:flex-start}.byob-num{flex:none;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--byob-accent);color:#fff;font-weight:800;font-size:1.2rem;display:flex;align-items:center;justify-content:center;margin-top:.1rem}.byob-step b{font-size:1.35rem;font-weight:800}.byob-step p{font-size:1.25rem;color:var(--byob-muted);margin:.25rem 0 0;line-height:1.45}@media screen and (max-width:749px){.byob-how{padding:1.6rem .2rem}.byob-how-steps{grid-template-columns:1fr;gap:1.2rem}.byob-step p{margin-top:.15rem}}.byob-nav{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.byob-nav__pill{display:inline-flex;align-items:center;min-height:3.8rem;padding:.6rem 1.6rem;border:1.5px solid var(--byob-line);border-radius:var(--byob-pill);background:var(--byob-soft);color:rgb(var(--color-foreground));font-size:1.3rem;font-weight:700;text-decoration:none;transition:border-color .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.byob-nav__pill:hover{border-color:var(--byob-accent);background:rgb(var(--color-background))}.byob-cat{margin-top:4.4rem;scroll-margin-top:12rem}.byob-cathead{display:flex;align-items:baseline;gap:1.2rem;flex-wrap:wrap;padding-bottom:1.2rem}.byob-cat__title{font-size:2.1rem;font-weight:900;letter-spacing:-.01em;margin:0}.byob-sub{color:var(--byob-muted);font-size:1.35rem;margin:0}.byob-empty{opacity:.6;font-style:italic}.byob-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem}@media screen and (min-width:750px){.byob-grid{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1.6rem}}.byob-card{background:rgb(var(--color-background));border:1px solid var(--byob-line);border-radius:var(--byob-radius);overflow:hidden;position:relative;display:flex;flex-direction:column;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}@media(hover:hover){.byob-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}}.byob-card--sel{border-color:var(--byob-accent);box-shadow:0 0 0 1.5px var(--byob-accent)}.byob-card--soldout{opacity:.5;pointer-events:none}.byob-card--soldout:after{content:"Ausverkauft";position:absolute;top:1rem;left:1rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.1rem;font-weight:700;padding:.4rem 1rem;border-radius:var(--byob-pill)}.byob-imgbox{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--byob-soft);position:relative;overflow:hidden}.byob-imgbox img,.byob-imgbox__ph{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.byob-imgbadge{position:absolute;top:.9rem;right:.9rem;min-width:2.4rem;height:2.4rem;padding:0 .7rem;border-radius:var(--byob-pill);background:var(--byob-accent);color:#fff;font-size:1.25rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000002e;animation:byob-pop .25s ease}.byob-imgbadge[hidden]{display:none}.byob-card__body{display:flex;flex-direction:column;flex:1;padding:1.1rem 1.2rem 1.2rem}.byob-name{font-size:1.35rem;font-weight:700;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.5rem}.byob-card-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.6rem;min-height:2rem;margin-top:.5rem}.byob-card-price__old{color:var(--byob-muted);font-size:1.2rem;font-weight:600;text-decoration:line-through}.byob-card-price__current{color:rgb(var(--color-foreground));font-size:1.55rem;font-weight:900;line-height:1;transition:color .18s ease}.byob-card--discounted .byob-card-price__current,.byob-card--fixed-price .byob-card-price__current{color:var(--byob-savings)}.byob-card-note{margin:.5rem 0 0;color:var(--byob-muted);font-size:1.1rem;font-weight:700;line-height:1.35}.byob-card-note[hidden]{display:none}.byob-sizewrap{position:relative;margin-top:.8rem}.byob-sizewrap:after{content:"";position:absolute;right:1.2rem;top:50%;width:.9rem;height:.9rem;border-right:2px solid var(--byob-muted);border-bottom:2px solid var(--byob-muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}.byob-size{appearance:none;-webkit-appearance:none;width:100%;min-height:4rem;border:1px solid var(--byob-line);border-radius:1rem;padding:.8rem 3rem .8rem 1rem;font-size:1.3rem;font-weight:600;background:var(--byob-soft);color:rgb(var(--color-foreground));cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.byob-qty{display:flex;align-items:center;margin-top:auto;padding-top:1rem}.byob-qty button{flex:none;width:3.6rem;height:3.6rem;border-radius:50%;border:none;background:var(--byob-accent);color:#fff;font-size:1.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;line-height:0;padding:0;transition:opacity .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent}.byob-qty button:hover{opacity:.85}.byob-qty button:active{transform:scale(.94)}.byob-qty__n{flex:1;text-align:center;font-weight:800;font-size:1.5rem}.byob-qty__addlbl{font-size:1.35rem;font-weight:800;line-height:1}.byob-card:not(.byob-card--sel) .byob-qty [data-step="-1"],.byob-card:not(.byob-card--sel) .byob-qty .byob-qty__n{display:none}.byob-card:not(.byob-card--sel) .byob-qty [data-step="1"]{width:100%;border-radius:var(--byob-pill);min-height:4rem;height:auto;padding:.9rem 1.2rem}.byob-card--sel .byob-qty .byob-qty__addlbl{display:none}.byob-summary{position:fixed;left:0;right:0;bottom:0;z-index:5;padding:2rem 0 max(1.2rem,env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(var(--color-background),.94) 68%,rgba(var(--color-background),0));pointer-events:none;animation:byob-slide-up .25s ease}@keyframes byob-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.byob-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1.6rem 2.4rem;padding:1.4rem 2rem;background:rgb(var(--color-background));border:1px solid var(--byob-line);border-radius:2rem;box-shadow:0 12px 40px #140a1e29;pointer-events:auto;transition:padding .2s ease}.byob-bar__progress{min-width:0}.byob-nudge{margin:0 0 1rem;font-size:1.4rem;line-height:1.3;color:var(--byob-muted)}.byob-nudge b{color:rgb(var(--color-foreground));font-weight:800}.byob-track{position:relative;height:.8rem;border-radius:999px;background:rgba(var(--color-foreground),.09);margin:0 1.4rem 2.2rem .4rem}.byob .byob-track__fill{display:block;height:100%;min-width:0;background:var(--byob-accent);border-radius:999px;transition:width .35s cubic-bezier(.22,1,.36,1)}.byob-mark{position:absolute;left:var(--pos, 0%);top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.byob-mark__dot{width:1.7rem;height:1.7rem;border-radius:50%;background:rgb(var(--color-background));border:2px solid rgba(var(--color-foreground),.25);transition:background .2s ease,border-color .2s ease}.byob-mark__lbl{position:absolute;top:1.9rem;font-size:1.15rem;font-weight:800;color:var(--byob-muted);white-space:nowrap;transition:color .2s ease}.byob-mark.on .byob-mark__dot{background:var(--byob-savings);border-color:var(--byob-savings);animation:byob-pop .35s ease}.byob-mark.on .byob-mark__dot:after{content:"\2713";color:#fff;font-size:.95rem;font-weight:900;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.byob-mark.on .byob-mark__lbl{color:var(--byob-savings)}@keyframes byob-pop{50%{transform:scale(1.35)}}.byob-chips{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.2rem}.byob-chip{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--byob-line);border-radius:var(--byob-pill);padding:.4rem 1rem;font-size:1.15rem;font-weight:700;color:var(--byob-muted);transition:border-color .18s ease,color .18s ease}.byob-tick{color:transparent;font-size:1rem}.byob-chip.on{border-color:var(--byob-savings);color:rgb(var(--color-foreground))}.byob-chip.on .byob-tick{color:var(--byob-savings)}.byob-bar__totals{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;white-space:nowrap}.byob-bar__count{font-size:1.2rem;color:var(--byob-muted)}.byob-bar__count b{color:rgb(var(--color-foreground));font-size:1.3rem}.byob-bar__prices{display:flex;align-items:baseline;gap:.8rem}.byob-old{font-size:1.35rem;color:var(--byob-muted);text-decoration:line-through;font-weight:600}.byob-price{font-size:2.3rem;font-weight:900;line-height:1.1}.byob-save{color:var(--byob-savings);font-weight:800;font-size:1.3rem}.byob-fixed-note{max-width:24rem;color:var(--byob-muted);font-size:1.05rem;line-height:1.3;text-align:right;white-space:normal}.byob-fixed-note[hidden]{display:none}.byob-cartbtn{flex:none;border:none;background:var(--byob-accent);color:#fff;border-radius:var(--byob-pill);min-height:4.8rem;padding:1.2rem 2.8rem;font-weight:800;font-size:1.45rem;cursor:pointer;transition:opacity .18s ease,transform .1s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent}.byob-cartbtn:hover{opacity:.88}.byob-cartbtn:active{transform:scale(.98)}.byob-cartbtn:disabled{opacity:.4;cursor:not-allowed}.byob-summary--empty .byob-bar__totals,.byob-summary--empty .byob-cartbtn{display:none}.byob-summary--empty .byob-bar{padding:1.2rem 2rem 1rem}.byob-spinner{display:inline-block;width:1.4rem;height:1.4rem;margin-left:.6rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:middle;animation:byob-spin .6s linear infinite}.byob-spinner.hidden{display:none}@keyframes byob-spin{to{transform:rotate(360deg)}}.byob-error{margin:.8rem 0 0;color:#c0392b;font-size:1.3rem;pointer-events:auto}@media screen and (max-width:749px){.byob{padding-bottom:calc(var(--byob-pb, 24px) + 210px)}.byob-summary{padding-top:2.4rem;padding-bottom:0}.byob-wrap{padding:0 1.4rem}.byob-summary .byob-wrap{padding:0}.byob-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"progress progress" "totals cta";gap:1.2rem;padding:1.4rem 1.6rem max(1.4rem,env(safe-area-inset-bottom));border-radius:2rem 2rem 0 0;border-left:none;border-right:none;border-bottom:none}.byob-bar__progress{grid-area:progress}.byob-bar__totals{grid-area:totals;align-items:flex-start}.byob-fixed-note{max-width:21rem;text-align:left}.byob-cartbtn{grid-area:cta;align-self:center;padding:1.2rem 2.2rem}.byob-summary--empty .byob-bar{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.byob-nudge{font-size:1.3rem;margin-bottom:.9rem}.byob-track{margin-bottom:2.1rem}.byob-price{font-size:2.1rem}.byob-tierbadge{font-size:1.25rem;padding-left:1.3rem}.byob-cat{scroll-margin-top:10rem}.byob-card__body{padding:1rem 1rem 1.1rem}.byob-qty button{width:4rem;height:4rem}.byob-card:not(.byob-card--sel) .byob-qty [data-step="1"]{min-height:4.2rem}.byob-size{min-height:4.2rem}.byob-error{padding:0 1.6rem}}@media(prefers-reduced-motion:reduce){.byob-summary,.byob-imgbadge,.byob-mark.on .byob-mark__dot{animation:none}.byob .byob-track__fill,.byob-card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-byob.css.map */