.bp8k{--papier: #efece1;--karte: #fbfaf5;--tinte: #1b1a16;--linie: #c7c1b0;--signal: #1668d6;--signal-tief: #0d4ea8;--orange: #ff7a29;--mute: #6a6558;--gut: #2a6b33;--schlecht: #9b2222;--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:68rem;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;color:var(--tinte)}.bp8k__lead{margin:0;max-width:40rem;font:400 1rem/1.65 var(--font-mono);color:var(--mute)}.bp8k__seiteninhalt{margin-top:1.5rem;max-width:40rem;font:400 .95rem/1.7 var(--font-mono);color:var(--mute)}.bp8k__raster{display:grid;gap:1.25rem;margin-top:clamp(1.75rem,4vw,2.5rem)}@media(min-width:58rem){.bp8k__raster{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:1.5rem}}.bp8k__spalte{display:grid;gap:1.25rem;align-content:start}.bp8k__karte{background:var(--karte);border:2px solid var(--tinte);border-radius:6px;box-shadow:var(--step) var(--step) 0 var(--tinte);padding:clamp(1.1rem,3vw,1.6rem)}.bp8k__karte-titel{margin:0 0 1rem;font:700 1.05rem/1.2 var(--font-dot);letter-spacing:.03em;color:var(--tinte)}.bp8k__feld{margin:0 0 1rem}.bp8k__paar{display:grid;gap:0}@media(min-width:34rem){.bp8k__paar{grid-template-columns:1fr 1fr;gap:0 1rem}}.bp8k__label{display:block;margin-bottom:.35rem;font:700 .78rem/1.3 var(--font-mono);letter-spacing:.04em;color:var(--tinte)}.bp8k__pflicht{color:var(--schlecht)}.bp8k__eingabe{display:block;width:100%;padding:.62rem .75rem;background:#fff;border:2px solid var(--tinte);border-radius:4px;font:400 .92rem/1.4 var(--font-mono);color:var(--tinte);-webkit-appearance:none;appearance:none;transition:box-shadow .12s,border-color .12s}.bp8k__eingabe::placeholder{color:var(--linie)}.bp8k__eingabe:focus-visible{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px #1668d638}select.bp8k__eingabe{padding-right:2.2rem;background-image:linear-gradient(45deg,transparent 50%,#1b1a16 50%),linear-gradient(135deg,#1b1a16 50%,transparent 50%);background-position:calc(100% - 1.1rem) calc(50% + 2px),calc(100% - .75rem) calc(50% + 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.bp8k__textfeld{min-height:9rem;resize:vertical;line-height:1.6}.bp8k__hilfe{display:block;margin-top:.3rem;font:400 .74rem/1.45 var(--font-mono);color:var(--mute)}.bp8k__abschluss{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.1rem;margin-top:1.4rem;padding-top:1.1rem;border-top:2px dashed var(--linie)}.bp8k__knopf{flex:0 0 auto;padding:.72rem 1.5rem;background:var(--signal);color:#fff;border:2px solid var(--tinte);border-radius:4px;box-shadow:var(--step) var(--step) 0 var(--tinte);font:700 1rem/1 var(--font-dot);letter-spacing:.06em;cursor:pointer;transition:transform .12s ease-out,box-shadow .12s ease-out,background .12s}.bp8k__knopf:hover{background:var(--signal-tief);transform:translate(-1px,-1px);box-shadow:calc(var(--step) + 1px) calc(var(--step) + 1px) 0 var(--tinte)}.bp8k__knopf:active{transform:translate(var(--step),var(--step));box-shadow:none}.bp8k__knopf:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.bp8k__datenschutz{flex:1 1 14rem;font:400 .74rem/1.5 var(--font-mono);color:var(--mute)}.bp8k__meldung{margin:0 0 1.2rem;padding:.8rem .9rem;border:2px solid var(--tinte);border-radius:4px;box-shadow:3px 3px 0 var(--tinte);font:400 .88rem/1.55 var(--font-mono)}.bp8k__meldung--gut{background:#eef7ee;color:var(--gut)}.bp8k__meldung--fehler{background:#fdecec;color:var(--schlecht)}.bp8k__meldung ul{margin:0;padding-left:1.1rem}.bp8k__meldung li+li{margin-top:.25rem}.bp8k__daten{margin:0}.bp8k__datenzeile+.bp8k__datenzeile{margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--linie)}.bp8k__daten dt{font:700 .7rem/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.bp8k__daten dd{margin:.2rem 0 0;font:400 .9rem/1.55 var(--font-mono);color:var(--tinte)}.bp8k__daten a{color:var(--signal-tief);text-underline-offset:.2em}.bp8k__daten a:hover{color:var(--signal)}.bp8k__fussnote{margin:1rem 0 0;padding-top:.8rem;border-top:2px dashed var(--linie);font:400 .78rem/1.5 var(--font-mono);color:var(--mute)}.bp8k__verweise-lead{margin:-.4rem 0 1rem;font:400 .82rem/1.55 var(--font-mono);color:var(--mute)}.bp8k__liste{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.bp8k__verweis{display:block;padding:.7rem .8rem;background:var(--papier);border:2px solid var(--tinte);border-radius:4px;text-decoration:none;color:inherit;transition:transform .12s ease-out,box-shadow .12s ease-out,background .12s}.bp8k__verweis b{display:block;font:700 .88rem/1.35 var(--font-mono);color:var(--tinte)}.bp8k__verweis em{display:block;margin-top:.15rem;font:400 .78rem/1.45 var(--font-mono);font-style:normal;color:var(--mute)}.bp8k__verweis:hover{background:#e9eefb;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--tinte)}.bp8k__verweis:focus-visible{outline:3px solid var(--orange);outline-offset:2px}@media(prefers-reduced-motion:reduce){.bp8k__knopf,.bp8k__verweis{transition:none}.bp8k__knopf:hover,.bp8k__knopf:active,.bp8k__verweis:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/8bp-kontakt.css.map */