.bf-bereich{margin-top:-30px;position:relative}.bf{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 40px #0a1e191f;padding:22px 24px 26px}.bf-oben{display:flex;justify-content:space-between;align-items:center;min-height:28px}.bf-stand{font-size:13.5px;font-weight:700;color:var(--ink-3)}.bf-zurueck{background:none;border:0;padding:4px 0;font:inherit;font-size:14px;font-weight:600;color:var(--accent-deep);cursor:pointer}.bf-balken{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:8px 0 20px}.bf-balken i{height:6px;border-radius:999px;background:var(--line);transition:background .15s}.bf-balken i.an{background:var(--accent)}.bf-frage{border:0;margin:0;padding:0;min-width:0}.bf-frage[hidden]{display:none}.bf-frage legend{display:block;padding:0;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:14px;outline:none}.bf-unter{margin:-4px 0 14px;padding:10px 12px;background:var(--bg-soft);border-radius:var(--radius-sm);color:var(--ink-2);font-size:14.5px;line-height:1.45}.bf-optionen{display:grid;gap:10px}.bf-option{display:block;width:100%;min-height:58px;padding:13px 16px;text-align:left;font:inherit;color:var(--ink);background:var(--bg);border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .12s,background .12s;-webkit-tap-highlight-color:transparent}@media(hover:hover){.bf-option:hover{border-color:var(--accent-deep);background:var(--accent-soft)}}.bf-option:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}.bf-option strong{display:block;font-size:16px;font-weight:700}.bf-option span{display:block;margin-top:2px;font-size:13.5px;color:var(--ink-2)}.bf-ergebnis{outline:none}.bf-ergebnis[hidden]{display:none}.bf-marke{margin:0 0 2px;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-deep)}.bf-ergebnis h2{margin:0 0 14px;font-size:clamp(1.35rem,3.4vw,1.7rem)}.bf-karte{display:flex;flex-direction:column;gap:11px;border:1.5px solid var(--orange);background:var(--orange-soft);border-radius:var(--radius-sm);padding:16px 18px}.bf-wer{display:flex;align-items:center;gap:12px}.bf-name{font-size:1.2rem;font-weight:800;color:var(--ink);text-decoration:none}.bf-gruende{list-style:none;margin:0;padding:0;display:grid;gap:6px}.bf-gruende li{position:relative;padding-left:21px;font-size:15px;line-height:1.45}.bf-gruende li:before{content:"✓";position:absolute;left:0;color:var(--orange-tief);font-weight:800}.bf-fusion{margin:-4px 0 0;font-size:13px;font-weight:600;color:var(--orange-tief)}.bf-art{margin:0;font-size:13px;color:var(--ink-3)}.bf-bonus{margin:0;font-size:14px;font-weight:700;color:var(--orange-tief)}.bf-aktion{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.bf-aktion .btn{flex:1 1 auto;justify-content:center;text-align:center}.bf-test-link{font-size:14px;font-weight:600;white-space:nowrap}.bf-kosten{margin:14px 0 0;font-weight:700}.bf-hinweise{margin:10px 0 0;padding-left:18px;color:var(--ink-2);font-size:14.5px}.bf-hinweise li{margin-bottom:4px}.bf-hinweise:empty{display:none}.bf-alt-kopf{margin:22px 0 8px;font-weight:700;font-size:15px}.bf-alt .bf-karte{border:1px solid var(--line);background:var(--bg)}.bf-alt .bf-name{font-size:1.05rem}.bf-alt .bf-gruende li:before{color:var(--accent-deep)}.bf-alt .bf-aktion .btn{background:transparent;color:var(--ink);border-color:var(--line-strong)}.bf-alt .bf-aktion .btn:hover{background:var(--bg-soft);color:var(--ink)}.bf-partner{margin:14px 0 0;font-size:12.5px;color:var(--ink-3)}.bf-neu{margin-top:14px;padding:0;background:none;border:0;font:inherit;font-size:14.5px;font-weight:600;color:var(--accent-deep);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.bf-tabelle{width:100%;border-collapse:collapse;font-size:15px}.bf-tabelle th,.bf-tabelle td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.bf-tabelle thead th{font-size:13px;color:var(--ink-3);font-weight:600}.bf-tabelle tbody th{font-weight:700;white-space:nowrap}.bf-tabelle tbody th span{display:block;font-size:12.5px;font-weight:500;color:var(--ink-3)}@media(max-width:640px){.bf{padding:18px 16px 22px}.bf-karte{padding:14px}}
