/* 360Web — Bedarfsauswahl. Isolated homepage widget. */
.bedarf{width:min(100%,560px);border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden}
.bd-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}
.bd-kopf b{font-family:var(--display);font-weight:700;font-size:1.05rem;letter-spacing:-.026em}
.bd-zaehler{font-size:12.5px;color:var(--muted-2);white-space:nowrap}
.bd-zaehler i{font-style:normal;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums}
.bd-liste{list-style:none;margin:0;padding:6px 10px 10px}
.bd-zeile{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .18s ease}
.bd-zeile:hover{background:var(--surface-2)}
.bd-zeile input[type="checkbox"]{appearance:none;-webkit-appearance:none;margin:0;flex:none;width:20px;height:20px;border-radius:var(--radius-xs);border:1.5px solid rgba(6,35,63,.26);background:#fff;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.bd-zeile input[type="checkbox"]:checked{background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M1 4.4L4 7.4 10 1' stroke='white' stroke-width='1.8'/%3E%3C/svg%3E") center/11px 9px no-repeat;border-color:var(--brand)}
.bd-zeile input[type="checkbox"]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.bd-text{font-size:14.5px;color:var(--text-2);transition:color .2s ease}
.bd-zeile input[type="checkbox"]:checked + .bd-text{color:var(--text);font-weight:600}
.bd-mehr{display:grid;gap:7px;padding:0 20px 16px}
.bd-mehr[hidden]{display:none}
.bd-mehr label{font-size:12.5px;font-weight:600;color:var(--text-2)}
.bd-mehr input{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--text);font:inherit;font-size:14px;padding:10px 12px;outline:none}
.bd-mehr input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(26,75,240,.1)}
.bd-mehr small{font-size:11.5px;color:var(--muted-2)}
.bd-fuss{background:var(--dark);color:#fff;padding:18px 20px;min-height:150px;display:grid;align-content:center}
.bd-fuss > [hidden]{display:none}
.bd-leer{display:grid;gap:5px}
.bd-leer b{font-family:var(--display);font-weight:700;font-size:1.02rem;letter-spacing:-.024em}
.bd-leer span{font-size:13.5px;line-height:1.5;color:var(--on-dark-2);max-width:40ch}
.bd-ergebnis{display:grid;gap:9px}
.bd-label{font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#7fb0ff}
.bd-chips{display:flex;flex-wrap:wrap;gap:6px}
.bd-chips i{font-style:normal;font-size:12.5px;font-weight:600;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xs);padding:5px 10px;animation:bdChip .35s cubic-bezier(.16,1,.3,1) both}
@keyframes bdChip{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.bd-paket{font-size:13.5px;color:var(--on-dark)}
.bd-paket b{font-family:var(--display);font-weight:700;color:#fff;letter-spacing:-.02em}
.bd-cta{justify-self:start;display:inline-flex;align-items:center;gap:10px;margin-top:4px;background:var(--brand);color:#fff;border-radius:var(--radius-sm);padding:12px 18px;font-size:14.5px;font-weight:600;transition:background .2s ease,transform .2s ease}
.bd-cta:hover{background:var(--brand-dark);transform:translateY(-1px)}
.bd-cta svg{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.bd-cta:hover svg{transform:translateX(4px)}
@media(max-width:560px){.bd-kopf{padding:14px 16px}.bd-liste{padding:4px 8px 8px}.bd-mehr{padding:0 16px 14px}.bd-fuss{padding:16px;min-height:0}.bd-cta{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.bd-chips i{animation:none}}