.bp8s{--ink: #efece1;--ink-3: #fbfaf5;--line: #1b1a16;--line-soft: #c7c1b0;--blue: #1668d6;--blue-bright:#1157b8;--orange: #ff7a29;--paper: #1b1a16;--mute-2: #6a6558;--shell: #4b55bf;--shell-lo: #363e96;--step: 4px;--font-dot: "Doto", "Space Mono", monospace;--font-mono: "Space Mono", ui-monospace, monospace;background:var(--ink);color:var(--paper);padding-block:clamp(2.5rem,6vw,4.5rem)}.bp8s__wrap{max-width:68rem;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}.bp8s__kopf{margin-bottom:clamp(1.5rem,4vw,2.5rem)}.bp8s__titel{margin:0 0 .5rem;font:700 clamp(1.6rem,4.5vw,2.6rem)/1.1 var(--font-dot);letter-spacing:.04em;color:var(--paper)}.bp8s__text{margin:0;max-width:44rem;font:400 1rem/1.6 var(--font-mono);color:var(--mute-2)}.bp8s__sprung{margin-bottom:clamp(1.5rem,4vw,2.25rem)}.bp8s__sprung ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.bp8s__sprung a{display:block;padding:.35rem .75rem;border:2px solid var(--line);border-radius:999px;background:var(--ink-3);color:var(--paper);text-decoration:none;font:400 .82rem/1.4 var(--font-mono);letter-spacing:.03em}.bp8s__sprung a:hover{background:var(--shell);color:#fff}.bp8s__sprung a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.bp8s__rubrik+.bp8s__rubrik{margin-top:clamp(2rem,5vw,3rem)}.bp8s__rubrik[id]{scroll-margin-top:calc(var(--header-height, 64px) + 1rem)}.bp8s__rubrik-titel{margin:0 0 .35rem;font:700 clamp(1.05rem,2.6vw,1.35rem)/1.2 var(--font-dot);letter-spacing:.05em;color:var(--paper);border-bottom:2px solid var(--line);padding-bottom:.4rem}.bp8s__rubrik-text{margin:0 0 .9rem;font:400 .88rem/1.5 var(--font-mono);color:var(--mute-2)}.bp8s__rubrik-titel+.bp8s__gitter{margin-top:.9rem}.bp8s__gitter{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.9rem,2.5vw,1.5rem)}@media(min-width:46rem){.bp8s__gitter{grid-template-columns:repeat(var(--bp8s-spalten, 3),minmax(0,1fr))}}.bp8s__feld{display:flex}.bp8s__karte{flex:1;display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--ink-3);border:2px solid var(--line);border-radius:6px;box-shadow:var(--step) var(--step) 0 var(--line);overflow:hidden;transition:transform .14s ease-out,box-shadow .14s ease-out}.bp8s__karte:hover,.bp8s__karte:focus-visible{transform:translate(calc(-1 * var(--step) / 2),calc(-1 * var(--step) / 2));box-shadow:calc(var(--step) * 1.5) calc(var(--step) * 1.5) 0 var(--line)}.bp8s__karte:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.bp8s__buehne{position:relative;display:block;aspect-ratio:1 / 1;background:var(--shell-lo);border-bottom:2px solid var(--line);overflow:hidden}.bp8s__buehne img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block}.bp8s__ersatz{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;font:700 clamp(1.2rem,4vw,2rem)/1 var(--font-dot);letter-spacing:.22em;text-indent:.22em;color:#ffffff80}.bp8s__band{display:block;padding:.7rem .8rem .55rem;background:var(--shell);color:#fff;border-bottom:2px solid var(--line)}.bp8s__name{display:block;font:700 clamp(.95rem,2.4vw,1.1rem)/1.25 var(--font-dot);letter-spacing:.03em;overflow-wrap:break-word}.bp8s__sub{display:block;margin-top:.15rem;font:400 .78rem/1.3 var(--font-mono);font-style:normal;letter-spacing:.04em;color:#fffc}.bp8s__notiz{display:block;padding:.7rem .8rem;font:400 .85rem/1.5 var(--font-mono);color:var(--mute-2);flex:1}.bp8s__zahl{display:block;margin-top:auto;padding:0 .8rem .7rem;font:400 .74rem/1 var(--font-mono);letter-spacing:.1em;color:var(--blue-bright);text-transform:uppercase}.bp8s__band+.bp8s__zahl{padding-top:.7rem}.bp8s__leer{margin:0;padding:1.2rem;border:2px dashed var(--line-soft);border-radius:6px;font:400 .9rem/1.5 var(--font-mono);color:var(--mute-2)}.bp8s--kompakt .bp8s__gitter{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.6rem}.bp8s--kompakt .bp8s__karte{flex-direction:row;align-items:stretch;box-shadow:calc(var(--step) / 2) calc(var(--step) / 2) 0 var(--line)}.bp8s--kompakt .bp8s__karte:hover,.bp8s--kompakt .bp8s__karte:focus-visible{transform:translate(-1px,-1px);box-shadow:var(--step) var(--step) 0 var(--line)}.bp8s--kompakt .bp8s__buehne{flex:none;width:3.4rem;aspect-ratio:auto;border-bottom:0;border-right:2px solid var(--line)}.bp8s--kompakt .bp8s__ersatz{font-size:.62rem;letter-spacing:.1em;text-indent:.1em}.bp8s--kompakt .bp8s__band{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;background:none;color:var(--paper);border-bottom:0;padding:.5rem .7rem}.bp8s--kompakt .bp8s__name{font-size:.92rem}.bp8s--kompakt .bp8s__sub{color:var(--mute-2);font-size:.72rem}.bp8s--kompakt .bp8s__notiz{display:none}.bp8s--kompakt .bp8s__zahl{flex:none;margin-top:0;align-self:center;padding:0 .6rem 0 .3rem;font-size:.68rem;white-space:nowrap}@media(prefers-reduced-motion:reduce){.bp8s__karte{transition:none}.bp8s__karte:hover,.bp8s__karte:focus-visible{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/8bp-shop.css.map */