.bp8k{--papier: #efece1;--karte: #fbfaf5;--tinte: #1b1a16;--linie: #c7c1b0;--signal: #1668d6;--orange: #ff7a29;--mute: #6a6558;--step: 4px;--font-dot: "Doto", "Space Mono", monospace;--font-mono: "Space Mono", ui-monospace, monospace;background:var(--papier);color:var(--tinte);padding-block:clamp(2rem,5vw,3.5rem) clamp(3rem,7vw,5rem)}.bp8k *,.bp8k *:before,.bp8k *:after{box-sizing:border-box}.bp8k__wrap{max-width:76rem;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}.bp8k__kicker{margin:0 0 .5rem;font:700 .72rem/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}.bp8k__titel{margin:0 0 .7rem;font:700 clamp(1.9rem,5vw,3rem)/1.05 var(--font-dot);letter-spacing:.03em}.bp8k__lead{margin:0;max-width:44rem;font:400 1rem/1.65 var(--font-mono);color:var(--mute)}.bp8k__merkmale{display:grid;gap:.9rem;margin-top:clamp(1.5rem,4vw,2.2rem);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.bp8k__merkmal{padding:.9rem 1rem;background:var(--karte);border:2px solid var(--tinte);border-radius:4px;box-shadow:var(--step) var(--step) 0 var(--tinte)}.bp8k__merkmal b{display:block;margin-bottom:.25rem;font:700 .95rem/1.25 var(--font-dot)}.bp8k__merkmal span{font:400 .84rem/1.55 var(--font-mono);color:var(--mute)}.bp8k__bau{margin-top:clamp(1.5rem,4vw,2.4rem)}.bp8k__ohne-js{padding:1.25rem;background:var(--karte);border:2px solid var(--tinte);border-radius:4px;font:400 .9rem/1.6 var(--font-mono)}.bp8k__ablauf{margin-top:clamp(2rem,5vw,3rem);padding:clamp(1.1rem,3vw,1.6rem);background:var(--karte);border:2px solid var(--tinte);border-radius:6px;box-shadow:var(--step) var(--step) 0 var(--tinte)}.bp8k__ablauf-titel{margin:0 0 1rem;font:700 1.05rem/1.2 var(--font-dot);letter-spacing:.03em}.bp8k__schritte{list-style:none;margin:0;padding:0;counter-reset:bp8k;display:grid;gap:.9rem}@media(min-width:52rem){.bp8k__schritte{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}}.bp8k__schritte li{counter-increment:bp8k;display:grid;grid-template-columns:1.6rem 1fr;gap:.1rem .65rem;align-content:start}.bp8k__schritte li:before{content:counter(bp8k);grid-row:1 / span 2;display:grid;place-items:center;width:1.6rem;height:1.6rem;background:var(--orange);border:2px solid var(--tinte);border-radius:3px;font:700 .78rem/1 var(--font-dot);color:var(--tinte)}.bp8k__schritte b{font:700 .88rem/1.35 var(--font-mono)}.bp8k__schritte span{font:400 .8rem/1.5 var(--font-mono);color:var(--mute)}.bp8k__zusage{margin-top:1rem;padding:.7rem .8rem;background:#fff6e8;border:2px solid var(--tinte);border-radius:4px;font:400 .84rem/1.55 var(--font-mono)}.bp8k__quer{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.4rem;font:400 .88rem/1.5 var(--font-mono);color:var(--mute)}.bp8k__quer a{padding:.5rem .9rem;background:var(--karte);border:2px solid var(--tinte);border-radius:4px;font:700 .82rem/1 var(--font-mono);color:var(--tinte);text-decoration:none;transition:transform .12s ease-out,box-shadow .12s ease-out,background .12s}.bp8k__quer a:hover{background:#e9eefb;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--tinte)}.bp8k__quer a:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.bp8k__seiteninhalt{margin-top:2rem;max-width:46rem;font:400 .9rem/1.7 var(--font-mono);color:var(--mute)}@media(prefers-reduced-motion:reduce){.bp8k__quer a{transition:none}.bp8k__quer a:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/8bp-konfigurator-seite.css.map */