/* qualis Funnels 1.2 – hell und kräftig: Beige-Grund, Orange→Rot als Farbfläche, Schwarz nur als Akzent */
/* Layout: eine Frage pro Bildschirm, Sticker-Badge im Kopf, Ergebnis als Verlaufskarte, Live-Pille unten */
:root{
  --o:#E84E0F;--r:#D20A10;--peach:#FFB48A;
  --grad:linear-gradient(115deg,#FF7A2F 0%,#E84E0F 42%,#D20A10 100%);
  --bg:#F6EEDD;--paper:#FFFDF8;--tile:#FBF5EA;--line:#EADFCB;--line2:#DCCDB3;
  --fg:#1A1512;--mut:#6E6253;--ok:#2E8B57;--warn:#C27400;--ink:#14110F;
  --fh:"Bitter",Georgia,"Times New Roman",serif;--fb:"Helvetica Neue",Helvetica,Arial,sans-serif;
  color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.5 var(--fb);min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}
/* Farbwolken im Hintergrund */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
   radial-gradient(40vw 40vw at 100% 0%,rgba(255,122,47,.45),transparent 70%),
   radial-gradient(35vw 35vw at -5% 35%,rgba(255,180,138,.55),transparent 70%),
   radial-gradient(45vw 30vw at 80% 100%,rgba(210,10,16,.14),transparent 70%)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.6;
  background-image:radial-gradient(rgba(232,78,15,.22) 1.1px,transparent 1.3px);background-size:20px 20px;
  -webkit-mask-image:radial-gradient(60% 50% at 100% 0%,#000,transparent);mask-image:radial-gradient(60% 50% at 100% 0%,#000,transparent)}
a{color:inherit}
.qf-top,.qf-main,.qf-foot,.qf-preview{position:relative;z-index:1}
.qf-top{display:flex;align-items:center;justify-content:space-between;
  padding:calc(14px + env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) 10px max(18px,env(safe-area-inset-left,0px))}
.qf-back{background:var(--paper);border:1px solid var(--line);color:var(--fg);font:600 14px var(--fb);padding:9px 15px 9px 11px;border-radius:999px;cursor:pointer;display:flex;gap:6px;align-items:center;box-shadow:0 4px 14px -6px rgba(120,60,20,.25)}
.qf-back:hover{border-color:var(--line2)}.qf-back[hidden]{visibility:hidden;display:flex}
.qf-logo{display:flex;align-items:center;text-decoration:none;color:var(--ink);font-family:var(--fh);font-size:19px;font-weight:500}
.qf-logo img{height:36px;width:auto;display:block}
.qf-main{flex:1;width:100%;max-width:680px;margin:0 auto;padding:8px max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px))}
.qf-hero{display:none;margin:12px 0 26px;position:relative}
.qf-at-start .qf-hero{display:block;animation:qfin .5s ease both}
.qf-kicker{margin:0 0 16px;display:inline-flex;align-items:center;gap:8px;font:700 12px var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);
  padding:7px 13px;border-radius:999px;background:var(--paper);box-shadow:0 4px 14px -6px rgba(120,60,20,.3)}
.qf-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--grad);animation:qfpulse 2s ease-in-out infinite}
@keyframes qfpulse{50%{box-shadow:0 0 0 6px rgba(232,78,15,.18)}}
.qf-claim{margin:0;font-family:var(--fh);font-weight:500;font-size:clamp(36px,9vw,60px);line-height:1.03;letter-spacing:-.02em;text-wrap:balance;color:var(--ink);padding-right:58px}
.qf-claim em{font-style:normal;color:#fff;background:var(--grad);padding:0 .18em;border-radius:.18em;-webkit-box-decoration-break:clone;box-decoration-break:clone;
  display:inline;box-shadow:0 10px 24px -10px rgba(210,10,16,.55)}
.qf-claim-sub{margin:18px 0 0;color:var(--mut);font-size:18px;max-width:34em}
.qf-trust{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;font-size:14px;font-weight:500}
.qf-trust li{padding:7px 13px;border-radius:999px;background:rgba(255,253,248,.75);border:1px solid var(--line);color:var(--fg)}
.qf-trust li::before{content:"✓";color:var(--o);font-weight:800;margin-right:7px}
/* Sticker-Badge */
.qf-hero::after{content:"60 Sek.";position:absolute;right:-2px;top:-8px;width:78px;height:78px;border-radius:50%;background:var(--grad);color:#fff;
  font:800 15px/1 var(--fb);display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(12deg);
  box-shadow:0 12px 26px -10px rgba(210,10,16,.6),inset 0 0 0 3px rgba(255,255,255,.35);animation:qfwobble 4s ease-in-out infinite}
@keyframes qfwobble{50%{transform:rotate(4deg) scale(1.04)}}
.qf-card{background:var(--paper);border-radius:28px;padding:26px 22px 28px;border:1px solid rgba(255,255,255,.8);
  box-shadow:0 40px 80px -40px rgba(150,60,10,.45),0 2px 0 rgba(255,255,255,.9) inset}
.qf-progress{height:8px;background:var(--tile);border-radius:999px;overflow:hidden;border:1px solid var(--line)}
.qf-progress span{display:block;height:100%;background:var(--grad);border-radius:999px;transition:width .5s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}
.qf-progress span::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:qfshine 2.2s ease-in-out infinite}
@keyframes qfshine{to{transform:translateX(100%)}}
.qf-left{margin:12px 0 18px;font:700 12px var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--o)}
.qf-q{font-family:var(--fh);font-weight:500;font-size:clamp(25px,6vw,33px);line-height:1.13;margin:0 0 8px;outline:none;text-wrap:balance;color:var(--ink)}
.qf-sub{margin:0 0 22px;color:var(--mut)}
.qf-step{animation:qfin .38s cubic-bezier(.2,.8,.2,1)}
@keyframes qfin{from{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.qf-step,.qf-at-start .qf-hero,.qf-hero::after,.qf-kicker::before,.qf-progress span::after{animation:none}.qf-progress span{transition:none}}
.qf-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qf-tile{position:relative;border:1.5px solid var(--line);background:var(--tile);border-radius:20px;padding:20px 10px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;
  font:700 16px var(--fb);color:var(--ink);cursor:pointer;min-height:140px;justify-content:center;transition:transform .18s cubic-bezier(.2,1.4,.4,1),border-color .15s,box-shadow .2s,background .2s}
.qf-tile svg{width:62px;height:62px;padding:13px;border-radius:50%;background:var(--paper);fill:none;stroke:var(--o);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
  box-shadow:0 6px 16px -8px rgba(232,78,15,.5);transition:background .2s,stroke .2s,transform .25s cubic-bezier(.2,1.4,.4,1)}
.qf-tile:hover{border-color:var(--peach);transform:translateY(-4px);box-shadow:0 18px 30px -16px rgba(232,78,15,.55)}
.qf-tile:hover svg{transform:rotate(-6deg) scale(1.08)}
.qf-tile.is-on{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 18px 30px -12px rgba(210,10,16,.6)}
.qf-tile.is-on svg{background:rgba(255,255,255,.2);stroke:#fff;box-shadow:none}
.qf-tiles--num{grid-template-columns:repeat(3,1fr)}
.qf-tiles--num .qf-tile{min-height:104px;gap:4px}
.qf-tiles--num b{font-family:var(--fh);font-size:40px;font-weight:500;line-height:1;color:var(--o)}
.qf-tiles--num .qf-tile.is-on b{color:#fff}
.qf-tiles--num span{font-weight:500;font-size:13px;color:var(--mut)}
.qf-tiles--num .qf-tile.is-on span{color:rgba(255,255,255,.85)}
.qf-chips{display:grid;gap:10px}
.qf-chips--many{grid-template-columns:1fr 1fr}
.qf-chip{border:1.5px solid var(--line);background:var(--tile);border-radius:16px;padding:15px 16px;text-align:left;font:600 16px/1.3 var(--fb);color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:12px;min-height:56px;
  transition:border-color .15s,background .15s,transform .15s cubic-bezier(.2,1.4,.4,1),box-shadow .2s}
.qf-chips:not(.qf-chips--multi):not(.qf-chips--many) .qf-chip::after{content:"→";margin-left:auto;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--paper);color:var(--o);font-weight:700;transition:transform .2s,background .2s,color .2s}
.qf-chips:not(.qf-chips--multi) .qf-chip:hover::after{background:var(--grad);color:#fff;transform:translateX(3px)}
.qf-chips--many .qf-chip{font-size:15px;padding:13px 14px;justify-content:center;text-align:center}
.qf-chip:hover{border-color:var(--peach);background:#fff;transform:translateY(-2px);box-shadow:0 10px 22px -14px rgba(232,78,15,.6)}
.qf-chip.is-on{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 12px 24px -12px rgba(210,10,16,.6)}
.qf-chip.is-on::after{background:rgba(255,255,255,.25)!important;color:#fff!important}
.qf-chips--multi .qf-chip i{flex:0 0 24px;height:24px;border:2px solid var(--line2);border-radius:8px;position:relative;background:#fff;transition:background .15s}
.qf-chips--multi .qf-chip.is-on i{background:#fff;border-color:#fff}
.qf-chips--multi .qf-chip.is-on i::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid var(--r);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.qf-next{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:22px;border:0;border-radius:999px;padding:18px 22px;background:var(--grad);color:#fff;
  font:800 17px var(--fb);letter-spacing:.01em;cursor:pointer;text-align:center;text-decoration:none;position:relative;overflow:hidden;
  transition:transform .15s cubic-bezier(.2,1.4,.4,1),box-shadow .2s;box-shadow:0 16px 30px -12px rgba(210,10,16,.6)}
.qf-next::before{content:"";position:absolute;top:0;bottom:0;width:40%;left:-50%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);transition:left .6s}
.qf-next:hover::before{left:120%}
.qf-next::after{content:"→";width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;font-size:18px;transition:transform .2s}
.qf-next:hover{transform:translateY(-2px)}.qf-next:hover::after{transform:translateX(4px)}
.qf-next:active{transform:scale(.99)}
.qf-next:disabled{background:var(--line);color:var(--mut);box-shadow:none;cursor:not-allowed}
.qf-next:disabled::before{display:none}
.qf-next--big{padding:20px 24px;font-size:18px}
.qf-wa{background:#1FA855;box-shadow:0 16px 30px -12px rgba(31,168,85,.6)}
.qf-slider{background:var(--tile);border:1.5px solid var(--line);border-radius:20px;padding:18px 18px 16px}
.qf-slider output{display:block;font-family:var(--fh);font-size:clamp(40px,11vw,56px);font-weight:500;text-align:center;margin:4px 0 16px;font-variant-numeric:tabular-nums;color:var(--o)}
.qf-slider input{width:100%;-webkit-appearance:none;appearance:none;height:10px;border-radius:999px;background:linear-gradient(90deg,#FF7A2F,var(--r) var(--p,50%),#EADFCB var(--p,50%));outline-offset:8px}
.qf-slider input::-webkit-slider-thumb{-webkit-appearance:none;width:36px;height:36px;border-radius:50%;background:#fff;border:3px solid var(--o);box-shadow:0 6px 16px -4px rgba(210,10,16,.6);cursor:grab}
.qf-slider input::-moz-range-thumb{width:32px;height:32px;border-radius:50%;background:#fff;border:3px solid var(--o);cursor:grab}
.qf-slider-ends{display:flex;justify-content:space-between;font-size:13px;color:var(--mut);margin-top:12px}
/* Ergebnis als Verlaufskarte */
.qf-result{border-radius:24px;padding:24px 22px;margin:16px 0 20px;background:var(--grad);color:#fff;position:relative;overflow:hidden;box-shadow:0 24px 40px -20px rgba(210,10,16,.7)}
.qf-result::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.22) 1.2px,transparent 1.4px);background-size:16px 16px;
  -webkit-mask-image:linear-gradient(120deg,transparent 40%,#000);mask-image:linear-gradient(120deg,transparent 40%,#000);pointer-events:none}
.qf-result::after{content:"";position:absolute;right:-40px;bottom:-60px;width:180px;height:180px;border-radius:50%;border:24px solid rgba(255,255,255,.12)}
.qf-result--muted{background:var(--tile);color:var(--fg);border:1.5px solid var(--line);box-shadow:none}
.qf-result--muted::before,.qf-result--muted::after{display:none}
.qf-result-k{margin:0;font:700 12px var(--fb);letter-spacing:.1em;text-transform:uppercase;opacity:.9;position:relative}
.qf-result-v{margin:8px 0 6px;font-family:var(--fh);font-size:clamp(38px,11vw,58px);font-weight:500;line-height:1.02;font-variant-numeric:tabular-nums;position:relative}
.qf-result-s{margin:0;font-size:14px;opacity:.92;position:relative}
.qf-checks{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px;font-size:15px}
.qf-checks li{padding:12px 14px 12px 46px;position:relative;background:var(--tile);border-radius:14px}
.qf-checks li::before{position:absolute;left:12px;top:12px;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;color:#fff}
.qf-checks .ok::before{content:"✓";background:var(--ok)}
.qf-checks .warn::before{content:"!";background:var(--warn)}
.qf-checks .info::before{content:"i";background:var(--mut);font-family:Georgia,serif}
.qf-urgent{background:var(--ink);color:#fff;padding:16px 18px;border-radius:18px;display:grid;gap:4px;font-size:15px;position:relative;overflow:hidden}
.qf-urgent b{color:var(--peach)}
.qf-urgent::after{content:"";position:absolute;right:-20px;top:-20px;width:90px;height:90px;border-radius:50%;background:var(--grad);opacity:.5;filter:blur(20px)}
.qf-fine{font-size:13px;color:var(--mut);margin:14px 0 0}
.qf-fine--center{text-align:center}
.qf-person{display:flex;gap:14px;align-items:center;margin:6px 0 18px;padding:14px;border-radius:20px;background:var(--tile);border:1.5px solid var(--line)}
.qf-person img,.qf-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;flex:0 0 60px;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--o)}
.qf-avatar{background:var(--grad);display:flex;align-items:center;justify-content:center;font-family:var(--fh)}
.qf-person b{display:block;color:var(--ink)}.qf-person span{font-size:14px;color:var(--mut)}
.qf-person .qf-avatar{color:#fff;font-size:21px}
.qf-form{display:grid;gap:14px}
.qf-form label{display:grid;gap:6px;font-size:13px;font-weight:700;color:var(--ink)}
.qf-form label em{font-weight:400;font-style:normal;color:var(--mut)}
.qf-form input:not([type=checkbox]):not([type=radio]){font:16px var(--fb);padding:15px 16px;border:1.5px solid var(--line);border-radius:14px;background:#fff;width:100%;color:var(--fg);transition:border-color .15s,box-shadow .15s}
.qf-form input::placeholder{color:#A99B87}
.qf-form input:focus{outline:none;border-color:var(--o);box-shadow:0 0 0 4px rgba(232,78,15,.16)}
.qf-form input[aria-invalid=true]{border-color:var(--r);background:#FFF5F3}
.qf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qf-way{border:0;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap}
.qf-way legend{font-size:13px;font-weight:700;margin-bottom:8px;padding:0;color:var(--ink)}
.qf-way label{display:block}
.qf-way input{position:absolute;opacity:0}
.qf-way span{display:block;border:1.5px solid var(--line);background:var(--tile);border-radius:999px;padding:9px 16px;cursor:pointer;font-size:15px;font-weight:600}
.qf-way input:checked+span{background:var(--grad);border-color:transparent;color:#fff}
.qf-way input:focus-visible+span{outline:2px solid var(--o);outline-offset:2px}
.qf-consent{display:flex!important;gap:12px!important;align-items:flex-start;font-weight:400!important;font-size:13px!important;color:var(--mut)!important;line-height:1.5}
.qf-consent input{width:22px;height:22px;margin:0;accent-color:var(--o);flex:0 0 22px}
.qf-consent a{color:var(--ink)}
.qf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.qf-err{margin:0;color:var(--r);font-size:14px;font-weight:700}
.qf-tick{width:80px;height:80px;border-radius:50%;background:var(--grad);margin:4px 0 18px;position:relative;box-shadow:0 0 0 10px rgba(232,78,15,.14),0 16px 30px -10px rgba(210,10,16,.6);animation:qfpop .55s cubic-bezier(.2,1.5,.4,1)}
.qf-tick::after{content:"";position:absolute;left:29px;top:14px;width:16px;height:33px;border:solid #fff;border-width:0 5px 5px 0;transform:rotate(45deg)}
@keyframes qfpop{from{transform:scale(.3) rotate(-30deg);opacity:0}to{transform:none;opacity:1}}
.qf-next-steps{padding-left:22px;margin:0 0 6px;display:grid;gap:10px}
.qf-next-steps li::marker{color:var(--o);font-weight:800}
/* Live-Pille (einziger schwarzer Akzent) */
.qf-live{position:fixed;z-index:6;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom,0px));width:min(620px,calc(100% - 28px));
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 20px;border-radius:22px;background:var(--ink);color:#fff;
  box-shadow:0 20px 40px -14px rgba(20,17,15,.6);animation:qfin .35s ease}
.qf-live[hidden]{display:none}
.qf-live-k{font:700 11px var(--fb);letter-spacing:.12em;text-transform:uppercase;color:#C9BBA6}
.qf-live-v{font-family:var(--fh);font-weight:500;font-size:28px;line-height:1;font-variant-numeric:tabular-nums;color:var(--peach);margin-left:auto}
.qf-live-s{flex-basis:100%;text-align:right;font-size:12px;color:#C9BBA6;margin-top:-6px}
.qf-live.is-off .qf-live-v{color:#8a7f70}
.qf-live-chips{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.qf-live-chips i{font-style:normal;font-size:13px;font-weight:600;padding:4px 11px;border-radius:999px;background:var(--grad);color:#fff;white-space:nowrap}
.qf-foot{text-align:center;font-size:13px;color:var(--mut);padding:18px max(16px,env(safe-area-inset-right,0px)) calc(110px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.qf-foot a{color:var(--mut);margin:0 6px}
.qf-preview{background:var(--r);color:#fff;text-align:center;font-size:14px;padding:8px 12px}
button:focus-visible,a:focus-visible{outline:3px solid var(--o);outline-offset:3px}
@media (max-width:420px){.qf-row{grid-template-columns:1fr}.qf-card{padding:22px 16px 24px;border-radius:24px}.qf-tile{min-height:128px}.qf-kicker{font-size:11px;letter-spacing:.08em}
  .qf-hero::after{width:64px;height:64px;font-size:13px;top:auto;bottom:calc(100% - 128px);right:0}.qf-claim{padding-right:64px}}
@media (min-width:720px){.qf-main{padding-top:26px}.qf-chips--many{grid-template-columns:1fr 1fr 1fr}.qf-card{padding:32px 32px 34px}}
/* Grund gegen Wohnungen: Gebäude-Grafik */
.qf-result--grund{padding-bottom:22px}
.qf-haus-wrap{position:relative;margin:14px 0 6px;display:flex;justify-content:center}
.qf-haus{width:100%;max-width:340px;height:auto;overflow:visible}
.qf-haus-boden{fill:rgba(255,255,255,.35)}
.qf-haus-dach{fill:rgba(255,255,255,.18);stroke:rgba(255,255,255,.7);stroke-width:1.5;stroke-linejoin:round;animation:qfdrop .5s cubic-bezier(.2,1.4,.4,1) both;animation-delay:var(--d)}
.qf-haus-body{fill:rgba(255,255,255,.12);stroke:rgba(255,255,255,.55);stroke-width:1.5}
.qf-win{fill:rgba(255,255,255,.22);stroke:rgba(255,255,255,.45);stroke-width:1;transform-box:fill-box;transform-origin:center bottom;animation:qfwin .45s cubic-bezier(.2,1.4,.4,1) both;animation-delay:var(--d)}
.qf-win.is-mine{fill:#fff;stroke:#fff;filter:drop-shadow(0 0 6px rgba(255,255,255,.9))}
@keyframes qfwin{from{opacity:0;transform:scale(.4) translateY(10px)}to{opacity:1;transform:none}}
@keyframes qfdrop{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
.qf-result--grund .qf-result-v{font-size:clamp(32px,9vw,48px)}
.qf-legend{display:flex;gap:14px;justify-content:center;font-size:12px;opacity:.95;position:relative;margin:0 0 6px}
@media (prefers-reduced-motion:reduce){.qf-win,.qf-haus-dach{animation:none}}
.qf-ablauf{margin:6px 0 0;padding-left:22px;display:grid;gap:6px;position:relative;z-index:1}
.qf-ablauf li::marker{color:var(--peach);font-weight:800}
/* Vorsorge: Heute / Morgen */
.qf-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch;margin:14px 0 4px}
.qf-vs>div{border-radius:18px;padding:14px;font-size:14px;min-width:0}
.qf-vs-a{background:var(--tile);border:1.5px solid var(--line);color:var(--mut)}
.qf-vs-b{background:var(--ink);color:#fff}
.qf-vs b{display:block;font:500 19px/1.2 var(--fh);margin:2px 0 8px}
.qf-vs-a b{color:var(--ink)}
.qf-vs-b b{color:var(--peach)}
.qf-vs ul{margin:0;padding-left:16px;display:grid;gap:4px}
.qf-vs-k{margin:0;font:700 11px var(--fb);letter-spacing:.12em;text-transform:uppercase}
.qf-vs-arrow{align-self:center;width:36px;height:36px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;padding:0!important}
@media (max-width:420px){.qf-vs{grid-template-columns:1fr}.qf-vs-arrow{justify-self:center;transform:rotate(90deg)}}
/* Projekt: Wohnungskarten */
.qf-units{display:grid;gap:12px}
.qf-unit{display:grid;grid-template-columns:118px 1fr;gap:14px;align-items:stretch;text-align:left;border:1.5px solid var(--line);background:var(--tile);border-radius:20px;padding:10px;cursor:pointer;color:var(--ink);font:inherit;
  transition:transform .18s cubic-bezier(.2,1.4,.4,1),border-color .15s,box-shadow .2s}
.qf-unit:hover{border-color:var(--peach);transform:translateY(-3px);box-shadow:0 16px 28px -16px rgba(232,78,15,.55)}
.qf-unit.is-on{background:linear-gradient(var(--paper),var(--paper)) padding-box,var(--grad) border-box;border-color:transparent}
.qf-unit-img{position:relative;border-radius:14px;min-height:104px;background:var(--grad) center/cover no-repeat;overflow:hidden}
.qf-unit-img i{position:absolute;left:6px;top:6px;right:6px;font-style:normal;font:800 11px/1.2 var(--fb);letter-spacing:.04em;text-transform:uppercase;background:var(--ink);color:#FFB48A;border-radius:8px;padding:5px 7px}
.qf-unit-txt{display:flex;flex-direction:column;gap:2px;min-width:0;padding:2px 4px 2px 0}
.qf-unit-txt small{font:700 11px var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--o)}
.qf-unit-txt b{font:500 18px/1.2 var(--fh)}
.qf-unit-txt span{font-size:14px;color:var(--mut)}
.qf-unit-txt strong{margin-top:auto;font:800 18px var(--fb);font-variant-numeric:tabular-nums}