.bp8{--ink: #efece1;--ink-2: #e3ded0;--ink-3: #fbfaf5;--line: #1b1a16;--line-soft: #c7c1b0;--blue: #1668d6;--blue-deep: #0d4ea8;--blue-bright:#1157b8;--orange: #ff7a29;--paper: #1b1a16;--mute: #4c473c;--mute-2: #6a6558;--shell: #4b55bf;--shell-hi: #616bd8;--shell-lo: #363e96;--shell-edge: #262c73;--glass: #06101f;--phosphor: #5cb6ff;--step: 4px;--leiste-raum: 11rem;--gbc-w: min(32rem, 88vw, (100svh - var(--header-height, 64px) - var(--leiste-raum)) / 2.32);--max: 68rem;--gut: clamp(1.25rem, 4vw, 2.5rem);--font-dot: "Doto", "Space Mono", monospace;--font-ui: "Space Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;position:relative;background:var(--ink);color:var(--paper);font:400 1rem/1.65 var(--font-ui);-webkit-font-smoothing:antialiased}@media(min-width:64rem){.bp8{--leiste-raum: 9rem}}.bp8 .bp8-regal{display:none}@media(min-width:75rem){.bp8 .scene__sticky:has(.bp8-regal){grid-template-columns:1fr auto 1fr;column-gap:clamp(1.2rem,3vw,2.8rem)}.bp8 .scene__sticky:has(.bp8-regal) .rig{grid-column:2;grid-row:1}.bp8 .scene__sticky:has(.bp8-regal) .rig__leiste{grid-column:1 / -1;grid-row:2}.bp8 .bp8-regal{display:flex;flex-direction:column;justify-content:center;gap:clamp(.5rem,1.4vh,1.1rem);grid-row:1;align-self:center}.bp8 .bp8-regal--links{grid-column:1;justify-self:end;align-items:flex-end}.bp8 .bp8-regal--rechts{grid-column:3;justify-self:start;align-items:flex-start}.bp8 .bp8-regal:empty{display:none}.bp8 .bp8-regal__item{--u: calc(var(--cw) / 182);width:var(--cw);margin-top:var(--vs, 0);transform:rotate(var(--rot, 0deg));opacity:var(--op, .6);filter:saturate(.7)}.bp8 .bp8-regal .cart{position:static;left:auto;top:auto;transform:none;width:100%}.bp8 .bp8-regal__item--klickbar{opacity:calc(var(--op, .6) + .15)}.bp8 .bp8-regal__link{display:block;text-decoration:none;color:inherit;border-radius:6px;cursor:pointer}.bp8 .bp8-regal__item--klickbar{transition:transform .16s ease-out,opacity .16s,filter .16s}.bp8 .bp8-regal__item--klickbar:has(.bp8-regal__link:hover),.bp8 .bp8-regal__item--klickbar:has(.bp8-regal__link:focus-visible){opacity:1;filter:none;transform:rotate(var(--rot, 0deg)) translateY(-5px) scale(1.05)}.bp8 .bp8-regal__link:focus-visible{outline:3px solid var(--orange);outline-offset:3px}}@media(prefers-reduced-motion:reduce){.bp8 .bp8-regal__item--klickbar{transition:opacity .16s,filter .16s}.bp8 .bp8-regal__item--klickbar:has(.bp8-regal__link:hover),.bp8 .bp8-regal__item--klickbar:has(.bp8-regal__link:focus-visible){transform:rotate(var(--rot, 0deg))}}.bp8 .rig .cart.is-tauscht{animation:bp8-modulwechsel .62s cubic-bezier(.4,0,.2,1)}@keyframes bp8-modulwechsel{0%,to{translate:0 0}40%,60%{translate:0 -82%}}@media(prefers-reduced-motion:reduce){.bp8 .rig .cart.is-tauscht{animation:none}}.bp8 .boot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;align-content:center;justify-items:center;gap:calc(9 * var(--u));padding:calc(12 * var(--u));background:var(--glass);color:var(--phosphor);font:700 calc(15 * var(--u))/1.35 var(--font-mono);letter-spacing:.06em;text-align:center;animation:bp8-boot .64s linear}.bp8 .boot[hidden]{display:none}@keyframes bp8-boot{0%{opacity:0}14%{opacity:1}to{opacity:1}}.bp8 .boot__name{text-transform:uppercase}.bp8 .boot__code{font-weight:400;font-size:calc(10 * var(--u));opacity:.6}.bp8 .boot__balken{width:64%;height:calc(9 * var(--u));padding:calc(1.5 * var(--u));border:calc(1.5 * var(--u)) solid currentColor}.bp8 .boot__balken i{display:block;width:0;height:100%;background:currentColor;animation:bp8-boot-balken .64s cubic-bezier(.2,.8,.3,1) forwards}@keyframes bp8-boot-balken{to{width:100%}}@media(prefers-reduced-motion:reduce){.bp8 .boot{animation:none}.bp8 .boot__balken i{animation:none;width:100%}}.bp8 *,.bp8 *:before,.bp8 *:after{box-sizing:border-box}.bp8 img{max-width:100%;height:auto}.bp8 a{color:inherit}.bp8 :focus-visible{outline:2px solid var(--blue-bright);outline-offset:3px;border-radius:3px}.bp8 .bp-wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}.bp8 .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bp8 [id]{scroll-margin-top:calc(var(--header-height, 60px) + 1rem)}.bp8 .bp-btn{display:inline-block;background:var(--blue);color:#fff;font:600 .95rem/1 var(--font-ui);padding:.95rem 1.5rem;border:2px solid var(--line);border-radius:4px;text-decoration:none;white-space:nowrap;box-shadow:var(--step) var(--step) 0 var(--line);transition:transform .08s,box-shadow .08s,background .15s}.bp8 .bp-btn:hover{background:#2e9bff}.bp8 .bp-btn:active{transform:translate(var(--step),var(--step));box-shadow:0 0 0 var(--line)}.bp8 .bp-btn--lg{padding:1.15rem 2.2rem;font-size:1.05rem}.bp8 .bp-link{color:var(--blue-bright);text-decoration:none;border-bottom:1px solid rgba(17,87,184,.4);padding-bottom:2px;font-weight:500}.bp8 .bp-link:hover{border-bottom-color:var(--blue-bright)}.bp8 .hero{position:relative;min-height:70svh;display:grid;align-content:center;padding:clamp(4rem,10vh,7rem) var(--gut) clamp(3rem,8vh,5rem);text-align:center;overflow:hidden}.bp8 .hero:before,.bp8 .hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bp8 .hero:before{z-index:0;background:var(--hero-image) center 38% / cover no-repeat;image-rendering:pixelated;mask-image:linear-gradient(180deg,#000 0 52%,transparent 92%);-webkit-mask-image:linear-gradient(180deg,#000 0 52%,transparent 92%)}.bp8 .hero:after{z-index:1;background:linear-gradient(180deg,rgba(239,236,225,.8) 0%,rgba(239,236,225,.9) 45%,var(--ink) 92%)}.bp8 .hero__inner{position:relative;z-index:2;max-width:56rem;margin-inline:auto}.bp8 .hero--grafik{--grafik-h: clamp(8rem, 26vh, 16rem);--grafik-echt: min(var(--grafik-h), 40vw);min-height:70svh;padding-top:clamp(2.5rem,6vh,4rem);padding-bottom:calc(var(--grafik-echt) + clamp(1rem,3vh,2rem))}.bp8 .hero--grafik:before{top:auto;bottom:0;height:var(--grafik-echt);background:var(--hero-image) center bottom / contain no-repeat;mask-image:none;-webkit-mask-image:none}.bp8 .hero--grafik:after{background:none}.bp8 .hero__kicker{display:inline-block;margin:0 0 clamp(1.4rem,4vh,2.4rem);padding:.5rem .95rem;background:var(--orange);color:var(--line);border:2px solid var(--line);border-radius:3px;box-shadow:var(--step) var(--step) 0 var(--line);font:700 .72rem/1 var(--font-mono);letter-spacing:.22em;text-transform:uppercase}.bp8 .hero__title{margin:0;font:700 clamp(2.6rem,8.6vw,5.8rem)/1.02 var(--font-dot);letter-spacing:.01em}.bp8 .hero__title span{display:block}.bp8 .glow{color:var(--blue)}.bp8 .hero__lead{margin:clamp(1.5rem,4vh,2.2rem) auto 0;max-width:34rem;color:var(--mute);font-size:clamp(1rem,1.6vw,1.1rem)}.bp8 .hero__hint{margin-top:clamp(2rem,6vh,3.5rem);font:400 .72rem/1 var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--mute-2);animation:bp8-bob 2.6s ease-in-out infinite}@keyframes bp8-bob{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(6px);opacity:1}}@media(prefers-reduced-motion:reduce){.bp8 .hero__hint{animation:none}}.bp8 .scene{--p-in: 1;--p-boot: 1;--p-up: 1;position:relative;height:200vh;overflow-anchor:none}.bp8 .scene__sticky{position:sticky;top:var(--header-height, 64px);height:calc(100svh - var(--header-height, 64px));overflow:hidden;display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:end;padding:1.5rem var(--gut) 1.25rem}.bp8 .rig{--u: calc(var(--gbc-w) / 350);position:relative;width:var(--gbc-w);transform:scale(calc(.92 + .08 * var(--p-up)));transform-origin:center bottom}.bp8 .cart{position:absolute;z-index:1;left:50%;bottom:100%;width:52%;aspect-ratio:1 / 1.05;transform:translate(-50%,calc(42% * var(--p-in) - (1 - var(--p-in)) * 40%));border:1px solid #414c92;border-bottom:none;clip-path:polygon(0 calc(6 * var(--u)),calc(6 * var(--u)) 0,calc(100% - 26 * var(--u)) 0,100% calc(26 * var(--u)),100% 100%,0 100%);box-shadow:inset 0 1px #ffffff29;display:flex;align-items:flex-start;justify-content:center;background-image:linear-gradient(90deg,transparent 0 4.5%,rgba(0,0,0,.34) 4.5% 5.8%,rgba(255,255,255,.09) 5.8% 6.8%,transparent 6.8% 93.2%,rgba(0,0,0,.34) 93.2% 94.5%,rgba(255,255,255,.09) 94.5% 95.8%,transparent 95.8%),linear-gradient(168deg,#343d75,#262e60,#1b224b 72%,#161b3e)}.bp8 .cart:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(112deg,rgba(255,255,255,.13) 0 14%,rgba(255,255,255,.03) 22%,transparent 38%)}.bp8 .cart__grip{position:absolute;z-index:1;inset:calc(7 * var(--u)) calc(13 * var(--u)) auto;height:calc(13 * var(--u));border-radius:calc(1 * var(--u));background:repeating-linear-gradient(180deg,rgba(255,255,255,.22) 0 calc(1.2 * var(--u)),rgba(0,0,0,.55) calc(1.2 * var(--u)) calc(4 * var(--u)),transparent calc(4 * var(--u)) calc(6.5 * var(--u)))}.bp8 .cart__label{margin-top:calc(20 * var(--u));width:80%;background:#f4f1e6;border:calc(2 * var(--u)) solid #12173a;border-radius:calc(2 * var(--u));overflow:hidden;display:grid;grid-template-rows:auto auto;box-shadow:0 calc(1.5 * var(--u)) calc(2 * var(--u)) #00000073}.bp8 .cart__title{background:linear-gradient(180deg,#2e9bff,#1668d6);border-bottom:calc(3 * var(--u)) solid var(--orange);padding:calc(3 * var(--u)) 0 calc(4 * var(--u));text-align:center;font:700 calc(13 * var(--u))/1 var(--font-dot);letter-spacing:.1em;color:#fff}.bp8 .cart__body{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:calc(6 * var(--u));padding:calc(6 * var(--u))}.bp8 .cart__art{display:block;width:calc(74 * var(--u));height:auto;border:calc(1.5 * var(--u)) solid #12173a;border-radius:calc(1 * var(--u));image-rendering:pixelated}.bp8 .cart__text{display:grid;gap:calc(5 * var(--u))}.bp8 .cart__sub{font-style:normal;font:700 calc(9 * var(--u))/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#2b2f52}.bp8 .cart__code{font-style:normal;font:400 calc(7 * var(--u))/1 var(--font-mono);letter-spacing:.1em;color:#8b8875}.bp8 .gbc{position:relative;z-index:2;width:var(--gbc-w);outline:none}.bp8 .gbc:focus-visible .screen__glass{outline:2px solid #5cb6ff;outline-offset:4px}.bp8 .gbc__slot{position:absolute;z-index:3;left:50%;transform:translate(-50%);top:calc(-5 * var(--u));width:64%;height:calc(16 * var(--u));background:#05080f;border-radius:calc(4 * var(--u)) calc(4 * var(--u)) 0 0;box-shadow:inset 0 calc(3 * var(--u)) calc(7 * var(--u)) #000000e6}.bp8 .gbc__switch{position:absolute;z-index:5;left:7%;top:calc(-7 * var(--u));width:calc(52 * var(--u));height:calc(10 * var(--u));border-radius:calc(4 * var(--u)) calc(4 * var(--u)) 0 0;background:linear-gradient(180deg,var(--shell-hi),var(--shell-lo));box-shadow:inset 0 1px #fff6}.bp8 .gbc__body{position:relative;z-index:4;height:calc(570 * var(--u));padding:calc(20 * var(--u));border-radius:calc(20 * var(--u));background:linear-gradient(176deg,var(--shell-hi) 0%,var(--shell) 13%,var(--shell) 100%);box-shadow:0 calc(-5 * var(--u)) 0 var(--shell-edge),12px 12px #1b1a161c;display:flex;flex-direction:column}.bp8 .gbc__body:after{content:"";position:absolute;top:calc(100% - 34 * var(--u));left:calc(5 * var(--u));width:calc(100% - 10 * var(--u));height:calc(50 * var(--u));border-radius:50%;background:var(--shell);box-shadow:0 calc(5 * var(--u)) 0 var(--shell-lo);border-bottom:2px solid var(--shell-hi)}.bp8 .gbc__plate{position:relative;z-index:1;padding:calc(35 * var(--u)) calc(50 * var(--u)) calc(5 * var(--u));border-radius:calc(15 * var(--u));background:#23252d;box-shadow:0 0 0 calc(2 * var(--u)) #08090e}.bp8 .gbc__plate:after{content:"";position:absolute;top:calc(100% - 20 * var(--u));left:calc(5 * var(--u));width:calc(100% - 10 * var(--u));height:calc(30 * var(--u));border-radius:50%;background:#23252d;box-shadow:0 calc(2 * var(--u)) 0 #08090e}.bp8 .gbc__power{position:absolute;left:0;top:calc(78 * var(--u));width:calc(50 * var(--u));margin:0;display:grid;justify-items:center;gap:calc(4 * var(--u));font:700 calc(9 * var(--u))/1 var(--font-mono);letter-spacing:.02em;text-transform:uppercase;color:#67879a}.bp8 .gbc__ind{display:flex;align-items:center}.bp8 .arc{position:relative;width:calc(8 * var(--u));height:calc(8 * var(--u));margin-left:calc(-2 * var(--u))}.bp8 .arc:before,.bp8 .arc:after{content:"";position:absolute;top:0;width:calc(8 * var(--u));height:calc(8 * var(--u));border-radius:50%}.bp8 .arc:before{left:calc(3 * var(--u));background:#67879a}.bp8 .arc:after{left:0;background:#23252d}.bp8 .led{width:calc(8 * var(--u));height:calc(8 * var(--u));border-radius:50%;background:#3d2326;transition:background .3s,box-shadow .3s}.bp8 .rig.is-on .led{background:#ca1a21;box-shadow:0 0 calc(10 * var(--u)) #ff552e}.bp8 .gbc__wordmark{position:relative;z-index:2;margin:0;display:flex;justify-content:center;align-items:baseline;gap:calc(5 * var(--u));font:italic 700 calc(19 * var(--u))/1.35 var(--font-ui);color:#67879a}.bp8 .gbc__pop{display:flex;font-style:normal;font-size:calc(21 * var(--u))}.bp8 .gbc__pop i{font-style:normal}.bp8 .gbc__pop i:nth-child(1){color:#2e9bff}.bp8 .gbc__pop i:nth-child(2){color:#ff7a29}.bp8 .gbc__pop i:nth-child(3){color:#5cb6ff;transform:rotate(-10deg)}.bp8 .gbc__pop i:nth-child(4){color:#d6dcec}.bp8 .gbc__pop i:nth-child(5){color:#7fa8ff}.bp8 .gbc__badge{width:calc(104 * var(--u));margin:calc(24 * var(--u)) auto 0;padding:calc(1 * var(--u)) calc(5 * var(--u));text-align:center;font:700 calc(13 * var(--u))/1.5 var(--font-dot);color:var(--shell-edge);border:calc(2 * var(--u)) solid var(--shell-edge);border-radius:calc(11 * var(--u));text-shadow:0 calc(-2 * var(--u)) calc(1 * var(--u)) var(--shell-hi);box-shadow:0 calc(-2 * var(--u)) calc(1 * var(--u)) var(--shell-hi)}.bp8 .screen{display:block}.bp8 .screen__glass{position:relative;overflow:hidden;width:calc(210 * var(--u));height:calc(190 * var(--u));margin-bottom:calc(15 * var(--u));background:radial-gradient(ellipse at 50% 0%,#0b1c33,var(--glass) 70%);border-radius:calc(3 * var(--u));box-shadow:inset 0 0 1.6rem #000000e6,inset 0 0 0 1px #5cb6ff24;color:var(--phosphor);font-family:var(--font-dot)}.bp8 .screen__glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,.07) 0 18%,transparent 42%),repeating-linear-gradient(180deg,rgba(0,0,0,.32) 0 1px,transparent 1px 3px)}.bp8 .titel{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:calc(9 * var(--u));opacity:clamp(0,calc((var(--p-boot) - .05) * 2),1);background:none;border:0;padding:0;color:inherit;font:inherit;text-align:center;cursor:pointer}.bp8 .titel[hidden]{display:none}.bp8 .titel:focus-visible{outline:2px solid var(--phosphor);outline-offset:calc(-4 * var(--u))}.bp8 .titel:active .titel__mark{color:#fff;text-shadow:0 0 1.6rem rgba(92,182,255,1)}.bp8 .titel:active .titel__ruf{animation:none;opacity:1;color:var(--phosphor)}.bp8 .titel__mark{display:block;margin:0;font:700 calc(24 * var(--u))/1 var(--font-dot);color:#e4f2ff;text-shadow:0 0 1.1rem rgba(92,182,255,.85);--titel-an: clamp(0, calc((var(--p-boot) - .05) * 2), 1);letter-spacing:calc(.16em + (1 - var(--titel-an)) * .22em);transform:scale(calc(.9 + .1 * var(--titel-an)))}.bp8 .titel__mark span{color:var(--phosphor);font-size:.58em;letter-spacing:.38em;text-indent:.38em}.bp8 .titel__ruf{display:block;margin:0;font:400 calc(11 * var(--u))/1 var(--font-mono);letter-spacing:.2em;color:#5cb6ffd9;animation:bp8-blinken 1.1s steps(1,end) infinite}@keyframes bp8-blinken{0%,60%{opacity:1}61%,to{opacity:.15}}.bp8 .titel__fuss{position:absolute;left:0;right:0;bottom:calc(8 * var(--u));font:400 calc(8.5 * var(--u))/1 var(--font-mono);letter-spacing:.14em;color:#5cb6ff6b}@media(prefers-reduced-motion:reduce){.bp8 .titel__ruf{animation:none}.bp8 .titel__mark{letter-spacing:.16em;transform:none}}.bp8 .ui{position:absolute;top:0;right:0;bottom:0;left:0;padding:calc(8 * var(--u)) calc(10 * var(--u)) calc(9 * var(--u));display:grid;grid-template-rows:auto 1fr auto;gap:calc(5 * var(--u));opacity:clamp(0,calc((var(--p-boot) - .05) * 2),1)}.bp8 .ui[hidden]{display:none}.bp8.js .ui{pointer-events:none}.bp8.js .rig.is-live .ui{pointer-events:auto}.bp8 .ui__head,.bp8 .ui__foot{margin:0;font:400 calc(8.5 * var(--u))/1 var(--font-mono);letter-spacing:.12em;color:#5cb6ff99;display:flex;justify-content:space-between;gap:.5rem;border-bottom:1px solid rgba(92,182,255,.2);padding-bottom:.3rem}.bp8 .ui__foot{border-bottom:none;border-top:1px solid rgba(92,182,255,.2);padding:.3rem 0 0;justify-content:center}.bp8 .ui__bat{color:#58e06a}.bp8 .bp-menu{list-style:none;margin:0;padding:.15rem 0 0;display:grid;align-content:start}.bp8 .bp-menu a{display:flex;align-items:center;gap:calc(5 * var(--u));padding:calc(1 * var(--u)) calc(4 * var(--u));text-decoration:none;color:var(--phosphor);font:700 calc(16 * var(--u))/1.5 var(--font-dot);letter-spacing:.05em;border-radius:2px}.bp8 .bp-menu a i{font-style:normal;opacity:0;transform:translate(-2px);transition:opacity .12s,transform .12s}.bp8 .app{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:1fr auto;padding:calc(4 * var(--u));background:inherit}.bp8 .app__flaeche{position:relative;grid-row:1;min-width:0;min-height:0}.bp8 .app__zeile{grid-row:2;margin-top:calc(4 * var(--u));letter-spacing:.08em}.bp8 .app__zeile[hidden],.bp8 .app[hidden]{display:none}.bp8 .app__spiel,.bp8 .app__bild{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;image-rendering:pixelated}.bp8 .rig__leiste{max-width:min(92vw,46rem);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem .9rem;padding-top:1.4rem}.bp8 .rig__hint[hidden]{display:none}.bp8 .ui__ton{flex:none;padding:0 .35rem;background:none;border:0;border-radius:2px;color:var(--mute-2);font:700 1.05rem/1 var(--font-dot);cursor:pointer;opacity:.75}.bp8 .ui__ton:hover{opacity:1}.bp8 .ui__ton[aria-pressed=false]{opacity:.4}.bp8 .ui__ton:focus-visible{outline:1px solid var(--phosphor)}.bp8 .ui[hidden]{display:none!important}.bp8 .bp-menu:has(li:nth-child(6)) a{font-size:calc(13.5 * var(--u));line-height:1.4;padding-block:calc(.5 * var(--u))}.bp8 .bp-menu li.is-active a,.bp8 .bp-menu a:hover{background:#5cb6ff29;color:#d8ecff;text-shadow:0 0 .5rem rgba(92,182,255,.7)}.bp8 .bp-menu li.is-active a i,.bp8 .bp-menu a:hover i{opacity:1;transform:none}.bp8 .bp-menu a:focus-visible{outline:1px solid var(--phosphor);outline-offset:0}.bp8 .bp-controls{display:flex;justify-content:space-between;align-items:center;margin-top:calc(26 * var(--u))}.bp8 .dpad{position:relative;width:calc(90 * var(--u));height:calc(90 * var(--u))}.bp8 .dpad__seg{position:absolute;width:33%;height:33%;margin:0;padding:0;background:#565e6a;border:calc(4 * var(--u)) solid #0a0b10}.bp8 .dpad__seg--up{top:calc(4 * var(--u));left:33%;border-bottom:0;border-radius:calc(5 * var(--u)) calc(5 * var(--u)) 0 0}.bp8 .dpad__seg--down{top:calc(66% - 4 * var(--u));left:33%;border-top:0;border-radius:0 0 calc(5 * var(--u)) calc(5 * var(--u));box-shadow:inset 0 calc(-2 * var(--u)) 0 #888}.bp8 .dpad__seg--left{top:33%;left:calc(4 * var(--u));border-right:0;border-radius:calc(5 * var(--u)) 0 0 calc(5 * var(--u));box-shadow:inset 0 calc(-2 * var(--u)) 0 #888}.bp8 .dpad__seg--right{top:33%;left:calc(66% - 4 * var(--u));border-left:0;border-radius:0 calc(5 * var(--u)) calc(5 * var(--u)) 0;box-shadow:inset 0 calc(-2 * var(--u)) 0 #888}.bp8 button.dpad__seg{cursor:pointer}.bp8 button.dpad__seg:hover{background:#656d7a}.bp8 .dpad__seg--up.is-press{background:linear-gradient(to top,#565e6a,#2c313a)}.bp8 .dpad__seg--down.is-press{background:linear-gradient(to bottom,#565e6a,#2c313a)}.bp8 .dpad__seg--up:after,.bp8 .dpad__seg--down:after{content:"";position:absolute;left:calc(-7 * var(--u));right:calc(-7 * var(--u))}.bp8 .dpad__seg--up:after{top:calc(-10 * var(--u));bottom:0}.bp8 .dpad__seg--down:after{top:0;bottom:calc(-10 * var(--u))}.bp8 .dpad__mid{position:absolute;top:33%;left:33%;width:33%;height:33%;background:#565e6a}.bp8 .dpad__mid:after{content:"";position:absolute;top:20%;left:20%;width:60%;height:60%;border:1px solid #6e737a;border-radius:50%;background:linear-gradient(180deg,#6d7075 0 30%,#23272f 70% 100%)}.bp8 .ab{position:relative;width:calc(120 * var(--u));height:calc(90 * var(--u))}.bp8 .ab__btn{position:absolute;width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:50%;background:#565e6a;color:#565e6a;border:0;border-bottom:calc(2 * var(--u)) solid #8a8fa0;font:700 calc(19 * var(--u))/calc(40 * var(--u)) var(--font-ui);text-align:center;text-shadow:0 calc(-1 * var(--u)) calc(.8 * var(--u)) #a8aec0,0 calc(1 * var(--u)) calc(.8 * var(--u)) #20242c;box-shadow:calc(-1 * var(--u)) calc(1 * var(--u)) calc(5 * var(--u)) #000,0 0 calc(5 * var(--u)) #000 inset;cursor:pointer;transition:box-shadow .1s ease-out,border-width .1s ease-out}.bp8 .ab__btn--a{top:calc(15 * var(--u));right:calc(10 * var(--u))}.bp8 .ab__btn--b{top:calc(35 * var(--u));left:0}.bp8 .ab__btn:after{content:"";position:absolute;inset:calc(-5 * var(--u));border-radius:50%}.bp8 .ab__btn:hover{background:#656d7a}.bp8 .ab__btn.is-press{border-bottom-width:0;box-shadow:calc(-1 * var(--u)) calc(1 * var(--u)) calc(1 * var(--u)) #000,0 0 calc(5 * var(--u)) #000 inset}.bp8 .startsel{display:flex;justify-content:center;gap:calc(12 * var(--u));margin-top:calc(30 * var(--u));transform:rotate(-10deg)}.bp8 .startsel__btn{width:calc(60 * var(--u));display:grid;justify-items:center;gap:calc(5 * var(--u));background:none;border:0;padding:0;cursor:pointer;font:700 calc(13 * var(--u))/1 var(--font-ui);letter-spacing:calc(-.5 * var(--u));text-transform:uppercase;color:var(--shell-hi);text-shadow:0 calc(-1 * var(--u)) 0 var(--shell-edge)}.bp8 .startsel__btn:before{content:"";width:calc(30 * var(--u));height:calc(10 * var(--u));border-radius:40%;background:linear-gradient(180deg,#0b0a1c 0 30%,#62636c 70% 100%);border:calc(2 * var(--u)) solid #0b0a1c;box-shadow:0 calc(-2 * var(--u)) calc(1 * var(--u)) var(--shell-hi)}.bp8 .startsel__btn.is-press:before{background:linear-gradient(180deg,#0b0a1c 0 50%,#62636c)}.bp8 .gbc__speaker{position:absolute;right:calc(15 * var(--u));bottom:calc(12 * var(--u));width:calc(75 * var(--u));height:calc(75 * var(--u));transform:skewY(-10deg);background-image:radial-gradient(circle,#0a0717 0 36%,transparent 38%);background-size:calc(9.4 * var(--u)) calc(9.4 * var(--u));-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 60%,transparent 64%);mask-image:radial-gradient(circle at 50% 50%,#000 60%,transparent 64%)}.bp8 .rig__hint{margin:0;text-align:center;display:grid;justify-items:center;font:400 .92rem/1.6 var(--font-mono);color:var(--mute-2);opacity:clamp(0,calc((var(--p-boot) - .35) * 2.2),1);transition:opacity .3s}.bp8 .rig__hint kbd{font:inherit;color:var(--blue-bright);border:1px solid var(--line-soft);border-radius:.25rem;padding:0 .3rem}.bp8 .rig__hint>span{grid-area:1 / 1}.bp8 .rig__hint-titel{visibility:hidden}.bp8.is-titel .rig__hint-titel{visibility:visible}.bp8.is-titel .rig__hint-menue{visibility:hidden}.bp8 .rig__hint-finger{display:none}@media(hover:none)and (pointer:coarse){.bp8 .rig__hint-maus{display:none}.bp8 .rig__hint-finger{display:inline}}@media(prefers-reduced-motion:reduce){.bp8 .scene{height:auto}.bp8 .scene__sticky{position:static;height:auto;padding-block:4rem}.bp8 .cart{display:none}.bp8 .rig{transform:none}.bp8.js .ui{pointer-events:auto}}.bp8 .bp-band{position:relative;padding-block:clamp(4.5rem,12vh,8rem);border-top:2px solid var(--line)}.bp8 .bp-band--alt{background:var(--ink-2)}.bp8 .bp-band--tight{padding-block:clamp(3rem,8vh,4.5rem)}.bp8 .lede{max-width:38rem;margin-bottom:clamp(2.5rem,6vh,4rem)}.bp8 .lede h2,.bp8 .split__text h2{font:700 clamp(2rem,5.5vw,3.2rem)/1.05 var(--font-dot);letter-spacing:.01em;margin:0 0 1rem}.bp8 .lede p,.bp8 .split__text p{margin:0;color:var(--mute);max-width:34rem}.bp8 .split__text p+p{margin-top:1.2rem}.bp8 .shelf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:clamp(1rem,2.5vw,1.6rem)}.bp8 .cart-card{display:grid;grid-template-rows:auto auto 1fr;gap:1.5rem;height:100%;padding:1.5rem 1.4rem 1.4rem;text-decoration:none;background:var(--ink-3);border:2px solid var(--line);clip-path:polygon(0 0,calc(100% - 1.6rem) 0,100% 1.6rem,100% 100%,0 100%);filter:drop-shadow(var(--step) var(--step) 0 rgba(27,26,22,.85));transition:transform .1s,filter .1s}.bp8 .cart-card:hover{transform:translate(var(--step),var(--step));filter:drop-shadow(0 0 0 rgba(27,26,22,.85));background:#fffef9}.bp8 .cart-card:before{content:"";grid-row:1;height:.35rem;width:2.6rem;background:repeating-linear-gradient(90deg,var(--line) 0 4px,transparent 4px 8px)}.bp8 .cart-card__label{grid-row:2;display:block;padding:.85rem .9rem;background:var(--blue);border:2px solid var(--line);border-radius:2px}.bp8 .cart-card__label b{display:block;font:700 1.25rem/1.15 var(--font-dot);letter-spacing:.02em;color:#fff}.bp8 .cart-card__label em{display:block;margin-top:.2rem;font:400 .68rem/1.3 var(--font-mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:#d6e8fd}.bp8 .cart-card__note{grid-row:3;align-self:end;color:var(--mute);font-size:.9rem}.bp8 .split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,6vw,4.5rem);align-items:start}@media(max-width:52rem){.bp8 .split{grid-template-columns:1fr}}.bp8 .split__cta{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.bp8 .ba{margin:0}.bp8 .ba__stage{position:relative;overflow:hidden;border:2px solid var(--line);border-radius:.3rem;background:var(--ink-2);aspect-ratio:1 / 1;touch-action:pan-y;filter:drop-shadow(var(--step) var(--step) 0 rgba(27,26,22,.85))}.bp8 .ba__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.bp8 .ba__img--after{clip-path:inset(0 0 0 var(--pos))}.bp8 .ba__line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fff;pointer-events:none;box-shadow:0 0 0 1px #00000080}.bp8 .ba__line i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.4rem;height:2.4rem;border-radius:50%;background:#fff;border:2px solid var(--line);box-shadow:0 .15rem .6rem #00000059}.bp8 .ba__line i:before,.bp8 .ba__line i:after{content:"";position:absolute;top:50%;width:.38rem;height:.38rem;border:2px solid var(--line);border-width:2px 2px 0 0}.bp8 .ba__line i:before{left:.5rem;transform:translateY(-50%) rotate(-135deg)}.bp8 .ba__line i:after{right:.5rem;transform:translateY(-50%) rotate(45deg)}.bp8 .ba__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:ew-resize}.bp8 .ba__range::-webkit-slider-thumb{-webkit-appearance:none;width:2.6rem;height:2.6rem;border-radius:50%;background:transparent;border:0;cursor:ew-resize}.bp8 .ba__range::-moz-range-thumb{width:2.6rem;height:2.6rem;border-radius:50%;background:transparent;border:0;cursor:ew-resize}.bp8 .ba__range:focus{outline:none}.bp8 .ba__range:focus-visible~.ba__line i{outline:3px solid var(--blue-bright);outline-offset:3px}.bp8 .ba__tag{position:absolute;bottom:.7rem;z-index:1;padding:.3rem .6rem;border-radius:.25rem;background:#1b1a16d1;color:#f6f4ee;font:700 .62rem/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;pointer-events:none}.bp8 .ba__tag--before{left:.7rem}.bp8 .ba__tag--after{right:.7rem}.bp8 .ba figcaption{margin-top:.9rem;font:400 .82rem/1.5 var(--font-mono);color:var(--mute-2)}.bp8 .steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:clamp(1.5rem,4vw,3rem)}.bp8 .steps li{position:relative;padding-top:3.4rem}.bp8 .steps li:before{content:"";position:absolute;top:1.55rem;left:3.1rem;right:-1.5rem;height:1px;background:var(--line)}.bp8 .steps li:last-child:before{display:none}@media(max-width:52rem){.bp8 .steps li:before{display:none}}.bp8 .steps__no{position:absolute;top:0;left:0;width:3.1rem;height:3.1rem;display:grid;place-items:center;border:2px solid var(--line);border-radius:3px;background:var(--orange);color:var(--line);box-shadow:var(--step) var(--step) 0 var(--line);font:700 1.3rem/1 var(--font-dot)}.bp8 .steps h3{margin:0 0 .5rem;font:600 1.2rem/1.3 var(--font-ui)}.bp8 .steps p{margin:0;color:var(--mute);font-size:.95rem}.bp8 .team{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:clamp(1.25rem,3vw,2rem)}.bp8 .team__karte{display:grid;grid-template-rows:auto 1fr;padding:0 0 1.4rem;background:var(--ink-3);border:2px solid var(--line);clip-path:polygon(0 0,calc(100% - 1.6rem) 0,100% 1.6rem,100% 100%,0 100%);filter:drop-shadow(var(--step) var(--step) 0 rgba(27,26,22,.85))}.bp8 .team__buehne{position:relative;aspect-ratio:1 / 1;background:var(--ink-2);border-bottom:2px solid var(--line);overflow:hidden}.bp8 .team__tier{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;image-rendering:pixelated}.bp8 .team__text{padding:1.1rem 1.3rem 0}.bp8 .team__name{display:block;font:700 1.45rem/1.1 var(--font-dot);letter-spacing:.02em}.bp8 .team__rolle{display:block;margin:.3rem 0 .7rem;font:700 .72rem/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-style:normal;color:var(--blue-bright)}.bp8 .team__text p{margin:0;color:var(--mute);font-size:.95rem;line-height:1.55}.bp8 .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:clamp(1.5rem,4vw,3rem);text-align:center}.bp8 .facts b{display:block;font:700 clamp(1.8rem,4vw,2.5rem)/1 var(--font-dot);color:var(--blue-deep);margin-bottom:.5rem}.bp8 .facts span{color:var(--mute);font-size:.92rem}.bp8 .closer{position:relative;text-align:center;padding-block:clamp(5rem,15vh,9rem);border-top:2px solid var(--line);background:var(--ink)}.bp8 .closer__title{margin:0;font:700 clamp(2.4rem,8vw,5rem)/.98 var(--font-dot)}.bp8 .closer__sub{margin:1.2rem 0 2.4rem;color:var(--mute)}@media(max-width:46rem){.bp8{--leiste-raum: 9.5rem;--gbc-w: min(21rem, 85vw, (100svh - var(--header-height, 56px) - var(--leiste-raum)) / 2.32)}.bp8 .scene{height:190vh}.bp8 .scene__sticky{padding-top:7rem}.bp8 .rig__hint{font-size:.8rem}.bp8 .rig__hint-tastatur{display:none}}@media(max-height:820px){.bp8 .hero{min-height:60svh;padding-block:clamp(2.25rem,5vh,3.5rem) clamp(1.75rem,4vh,2.75rem)}.bp8 .hero--grafik{--grafik-h: clamp(7rem, 24vh, 13rem);min-height:60svh;padding-top:clamp(1.75rem,4vh,2.75rem);padding-bottom:calc(var(--grafik-echt) + clamp(.75rem,2vh,1.5rem))}.bp8 .hero__kicker{margin-bottom:clamp(.9rem,2.5vh,1.4rem)}.bp8 .hero__hint{margin-top:clamp(1.2rem,3.5vh,2rem)}.bp8 .cart{--cart-anflug: 3svh}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/8bp-landing.css.map */