/* ═ Betriebs-Check im Hero der Branchenseiten: weniger Text links, Frageflow rechts als Glas
   (Typeform-artig, eine Frage je Bild, Sofort-Profil, danach Kontakt). Konfiguration je Seite in window.KQ. ═ */
html .heroatf .atf-shade{background:linear-gradient(100deg,rgba(6,13,18,.84) 0%,rgba(6,13,18,.5) 38%,rgba(6,13,18,.08) 100%),linear-gradient(180deg,rgba(6,13,18,.12),rgba(10,22,29,.55) 90%,#0A161D)}
html .heroatf .atf-shade:after{background:radial-gradient(70% 55% at 16% 30%,rgba(41,191,222,.10),transparent 60%)}
html .heroatf{overflow:clip}
html .ind-gridbg{opacity:.45}html .ind-mark{opacity:.07}
.heroatf-in.kq-hero{grid-template-columns:minmax(0,1fr) minmax(340px,430px);gap:clamp(28px,4vw,64px);align-items:center}
.kq-hero .heroatf-txt h1{font-size:clamp(36px,4.6vw,62px)}
.kq-hero .heroatf-txt .lead{max-width:44ch;font-size:clamp(16px,1.2vw,18px)}
.kq-em{font-style:normal;color:#8FE4F6}
.kq-ctas{margin-top:22px}
.kq-more{color:rgba(255,255,255,.72);font-size:14px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:2px;transition:color .2s,border-color .2s}
.kq-more:hover{color:#8FE4F6;border-color:#8FE4F6}
.kq{position:relative;background:rgba(6,20,26,.34);-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25);color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:16px 18px 14px;box-shadow:0 30px 70px -30px rgba(0,0,0,.7),0 1px 0 rgba(255,255,255,.12) inset;justify-self:end;width:100%;max-width:430px;overflow:hidden}
@supports not (backdrop-filter:blur(1px)){.kq{background:rgba(6,20,26,.8)}}
.kq-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.kq-lbl{display:inline-flex;align-items:center;gap:8px;font-family:'DejaVu Sans Mono',monospace;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#8FE4F6}
.kq-lbl i{width:8px;height:8px;border-radius:50%;background:#29BFDE;box-shadow:0 0 0 4px rgba(41,191,222,.18);animation:kqPulse 2.2s ease-in-out infinite}
@keyframes kqPulse{0%,100%{box-shadow:0 0 0 3px rgba(41,191,222,.18)}50%{box-shadow:0 0 0 7px rgba(41,191,222,.06)}}
.kq-cnt{font-family:'DejaVu Sans Mono',monospace;font-size:12px;color:rgba(255,255,255,.6)}.kq-cnt b{color:#fff;font-weight:700;font-size:14px}
.kq-bar{height:3px;background:rgba(255,255,255,.14);border-radius:3px;margin:10px 0 14px;overflow:hidden}
.kq-bar i{display:block;height:100%;width:25%;background:linear-gradient(90deg,#0E7FA3,#29BFDE);border-radius:3px;transition:width .5s cubic-bezier(.16,1,.3,1)}
.kq-stage{min-height:250px;position:relative}
.kq-step{position:absolute;inset:0;opacity:0;transform:translateY(18px);transition:opacity .42s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1);pointer-events:none}
.kq-step.on{opacity:1;transform:none;pointer-events:auto;position:relative}
.kq-step.out{opacity:0;transform:translateY(-14px)}
.kq-n{font-family:'DejaVu Sans Mono',monospace;font-size:11px;color:#8FE4F6;letter-spacing:1px;margin-bottom:4px}
.kq-q{font-family:'Sora',Inter,sans-serif;font-size:clamp(16px,1.25vw,18px);font-weight:600;line-height:1.25;letter-spacing:-.01em;margin:0 0 10px;color:#fff}
.kq-opts{display:grid;gap:5px}
.kq-opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:7px 10px;font:inherit;font-size:13.5px;color:#fff;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}
.kq-opt .k{flex:none;width:22px;height:22px;border-radius:6px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);font-family:'DejaVu Sans Mono',monospace;font-size:11px;display:grid;place-items:center;color:#8FE4F6;transition:background .18s,color .18s,border-color .18s}
.kq-opt:hover,.kq-opt:focus-visible{border-color:rgba(41,191,222,.6);background:rgba(41,191,222,.16);transform:translateX(2px);outline:none}
.kq-opt.sel{border-color:#29BFDE;background:rgba(41,191,222,.22)}
.kq-opt.sel .k{background:#29BFDE;color:#06141A;border-color:#29BFDE}
.kq-opt .ok{margin-left:auto;opacity:0;color:#8FE4F6;font-weight:700;transition:opacity .18s}
.kq-opt.sel .ok{opacity:1}
.kq-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:10px;min-height:22px}
.kq-hint{font-size:11px;color:rgba(255,255,255,.55)}
.kq-hint kbd{font-family:'DejaVu Sans Mono',monospace;font-size:11px;border:1px solid rgba(255,255,255,.22);border-bottom-width:2px;border-radius:5px;padding:1px 5px;background:rgba(255,255,255,.08);color:#8FE4F6}
.kq-back{background:none;border:0;font:inherit;font-size:12px;color:rgba(255,255,255,.62);cursor:pointer;padding:4px 0}
.kq-back:hover{color:#8FE4F6}
.kq-res-h{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.kq-res-h .t{font-family:'Sora',Inter,sans-serif;font-weight:600;font-size:16px;color:#fff}
.kq-res-h .tag{margin-left:auto;font-family:'DejaVu Sans Mono',monospace;font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase;color:#8FE4F6;background:rgba(41,191,222,.18);border-radius:100px;padding:4px 8px}
.kq-rows{display:grid;gap:5px;margin-bottom:10px}
.kq-row{display:grid;grid-template-columns:84px 1fr;gap:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:7px 10px;font-size:12px;line-height:1.4;color:rgba(255,255,255,.88);opacity:0;transform:translateY(8px);animation:kqRow .5s cubic-bezier(.16,1,.3,1) forwards}
.kq-row:nth-child(2){animation-delay:.08s}.kq-row:nth-child(3){animation-delay:.16s}.kq-row:nth-child(4){animation-delay:.24s}
@keyframes kqRow{to{opacity:1;transform:none}}
.kq-row .l{font-family:'DejaVu Sans Mono',monospace;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#8FE4F6;padding-top:2px}
.kq-row b{color:#fff}.kq-row .big{font-family:'Sora',Inter,sans-serif;font-size:18px;font-weight:700;color:#fff;display:block;letter-spacing:-.01em}
.kq-form{border-top:1px dashed rgba(255,255,255,.16);padding-top:10px}
.kq-form .lead2{font-size:12px;color:rgba(255,255,255,.7);margin:0 0 8px;line-height:1.45}
.kq-form .lead2 b{color:#fff}
.kq-in{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.kq-in input{width:100%;font:inherit;font-size:14px;padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;outline:none;transition:border-color .18s,box-shadow .18s}
.kq-in input::placeholder{color:rgba(255,255,255,.5)}
.kq-in input:focus{border-color:#29BFDE;box-shadow:0 0 0 3px rgba(41,191,222,.22)}
.kq-go{margin-top:6px;width:100%;display:inline-flex;justify-content:center;align-items:center;gap:8px;font:inherit;font-weight:700;font-size:14px;background:#29BFDE;color:#06141A;border:0;border-radius:10px;padding:11px 14px;cursor:pointer;transition:background .18s,transform .18s;box-shadow:0 14px 30px -14px rgba(41,191,222,.8)}
.kq-go:hover{background:#8FE4F6;transform:translateY(-1px)}
.kq-go[disabled]{opacity:.6;cursor:default;transform:none}
.kq-st{font-size:12px;color:rgba(255,255,255,.7);margin-top:6px;min-height:16px}
.kq-st.err{color:#FF9A94}.kq-st.ok{color:#9BE7B5}
.kq-alt{font-size:12px;color:rgba(255,255,255,.55);margin-top:6px;text-align:center}
.kq-alt a{color:#8FE4F6;text-decoration:none;border-bottom:1px solid rgba(143,228,246,.4)}
.kq-done{display:grid;place-items:center;text-align:center;padding:14px 6px;gap:10px}
.kq-done .ring{width:56px;height:56px;border-radius:50%;background:rgba(41,191,222,.2);display:grid;place-items:center;color:#8FE4F6;font-size:24px;animation:kqPop .5s cubic-bezier(.16,1,.3,1)}
@keyframes kqPop{from{transform:scale(.6);opacity:0}}
.kq-done h4{font-family:'Sora',Inter,sans-serif;font-size:17px;margin:0;color:#fff}
.kq-done p{font-size:13px;color:rgba(255,255,255,.72);margin:0;line-height:1.5;max-width:36ch}
.kq-done p a{color:#8FE4F6}
@media(max-width:880px){html .heroatf .atf-shade{background:linear-gradient(180deg,rgba(6,13,18,.42),rgba(10,22,29,.86) 90%,#0A161D)}.heroatf-in.kq-hero{grid-template-columns:1fr}.kq{justify-self:stretch;max-width:none;padding:14px 14px 12px;background:rgba(6,20,26,.48)}.kq-stage{min-height:0}.kq-step{position:relative;display:none}.kq-step.on{display:block}.kq-in{grid-template-columns:1fr}.kq-row{grid-template-columns:1fr;gap:3px}.kq-hint{display:none}}
@media(prefers-reduced-motion:reduce){.kq-step,.kq-bar i,.kq-opt{transition:none}.kq-row,.kq-lbl i,.kq-done .ring{animation:none;opacity:1;transform:none}}