/* Lead Quiz — eigenständiges CSS (kein Bootstrap nötig).
   Farben über Variablen -> beim Kopieren leicht umfärbbar. */
.lq-wrap{
  --lq-accent:#f56600; --lq-accent-dark:#d24e00; --lq-dark:#212529; --lq-muted:#6c757d;
  --lq-border:#dee2e6; --lq-bg:#fff; --lq-radius:12px;
  max-width:680px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.lq-icon{width:1.15em;height:1.15em;vertical-align:-.18em;flex:0 0 auto;}
.lq-option .lq-icon{margin-right:.55rem;color:var(--lq-accent);}
.lq-title .lq-icon{margin-right:.4rem;color:var(--lq-accent);width:1.3em;height:1.3em;}
.lq-card{background:var(--lq-bg);border:1px solid var(--lq-border);border-radius:var(--lq-radius);
  box-shadow:0 4px 16px rgba(0,0,0,.06);padding:2rem;}
.lq-counter{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:0 auto .75rem;
  width:fit-content;padding:.35rem .85rem;background:#fff6f0;border:1px solid #ffd9bf;border-radius:99px;
  font-size:.85rem;color:var(--lq-accent-dark);}
.lq-counter .lq-icon{color:var(--lq-accent);width:1em;height:1em;}
.lq-counter strong{color:var(--lq-accent-dark);}
.lq-title{margin:0 0 .25rem;font-size:1.5rem;text-align:center;color:var(--lq-dark);}
.lq-subtitle{margin:0 0 1.25rem;text-align:center;color:var(--lq-muted);font-size:.95rem;}

.lq-progress-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--lq-muted);margin-bottom:.35rem;}
.lq-progress{height:8px;background:#eee;border-radius:99px;overflow:hidden;margin-bottom:1.5rem;}
.lq-progress-bar{height:100%;background:var(--lq-accent);transition:width .3s;}

.lq-step{display:none;}
.lq-step.is-active{display:block;animation:lq-fade .25s ease;}
@keyframes lq-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Quiz-Schritte zentriert */
.lq-step{text-align:center;}
.lq-label{display:block;font-weight:700;font-size:1.15rem;color:var(--lq-dark);margin-bottom:.25rem;}
.lq-hint{color:var(--lq-muted);font-size:.85rem;margin:0 0 .75rem;}

.lq-input{width:100%;max-width:240px;padding:.7rem .9rem;font-size:1.25rem;text-align:center;
  border:2px solid var(--lq-border);border-radius:8px;letter-spacing:3px;margin:0 auto;display:block;}
.lq-error{display:none;color:#dc3545;font-size:.85rem;margin-top:.4rem;}
.lq-show-error .lq-error{display:block;}
.lq-show-error .lq-input{border-color:#dc3545;}

/* Optionen: Standard = untereinander (für ≤3 Optionen) */
.lq-options{display:flex;flex-direction:column;gap:.5rem;margin:1rem auto 0;max-width:440px;}
.lq-option{display:flex;align-items:center;width:100%;padding:.85rem 1rem;font-size:1rem;text-align:left;
  background:#fff;border:2px solid var(--lq-border);border-radius:8px;cursor:pointer;transition:.15s;}

/* Ab 4 Optionen: Kachel-Grid (2 Spalten, gleichmäßig) */
.lq-options.lq-grid{flex-direction:row;flex-wrap:wrap;}
.lq-options.lq-grid .lq-option{flex:1 1 calc(50% - .5rem);min-width:140px;justify-content:flex-start;}
.lq-option:hover{border-color:var(--lq-accent);box-shadow:0 2px 8px rgba(245,102,0,.12);}
.lq-option.is-selected{background:var(--lq-accent);border-color:var(--lq-accent);color:#fff;font-weight:700;}
.lq-option.is-selected .lq-icon{color:#fff;}

.lq-btn{display:inline-flex;align-items:center;gap:.45rem;margin-top:1rem;padding:.85rem 1.5rem;font-size:1.05rem;font-weight:700;border:0;border-radius:8px;
  background:var(--lq-accent);color:#fff;cursor:pointer;transition:.15s;box-shadow:0 2px 10px rgba(245,102,0,.25);}
.lq-btn:hover{background:var(--lq-accent-dark);}
.lq-submit{width:100%;justify-content:center;}

.lq-result{text-align:center;}
.lq-result-headline{font-weight:700;margin-bottom:1rem;}
.lq-result-box{background:#f8f9fa;border-radius:8px;padding:1rem;margin-bottom:1rem;}
.lq-r-cost{font-size:1.5rem;font-weight:800;color:var(--lq-accent);}
.lq-boosters{list-style:none;padding:0;margin:0 0 1.25rem;text-align:left;}
.lq-boosters li{display:flex;align-items:flex-start;gap:.6rem;background:#fff6f0;border:1px solid #ffd9bf;border-radius:8px;
  padding:.8rem .95rem;margin-bottom:.55rem;font-size:.95rem;line-height:1.4;}
.lq-boosters li .lq-icon{color:var(--lq-accent);margin-top:.1rem;width:1.25em;height:1.25em;}

.lq-optin{margin-top:.5rem;}
.lq-email{width:100%;padding:.75rem;border:2px solid var(--lq-border);border-radius:8px;margin-bottom:.6rem;font-size:1rem;}
.lq-consent{display:flex;gap:.5rem;align-items:flex-start;text-align:left;font-size:.85rem;color:var(--lq-muted);margin-bottom:.8rem;}
.lq-trust{font-size:.8rem;color:var(--lq-muted);margin-top:.6rem;}
.lq-invalid{outline:2px solid #dc3545;border-radius:8px;}
.lq-thanks{text-align:center;}