/* Gratis-Formular (13.10.2026): Vorlagen gegen Kontaktdaten. Ergänzt .formular aus stil.css, nutzt dessen Variablen. */
.gratis-form fieldset{border:0;margin:0 0 1rem;padding:0;min-width:0}
.gratis-form legend{padding:0;margin:0 0 .5rem;font-weight:600}
.gratis-wahl{display:flex;gap:.6rem;align-items:flex-start;margin:0 0 .5rem}
.gratis-wahl input{width:auto;min-height:0;margin:.3rem 0 0;flex:none}
.gratis-wahl label{margin:0}
.gratis-form .opt{font-weight:400;opacity:.8}
.gratis-ergebnis{margin-top:1rem;padding:1.25rem;border:1px solid var(--cyan,#6CE7FA);border-radius:.6rem}
.gratis-ergebnis h3{margin:0 0 .5rem}
.gratis-ergebnis ul{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.6rem}
.gratis-fehler{color:#FF8A8A}
/* Haekchen-Zeilen wie auf kontakt.html (dort inline) */
.gratis-form .zustimmung-zeile{display:flex;align-items:flex-start;gap:.7rem}
.gratis-form .zustimmung-zeile input[type=checkbox]{flex:none;width:26px;height:26px;margin:0;border-radius:6px;
  border:2px solid rgba(255,255,255,.55);background:rgba(255,255,255,.06);
  accent-color:#0A62FF;cursor:pointer;-webkit-appearance:auto;appearance:auto}
.gratis-form .zustimmung-zeile input[type=checkbox]:focus-visible{outline:3px solid #39D6FF;outline-offset:3px}
.gratis-form .zustimmung-zeile label{margin:0;cursor:pointer;font-weight:400;line-height:1.55;color:#E6EEFB;
  min-height:26px;display:block;padding-top:2px}
.gratis-form .zustimmung-zeile label a{color:#7FB6FF;text-decoration:underline}