/* Webguardiola Anfrageformular v2.1 (2026-10-06) — alles unter .wg-inq
   Tokens aus der Landing (:root): --blue, --on-blue, --ink, --ink-mut, --bg-card, --bg-deep,
   --line, --line-strong, --radius-md, --serif, --mono. Fallbacks nur für Einsatz außerhalb der Landing. */
.wg-inq{
  --wg-inq-accent: var(--blue, #5b8dff);
  --wg-inq-on-accent: var(--on-blue, #06112e);
  --wg-inq-text: var(--ink, inherit);
  --wg-inq-muted: var(--ink-mut, rgba(235,240,250,.66));
  --wg-inq-surface: var(--bg-card, #10141b);
  --wg-inq-field: var(--bg-deep, #0d1016);
  --wg-inq-line: var(--line-strong, rgba(220,228,244,.22));
  --wg-inq-radius: var(--radius-md, 2px);
  --wg-inq-err: #ff8a8a;
  padding: 72px 16px; color: var(--wg-inq-text); scroll-margin-top: 80px;
  border-top: 1px solid var(--line, rgba(220,228,244,.12));
}
.wg-inq *{box-sizing:border-box}
.wg-inq__inner{max-width:1080px;margin:0 auto;display:grid;gap:40px}
@media (min-width:880px){.wg-inq__inner{grid-template-columns:1fr 1.25fr;align-items:start}}
.wg-inq__eyebrow{margin:0 0 8px;font-family:var(--mono, inherit);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wg-inq-accent)}
.wg-inq__title{margin:0 0 12px;font-family:var(--serif, inherit);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2}
.wg-inq__lead{margin:0 0 20px;color:var(--wg-inq-muted);line-height:1.6}
.wg-inq__points{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.wg-inq__points li{padding-left:26px;position:relative;line-height:1.5}
.wg-inq__points li::before{content:"✓";position:absolute;left:0;color:var(--wg-inq-accent);font-weight:700}
.wg-inq__form,.wg-inq__done{background:var(--wg-inq-surface);border:1px solid var(--wg-inq-line);border-radius:var(--wg-inq-radius);padding:24px}
.wg-inq__row{display:grid;gap:0 16px}
@media (min-width:560px){.wg-inq__row{grid-template-columns:1fr 1fr}}
.wg-inq__field{margin:0 0 16px;border:0;padding:0;min-width:0}
.wg-inq__field label,.wg-inq__field legend{display:block;margin:0 0 6px;font-size:.9rem;font-weight:600;padding:0}
.wg-inq__opt{font-weight:400;color:var(--wg-inq-muted)}
.wg-inq input[type=text],.wg-inq input[type=email],.wg-inq select,.wg-inq textarea{
  width:100%;padding:11px 12px;font:inherit;font-size:16px;color:inherit;
  background:var(--wg-inq-field);border:1px solid var(--wg-inq-line);border-radius:var(--wg-inq-radius);outline:none;transition:border-color .15s}
.wg-inq select{color-scheme:dark}
.wg-inq select option{color:var(--wg-inq-text);background:var(--wg-inq-field)}
.wg-inq input:focus,.wg-inq select:focus,.wg-inq textarea:focus{border-color:var(--wg-inq-accent)}
.wg-inq textarea{resize:vertical;min-height:84px}
.wg-inq__chips{display:flex;flex-wrap:wrap;gap:8px}
.wg-inq__chips legend{width:100%}
.wg-inq__chips label{display:inline-flex;margin:0;font-weight:500;cursor:pointer}
.wg-inq__chips input{position:absolute;opacity:0;pointer-events:none}
.wg-inq__chips span{padding:8px 14px;border:1px solid var(--wg-inq-line);border-radius:var(--wg-inq-radius);font-size:.92rem;transition:all .15s}
.wg-inq__chips input:checked+span{border-color:var(--wg-inq-accent);background:color-mix(in srgb,var(--wg-inq-accent) 18%,transparent);color:var(--wg-inq-text)}
.wg-inq__chips input:focus-visible+span{outline:2px solid var(--wg-inq-accent);outline-offset:2px}
.wg-inq__chips .wg-inq__err{width:100%}
.wg-inq__captcha{min-height:65px;margin:0 0 16px}
.wg-inq__err{display:none;margin:6px 0 0;font-size:.84rem;color:var(--wg-inq-err)}
.wg-inq__field.is-invalid .wg-inq__err{display:block}
.wg-inq__field.is-invalid input,.wg-inq__field.is-invalid select{border-color:var(--wg-inq-err)}
.wg-inq__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.wg-inq__btn{width:100%;padding:14px 18px;font:inherit;font-weight:700;font-size:1rem;border:0;border-radius:var(--wg-inq-radius);cursor:pointer;
  background:var(--wg-inq-accent);color:var(--wg-inq-on-accent);transition:filter .15s,opacity .15s}
.wg-inq__btn:hover{filter:brightness(1.08)}
.wg-inq__btn[disabled]{opacity:.6;cursor:wait}
.wg-inq__privacy{margin:12px 0 0;font-size:.8rem;color:var(--wg-inq-muted);line-height:1.5}
.wg-inq__privacy a{color:inherit;text-decoration:underline}
.wg-inq__status{margin:10px 0 0;font-size:.9rem;color:var(--wg-inq-err)}
.wg-inq__status:empty{display:none}
.wg-inq__done p:last-child{margin:0;color:var(--wg-inq-muted);line-height:1.6}
.wg-inq__done:focus{outline:none}