/* Sofortantwort: Formular (eingebettet) und Demo. Keine externen Ressourcen. */
body.sa-eingebettet { background: transparent; }
.sa-formular .w1-wrap, .sa-formular { max-width: 640px; }
.sa-formular button { margin-top: 12px; }
.sa-demo .sa-label { font-weight: 600; margin: 8px 0 4px; }
.sa-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 8px; }
.sa-chip { display: inline-block; padding: 6px 12px; border: 1px solid var(--w1-border); border-radius: 999px; text-decoration: none; color: var(--w1-fg); background: #fff; font-size: .92rem; }
.sa-chip:hover { border-color: var(--w1-accent); }
.sa-chip-aktiv { background: var(--w1-accent); color: var(--w1-accent-fg); border-color: var(--w1-accent); }
.sa-demo button { margin-top: 12px; }
.sa-ergebnis { display: grid; grid-template-columns: 1fr; gap: 0 16px; }
@media (min-width: 900px) {
  .sa-demo.w1-wrap { max-width: 1100px; }
  .sa-ergebnis { grid-template-columns: 1fr 1fr; }
}
.sa-kopf th { width: 110px; color: var(--w1-muted); font-weight: 600; }
.sa-text { margin-top: 12px; max-height: 520px; overflow: auto; }
code { background: #f1f3f6; border-radius: 4px; padding: 1px 4px; font-size: .9em; }