/* LHB Formularvertrag 1.0
   Gemeinsame Steuerung einfacher Eingabe-, Auswahl- und Aktionsfelder. */
.lhb-form{font-family:var(--lhb-font-body)}
.lhb-form__field{display:flex;flex-direction:column;gap:var(--lhb-space-1)}
.lhb-form__label{
  font-family:var(--lhb-font-ui);
  font-size:var(--lhb-type-kicker-size);
  font-weight:var(--lhb-type-weight-strong);
  letter-spacing:.12em;
  line-height:1.2;
  text-transform:uppercase;
}
.lhb-form__control{
  box-sizing:border-box;
  width:100%;
  min-height:var(--lhb-control-height);
  padding:10px var(--lhb-control-padding-inline);
  border:var(--lhb-line-width-medium) solid var(--lhb-line-color);
  border-radius:0;
  background:var(--lhb-surface-panel);
  color:var(--lhb-color-ink);
  font:400 16px/1.35 var(--lhb-font-body);
}
textarea.lhb-form__control{min-height:140px;resize:vertical}
.lhb-form__control:focus-visible{
  outline:var(--lhb-focus-width) solid var(--lhb-focus-color);
  outline-offset:var(--lhb-focus-offset);
}
.lhb-form__actions{display:flex;flex-wrap:wrap;gap:var(--lhb-space-2)}
.lhb-form__hint{font-size:13px;line-height:1.45;color:var(--lhb-color-text-meta)}
.lhb-form--inline{display:flex;align-items:stretch;gap:0}
.lhb-form--inline .lhb-form__control{min-width:0}
@media(max-width:640px){.lhb-form--inline{flex-direction:column;gap:var(--lhb-space-2)}}

/* Variantenvertrag 1.1 */
.lhb-form{display:grid;gap:18px}
.lhb-form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.lhb-form__submit{border:0;border-radius:0;cursor:pointer}
.lhb-form__control--inverse{
  background:transparent;
  color:var(--lhb-color-paper);
  border-color:var(--lhb-overlay-light-72);
}
.lhb-form__control--inverse::placeholder{color:var(--lhb-overlay-light-50)}
.lhb-form__control--inverse:focus-visible{border-color:var(--lhb-color-accent-light);outline:var(--lhb-focus-width) solid var(--lhb-color-accent-light);outline-offset:var(--lhb-focus-offset)}
.lhb-form__hint--inverse{color:var(--lhb-overlay-light-72)}
.lhb-form--search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0}
.lhb-form--search .lhb-form__control{border-right:0}
@media(max-width:640px){
  .lhb-form__row{grid-template-columns:1fr}
  .lhb-form--search{grid-template-columns:1fr}
  .lhb-form--search .lhb-form__control{border-right:var(--lhb-line-width-medium) solid var(--lhb-line-color)}
}