/* Teil 244 – Gehaltsvergleich (ergänzt tools.css) */
.gv-small{font-size:.8125rem;color:var(--p-text-muted);margin:0;line-height:1.5}
.gv-hero-stat{display:flex;flex-direction:column;gap:2px;background:var(--p-surface);border:1px solid var(--p-border);border-radius:20px;padding:20px 24px;margin-bottom:18px;box-shadow:0 20px 50px -34px rgba(15,23,42,.45)}
.gv-hero-stat span{font-size:.875rem;font-weight:700;color:var(--p-text-muted)}
.gv-hero-stat strong{font-size:clamp(2rem,1.6rem + 1.6vw,2.75rem);letter-spacing:-.02em;color:var(--p-primary-ink,var(--p-primary));line-height:1.1}
.gv-hero-stat small{font-size:.8125rem;color:var(--p-text-muted)}
.gv-card{background:var(--p-surface);border:1px solid var(--p-border);border-radius:18px;padding:18px 20px}
.gv-card h3{margin:0 0 2px;font-size:1.0625rem}
.gv-sub{margin:0 0 10px;font-size:.8125rem;color:var(--p-text-muted)}
.gv-verdict{margin:0 0 6px;font-size:.9375rem;line-height:1.55}
/* Gehaltsstrahl */
.gv-strahl{margin:0;padding:34px 8px 34px}
.gv-bar{position:relative;height:10px;border-radius:999px;background:var(--p-border)}
.gv-band{position:absolute;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--p-primary) 25%,transparent),color-mix(in srgb,var(--p-primary) 70%,transparent),color-mix(in srgb,var(--p-primary) 25%,transparent))}
.gv-strahl:not(.gv-strahl-live) .gv-bar{background:linear-gradient(90deg,color-mix(in srgb,var(--p-primary) 25%,var(--p-border)),color-mix(in srgb,var(--p-primary) 70%,var(--p-border)),color-mix(in srgb,var(--p-primary) 25%,var(--p-border)));margin:0 4%}
.gv-tick{position:absolute;top:-4px;width:2px;height:18px;background:var(--p-text-muted);transform:translateX(-1px)}
.gv-tick-med{background:var(--p-primary);width:3px}
.gv-tick b,.gv-tick i{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.6875rem;line-height:1}
.gv-tick b{top:22px;font-weight:700;color:var(--p-text)}
.gv-tick i{top:36px;font-style:normal;color:var(--p-text-muted)}
.gv-tick.gv-up b{top:-30px}.gv-tick.gv-up i{top:-16px}
.gv-strahl:not(.gv-strahl-live){padding-bottom:20px}.gv-strahl figcaption{margin-top:44px;text-align:center}
.gv-pick{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.gv-pick button{font:inherit;font-size:.8125rem;padding:6px 10px;border-radius:999px;border:1px solid var(--p-border);background:var(--p-surface);color:var(--p-text);cursor:pointer}.gv-pick button:hover{border-color:var(--p-primary);color:var(--p-primary)}
.gv-me{position:absolute;top:-9px;width:28px;height:28px;margin-left:-14px;border-radius:50%;background:var(--p-primary);border:3px solid var(--p-surface);box-shadow:0 2px 8px rgba(15,23,42,.35);z-index:2}
.gv-me b{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.75rem;background:var(--p-text);color:var(--p-surface);padding:3px 7px;border-radius:6px}
.gv-strahl-live{padding-top:86px}
/* Branchenvergleich */
.gv-branchen{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.gv-branchen li{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(60px,1fr) auto auto;gap:10px;align-items:center;font-size:.8125rem}
.gv-bl{min-width:0;overflow-wrap:anywhere}
.gv-bb{height:8px;border-radius:999px;background:var(--p-bg);overflow:hidden}
.gv-bb i{display:block;height:100%;background:color-mix(in srgb,var(--p-primary) 60%,transparent);border-radius:999px}
.gv-bv{font-weight:700;text-align:right;white-space:nowrap}
.gv-bd{font-weight:700;white-space:nowrap;min-width:3.6em;text-align:right}
.gv-bd.up{color:var(--p-success,#15803d)}.gv-bd.down{color:var(--p-danger,#b91c1c)}
.gv-mymark{font-size:.8125rem;font-weight:700;color:var(--p-text-muted)}
.gv-links{columns:3 180px;padding-left:18px}
.gv-links li{margin:0 0 6px}
.gv-sources{margin-top:28px;padding:16px 18px;border:1px solid var(--p-border);border-radius:14px;background:var(--p-bg)}
.gv-sources h2{font-size:1.0625rem;margin:0 0 8px}
.gv-sources ul{margin:0 0 8px;padding-left:18px;font-size:.875rem}
@media (max-width:560px){.gv-branchen li{grid-template-columns:minmax(0,1fr) auto auto}.gv-bb{display:none}.gv-tick b{font-size:.625rem}}
.gv-me.gv-me-l b{left:-6px;transform:none}.gv-me.gv-me-r b{left:auto;right:-6px;transform:none}