/* JÄGER Anfragen – Funnel. Farben über CSS-Variablen anpassbar. */
.jfx{--jfx-ink:#0A0A0A;--jfx-ink2:#141414;--jfx-paper:#EFEDE6;--jfx-neon:#01FF66;--jfx-mute:rgba(239,237,230,.6);--jfx-line:rgba(239,237,230,.14);
  --jfx-cond:"Barlow Condensed","Arial Narrow",sans-serif;--jfx-sans:"Barlow",system-ui,sans-serif;
  display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,5vw,90px);align-items:start;color:var(--jfx-paper);font-family:var(--jfx-sans);font-size:18px;line-height:1.55;box-sizing:border-box;container-type:inline-size}
.jfx--dunkel{background:var(--jfx-ink2);padding:clamp(24px,4vw,60px)}
.jfx-fld,.jfx-intro,.jfx-card{min-width:0}
.jfx-fld input{width:100%;min-width:0}
.jfx *,.jfx *::before,.jfx *::after{box-sizing:border-box}
.jfx--karte{grid-template-columns:1fr}
.jfx-kick{font-family:var(--jfx-cond);font-weight:600;font-size:18px;letter-spacing:.04em;color:var(--jfx-neon);display:flex;align-items:center;gap:12px;margin:0 0 24px}
.jfx-kick::before{content:"";width:28px;height:1px;background:currentColor}
.jfx-h{font-family:var(--jfx-cond);font-weight:800;font-size:clamp(50px,6.4vw,104px);line-height:.9;text-transform:uppercase;margin:0 0 28px;color:var(--jfx-paper);padding-top:.08em}
.jfx-h span{color:transparent;-webkit-text-stroke:1.6px var(--jfx-neon)}
.jfx-lead{color:var(--jfx-mute);margin:0 0 30px;max-width:460px}
.jfx-trust{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:16px}
.jfx-trust li{display:flex;gap:12px;align-items:center}
.jfx-trust li::before{content:"";width:16px;height:16px;flex:0 0 16px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301FF66' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 1v6M12 17v6M1 12h6M17 12h6'/%3E%3C/svg%3E")}
.jfx-ring{position:relative;width:min(300px,70%);aspect-ratio:1;margin-top:30px}
.jfx-ring svg{width:100%;height:100%;overflow:visible}
.jfx-ring .bg{fill:none;stroke:var(--jfx-line);stroke-width:1.5}
.jfx-ring .pr{fill:none;stroke:var(--jfx-neon);stroke-width:3;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .8s cubic-bezier(.2,.9,.2,1)}
.jfx-ring .cr{stroke:var(--jfx-paper);stroke-width:1;opacity:.5}
.jfx-ring .ctr{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.jfx-ring .ctr b{display:block;font-family:var(--jfx-cond);font-size:64px;font-weight:800;line-height:1}
.jfx-ring .ctr small{font-family:var(--jfx-cond);font-size:15px;letter-spacing:.06em;color:var(--jfx-mute)}
.jfx-ring.locked .ctr b{color:var(--jfx-neon)}
.jfx-card{position:relative;background:var(--jfx-ink);border:1px solid var(--jfx-line);padding:clamp(24px,3.4vw,52px)}
.jfx-card::before{content:"";position:absolute;inset:-1px auto auto -1px;width:90px;height:3px;background:var(--jfx-neon)}
.jfx-step{display:none}
.jfx-step.on{display:block;animation:jfxin .55s cubic-bezier(.2,.9,.2,1)}
@keyframes jfxin{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.jfx-q{font-family:var(--jfx-cond);font-size:16px;font-weight:600;color:var(--jfx-neon);letter-spacing:.04em;margin:0 0 10px}
.jfx-step h3{font-family:var(--jfx-cond);font-weight:700;font-size:clamp(32px,3.4vw,50px);line-height:1.02;margin:0 0 28px;color:var(--jfx-paper);outline:none}
.jfx-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.jfx-op{all:unset;box-sizing:border-box;cursor:pointer;position:relative;border:1px solid var(--jfx-line);padding:22px 20px 20px;min-height:116px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;color:var(--jfx-paper);transition:border-color .3s,background .3s,color .3s}
.jfx-op .k{font-family:var(--jfx-cond);font-size:14px;color:var(--jfx-mute)}
.jfx-op .l{font-size:19px;font-weight:500;line-height:1.25}
.jfx-op::after{content:"";position:absolute;right:16px;top:16px;width:14px;height:14px;border-radius:50%;border:1px solid var(--jfx-line);transition:all .3s}
.jfx-op:hover,.jfx-op:focus-visible{border-color:var(--jfx-neon)}
.jfx-op:focus-visible{outline:2px solid var(--jfx-neon);outline-offset:3px}
.jfx-op.sel{background:var(--jfx-neon);color:#000;border-color:var(--jfx-neon)}
.jfx-op.sel .k{color:#000}
.jfx-op.sel::after{background:#000;border-color:#000}
.jfx-who{display:flex;align-items:center;gap:14px;margin:-12px 0 22px;padding:12px 16px 12px 12px;border:1px solid var(--jfx-line);border-radius:999px;width:max-content;max-width:100%}
.jfx-who img{width:52px;height:52px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--jfx-ink),0 0 0 3px var(--jfx-neon)}
.jfx-who b{display:block;font-family:var(--jfx-cond);font-weight:700;font-size:20px;line-height:1.1}
.jfx-who small{display:block;font-size:14px;color:var(--jfx-mute);line-height:1.35}
.jfx-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.jfx-chips span{font-size:13px;border:1px solid var(--jfx-line);padding:5px 12px;border-radius:999px;color:var(--jfx-mute)}
.jfx-chips b{color:var(--jfx-neon);font-weight:500}
.jfx-form{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}
.jfx-fld{display:flex;flex-direction:column}
.jfx-fld.full{grid-column:1/-1}
.jfx-fld label{font-size:14px;color:var(--jfx-mute);margin-top:12px}
.jfx-fld input{background:transparent;border:0;border-bottom:1px solid var(--jfx-line);color:var(--jfx-paper);font:inherit;font-size:19px;padding:10px 0;border-radius:0;outline:none;transition:border-color .3s;box-shadow:none}
.jfx-fld input:focus{border-color:var(--jfx-neon)}
.jfx-fld input::placeholder{color:rgba(239,237,230,.3)}
.jfx-fld input.err{border-color:#ff5c5c}
.jfx-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.jfx-acc{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--jfx-mute);margin-top:18px;line-height:1.45;cursor:pointer}
.jfx-acc input{accent-color:var(--jfx-neon);margin-top:3px;width:18px;height:18px;flex:0 0 18px}
.jfx-acc a{color:var(--jfx-neon)}
.jfx-acc.err{color:#ff8a8a}
.jfx-err{grid-column:1/-1;margin:10px 0 0;color:#ff8a8a;font-size:15px}
.jfx-send{all:unset;box-sizing:border-box;grid-column:1/-1;margin-top:22px;cursor:pointer;background:var(--jfx-neon);color:#000;font-family:var(--jfx-cond);font-weight:700;font-size:24px;text-transform:uppercase;letter-spacing:.02em;padding:22px;display:flex;justify-content:space-between;align-items:center;transition:filter .3s,opacity .3s}
.jfx-send:hover{filter:brightness(1.08)}
.jfx-send:focus-visible{outline:2px solid var(--jfx-paper);outline-offset:3px}
.jfx-send[disabled]{opacity:.6;cursor:wait}
.jfx-send svg{width:20px;height:20px;fill:#000}
.jfx-big{font-family:var(--jfx-cond);font-weight:800;font-size:clamp(56px,7vw,100px);line-height:.88;text-transform:uppercase;margin:10px 0 24px;color:var(--jfx-paper)}
.jfx-big span{color:var(--jfx-neon)}
.jfx-done p:not(.jfx-big):not(.jfx-q){color:var(--jfx-mute);margin:0 0 12px;max-width:480px}
.jfx-nav{display:flex;justify-content:space-between;align-items:center;margin-top:28px;min-height:40px}
.jfx-back{all:unset;cursor:pointer;color:var(--jfx-mute);font-size:15px}
.jfx-back:hover,.jfx-back:focus-visible{color:var(--jfx-neon)}
.jfx-back[hidden]{visibility:hidden;display:inline}
.jfx-count{color:var(--jfx-mute);font-size:14px}
@media (max-width:1024px){.jfx{grid-template-columns:1fr}.jfx-ring{display:none}}
/* Passt sich zusätzlich an die verfügbare Breite an (z. B. schmale Spalten) */
@container (max-width:900px){.jfx-card,.jfx-intro{grid-column:1/-1}.jfx-ring{display:none}}
@container (max-width:600px){.jfx-opts,.jfx-form{grid-template-columns:1fr}.jfx-op{min-height:0;flex-direction:row;align-items:center;justify-content:flex-start;padding:18px 44px 18px 18px}.jfx-who{border-radius:14px;width:auto}.jfx-send{font-size:20px;padding:18px}}
@media (max-width:767px){.jfx-opts,.jfx-form{grid-template-columns:1fr}.jfx-op{min-height:0;flex-direction:row;align-items:center;justify-content:flex-start;padding:18px 44px 18px 18px}.jfx-who{border-radius:14px;width:auto}}
@media (prefers-reduced-motion:reduce){.jfx *{animation:none!important;transition:none!important}}