/* Rechner fuer baufachinformationen.de
   Mobil zuerst: einspaltig, grosse Eingabefelder, Ergebnis unter dem Formular.
   Laut Keyworddaten kommen 80 bis 95 Prozent dieser Anfragen vom Telefon. */

.bfi-calc{
  border-top:3px solid var(--bfi-register);
  background:var(--bfi-surface);
  padding:var(--bfi-md);
  margin:var(--bfi-lg) 0;
}
.bfi-calc__title{
  font-family:"IBM Plex Sans",system-ui,sans-serif;
  font-weight:600;font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;
  color:var(--bfi-register);margin:0 0 var(--bfi-md);
}
.bfi-calc__grid{display:grid;gap:var(--bfi-sm);grid-template-columns:1fr;}
.bfi-calc label{display:block;font-size:.92rem;margin-bottom:4px;}
.bfi-calc input[type="number"],
.bfi-calc input[type="text"],
.bfi-calc select{
  width:100%;font:inherit;font-size:1rem;
  padding:.6em .7em;
  border:1px solid var(--bfi-rule);
  border-radius:var(--bfi-radius);
  background:#fff;color:var(--bfi-ink);
}
.bfi-calc input:focus,
.bfi-calc select:focus{outline:2px solid var(--bfi-accent);outline-offset:1px;}
.bfi-calc__check{display:flex;gap:.6em;align-items:flex-start;font-size:.92rem;}
.bfi-calc__check input{width:1.15em;height:1.15em;margin-top:.25em;flex:none;}
.bfi-calc__out{
  margin-top:var(--bfi-md);
  border-top:1px solid var(--bfi-rule);
  padding-top:var(--bfi-sm);
}
.bfi-calc__row{
  display:flex;justify-content:space-between;gap:var(--bfi-md);
  padding:.42em 0;border-bottom:1px solid var(--bfi-rule);
  font-variant-numeric:tabular-nums;
}
.bfi-calc__row:last-of-type{border-bottom:0;}
.bfi-calc__row.is-total{font-weight:600;border-bottom:2px solid var(--bfi-ink);}
.bfi-calc__row.is-total span:last-child{color:var(--bfi-register);}
.bfi-calc__hint{font-size:.86rem;color:var(--bfi-muted);margin:.7em 0 0;}

@media (min-width:620px){
  .bfi-calc{padding:var(--bfi-lg);}
  .bfi-calc__grid{grid-template-columns:1fr 1fr;gap:var(--bfi-md);}
  .bfi-calc__grid .bfi-calc__wide{grid-column:1 / -1;}
}