/* helloheidi.fans - Einstieg und Angebote im Chat (Paket 1006-0658). Nur unter helloheidi.fans ausgeliefert.
   Farbwerte aus referenz/tokens.css (hell/dunkel), angelehnt an das bestehende Design von helloheidi.me. */
@font-face{font-family:'Manrope';font-weight:200 800;font-display:swap;src:url(/assets/fonts/manrope.woff2) format('woff2')}
@font-face{font-family:'Sacramento';font-weight:400;font-display:swap;src:url(/assets/fonts/sacramento.woff2) format('woff2')}
:root[data-seite="fans"]{
  --hh-bg:#F7F6F4;--hh-surface:#FFFFFF;--hh-text:#2F2A2A;--hh-muted:#5F5856;--hh-line:#E9E6E2;--hh-line-soft:#F0EDE9;
  --hh-primary:#9E3A49;--hh-primary-text:#FFFFFF;--hh-link:#9E3A49;--hh-link-strong:#7E2C39;--hh-rose:#C97B86;
  --hh-tint:#F4E9EA;--hh-tint-text:#7E2C39;--hh-online:#2F8F57;--hh-online-text:#256B41;--hh-disabled:#B9AEB0;--hh-step-todo:#E3DFDA;
  --hh-scrim:rgba(47,42,42,.42);
  --hh-shadow-card:8px 8px 20px rgba(47,42,42,.06),-6px -6px 16px rgba(255,255,255,.9);
  --hh-shadow-soft:6px 6px 16px rgba(47,42,42,.05);--hh-shadow-btn:4px 6px 14px rgba(158,58,73,.28);
  --hh-shadow-sheet:0 -10px 30px rgba(47,42,42,.18);
  --hh-chip-angebot-bg:#F4E9EA;--hh-chip-angebot-fg:#7E2C39;--hh-chip-ausstehend-bg:#F3EBDD;--hh-chip-ausstehend-fg:#6B4E16;
  --hh-chip-bezahlt-bg:#E3EEF6;--hh-chip-bezahlt-fg:#1F4E73;--hh-chip-verfuegbar-bg:#E2F0E7;--hh-chip-verfuegbar-fg:#23583A;
  --hh-chip-abgebrochen-bg:#EFEDEA;--hh-chip-abgebrochen-fg:#55504E;--hh-chip-fehlgeschlagen-bg:#F6E1E1;--hh-chip-fehlgeschlagen-fg:#7A1B1B;
  --hh-chip-erstattet-bg:#EAE6F2;--hh-chip-erstattet-fg:#47366E;
  --hh-font:'Manrope',system-ui,sans-serif;--hh-hand:'Sacramento',cursive;
}
@media (prefers-color-scheme:dark){:root[data-seite="fans"]:not([data-theme="light"]){
  --hh-bg:#26282C;--hh-surface:#2E3035;--hh-text:#F1ECE6;--hh-muted:#BDB6B0;--hh-line:#3B3D43;--hh-line-soft:#383A40;
  --hh-primary:#A84452;--hh-link:#D08A94;--hh-link-strong:#E0A3AC;--hh-rose:#D08A94;--hh-tint:#3D3136;--hh-tint-text:#EBC3C9;
  --hh-online:#3FA669;--hh-online-text:#8FD3A9;--hh-disabled:#5A5357;--hh-step-todo:#44464C;--hh-scrim:rgba(0,0,0,.55);
  --hh-shadow-card:8px 8px 20px rgba(0,0,0,.28),-4px -4px 12px rgba(255,255,255,.025);--hh-shadow-soft:6px 6px 16px rgba(0,0,0,.22);
  --hh-shadow-btn:4px 6px 14px rgba(0,0,0,.35);--hh-shadow-sheet:0 -10px 30px rgba(0,0,0,.45);
  --hh-chip-angebot-bg:#4A2F35;--hh-chip-angebot-fg:#F2CCD2;--hh-chip-ausstehend-bg:#4A4030;--hh-chip-ausstehend-fg:#EDDCAE;
  --hh-chip-bezahlt-bg:#2C3F50;--hh-chip-bezahlt-fg:#C3DDF2;--hh-chip-verfuegbar-bg:#2B4636;--hh-chip-verfuegbar-fg:#C2E6CF;
  --hh-chip-abgebrochen-bg:#3C3E44;--hh-chip-abgebrochen-fg:#D8D3CD;--hh-chip-fehlgeschlagen-bg:#532B2B;--hh-chip-fehlgeschlagen-fg:#F4C8C8;
  --hh-chip-erstattet-bg:#3B3550;--hh-chip-erstattet-fg:#D9CFF2;
}}
:root[data-seite="fans"][data-theme="dark"]{
  --hh-bg:#26282C;--hh-surface:#2E3035;--hh-text:#F1ECE6;--hh-muted:#BDB6B0;--hh-line:#3B3D43;--hh-line-soft:#383A40;
  --hh-primary:#A84452;--hh-link:#D08A94;--hh-link-strong:#E0A3AC;--hh-rose:#D08A94;--hh-tint:#3D3136;--hh-tint-text:#EBC3C9;
  --hh-online:#3FA669;--hh-online-text:#8FD3A9;--hh-disabled:#5A5357;--hh-step-todo:#44464C;--hh-scrim:rgba(0,0,0,.55);
  --hh-shadow-card:8px 8px 20px rgba(0,0,0,.28),-4px -4px 12px rgba(255,255,255,.025);--hh-shadow-soft:6px 6px 16px rgba(0,0,0,.22);
  --hh-shadow-btn:4px 6px 14px rgba(0,0,0,.35);--hh-shadow-sheet:0 -10px 30px rgba(0,0,0,.45);
  --hh-chip-angebot-bg:#4A2F35;--hh-chip-angebot-fg:#F2CCD2;--hh-chip-ausstehend-bg:#4A4030;--hh-chip-ausstehend-fg:#EDDCAE;
  --hh-chip-bezahlt-bg:#2C3F50;--hh-chip-bezahlt-fg:#C3DDF2;--hh-chip-verfuegbar-bg:#2B4636;--hh-chip-verfuegbar-fg:#C2E6CF;
  --hh-chip-abgebrochen-bg:#3C3E44;--hh-chip-abgebrochen-fg:#D8D3CD;--hh-chip-fehlgeschlagen-bg:#532B2B;--hh-chip-fehlgeschlagen-fg:#F4C8C8;
  --hh-chip-erstattet-bg:#3B3550;--hh-chip-erstattet-fg:#D9CFF2;
}

/* Nur .me: Stories, Glocke, zweite Push-Erlaubnis */
[data-seite="fans"] #stories-knopf,[data-seite="fans"] #hh-glocke,[data-seite="fans"] #hh-glocke-tip,[data-seite="fans"] #hh-glocke-hinweis,
[data-seite="fans"] #push-hint,[data-seite="fans"] [data-me="push"],[data-seite="fans"] .nb-btn[data-nb="push"]{display:none!important}

/* ---------- Startseite ---------- */
.fx-start{font-family:var(--hh-font);color:var(--hh-text)}
[data-seite="fans"] body{font-family:var(--hh-font)}
.fx-start header .logo{font-family:var(--hh-font);font-size:18px;font-weight:800;letter-spacing:-.2px}
.fx-start header .logo .lh{color:var(--hh-link)}
.fx-ab18{align-self:center;font-size:12px;font-weight:700;color:var(--hh-muted);border:1px solid var(--hh-line);background:var(--hh-surface);border-radius:999px;padding:5px 11px}
.fx-pruefband{background:var(--hh-surface);border:1px solid var(--hh-line);color:var(--hh-muted);font-size:12.5px;line-height:1.4}
.fx-pruefband b{color:var(--hh-text)}
.fx-pruef-start{margin:14px 0 0;border-radius:14px;padding:10px 14px;display:flex;gap:10px;align-items:center}
.fx-pruef-start[hidden],.fx-pruef-chat[hidden]{display:none!important}
.fx-pruef-start i{width:8px;height:8px;border-radius:50%;background:var(--hh-primary);flex-shrink:0}
.fx-pruef-chat{border-width:0 0 1px;padding:7px 16px;font-size:12px;text-align:center}
.fx-start main{padding:18px 0 0}
.fx-hero{display:flex;align-items:flex-end;gap:14px}
.fx-bild{width:88px;height:88px;border-radius:50%;padding:4px;background:var(--hh-primary);box-shadow:var(--hh-shadow-card);flex-shrink:0;display:block}
.fx-bild img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--hh-surface);display:block}
.fx-notiz{display:flex;align-items:center;gap:6px;padding-bottom:4px;color:var(--hh-link)}
.fx-notiz span{font-family:var(--hh-hand);font-size:34px;line-height:1;transform:rotate(-4deg)}
.fx-start h1{margin:18px 0 0;font-family:var(--hh-font);font-size:27px;line-height:1.2;font-weight:800;letter-spacing:-.4px}
.fx-start .lede{margin:10px 0 0;font-size:15px;line-height:1.55;color:var(--hh-muted)}
html[data-skin=neolight] .fx-chat{margin-top:22px}
html[data-skin=neolight] .fx-chat .ug-card{padding:0;box-shadow:none;background:transparent;border:0}
html[data-skin=neolight] .fx-chat .ug-comp.fx-feld{margin:0;background:var(--hh-surface);border:1px solid var(--hh-line-soft);border-radius:22px;padding:14px 14px 12px 16px;box-shadow:var(--hh-shadow-card);display:flex;flex-direction:column;gap:6px}
.fx-label{font-size:12px;font-weight:700;color:var(--hh-muted)}
html[data-skin=neolight] .fx-feld textarea{min-height:48px;font-family:var(--hh-font);color:var(--hh-text)}
.fx-feld textarea::placeholder{color:var(--hh-muted);opacity:.8}
.fx-feld-fuss small{font-size:12px;line-height:1.4;color:var(--hh-muted);flex:1 1 auto}
html[data-skin=neolight] .fx-feld .send{width:48px;height:48px;background:var(--hh-primary);color:var(--hh-primary-text);box-shadow:var(--hh-shadow-btn);animation:none}
html[data-skin=neolight] .fx-feld .send[data-fx-inaktiv="1"]{background:var(--hh-disabled);box-shadow:none}
.fx-fehler{margin:8px 4px 0;font-size:12.5px;font-weight:700;color:var(--hh-link-strong)}
.fx-fehler:empty{margin:0}
.fx-haken{margin-top:12px;display:flex;gap:12px;align-items:flex-start;cursor:pointer;min-height:44px}
.fx-haken input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--hh-primary);flex-shrink:0}
.fx-haken>span{display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.45}
.fx-haken small{font-size:12px;line-height:1.4;color:var(--hh-muted)}
.fx-haken-chat{margin:8px 18px 0;padding:10px 12px;border-radius:14px;background:var(--hh-surface);border:1px solid var(--hh-line)}
.fx-fuss{margin-top:28px;padding:16px 0 22px;border-top:1px solid var(--hh-line);display:flex;flex-direction:column;gap:10px}
.fx-fuss nav,.fx-mini nav{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;font-weight:600}
.fx-fuss nav a,.fx-mini nav a{text-decoration:none;color:var(--hh-link);padding:4px 0}
.fx-fuss nav a:hover{color:var(--hh-link-strong)}
.fx-firma{margin:0;font-size:12px;color:var(--hh-muted)}

/* ---------- Im Chat ---------- */
.fx-im-chat{font-family:var(--hh-font);color:var(--hh-text)}
.fx-nachricht .fx-entwurf{display:block;font-size:11px;font-weight:700;color:var(--hh-muted);margin-bottom:4px}
.fx-karte,.fx-bestellung{align-self:stretch;margin:10px 22px 10px 0;background:var(--hh-surface);border:1px solid var(--hh-line-soft);border-radius:22px 22px 22px 6px;box-shadow:var(--hh-shadow-card);flex-shrink:0;max-width:440px}
.fx-karte{overflow:hidden}
.fx-karte-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:13px 16px 10px}
.fx-karte-kopf b{font-size:14px;font-weight:800}
.fx-karte-kopf span{font-size:12px;color:var(--hh-muted)}
.fx-zeile{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 16px 10px 12px;background:transparent;border:0;border-top:1px solid var(--hh-line-soft);text-align:left;cursor:pointer;font:inherit;color:inherit}
.fx-zeile:hover{background:color-mix(in srgb,var(--hh-tint) 35%,transparent)}
.fx-thumb{position:relative;width:50px;height:62px;border-radius:12px;background:var(--hh-tint);color:var(--hh-tint-text);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.fx-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.fx-thumb em{position:absolute;inset:auto 4px 4px auto;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center}
.fx-mitte{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0}
.fx-mitte b{font-size:15px;font-weight:700;line-height:1.25}
.fx-mitte small{font-size:12px;line-height:1.3;color:var(--hh-muted)}
.fx-chip{align-self:flex-start;margin-top:2px;font-size:11px;font-weight:700;line-height:1;padding:4px 8px;border-radius:999px;transition:background .3s,color .3s}
.fx-chip[data-z="angebot"]{background:var(--hh-chip-angebot-bg);color:var(--hh-chip-angebot-fg)}
.fx-chip[data-z="ausstehend"]{background:var(--hh-chip-ausstehend-bg);color:var(--hh-chip-ausstehend-fg)}
.fx-chip[data-z="bezahlt"],.fx-chip[data-z="erstellung"]{background:var(--hh-chip-bezahlt-bg);color:var(--hh-chip-bezahlt-fg)}
.fx-chip[data-z="verfuegbar"],.fx-chip[data-z="bereit"]{background:var(--hh-chip-verfuegbar-bg);color:var(--hh-chip-verfuegbar-fg)}
.fx-chip[data-z="abgebrochen"]{background:var(--hh-chip-abgebrochen-bg);color:var(--hh-chip-abgebrochen-fg)}
.fx-chip[data-z="fehlgeschlagen"]{background:var(--hh-chip-fehlgeschlagen-bg);color:var(--hh-chip-fehlgeschlagen-fg)}
.fx-chip[data-z="erstattet"]{background:var(--hh-chip-erstattet-bg);color:var(--hh-chip-erstattet-fg)}
.fx-preis{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}
.fx-preis b{font-size:19px;font-weight:800;line-height:1.1;letter-spacing:-.3px}
.fx-preis small{font-size:11px;color:var(--hh-muted)}
.fx-bestellung{padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.fx-reihe{display:flex;align-items:center;justify-content:space-between;gap:10px}
.fx-klein{font-size:12px;font-weight:700;color:var(--hh-muted)}
.fx-sim{font-size:11px;font-weight:700;color:var(--hh-muted);border:1px solid var(--hh-line);border-radius:999px;padding:2px 8px}
.fx-titel{font-size:15px;font-weight:700}
.fx-betrag{font-size:15px;font-weight:800}
.fx-schritte{display:flex;gap:6px}
.fx-schritt{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:5px;font-size:10.5px;line-height:1.2;color:var(--hh-muted)}
.fx-schritt i{height:4px;border-radius:2px;background:var(--hh-step-todo);transition:background .4s}
.fx-schritt.fertig i{background:var(--hh-primary)}
.fx-schritt.aktuell i{background:var(--hh-rose)}
.fx-schritt.fertig,.fx-schritt.aktuell{color:var(--hh-text)}
.fx-schritt.hier{font-weight:800}
.fx-text{font-size:12.5px;line-height:1.4}
.fx-knopf{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--hh-primary);background:var(--hh-surface);color:var(--hh-link-strong);font:inherit;font-size:13px;font-weight:700;cursor:pointer;flex-shrink:0}
.fx-knopf.voll{background:var(--hh-primary);color:var(--hh-primary-text)}

/* ---------- Angebot als Blatt von unten ---------- */
.fx-blatt-wrap{position:fixed;inset:0;z-index:1000;font-family:var(--hh-font);color:var(--hh-text)}
.fx-blatt-wrap[hidden]{display:none}
.fx-schleier{position:absolute;inset:0;border:0;padding:0;background:var(--hh-scrim);opacity:0;transition:opacity .25s;cursor:pointer}
.fx-blatt-wrap.offen .fx-schleier{opacity:1}
.fx-blatt{position:absolute;left:0;right:0;bottom:0;margin:0 auto;max-width:520px;max-height:calc(100% - 54px);overflow-y:auto;overscroll-behavior:contain;background:var(--hh-bg);border-radius:26px 26px 0 0;padding:10px 20px calc(20px + env(safe-area-inset-bottom,0px));box-shadow:var(--hh-shadow-sheet);display:flex;flex-direction:column;gap:12px;transform:translateY(102%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.fx-blatt-wrap.offen .fx-blatt{transform:none}
html.fx-blatt-offen,html.fx-blatt-offen body{overflow:hidden}
.fx-greifer{align-self:center;width:40px;height:4px;border-radius:2px;background:var(--hh-line);flex-shrink:0}
.fx-blatt .fx-chip{align-self:center;margin:0;padding:5px 9px}
.fx-icon{width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:var(--hh-text);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;margin:-6px -10px -6px 0}
.fx-vorschau{min-height:112px;border-radius:18px;background:var(--hh-tint);color:var(--hh-tint-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex-shrink:0;font-size:12px;font-weight:600;overflow:hidden;position:relative}
.fx-vorschau.mit-bild{height:clamp(200px,42vh,340px)}
.fx-vorschau img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fx-vorschau.mit-bild span{position:relative;background:rgba(0,0,0,.55);color:#fff;border-radius:999px;padding:4px 10px}
.fx-blatt-titel{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.fx-blatt-titel h2{margin:0;font-family:var(--hh-font);font-size:20px;font-weight:800;line-height:1.2;letter-spacing:-.2px}
.fx-blatt-titel div{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}
.fx-blatt-titel b{font-size:28px;font-weight:800;line-height:1;letter-spacing:-.6px}
.fx-blatt-titel small{font-size:11.5px;color:var(--hh-muted);margin-top:4px}
.fx-angaben{margin:0;background:var(--hh-surface);border:1px solid var(--hh-line-soft);border-radius:16px;padding:4px 14px}
.fx-angaben div{display:flex;gap:12px;padding:8px 0;border-top:1px solid var(--hh-line-soft)}
.fx-angaben div:first-child{border-top:0}
.fx-angaben dt{width:96px;flex-shrink:0;font-size:12.5px;color:var(--hh-muted);line-height:1.4}
.fx-angaben dd{margin:0;font-size:13px;font-weight:600;line-height:1.4}
.fx-erkl{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:12.5px;line-height:1.45;min-height:44px}
.fx-erkl input{width:22px;height:22px;margin:0;accent-color:var(--hh-primary);flex-shrink:0}
.fx-erkl a{color:var(--hh-link)}
.fx-kaufen{min-height:52px;border-radius:999px;border:0;background:var(--hh-primary);color:var(--hh-primary-text);font:inherit;font-size:15px;font-weight:800;cursor:pointer;flex-shrink:0;transition:background .2s}
.fx-kaufen:disabled{background:var(--hh-disabled);cursor:default}
.fx-fein{margin:0;font-size:12px;line-height:1.45;color:var(--hh-muted);text-align:center}
.fx-status{margin:0;font-size:14px;font-weight:600;line-height:1.45}
.fx-blatt .fx-schritt{font-size:11px}
.fx-hilfe{margin:0;font-size:12px;line-height:1.45;color:var(--hh-muted)}
.fx-hilfe a{color:var(--hh-link)}

/* ---------- Meine Käufe (Profil) ---------- */
.fx-kaeufe{margin:18px 0 6px;text-align:left;font-family:var(--hh-font)}
.fx-kaeufe h3{margin:0 0 8px;font-size:15px;font-weight:800}
.fx-kaeufe p{margin:0;font-size:13px;color:var(--hh-muted)}
.fx-kaeufe ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.fx-kaeufe li button{width:100%;min-height:44px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--hh-line);background:var(--hh-surface);color:var(--hh-text);font:inherit;text-align:left;cursor:pointer}
.fx-kaeufe li button>span:first-child{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.fx-kaeufe li b{font-size:14px}
.fx-kaeufe li small{font-size:12px;color:var(--hh-muted)}
.fx-kaeufe .fx-chip{align-self:center;margin:0}

@media (prefers-reduced-motion:reduce){
  .fx-blatt,.fx-schleier,.fx-chip,.fx-schritt i,.fx-kaufen{transition:none!important}
}

/* Rechtslinks immer sichtbar - ohne den Einblend-Effekt der .me-Seite */
.fx-fuss.nl-rv,.fx-fuss{opacity:1!important;transform:none!important}
/* "Gespräch wiederfinden" (app.js) steht unter dem 18+-Haken, nicht zwischen Feld und Haken */
.fx-chat .hh-wiederfinden{display:block;margin:14px auto 0}

/* Nur Englisch: keine Sprachwahl im Profil (A-20261006-11) */
[data-seite="fans"] .lang-row{display:none!important}
/* Simulation: Heidi tippt kurz, dann erscheinen ihre Antwort und die Angebote */
.fx-wartet{display:none!important}
/* langsam einblenden (A-20261006-14) */
.fx-kommt{animation:fx-kommt 1.1s cubic-bezier(.2,.7,.2,1) both}
@keyframes fx-kommt{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.fx-tippt{animation:fx-kommt .6s ease-out both}
.fx-punkte{display:inline-flex;gap:5px;padding:4px 2px}
.fx-punkte i{width:7px;height:7px;border-radius:50%;background:var(--hh-muted);opacity:.5;animation:fx-punkt 1.2s infinite}
.fx-punkte i:nth-child(2){animation-delay:.2s}.fx-punkte i:nth-child(3){animation-delay:.4s}
@keyframes fx-punkt{0%,80%,100%{opacity:.25;transform:none}40%{opacity:.9;transform:translateY(-3px)}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.fx-kommt,.fx-tippt,.fx-punkte i{animation:none}}

/* Simulation (A-20261006-12): ohne echtes Gespraech keine Abwesenheitsnachricht zwischen Begruessung und Frage */
html.fx-demo #conv-log > .hh-away-note,html.fx-demo #conv-log > .auto{display:none!important}

/* Heidi ist auf .fans immer online (Heidi 06.10.2026, A-20261006-13): nie eine Abwesenheitsnachricht oder -notiz */
[data-seite="fans"] #conv-log > .hh-away-note,[data-seite="fans"] #conv-log > .auto,[data-seite="fans"] .hh-away-note{display:none!important}

/* Bestellablauf (A-20261006-16): Uebersicht, Demo-Video, Bestaetigung */
.fx-uebersicht-titel,.fx-beleg h3{margin:4px 0 0;font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px}
.fx-erkl-liste{margin:0;padding:0 0 0 2px;list-style:none;font-size:12.5px;line-height:1.45;display:flex;flex-direction:column;gap:6px}
.fx-beleg{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--hh-line);padding-top:12px}
.fx-demo-video{height:auto;background:#000}
.fx-demo-video video{position:static;width:100%;max-height:52vh;display:block;object-fit:contain}
.fx-demo-hinweis{margin:-4px 0 0;font-size:12px;line-height:1.4;color:var(--hh-muted);text-align:center}

/* Testzugang (A-20261006-16) */
.fx-angebote-knopf{margin-top:14px;width:100%;min-height:48px;border-radius:999px;border:1px solid var(--hh-primary);background:var(--hh-surface);color:var(--hh-link-strong);font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.fx-test-link{margin:12px 0 0;text-align:center;font-size:13px}
.fx-test-link a{color:var(--hh-link)}