/* Marktwert einschätzen. Die Formular-Bausteine (.bn-form) nutzt auch „Exposé erstellen“. */
.bn-form { padding-top:8px; padding-bottom:28px; }
.bn-form .bn-intro { margin:6px 4px 2px; font:500 14px/20px var(--schrift); color:var(--text2); }
.bn-form .bn-objekt { margin:4px 0 12px; }
.bn-form .bn-ohne { position:relative; width:48px; height:48px; border-radius:12px; overflow:hidden; flex:none; }
.bn-form .bn-ohne .ok-platzhalter-ic { width:34px; height:34px; border-radius:10px; box-shadow:none; }
.bn-form .feld-titel { display:flex; align-items:baseline; gap:8px; margin-top:20px; }
.bn-form .bn-optional { font:500 12px/16px var(--schrift); letter-spacing:0; text-transform:none; color:var(--text3); }

.bn-chips { flex-wrap:wrap; gap:8px; }
.bn-chips .chip { height:38px; padding:0 14px; font-size:14.5px; font-weight:500; }
.bn-chips.klein .chip { height:34px; min-width:42px; justify-content:center; padding:0 10px; font-weight:600; font-variant-numeric:tabular-nums; }

.bn-form .felder .feld-zeile[hidden] { display:none; }
.bn-form .feld-zeile > .feld-l { width:96px; }
.bn-form .feld-zeile input { text-align:left; }
.bn-form .bn-einheit { flex:none; font:500 15px/20px var(--schrift); color:var(--text3); }

.bn-form .bn-diktat { background:#fff; border:1px solid var(--linie); border-radius:16px; overflow:hidden; transition:border-color .2s, box-shadow .2s; }
.bn-form .bn-diktat:focus-within { border-color:var(--taupe-hell); box-shadow:0 0 0 3px rgba(158,139,119,.14); }
.bn-form .bn-diktat textarea.feld { border:0; border-radius:0; box-shadow:none; min-height:118px; max-height:260px; overflow-y:auto; }
.bn-form .bn-diktat-leiste { display:flex; align-items:center; gap:12px; padding:10px 12px; border-top:1px solid var(--linie); background:#FCFBF9; }
.bn-form .bn-diktat-t { font:500 13px/17px var(--schrift); color:var(--text3); }

.dk-knopf { height:40px; padding:0 14px 0 10px; border-radius:20px; font-size:14.5px; gap:8px; flex:none; }
.dk-knopf .dk-ic { position:relative; width:26px; height:26px; border-radius:50%; display:grid; place-items:center; background:var(--navy-bg); color:var(--navy); }
.dk-knopf .dk-ic .ic { position:relative; z-index:1; }
.dk-knopf .dk-pegel { position:absolute; inset:0; border-radius:50%; background:rgba(180,81,58,.22); transform:scale(.5); opacity:0; transition:transform .12s linear, opacity .2s; }
.dk-knopf.an { background:var(--navy); border-color:var(--navy); color:#fff; }
.dk-knopf.an .dk-ic { background:var(--rot); color:#fff; }
.dk-knopf.an .dk-pegel { opacity:1; }

.bn-form .bn-hinweis { display:flex; align-items:flex-start; gap:10px; margin:20px 2px 14px; padding:12px 14px; border-radius:14px; background:var(--taupe-bg); color:var(--taupe-tief); font:500 13.5px/19px var(--schrift); }
.bn-form .bn-hinweis .ic { flex:none; margin-top:1px; }
.bn-form .bn-start.laedt { opacity:.75; pointer-events:none; }
.bn-form .bn-start.laedt .ic { animation:bn-puls 1s var(--ios-aus) infinite alternate; }
@keyframes bn-puls { from { opacity:1; } to { opacity:.3; } }

.bn-fertig { margin-top:12px; padding:26px 20px 18px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; }
.bn-fertig .bn-fertig-ic { width:58px; height:58px; border-radius:50%; display:grid; place-items:center; background:var(--gruen-bg); color:var(--gruen); margin-bottom:8px; }
.bn-fertig .t1 { font:700 19px/24px var(--schrift); letter-spacing:-.02em; color:var(--navy); }
.bn-fertig .t2 { font:500 14px/20px var(--schrift); color:var(--text2); max-width:290px; }
.bn-fertig .knopf-reihe { width:100%; }