/* Öffentliche Anfrage-Seite „Kostenloser Garten-Check“ */
body.lp { background: var(--stone-50); }
.lp-hero { background:
  radial-gradient(900px 500px at 0% 0%, rgba(124,193,66,.25), transparent 60%),
  linear-gradient(160deg, var(--forest-900), var(--forest-700)); color: #fff; padding: 18px 16px 90px; }
.lp-top { max-width: 920px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.lp-logo { width: 110px; }
.lp-hero-text { max-width: 920px; margin: 26px auto 0; }
.lp-eyebrow { display: inline-block; font-family: var(--font-head); letter-spacing: .2em; text-transform: uppercase; font-size: 12px; color: var(--leaf); }
.lp-hero h1 { font-size: clamp(30px, 6vw, 48px); margin: 8px 0 10px; }
.lp-hero p { max-width: 640px; color: rgba(255,255,255,.82); font-size: 17px; margin: 0; }
.lp-usp { list-style: none; padding: 0; margin: 16px 0 0; display: flex; flex-wrap: wrap; gap: 8px 18px; font-weight: 600; font-size: 15px; }
.lp-main { max-width: 920px; margin: -60px auto 0; padding: 0 16px 40px; }
.lp-card { background: #fff; border-radius: var(--radius-lg); box-shadow: var(--shadow); padding: 26px; display: grid; gap: 26px; }
.lp-card h2 { font-size: 19px; display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.lp-card .num { width: 30px; height: 30px; border-radius: 50%; background: var(--leaf); color: var(--forest-950); display: grid; place-items: center; font-size: 15px; flex: none; }
.lp-services { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; }
.svc { cursor: pointer; }
.svc input { position: absolute; opacity: 0; pointer-events: none; }
.svc span { display: grid; gap: 6px; justify-items: center; text-align: center; padding: 16px 10px; border: 2px solid var(--line); border-radius: 14px; font-size: 26px; transition: .15s; height: 100%; }
.svc b { font-size: 14px; font-weight: 600; }
.svc input:checked + span { border-color: var(--leaf-strong); background: var(--leaf-soft); box-shadow: 0 0 0 3px rgba(124,193,66,.18); }
.svc input:focus-visible + span { outline: 2px solid var(--forest-600); }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.lp-consent { margin: 16px 0 6px; font-size: 13.5px; color: var(--ink-soft); }
.lp-submit { width: 100%; padding: 15px; font-size: 16px; margin-top: 10px; }
.lp-err { background: var(--danger-soft); color: var(--danger); border-radius: 10px; padding: 10px 12px; font-size: 14px; margin-top: 10px; }
.lp-done { text-align: center; justify-items: center; gap: 12px; }
.lp-done-icon { font-size: 54px; }
.lp-done p { color: var(--ink-soft); max-width: 420px; margin: 0; }
.lp-foot { max-width: 920px; margin: 0 auto; padding: 10px 16px 40px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; font-size: 13px; color: var(--ink-soft); }
.lp-foot a { color: var(--ink-soft); }
.lp .lang-switch { color: #fff; }
@media (max-width: 600px) { .lp-card { padding: 20px 16px; } .lp-services { grid-template-columns: 1fr 1fr; } }