/* Basak Consulting – Kasten „Wie stehen Sie im Vergleich?“ */
.vg{max-width:1180px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left,0px)) 28px max(16px,env(safe-area-inset-right,0px));box-sizing:border-box}
.vg[hidden]{display:none!important}
.vg *{box-sizing:border-box}
.vg-box{background:#fff;border:1px solid rgba(35,39,42,.14);border-top:3px solid #C09A51;padding:24px;display:flex;flex-direction:column;gap:18px;color:#23272A;font-family:"Source Sans 3","Segoe UI",system-ui,sans-serif}
.vg-lbl{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7E6029}
.vg h2{font-family:"Playfair Display",Georgia,serif;font-weight:400;font-size:clamp(24px,3vw,30px);line-height:1.2;margin:6px 0 6px}
.vg p{margin:0;font-size:15.5px;color:#4A453D;line-height:1.5}
.vg-q{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px 28px}
.vg-q[hidden],.vg-f[hidden],.vg-ok[hidden],.vg button[hidden]{display:none!important}
.vg-f{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:8px}
.vg-f legend{font-weight:600;font-size:15.5px;padding:0;margin-bottom:6px}
.vg-chips{display:flex;flex-wrap:wrap;gap:8px}
.vg-chips button{font:inherit;font-size:14.5px;border:1px solid rgba(35,39,42,.3);background:#fff;color:#23272A;padding:7px 12px;cursor:pointer;text-align:left}
.vg-chips button:hover{border-color:#C09A51}
.vg-chips button[aria-pressed="true"]{background:#1E2326;color:#ECE7DD;border-color:#1E2326}
.vg-ok{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:#4A453D;cursor:pointer}
.vg-ok input{width:18px;height:18px;margin-top:2px;accent-color:#C09A51;flex:none}
.vg-ok a{color:inherit}
.vg-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.vg-row button{min-height:46px;padding:0 22px;border:0;background:#C09A51;color:#1E2326;font:inherit;font-weight:600;cursor:pointer}
.vg-row button[disabled]{opacity:.6;cursor:wait}
.vg-row input{flex:1 1 220px;min-width:0;min-height:46px;padding:0 12px;border:1px solid rgba(35,39,42,.3);font:inherit;font-size:16px}
.vg-msg{font-size:15px;min-height:1.2em}
.vg-msg.ok{color:#2F6B45}.vg-msg.err{color:#9A3B22}
.vg-out{display:flex;flex-direction:column;gap:14px;border-top:1px solid rgba(35,39,42,.14);padding-top:16px}
.vg-out[hidden]{display:none}
.vg-big{font-family:"Playfair Display",Georgia,serif;font-size:clamp(20px,2.4vw,24px)!important;color:#23272A!important;line-height:1.3!important}
.vg-big b{color:#7E6029;font-weight:400}
.vg-bar{height:12px;background:rgba(128,128,128,.15)}
.vg-bar i{display:block;height:100%;background:#C09A51}
.vg-next{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px 32px}
.vg-next > div{display:flex;flex-direction:column;gap:8px;min-width:0}
.vg-next b{font-size:16px}
.vg-link{color:#7E6029;font-weight:600}
.vg :focus-visible{outline:2px solid #C09A51;outline-offset:2px}