/* Live-Besucher: Leiste unten links + aufklappbare Karte (Stil der Seite: Papier, Tinte, Kobalt, Serif-Akzent) */
.lv{position:fixed;left:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,22px);z-index:80;display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-family:Inter,system-ui,sans-serif;max-width:calc(100vw - 24px)}
.lv[hidden]{display:none}
/* weicht aus, sobald darunter etwas Anklickbares liegt */
.lv{transition:opacity .3s ease,visibility 0s linear 0s}
.lv.weg{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .3s}
.lv-pille{display:inline-flex;align-items:center;gap:0;max-width:100%;min-height:40px;padding:0 16px 0 12px;border:1px solid var(--linie,rgba(16,17,20,.12));border-radius:999px;
  background:rgba(246,245,241,.86);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);color:var(--tinte,#101114);cursor:pointer;
  font:500 13.5px/1 Inter,system-ui,sans-serif;box-shadow:0 10px 30px rgba(16,17,20,.10),0 1px 3px rgba(16,17,20,.06);transition:transform .3s var(--ease,ease),box-shadow .3s;
  animation:lvRein .7s var(--ease,ease) both}
.lv-pille:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(16,17,20,.14),0 1px 3px rgba(16,17,20,.06)}
.lv-pille:focus-visible{outline:3px solid rgba(33,64,232,.35);outline-offset:2px}
.lv-punkt{position:relative;width:8px;height:8px;border-radius:50%;background:var(--nebel,#8b8f97);margin-right:10px;flex:none}
.lv.live .lv-punkt{background:var(--kobalt,#2140e8)}
.lv.live .lv-punkt::before,.lv.live .lv-punkt::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--kobalt,#2140e8);opacity:0;animation:lvPuls 2.4s ease-out infinite}
.lv.live .lv-punkt::after{animation-delay:1.2s}
.lv-n{font:800 15px/1 var(--display,'Inter Tight',sans-serif);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.lv-t{white-space:pre;color:var(--tinte,#101114)}
.lv-trenn{width:1px;height:16px;background:var(--linie2,rgba(16,17,20,.24));margin:0 12px;flex:none}
.lv-ticker{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:min(320px,52vw);color:var(--graphit,#5c5f66);font-family:var(--serif,'Instrument Serif',Georgia,serif);font-style:italic;font-size:15px;line-height:1.2}
.lv-ticker.rein{animation:lvTick .55s var(--ease,ease) both}
.lv-ticker:empty,.lv-ticker:empty+*{display:none}
.lv-karte{white-space:normal;width:min(360px,calc(100vw - 24px));padding:18px 18px 14px;border:1px solid var(--linie,rgba(16,17,20,.12));border-radius:16px;background:rgba(246,245,241,.94);
  -webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);color:var(--tinte,#101114);box-shadow:0 30px 80px rgba(16,17,20,.16),0 2px 6px rgba(16,17,20,.06);
  transform-origin:bottom left;animation:lvKarte .45s var(--ease,ease) both}
.lv-karte[hidden]{display:none}
.lv-k-kopf{display:flex;justify-content:space-between;align-items:center}
.lv-eyebrow{font:600 10.5px/1 var(--mono,ui-monospace,monospace);letter-spacing:.18em;text-transform:uppercase;color:var(--kobalt,#2140e8)}
.lv-zu{border:0;background:transparent;color:var(--graphit,#5c5f66);font-size:22px;line-height:1;cursor:pointer;width:30px;height:30px;border-radius:50%}
.lv-zu:hover{background:var(--buetten,#ecebe6)}
.lv-gross{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin:8px 0 14px}
.lv-gross b{font:800 56px/1 var(--display,'Inter Tight',sans-serif);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.lv-gross span{flex:1;min-width:0;font-family:var(--serif,'Instrument Serif',Georgia,serif);font-style:italic;font-size:18px;line-height:1.2;color:var(--kobalt,#2140e8);white-space:normal;overflow-wrap:break-word}
.lv-label{margin:0 0 8px;font:600 10.5px/1 var(--mono,ui-monospace,monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--graphit,#5c5f66)}
.lv-liste{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.lv-z{display:flex;align-items:baseline;gap:8px;font-size:14px}
.lv-z-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lv-z-n{font:700 14px var(--display,'Inter Tight',sans-serif);font-variant-numeric:tabular-nums}
.lv-sie{font:600 10px/1 var(--mono,ui-monospace,monospace);letter-spacing:.12em;text-transform:uppercase;font-style:normal;color:#fff;background:var(--kobalt,#2140e8);padding:3px 6px;border-radius:999px}
.lv-balken{display:block;height:4px;border-radius:4px;background:var(--buetten,#ecebe6);margin-top:5px;overflow:hidden}
.lv-balken span{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,var(--kobalt,#2140e8),var(--kobalt-hell,#6b84ff));transition:width .9s var(--ease,ease)}
.lv-fuss{display:flex;gap:16px;margin-top:14px;padding-top:12px;border-top:1px solid var(--linie,rgba(16,17,20,.12));font:600 11px/1 var(--mono,ui-monospace,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--tinte,#101114)}
.lv-hinweis{margin:10px 0 0;font-size:12px;color:var(--graphit,#5c5f66)}
.lv-hinweis a{color:inherit}
.lv.offen .lv-pille{box-shadow:0 4px 14px rgba(16,17,20,.08)}
@keyframes lvRein{from{opacity:0;transform:translateY(14px)}}
@keyframes lvPuls{0%{opacity:.7;transform:scale(.6)}100%{opacity:0;transform:scale(2.2)}}
@keyframes lvTick{from{opacity:0;transform:translateY(60%)}to{opacity:1;transform:none}}
@keyframes lvKarte{from{opacity:0;transform:translateY(10px) scale(.97)}}
/* Handy: kompaktes Feld nur mit Punkt und Zahl; Details in der Karte */
@media (max-width:640px){.lv-pille{min-height:34px;font-size:12.5px;padding:0 12px 0 10px}.lv-trenn,.lv-ticker{display:none}.lv-gross b{font-size:46px}.lv{left:10px;bottom:10px}}
@media (prefers-reduced-motion:reduce){.lv-pille,.lv-karte,.lv-ticker.rein{animation:none}.lv.live .lv-punkt::before,.lv.live .lv-punkt::after{animation:none;opacity:0}}
@media print{.lv{display:none}}
/* Hinweis „Empfohlen von …“ (Empfehlungslink eines Partners), oben mittig unter der Kopfleiste */
.pt-empf{position:fixed;top:122px;left:50%;transform:translateX(-50%);z-index:70;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;border-radius:999px;background:rgba(246,245,241,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(16,17,20,.12);box-shadow:0 10px 30px rgba(16,17,20,.10);font:500 13.5px Inter,system-ui,sans-serif;color:#101114;max-width:calc(100vw - 24px);animation:lvRein .6s ease both}
.pt-empf span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-empf button{border:0;background:transparent;width:26px;height:26px;border-radius:50%;cursor:pointer;color:#5c5f66;font-size:18px;line-height:1}
@media (max-width:640px){.pt-empf{top:106px}}
/* Menü: Partnerprogramm (Partner werden + Login), eingehängt von der Middleware */
.menue-partner{display:grid;gap:8px;margin-top:22px!important;padding-top:18px;border-top:1px solid rgba(246,245,241,.18)}
.menue-partner span{font:600 10.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;opacity:.6}
.menue-partner a{color:inherit;font-weight:600;text-decoration:none}
.menue-partner a:hover{text-decoration:underline;text-underline-offset:4px}