.tp-bwg{padding:64px var(--tp-gutter);background:var(--color-page)}.tp-bwg__wrap{max-width:var(--maxw);margin:0 auto}.tp-bwg__title{font-size:clamp(1.7rem,3.4vw,2.2rem);font-weight:var(--fw-extra);color:var(--color-text);text-align:center;letter-spacing:-.02em;margin:0 0 12px}.tp-bwg__subtitle{font-size:1.05rem;color:var(--color-muted);text-align:center;max-width:64ch;margin:0 auto 24px;line-height:1.6}.tp-bwg__famtabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}.tp-bwg__famtab{border:1px solid var(--glass-border);background:var(--color-page);font-family:inherit;font-weight:var(--fw-semi);font-size:.86rem;padding:9px 15px;border-radius:30px;cursor:pointer;color:var(--color-text);display:flex;align-items:center;gap:7px;transition:.15s}.tp-bwg__famtab:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.tp-bwg__famtab.on{background:var(--cta-bg);color:var(--cta-fg);border-color:var(--cta-bg)}.tp-bwg__famtab .fi{display:inline-flex;align-items:center}.tp-bwg__famtab .fi svg{width:17px;height:17px}.tp-bwg__gtabs{display:flex;justify-content:center;gap:8px;margin:18px auto 0;background:var(--color-page);border:1px solid var(--glass-border);border-radius:30px;padding:6px;width:max-content;max-width:100%;box-shadow:var(--shadow-soft);flex-wrap:wrap}.tp-bwg__gtab{border:0;background:none;font-family:inherit;font-weight:var(--fw-bold);font-size:.92rem;padding:10px 20px;border-radius:24px;cursor:pointer;color:var(--color-muted);white-space:nowrap;transition:.15s}.tp-bwg__gtab.on[data-g="0"]{background:var(--cond-neu-fill);color:var(--cond-on-fg,#fff)}.tp-bwg__gtab.on[data-g="1"]{background:var(--cond-wieneu-fill);color:var(--cond-on-fg,#fff)}.tp-bwg__gtab.on[data-g="2"]{background:var(--cond-sehrgut-fill);color:var(--cond-on-fg,#fff)}.tp-bwg__gtab.on[data-g="3"]{background:var(--cond-gut-fill);color:var(--cond-on-fg,#fff)}.tp-bwg__stage{display:grid;grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);gap:28px;align-items:center;margin-top:28px;max-width:880px;margin-left:auto;margin-right:auto}.tp-bwg__col{display:flex;flex-direction:column;gap:22px}.tp-bwg__stage>.tp-bwg__col:first-of-type{text-align:right;align-items:flex-end}.tp-bwg__stage>.tp-bwg__col:first-of-type .tp-bwg__aspect .tp-bwg__al{justify-content:flex-end}.tp-bwg__aspect .tp-bwg__al{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-ink);margin:0 0 6px;display:flex;align-items:center;gap:7px;font-weight:var(--fw-bold)}.tp-bwg__aspect .tp-bwg__al .ai{display:inline-flex;align-items:center}.tp-bwg__aspect .tp-bwg__al .ai svg{width:15px;height:15px}.tp-bwg__aspect p{font-size:.85rem;line-height:1.5;color:var(--color-text);margin:0}.tp-bwg__gradetag{grid-column:1/-1;text-align:center;margin-top:6px}.tp-bwg__gn{font-weight:var(--fw-extra);font-size:1.4rem;color:var(--color-text)}.tp-bwg__gp{display:inline-block;margin-top:7px;font-size:.85rem;font-weight:var(--fw-bold);color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 14%,transparent);border-radius:20px;padding:5px 14px}.tp-bwg__gradelead{grid-column:1/-1;text-align:center;color:var(--color-muted);font-size:.9rem;line-height:1.5;max-width:580px;margin:8px auto 0}.tp-bwg__famcheck{grid-column:1/-1;margin-top:18px;background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--r-sm);padding:16px 20px}.tp-bwg__famcheck b{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-ink)}.tp-bwg__fl{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:9px}.tp-bwg__fl span{font-size:.85rem;color:var(--color-text);display:flex;align-items:center;gap:6px}.tp-bwg__fl span:before{content:"\2713";color:var(--accent-ink);font-weight:var(--fw-extra)}.tp-bwg__famnote{grid-column:1/-1;text-align:center;font-size:.78rem;color:var(--color-muted);margin-top:10px}.tp-bwg__akkubox{grid-column:1/-1;margin-top:14px;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:var(--r-sm);padding:15px 20px;display:flex;gap:13px;align-items:flex-start}.tp-bwg__ak{width:30px;height:30px;border-radius:8px;background:var(--color-page);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}.tp-bwg__ak svg{width:17px;height:17px}.tp-bwg__akkubox strong{color:var(--success)}.tp-bwg__akkubox b{font-size:.85rem;color:var(--accent-ink)}.tp-bwg__akkubox p{font-size:.83rem;line-height:1.5;color:var(--color-text);margin:3px 0 0}.tp-bwg__device{justify-self:center;position:relative;display:flex;align-items:center;justify-content:center}.tp-bwg__face{position:relative;overflow:hidden;background:linear-gradient(160deg,#16263a,#0c1726);border-radius:18px}.dev-phone{width:170px;height:340px;border-radius:34px;background:linear-gradient(160deg,#1d2a3a,#0e1726);padding:11px;box-shadow:0 30px 60px -24px #0b549c8c}.dev-phone .tp-bwg__face{width:100%;height:100%;border-radius:24px}.dev-watch{width:150px;height:180px;border-radius:42px;background:linear-gradient(160deg,#1d2a3a,#0e1726);padding:16px;box-shadow:0 24px 50px -22px #0b549c80}.dev-watch:before,.dev-watch:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:60px;height:34px;background:#1a2636;z-index:-1}.dev-watch:before{top:-20px;border-radius:10px 10px 0 0}.dev-watch:after{bottom:-20px;border-radius:0 0 10px 10px}.dev-watch .tp-bwg__face{width:100%;height:100%;border-radius:26px}.dev-laptop{width:320px;height:210px}.dev-laptop .tp-bwg__face{width:290px;height:182px;border:9px solid #1d2a3a;border-bottom:0;border-radius:14px 14px 0 0}.dev-laptop:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:320px;height:14px;background:linear-gradient(#27374a,#1a2636);border-radius:3px 3px 9px 9px}.dev-tv{width:330px;height:225px}.dev-tv .tp-bwg__face{width:330px;height:196px;border:10px solid #1d2a3a;border-radius:12px}.dev-tv:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:10px;background:#1d2a3a;border-radius:0 0 6px 6px}.dev-drive{width:290px;height:170px}.dev-drive .tp-bwg__face{width:270px;height:156px;border-radius:16px;background:linear-gradient(160deg,#27374a,#16212f);border:2px solid #2c3e52}.dev-drive .tp-bwg__face:after{content:"";position:absolute;left:24px;top:24px;width:90px;height:9px;border-radius:5px;background:#ffffff1f}.dev-washer{width:210px;height:234px}.dev-washer .tp-bwg__face{width:210px;height:234px;border-radius:18px;background:linear-gradient(160deg,#27374a,#18242f);border:2px solid #314558}.dev-washer .tp-bwg__face:after{content:"";position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:124px;height:124px;border-radius:50%;background:radial-gradient(circle,#0e1726,#1a2636);border:6px solid #2c3e52}.tp-bwg__notch{position:absolute;top:9px;left:50%;transform:translate(-50%);width:52px;height:6px;border-radius:6px;background:#0a1320;z-index:3}.tp-bwg__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 60% at 50% 0%,rgba(81,195,109,.22),transparent 60%);opacity:0;transition:.3s}.tp-bwg__device.g0 .tp-bwg__glow{opacity:1}.tp-bwg__scratch{position:absolute;background:#ffffff80;border-radius:2px;opacity:0;transition:.3s;z-index:4}.tp-bwg__scratch.s1{top:24%;left:18%;width:44px;height:1.5px;transform:rotate(22deg)}.tp-bwg__scratch.s2{top:54%;right:20%;width:36px;height:1.5px;transform:rotate(-16deg)}.tp-bwg__scratch.s3{top:78%;left:26%;width:52px;height:2px;transform:rotate(8deg)}.tp-bwg__dent{position:absolute;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.45),transparent 70%);bottom:14%;right:16%;opacity:0;transition:.3s;z-index:4}.tp-bwg__device.g2 .s1,.tp-bwg__device.g2 .s2{opacity:.32}.tp-bwg__device.g3 .s1,.tp-bwg__device.g3 .s2,.tp-bwg__device.g3 .s3{opacity:.5}.tp-bwg__device.g3 .tp-bwg__dent{opacity:.85}@media(max-width:820px){.tp-bwg{padding:48px 16px}.tp-bwg__subtitle{font-size:.96rem;margin-bottom:20px}.tp-bwg__famscroll{position:relative;margin:18px -16px 0}.tp-bwg__famtabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:8px;margin:0;padding:2px 16px 10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tp-bwg__famtabs::-webkit-scrollbar{display:none}.tp-bwg__famtab{flex:0 0 auto;scroll-snap-align:start;padding:10px 16px}.tp-bwg__famscroll:before,.tp-bwg__famscroll:after{content:"";position:absolute;top:0;bottom:10px;width:42px;pointer-events:none;z-index:2;opacity:0;transition:opacity .2s}.tp-bwg__famscroll:before{left:0;background:linear-gradient(to right,var(--color-page) 30%,transparent)}.tp-bwg__famscroll:after{right:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='none' stroke='%239fb0c0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2l5 4.5-5 4.5'/%3E%3C/svg%3E") no-repeat right 8px center,linear-gradient(to left,var(--color-page) 30%,transparent)}.tp-bwg__famscroll.has-left:before{opacity:1}.tp-bwg__famscroll.has-right:after{opacity:1}.tp-bwg__gtabs{width:100%;max-width:460px;gap:3px;padding:5px;flex-wrap:nowrap;box-shadow:var(--shadow-soft)}.tp-bwg__gtab{flex:1 1 0;min-width:0;padding:11px 4px;font-size:.83rem;text-align:center;border-radius:22px}.tp-bwg__stage{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin:22px auto 0;max-width:460px}.tp-bwg__device{order:1;align-self:center;margin:6px 0 4px}.tp-bwg__gradetag{order:2;margin-top:0}.tp-bwg__gradelead{order:3;margin:0 auto;max-width:none}.tp-bwg__col{order:4;flex-direction:column;gap:14px;margin-top:0}.tp-bwg__akkubox{order:5;margin-top:0}.tp-bwg__famcheck{order:6;margin-top:0}.tp-bwg__famnote{order:7;margin-top:0}.tp-bwg__stage>.tp-bwg__col:first-of-type{text-align:left;align-items:stretch}.tp-bwg__stage>.tp-bwg__col:first-of-type .tp-bwg__aspect .tp-bwg__al{justify-content:flex-start}.tp-bwg__aspect{text-align:left;background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--r-sm);padding:12px 15px}.tp-bwg__aspect .tp-bwg__al{justify-content:flex-start;margin-bottom:5px}.tp-bwg__aspect p{font-size:.86rem}}@media(max-width:380px){.tp-bwg__gtab{font-size:.76rem;padding:10px 2px}}@media(prefers-reduced-motion:reduce){.tp-bwg__glow,.tp-bwg__scratch,.tp-bwg__dent{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/tp-bware-grades.css.map */