.qf{min-height:100svh;display:flex;align-items:center;justify-content:center;position:relative;background:#f7f6f4}.qf__bg{position:absolute;inset:0;background-image:url(https://images.typeform.com/images/4YdYqD2y3pHK);background-size:cover;background-position:top;opacity:.07;z-index:0}.qf__wrap{position:relative;z-index:1;width:100%;max-width:560px;margin:0 auto;padding:32px 24px 40px;display:flex;flex-direction:column;gap:0;min-height:100svh}.qf__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.qf__back-home{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#888;text-decoration:none;letter-spacing:.3px;transition:color .2s ease}.qf__back-home:hover{color:#4a5230}.qf__brand{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#7e885d}.qf__progress-track{height:3px;background:rgba(0,0,0,.08);border-radius:2px;overflow:hidden;margin-bottom:16px}.qf__progress-fill{height:100%;background:#4a5230;border-radius:2px;transition:width .4s ease}.qf__step-count{font-size:12px;font-weight:500;color:#bbb;letter-spacing:.5px;margin-bottom:36px}.qf__wohnung-card{display:flex;flex-direction:column;gap:4px;background:#fff;border:1.5px solid rgba(74,82,48,.2);border-radius:10px;padding:16px 20px;margin-bottom:28px}.qf__wohnung-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#7e885d}.qf__wohnung-name{font-size:15px;font-weight:600;color:#1a1a1a}.qf__wohnung-specs{display:flex;align-items:center;gap:6px;font-size:13px;color:#888;flex-wrap:wrap}.qf__body{flex:1 1;transition:opacity .2s ease,transform .2s ease}.qf__body--fade{opacity:0;transform:translateY(8px)}.qf__question{font-size:26px;font-weight:700;color:#1a1a1a;line-height:1.3;letter-spacing:-.3px;margin-bottom:32px}.qf__options{display:flex;flex-direction:column;gap:12px}.qf__option{display:flex;align-items:center;gap:14px;width:100%;padding:16px 20px;background:#fff;border:1.5px solid rgba(0,0,0,.1);border-radius:10px;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;font-family:inherit}.qf__option:hover{border-color:#7e885d;box-shadow:0 2px 12px rgba(74,82,48,.08)}.qf__option--selected{border-color:#4a5230;background:rgba(74,82,48,.04)}.qf__option-check{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.qf__option--selected .qf__option-check{background:#4a5230;border-color:#4a5230;color:#fff}.qf__option-dot{width:7px;height:7px;border-radius:50%;background:transparent}.qf__option-text{font-size:14px;font-weight:400;color:#1a1a1a;letter-spacing:.1px;line-height:1.4}.qf__input-wrap{display:flex;flex-direction:column;gap:16px}.qf__input{background:none;border:none;border-bottom:2px solid rgba(0,0,0,.15);outline:none;width:100%;padding:10px 0;font-size:22px;font-weight:400;color:#1a1a1a;font-family:inherit;transition:border-color .2s ease}.qf__input::placeholder{color:#ccc;font-weight:300}.qf__input:focus{border-bottom-color:#4a5230}.qf__input::-webkit-inner-spin-button,.qf__input::-webkit-outer-spin-button{-webkit-appearance:none}.qf__input[type=number]{-moz-appearance:textfield}.qf__ok-btn{align-self:flex-start;background:#4a5230;color:#fff;border:none;border-radius:6px;padding:13px 28px;font-size:13px;font-weight:600;letter-spacing:.5px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .2s ease,opacity .2s ease;font-family:inherit}.qf__ok-btn:hover:not(:disabled){background:#3a4126}.qf__ok-btn:disabled{opacity:.35;cursor:not-allowed}.qf__spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;border-radius:50%;animation:qfSpin .7s linear infinite;display:inline-block}@keyframes qfSpin{to{transform:rotate(1turn)}}.qf__footer{display:flex;align-items:center;justify-content:space-between;margin-top:40px;padding-top:24px;border-top:1px solid rgba(0,0,0,.06)}.qf__nav-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#999;background:none;border:none;cursor:pointer;padding:8px 0;font-family:inherit;transition:color .2s ease}.qf__nav-btn:hover:not(:disabled){color:#1a1a1a}.qf__nav-btn:disabled{opacity:.3;cursor:not-allowed}.qf__hint{font-size:11px;color:#ccc;letter-spacing:.3px}@media (max-width:500px){.qf__wrap{padding:24px 20px 32px}.qf__question{font-size:22px;margin-bottom:24px}.qf__brand{display:none}.qf__input{font-size:20px}.qf__ok-btn{width:100%;justify-content:center}}