/* Hotelier-Barometer live bis zur GAST 2026 (Version 75, Oktober 2026)
   Startseite: Live-Zeile unter dem Q-Chat · Barometer: Zähler, Duell Wette gegen echte Zahlen, echte Top 5, Ergebnis-Hinweis */

/* Live-Punkt */
.bm-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--green-d)}
.bm-live i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(121,177,65,.6);animation:bmPuls 1.8s infinite}
@keyframes bmPuls{0%{box-shadow:0 0 0 0 rgba(121,177,65,.55)}70%{box-shadow:0 0 0 8px rgba(121,177,65,0)}100%{box-shadow:0 0 0 0 rgba(121,177,65,0)}}

/* Fortschrittsbalken */
.bm-meter{display:block;height:8px;border-radius:5px;background:rgba(19,54,90,.1);overflow:hidden}
.bm-meter i{display:block;height:100%;width:var(--w,0%);background:var(--green);border-radius:5px;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}

/* ---------- Startseite: Live-Zeile (ersetzt a.baro-cta) ---------- */
.bm-pill{display:grid;grid-template-columns:auto 1fr auto;gap:4px 14px;align-items:center;margin-top:22px;max-width:520px;
  background:var(--navy);color:#fff;text-decoration:none;border-radius:18px;padding:14px 20px 14px 16px;box-shadow:0 14px 30px -20px rgba(19,54,90,.6)}
.bm-pill:hover{background:#0F2C4A}
.bm-pill .bm-live{color:var(--green);grid-row:1;grid-column:1}
.bm-pill-t{grid-row:1;grid-column:2;font-weight:700;font-size:15px}
.bm-pill-num{grid-row:2;grid-column:1/3;font-size:15px;color:#C9D3DE}
.bm-pill-num b{font-size:24px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;margin-right:4px}
.bm-pill .bm-meter{grid-row:3;grid-column:1/3;background:rgba(255,255,255,.16);height:6px;margin:4px 0 2px}
.bm-pill small{grid-row:4;grid-column:1/3;font-size:14px;color:#C9D3DE}
.bm-pill small b{color:#fff}
.bm-pill .arr{grid-row:1/5;grid-column:3;font-size:20px;color:var(--green)}

/* ---------- Barometer: Hero ---------- */
.bm-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,64px);align-items:center}
@media (max-width:900px){.bm-hero-grid{grid-template-columns:1fr}}
.bm-board{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 26px 22px;box-shadow:0 24px 50px -34px rgba(19,54,90,.55)}
.bm-board-top{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted);margin-bottom:10px}
.bm-big{font-size:clamp(64px,8vw,96px);font-weight:900;line-height:.95;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.bm-big-l{font-size:18px;font-weight:700;margin:6px 0 18px}
.bm-board .bm-meter{height:12px;border-radius:7px}
.bm-goal{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:15px;color:var(--grey);margin-top:8px}
.bm-goal b{color:var(--navy)}
.bm-goal .bm-win{color:var(--green-d);font-weight:700}
.bm-facts{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bm-facts b{display:block;font-size:30px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.bm-facts span{font-size:14px;color:var(--grey)}
.bm-fine{margin:16px 0 0;font-size:13px;color:var(--muted)}
.bm-bump{animation:bmBump .6s ease}
@keyframes bmBump{0%{color:var(--green-d);transform:scale(1)}40%{transform:scale(1.04)}100%{color:inherit;transform:scale(1)}}

/* ---------- Barometer: Duell Wette gegen echte Zahlen ---------- */
.bm-duel{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.bm-drow{display:grid;grid-template-columns:150px 130px minmax(0,1fr);gap:18px;align-items:center;padding:16px 22px;border-top:1px solid var(--line)}
.bm-drow:first-child{border-top:0}
.bm-dhead{background:var(--cream);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:12px 22px}
.bm-dl{font-size:20px;font-weight:900}
.bm-dw{font-size:15px;color:var(--grey)}
.bm-dw b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px dashed var(--muted);color:var(--grey);font-size:14px;margin-right:6px}
.bm-dr{display:grid;grid-template-columns:minmax(0,1fr) 64px 70px;gap:12px;align-items:center}
.bm-dr .bm-meter{height:14px;border-radius:7px}
.bm-dr .bm-meter i{background:#C9D9B8}
.bm-drow.top .bm-dr .bm-meter i{background:var(--green)}
.bm-dv{font-size:20px;font-weight:900;text-align:right;font-variant-numeric:tabular-nums}
.bm-dd{font-size:13px;font-weight:700;white-space:nowrap}
.bm-dd.up{color:var(--green-d)}.bm-dd.dn{color:#B4412F}.bm-dd.eq{color:var(--muted);font-weight:400}
.bm-dwait{font-size:15px;color:var(--muted)}
@media (max-width:700px){
  .bm-dhead{display:none}
  .bm-drow{grid-template-columns:1fr auto;gap:6px 12px}
  .bm-dr{grid-column:1/-1}
}
.bm-verdict{display:inline-block;margin-bottom:12px;font-size:14px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 14px;background:var(--mint);color:var(--green-d)}
.bm-verdict.lost{background:#FBEEEC;color:#B4412F}
.bm-verdict.wobble{background:#FFF4DC;color:#8A5A00}

/* ---------- Barometer: echte Top 5 ---------- */
.bm-top{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:bt}
.bm-top li{counter-increment:bt;display:grid;grid-template-columns:52px minmax(0,1fr) 220px 64px;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 20px}
.bm-top li::before{content:counter(bt);font-size:30px;font-weight:900;color:var(--green)}
.bm-top li:first-child{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.bm-tt small{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--green-d)}
.bm-tt b{display:block;font-size:19px;line-height:1.25}
.bm-top .bm-meter{height:10px}
.bm-mv{justify-self:end;font-size:13px;font-weight:900;border-radius:999px;padding:4px 10px;white-space:nowrap}
.bm-mv.neu{background:var(--navy);color:#fff}
.bm-mv.up{background:var(--mint);color:var(--green-d)}
.bm-mv.dn{background:#FBEEEC;color:#B4412F}
.bm-mv.eq{color:var(--muted);font-weight:400}
@media (max-width:760px){.bm-top li{grid-template-columns:40px minmax(0,1fr) auto}.bm-top .bm-meter{grid-column:2/-1;grid-row:2}}
.bm-empty{background:#fff;border:1px dashed var(--line);border-radius:var(--r);padding:22px 24px;font-size:18px;margin:0}
.bm-empty a{color:var(--green-d);font-weight:700}

/* ---------- Barometer: Ergebnis am 12. November ---------- */
.bm-result-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;background:#fff;border:2px solid var(--green);border-radius:18px;padding:clamp(24px,3.4vw,40px)}
.bm-result-in p{margin:14px 0 0;color:var(--grey);font-size:18px;max-width:56ch}
@media (max-width:760px){.bm-result-in{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){.bm-live i,.bm-bump{animation:none}.bm-meter i{transition:none}}