/* Module pandcheck, risico en benchmark */
.pc-hero{background:var(--band);color:var(--band-ink);padding:56px 0 40px}
.pc-hero h1{font-size:clamp(1.9rem,4vw,2.8rem);margin:8px 0 12px;max-width:760px}
.pc-hero .lead{color:var(--band-muted);max-width:720px}
.pc-hero .eyebrow{color:var(--teal)}
.pc-form{display:grid;grid-template-columns:1.2fr .8fr .6fr auto;gap:10px;align-items:end;margin-top:22px;max-width:760px;position:relative}
.pc-form .fl{color:var(--band-ink)}
.pc-form input{width:100%}
.pc-err{color:#FFB4AC;margin-top:10px;font-weight:600}
.pc-load{padding:24px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--muted)}
.pc-res{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}
.pc-card{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--surface)}
.pc-card h2{margin:4px 0 0}
.pc-svg{display:flex;justify-content:center}
.pc-h2{margin:28px 0 12px}
.pc-cta{margin-top:28px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-radius:18px;padding:22px;background:var(--band);color:var(--band-ink)}
.pc-cta p{color:var(--band-muted);margin:6px 0 0}
.pc-cta h2{margin:0}
.pc-uitleg{max-width:820px}
.rk-items{display:grid;gap:8px}
.rk-adm summary{cursor:pointer}
.rk-adm input{font:inherit;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.rk-dash{display:grid;gap:14px}
.bm-bar{position:relative;height:10px;border-radius:99px;background:var(--line);margin:4px 0}
.bm-band{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--teal) 30%,transparent);border-radius:99px}
.bm-med{position:absolute;top:-3px;width:2px;height:16px;background:var(--ink);transform:translateX(-1px)}
.bm-own{position:absolute;top:-2px;width:14px;height:14px;border-radius:50%;background:var(--teal);border:2px solid var(--surface);transform:translateX(-7px);box-shadow:0 0 0 1px var(--teal)}
.bm-own.warn{background:var(--warn);box-shadow:0 0 0 1px var(--warn)}
.bm-own.ok{background:var(--ok);box-shadow:0 0 0 1px var(--ok)}
.aq-bench{padding-top:0}
@media (max-width:820px){.pc-res{grid-template-columns:1fr}.pc-form{grid-template-columns:1fr 1fr}.pc-form .btn{grid-column:span 2}}
.km-tbl td,.km-tbl th{white-space:nowrap}.km-tbl td:first-child{white-space:normal;min-width:170px}
.km-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#0B2233}
.km-hero::before{content:"";position:absolute;inset:-12px;z-index:-2;background:url(/img/kostenmonitor.webp) center 35%/cover no-repeat;filter:blur(3px)}
.km-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(8,26,40,.88) 0%,rgba(8,26,40,.72) 55%,rgba(8,26,40,.45) 100%)}
.km-hero h1,.km-hero .lead{color:#fff}.km-hero .lead{opacity:.88;max-width:720px}
.km-hero .crumbs,.km-hero .crumbs a{color:rgba(255,255,255,.75)}
.km-hero .eyebrow{color:var(--teal)}
.km-hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.45)}.km-hero .btn-ghost:hover{background:rgba(255,255,255,.1)}
