/* HTZ Marketing Suite – gemeinsames Stylesheet für alle Module
   Alle Klassen sind unter .htz-marketing gescoped, um Konflikte mit dem Theme zu vermeiden. */

.htz-marketing{
  --htz-bg:#0A0E14;
  --htz-surface:#121821;
  --htz-surface-2:#161D27;
  --htz-border:#232D3A;
  --htz-text:#EDEFF2;
  --htz-muted:#8B95A1;
  --htz-accent:#E50000;   /* Markenfarbe – Buttons, CTAs, Rahmen (per Admin-Einstellung anpassbar) */
  --htz-amber:#FFB020;    /* Codes, Hinweise (per Admin-Einstellung anpassbar) */
  --htz-pos:#00D9A5;      /* IMMER grün: positive Werte, Long-Positionen */
  --htz-neg:#FF5C5C;      /* IMMER rot: negative Werte, Short-Positionen, Dringlichkeit */

  font-family:'Inter',sans-serif;
  color:var(--htz-text) !important;
  box-sizing:border-box;
  max-width:760px;
}
.htz-marketing *{ box-sizing:border-box; }
.htz-marketing a{ text-decoration:none; }

.htz-eyebrow{
  font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.12em;
  color:var(--htz-pos) !important; text-transform:uppercase; display:flex; align-items:center; gap:8px; margin-bottom:12px;
}
.htz-eyebrow::before{
  content:""; width:7px; height:7px; border-radius:50%; background:var(--htz-pos);
  box-shadow:0 0 8px var(--htz-pos); animation:htz-pulse 1.6s infinite;
}
.htz-eyebrow.htz-pill{
  display:inline-flex; background:rgba(229,0,0,0.1); border:1px solid rgba(229,0,0,0.25);
  padding:6px 14px; border-radius:99px; color:var(--htz-accent) !important;
}
.htz-eyebrow.htz-pill::before{ display:none; }
@keyframes htz-pulse{0%,100%{opacity:1}50%{opacity:.35}}

.htz-h1{ font-family:'Space Grotesk',sans-serif; font-size:clamp(24px,4vw,32px); font-weight:700; line-height:1.15; margin:0 0 8px; }
.htz-sub{ color:var(--htz-muted) !important; font-size:15px; margin:0 0 24px; }
.htz-center{ text-align:center; margin-left:auto; margin-right:auto; max-width:480px; }

.htz-card{ background:var(--htz-surface); border:1px solid var(--htz-border); border-radius:16px; padding:28px; position:relative; overflow:hidden; }

/* ---------- QUIZ ---------- */
.htz-progress-track{ height:3px; background:var(--htz-border); border-radius:3px; margin-bottom:24px; overflow:hidden; }
.htz-progress-fill{ height:100%; background:linear-gradient(90deg,var(--htz-pos),#00b389); border-radius:3px; transition:width .35s ease; width:5%; }
.htz-step-label{ font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--htz-muted) !important; letter-spacing:.08em; margin-bottom:6px; }
.htz-question{ font-family:'Space Grotesk',sans-serif; font-size:20px; font-weight:600; margin:0 0 20px; }
.htz-options{ display:flex; flex-direction:column; gap:10px; }
.htz-opt{
  text-align:left; background:var(--htz-surface-2); border:1px solid var(--htz-border); color:var(--htz-text) !important;
  padding:14px 16px; border-radius:10px; font-size:14.5px; cursor:pointer; width:100%;
  transition:border-color .15s, background .15s; display:flex; align-items:center; justify-content:space-between;
}
.htz-opt:hover{ border-color:var(--htz-pos); background:#1a2430; }
.htz-opt-arrow{ color:var(--htz-muted) !important; font-family:'JetBrains Mono',monospace; }
.htz-opt-external{
  text-decoration:none; border:1px dashed var(--htz-amber); background:rgba(255,176,32,0.06);
  align-items:flex-start;
}
.htz-opt-external:hover{ border-style:solid; background:rgba(255,176,32,0.1); }
.htz-opt-external .htz-opt-main{ display:flex; flex-direction:column; gap:4px; flex:1; }
.htz-opt-external .htz-opt-sub{ color:var(--htz-muted) !important; font-size:12px; font-weight:400; margin-left:4px; }
.htz-opt-external .htz-opt-code{
  display:block; font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--htz-amber) !important;
}
.htz-opt-external .htz-opt-code b{ color:var(--htz-amber) !important; }
.htz-nav{ display:flex; justify-content:space-between; margin-top:20px; }
.htz-back-btn{ background:none; border:none; color:var(--htz-muted) !important; font-size:13px; cursor:pointer; padding:6px 0; }
.htz-back-btn:hover{ color:var(--htz-text) !important; }
.htz-back-btn:disabled{ opacity:0; pointer-events:none; }

.htz-result{ display:none; }
.htz-result.show{ display:block; }
.htz-quiz-view.hide{ display:none; }
.htz-result-badge{ font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--htz-pos) !important; letter-spacing:.1em; text-transform:uppercase; margin-bottom:10px; }
.htz-result-title{ font-family:'Space Grotesk',sans-serif; font-size:24px; font-weight:700; margin:0 0 4px; }
.htz-result-tag{ color:var(--htz-muted) !important; font-size:14px; margin:0 0 20px; }
.htz-result-features{ list-style:none; padding:0; margin:0 0 22px; display:grid; gap:9px; }
.htz-result-features li{ display:flex; gap:10px; font-size:14px; color:#C7CDD5 !important; }
.htz-result-features li::before{ content:"✓"; color:var(--htz-pos) !important; font-weight:700; flex-shrink:0; }
.htz-price-row{ display:flex; align-items:baseline; gap:10px; background:var(--htz-surface-2); border:1px solid var(--htz-border); border-radius:12px; padding:16px 18px; margin-bottom:14px; }
.htz-price{ font-family:'JetBrains Mono',monospace; font-size:24px; font-weight:600; color:var(--htz-pos) !important; }
.htz-price-note{ color:var(--htz-muted) !important; font-size:12.5px; }
.htz-code-row{
  display:flex; align-items:center; justify-content:space-between; background:var(--htz-surface-2);
  border:1px dashed var(--htz-amber); border-radius:10px; padding:12px 16px; margin-bottom:18px;
  cursor:pointer; user-select:none; transition:border-color .15s, background .15s;
}
.htz-code-row:hover{ background:#1a2430; }
.htz-code-row.copied{ border-style:solid; border-color:var(--htz-pos); }
.htz-code-row.hide{ display:none; }
.htz-code-row-label{ font-size:11px; color:var(--htz-muted) !important; text-transform:uppercase; letter-spacing:.06em; }
.htz-code-row-value{ font-family:'JetBrains Mono',monospace; font-weight:700; color:var(--htz-amber) !important; font-size:15px; letter-spacing:.04em; }
.htz-code-row.copied .htz-code-row-value{ color:var(--htz-pos) !important; }
.htz-cta{
  display:block; text-align:center; background:var(--htz-accent); color:#FFFFFF !important; font-family:'Space Grotesk',sans-serif;
  font-weight:700; font-size:15px; padding:14px; border-radius:10px; border:none; cursor:pointer; width:100%; text-decoration:none;
}
.htz-cta:hover, .htz-cta:visited, .htz-cta:active{ color:#FFFFFF !important; }

/* Generelle Absicherung: alle Buttons/Links auf Akzentfarbe bleiben immer weiß beschriftet,
   egal was Theme-CSS für a/a:visited/a:hover vorschreibt. */
.htz-marketing a.htz-cta-btn, .htz-marketing a.htz-cta-btn:visited, .htz-marketing a.htz-cta-btn:hover,
.htz-marketing a.htz-modal-cta, .htz-modal a.htz-cta, .htz-modal a.htz-cta:visited, .htz-modal a.htz-cta:hover,
.htz-marketing a.htz-ctaticker-cta:visited, .htz-marketing a.htz-ctaticker-cta:hover,
.htz-marketing a.htz-ctastat-cta:visited, .htz-marketing a.htz-ctastat-cta:hover,
.htz-marketing a.htz-ctaspot-cta:visited, .htz-marketing a.htz-ctaspot-cta:hover,
.htz-marketing a.htz-ctacountdown-cta:visited, .htz-marketing a.htz-ctacountdown-cta:hover,
.htz-marketing a.htz-ctasticky-cta:visited, .htz-marketing a.htz-ctasticky-cta:hover{
  color:#FFFFFF !important;
}
.htz-restart{ display:block; text-align:center; background:none; border:none; color:var(--htz-muted) !important; font-size:13px; margin-top:14px; cursor:pointer; width:100%; }
.htz-restart:hover{ color:var(--htz-text) !important; }

/* ---------- PERFORMANCE WIDGET ---------- */
.htz-header{ display:flex; align-items:baseline; justify-content:space-between; margin-bottom:18px; flex-wrap:wrap; gap:8px; }
.htz-live-tag{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.1em; color:var(--htz-neg) !important; display:flex; align-items:center; gap:6px; }
.htz-live-tag::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--htz-neg); box-shadow:0 0 8px var(--htz-neg); animation:htz-pulse 1.4s infinite; }
.htz-stats-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:20px; }
.htz-stat{ background:var(--htz-surface); border:1px solid var(--htz-border); border-radius:12px; padding:16px; }
.htz-stat-label{ font-size:11px; color:var(--htz-muted) !important; text-transform:uppercase; letter-spacing:.06em; margin-bottom:6px; }
.htz-stat-value{ font-family:'JetBrains Mono',monospace; font-size:22px; font-weight:700; }
.htz-stat-value.htz-pos{ color:var(--htz-pos) !important; }
.htz-stat-value.htz-amber{ color:var(--htz-amber) !important; }
.htz-panel{ background:var(--htz-surface); border:1px solid var(--htz-border); border-radius:14px; overflow:hidden; }
.htz-panel-head{ padding:14px 18px; border-bottom:1px solid var(--htz-border); font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:14px; color:var(--htz-muted) !important; display:flex; justify-content:space-between; }
.htz-table{ width:100%; border-collapse:collapse; }
.htz-table th{ text-align:left; font-size:11px; color:var(--htz-muted) !important; text-transform:uppercase; letter-spacing:.05em; padding:10px 18px; font-weight:500; border-bottom:1px solid var(--htz-border); }
.htz-table td{ padding:13px 18px; font-size:13.5px; border-bottom:1px solid var(--htz-border); }
.htz-table tr:last-child td{ border-bottom:none; }
.htz-asset{ font-weight:600; font-family:'JetBrains Mono',monospace; }
.htz-badge{ display:inline-block; padding:2px 8px; border-radius:6px; font-size:11px; font-family:'JetBrains Mono',monospace; }
.htz-badge.long{ background:rgba(0,217,165,0.12); color:var(--htz-pos) !important; }   /* Long = grün */
.htz-badge.short{ background:rgba(255,92,92,0.12); color:var(--htz-neg) !important; } /* Short = rot */
.htz-pnl{ font-family:'JetBrains Mono',monospace; font-weight:700; }
.htz-pnl.pos{ color:var(--htz-pos) !important; }  /* positives Ergebnis = grün */
.htz-pnl.neg{ color:var(--htz-neg) !important; } /* negatives Ergebnis = rot */
.htz-expert{ color:var(--htz-muted) !important; font-size:12.5px; }
.htz-wkn-copy{
  background:var(--htz-surface-2); border:1px dashed var(--htz-border); color:#FFFFFF !important;
  font-family:'JetBrains Mono',monospace; font-size:11.5px; padding:4px 9px; border-radius:6px; cursor:pointer;
}
.htz-wkn-copy:hover{ border-color:var(--htz-pos); color:#C7CDD5 !important; }
.htz-wkn-copy.copied{ border-style:solid; border-color:var(--htz-pos); color:var(--htz-pos) !important; }
.htz-cta-bar{ margin-top:18px; display:flex; align-items:center; justify-content:space-between; background:linear-gradient(90deg, rgba(229,0,0,0.08), rgba(229,0,0,0)); border:1px solid var(--htz-border); border-radius:12px; padding:16px 18px; flex-wrap:wrap; gap:12px; }
.htz-cta-text{ font-size:13.5px; color:var(--htz-muted) !important; }
.htz-cta-text b{ color:var(--htz-text) !important; }
.htz-cta-btn{ background:var(--htz-accent); color:#FFFFFF !important; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:13.5px; padding:11px 20px; border-radius:8px; white-space:nowrap; }
.htz-fine{ font-size:10.5px; color:#5A6470 !important; margin-top:10px; line-height:1.5; }

/* ---------- REFERRAL ---------- */
.htz-reward-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:22px; }
.htz-reward-card{ background:var(--htz-surface); border:1px solid var(--htz-border); border-radius:14px; padding:18px; }
.htz-reward-card.you{ border-color:rgba(0,217,165,0.4); }
.htz-reward-card.friend{ border-color:rgba(255,176,32,0.4); }
.htz-reward-icon{ font-size:20px; margin-bottom:8px; }
.htz-reward-title{ font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:15px; margin-bottom:4px; }
.htz-reward-desc{ font-size:12.5px; color:var(--htz-muted) !important; line-height:1.5; }
.htz-link-panel{ background:var(--htz-surface); border:1px solid var(--htz-border); border-radius:14px; padding:20px; }
.htz-link-label{ font-size:12px; color:var(--htz-muted) !important; margin-bottom:10px; }
.htz-link-row{ display:flex; gap:8px; }
.htz-link-input{ flex:1; background:var(--htz-surface-2); border:1px solid var(--htz-border); border-radius:8px; padding:12px 14px; color:var(--htz-text) !important; font-family:'JetBrains Mono',monospace; font-size:13px; }
.htz-copy-btn{ background:var(--htz-accent); color:#FFFFFF !important; border:none; border-radius:8px; padding:0 18px; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:13px; cursor:pointer; white-space:nowrap; }
.htz-copy-btn.copied{ background:var(--htz-pos); }

/* ---------- EXIT POPUP ---------- */
.htz-overlay{ position:fixed; inset:0; background:rgba(5,7,10,0.75); backdrop-filter:blur(3px); display:flex; align-items:center; justify-content:center; z-index:99999; opacity:0; pointer-events:none; transition:opacity .25s ease; }
.htz-overlay.show{ opacity:1; pointer-events:auto; }
.htz-modal{ background:var(--htz-surface); border:1px solid var(--htz-border); border-radius:18px; width:92%; max-width:440px; padding:32px 28px 28px; position:relative; transform:translateY(14px) scale(.98); transition:transform .25s ease; box-shadow:0 30px 80px rgba(0,0,0,0.5); font-family:'Inter',sans-serif; color:var(--htz-text) !important; }
.htz-overlay.show .htz-modal{ transform:translateY(0) scale(1); }
.htz-close-x{ position:absolute; top:14px; right:16px; background:none; border:none; color:var(--htz-muted) !important; font-size:20px; cursor:pointer; line-height:1; }
.htz-close-x:hover{ color:var(--htz-text) !important; }
.htz-modal-badge{ display:inline-block; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.08em; color:var(--htz-neg) !important; background:rgba(255,92,92,0.12); padding:4px 10px; border-radius:6px; margin-bottom:14px; }
.htz-modal h2{ font-family:'Space Grotesk',sans-serif; font-size:22px; margin:0 0 8px; line-height:1.2; color:#FFFFFF !important; }
.htz-modal p{ color:var(--htz-muted) !important; font-size:13.5px; line-height:1.55; margin:0 0 18px; }
.htz-code-box{ display:flex; align-items:center; justify-content:space-between; background:var(--htz-surface-2); border:1px dashed var(--htz-amber); border-radius:10px; padding:12px 16px; margin-bottom:18px; cursor:pointer; user-select:none; transition:border-color .15s, background .15s; }
.htz-code-box:hover{ border-color:var(--htz-pos); background:#181f2b; }
.htz-code-box.copied{ border-style:solid; border-color:var(--htz-pos); background:rgba(0,217,165,0.08); }
.htz-code-box .htz-code{ font-family:'JetBrains Mono',monospace; font-weight:700; color:var(--htz-amber) !important; font-size:15px; letter-spacing:.04em; }
.htz-code-box .htz-code-label{ font-size:10.5px; color:var(--htz-muted) !important; text-transform:uppercase; }
.htz-code-box .htz-copy-hint{ font-size:11px; color:var(--htz-muted) !important; }
.htz-code-box.copied .htz-copy-hint{ color:var(--htz-pos) !important; font-weight:600; }
.htz-modal .htz-cta{ display:block; text-align:center; background:var(--htz-accent); color:#FFFFFF !important; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:15px; padding:14px; border-radius:10px; }
.htz-modal-secondary{ display:block; text-align:center; margin-top:10px; color:var(--htz-muted) !important; font-size:12.5px; background:none; border:none; cursor:pointer; width:100%; }
.htz-modal-secondary:hover{ color:var(--htz-text) !important; }

/* Lead-Magnet als Popup: größerer Modal-Rahmen, Formular-Innenleben bleibt gleich */
.htz-lead-modal{ max-width:480px; }
.htz-lead-modal .htz-lead-magnet{ max-width:none; }
.htz-lead-modal .htz-lm-top{ margin-bottom:18px; }

/* ---------- LEAD MAGNET ---------- */
.htz-lead-magnet{ max-width:520px; }
.htz-lm-top{ text-align:center; margin-bottom:24px; }
.htz-lm-title{ font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:clamp(24px,4vw,30px); line-height:1.15; margin:14px 0 12px; }
.htz-form-panel{ background:var(--htz-surface); border:1px solid var(--htz-border); border-radius:20px; padding:28px; }
.htz-form-title{ font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:18px; margin:0 0 6px; }
.htz-form-sub{ color:var(--htz-muted) !important; font-size:13px; margin:0 0 20px; }
.htz-lead-form label{ display:block; font-size:12px; color:var(--htz-muted) !important; margin-bottom:6px; }
.htz-lead-form input{ width:100%; background:var(--htz-surface-2); border:1px solid var(--htz-border); border-radius:10px; padding:13px 14px; color:var(--htz-text) !important; font-family:'Inter',sans-serif; font-size:14px; margin-bottom:16px; }
.htz-lead-form input:focus{ outline:none; border-color:var(--htz-pos); }
.htz-submit-btn{ width:100%; background:var(--htz-accent); color:#FFFFFF !important; border:none; border-radius:10px; padding:15px; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:15px; cursor:pointer; }
.htz-submit-btn[disabled]{ opacity:.6; cursor:default; }
.htz-form-error{ color:var(--htz-neg) !important; font-size:12.5px; margin-top:10px; }
.htz-privacy-note{ font-size:11px; color:#5A6470 !important; margin-top:12px; line-height:1.5; text-align:center; }
.htz-privacy-note a{ color:var(--htz-muted) !important; }
.htz-check{ width:52px; height:52px; border-radius:50%; background:rgba(0,217,165,0.12); color:var(--htz-pos) !important; display:flex; align-items:center; justify-content:center; font-size:24px; margin:0 auto 16px; }
.htz-lm-success-state{ text-align:center; padding:10px 0; }
.htz-lm-success-state h3{ font-family:'Space Grotesk',sans-serif; margin:0 0 8px; }
.htz-lm-success-state p{ color:var(--htz-muted) !important; font-size:13.5px; line-height:1.5; }

@media(max-width:600px){
  .htz-stats-row{ grid-template-columns:repeat(2,1fr); }
  .htz-reward-row{ grid-template-columns:1fr; }
}

/* ---------- LIVE-TRADES CTA-BANNER ---------- */
.htz-ctaband{
  display:flex; border:1px solid var(--htz-border); border-radius:16px; overflow:hidden; min-height:170px; max-width:900px;
}
.htz-ctaband--reverse{ flex-direction:row-reverse; }
.htz-ctaband-slides{
  flex:1.15; background:linear-gradient(160deg,#141b26,#0A0E14); position:relative; padding:22px 26px;
  display:flex; flex-direction:column; justify-content:center; min-height:170px;
}
.htz-ctaband-eyebrow{
  position:absolute; top:16px; left:26px; font-family:'JetBrains Mono',monospace; font-size:10px;
  color:var(--htz-muted) !important; letter-spacing:.08em; display:flex; align-items:center; gap:6px;
}
.htz-ctaband--reverse .htz-ctaband-eyebrow{ left:auto; right:26px; }
.htz-ctaband-live-dot{ width:6px;height:6px;border-radius:50%;background:var(--htz-neg); box-shadow:0 0 6px var(--htz-neg); animation:htz-pulse 1.4s infinite; }
.htz-ctaband-slide-wrap{ position:relative; }
.htz-ctaband-slide{ display:none; align-items:center; gap:16px; animation:htz-ctaband-fade .5s ease; }
.htz-ctaband-slide.active{ display:flex; }
@keyframes htz-ctaband-fade{ from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:translateY(0);} }
.htz-ctaband-slide .info{ flex:1; }
.htz-ctaband-slide .asset-row{ display:flex; align-items:center; gap:10px; margin-bottom:4px; }
.htz-ctaband-slide .asset{ font-family:'Space Grotesk',sans-serif; font-weight:800; font-size:19px; color:var(--htz-text) !important; }
.htz-ctaband-slide .trader{ font-size:11.5px; color:var(--htz-muted) !important; }
.htz-ctaband-slide .result{ font-family:'JetBrains Mono',monospace; font-size:26px; font-weight:800; }
.htz-ctaband-dots{ position:absolute; bottom:-4px; left:0; display:flex; gap:6px; }
.htz-ctaband--reverse .htz-ctaband-dots{ left:auto; right:0; }
.htz-ctaband-dots .dot{ width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,0.2); transition:background .3s; }
.htz-ctaband-dots .dot.active{ background:var(--htz-pos); }
.htz-ctaband-cta{
  flex:1; background:linear-gradient(160deg,var(--htz-accent),#8f0000); padding:26px; display:flex; flex-direction:column;
  justify-content:center; gap:6px; color:#fff !important;
}
.htz-ctaband-eyebrow2{ font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:.1em; opacity:.85; }
.htz-ctaband-title{ font-family:'Space Grotesk',sans-serif; font-size:20px; font-weight:800; line-height:1.2; }
.htz-ctaband-sub{ font-size:12.5px; opacity:.9; margin-bottom:10px; }
.htz-ctaband-btn{
  align-self:flex-start; background:#fff; color:var(--htz-accent) !important; padding:11px 22px; border-radius:9px;
  text-decoration:none; font-family:'Space Grotesk',sans-serif; font-weight:800; font-size:13.5px;
}
@media(max-width:640px){
  .htz-ctaband, .htz-ctaband--reverse{ flex-direction:column; }
}

/* Avatare & Chart-Icons (auch für CTA-Banner genutzt) */
.htz-avatar{
  width:32px; height:32px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;
  font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:12px; color:#fff !important; flex-shrink:0;
  box-shadow:0 0 0 2px rgba(255,255,255,0.08);
}
.htz-avatar.sm{ width:24px; height:24px; font-size:10px; }
.htz-avatar.lg{ width:44px; height:44px; font-size:15px; }
.htz-avatar-wrap{ position:relative; display:inline-flex; flex-shrink:0; }
.htz-avatar-photo{
  width:32px; height:32px; border-radius:50%; object-fit:cover; flex-shrink:0;
  box-shadow:0 0 0 2px rgba(255,255,255,0.08); display:block;
}
.htz-avatar-photo.sm{ width:24px; height:24px; }
.htz-avatar-photo.lg{ width:44px; height:44px; }

/* Basiswert-Logos (Performance-Widget) */
.htz-asset-logo{ display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }
.htz-asset-logo-placeholder{
  border-radius:6px; color:#fff; font-family:'Space Grotesk',sans-serif; font-weight:700;
}
.htz-asset-logo-img{ background:#fff; padding:2px; }

/* ---------- CTA-Banner: Ticker-Scroll ---------- */
.htz-ctaticker{
  display:flex; align-items:stretch; overflow:hidden; border:1px solid var(--htz-border); border-radius:14px;
  background:linear-gradient(90deg,#0d1220,#141b2c);
}
.htz-ctaticker-outer{
  flex:1; overflow:hidden; position:relative; padding:14px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 20px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 20px),transparent);
}
.htz-ctaticker-track{
  display:flex; gap:30px; white-space:nowrap; animation:htz-ticker-scroll 18s linear infinite;
  font-family:'JetBrains Mono',monospace; font-size:13px;
}
@keyframes htz-ticker-scroll{ 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }
.htz-ctaticker-item{ display:flex; align-items:center; gap:8px; color:var(--htz-text) !important; }
.htz-ctaticker-cta{
  flex-shrink:0; background:var(--htz-accent); color:#fff !important; display:flex; align-items:center;
  padding:0 22px; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:13px; text-decoration:none; white-space:nowrap;
}

/* ---------- CTA-Banner: Stat-Strip ---------- */
.htz-ctastat{
  background:var(--htz-surface); border:1px solid var(--htz-border); border-radius:14px;
  display:flex; align-items:center; justify-content:space-between; padding:16px 22px; flex-wrap:wrap; gap:14px;
}
.htz-ctastat-stats{ display:flex; gap:24px; flex-wrap:wrap; }
.htz-ctastat-item .label{ font-size:10.5px; color:var(--htz-muted) !important; text-transform:uppercase; letter-spacing:.05em; margin-bottom:3px; }
.htz-ctastat-item .value{ font-family:'JetBrains Mono',monospace; font-size:18px; font-weight:700; color:var(--htz-text) !important; }
.htz-ctastat-cta{
  background:var(--htz-accent); color:#fff !important; padding:11px 20px; border-radius:9px; text-decoration:none;
  font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:13px; white-space:nowrap;
}

/* ---------- CTA-Banner: Spotlight ---------- */
.htz-ctaspot{
  background:radial-gradient(circle at 15% 20%, rgba(0,217,165,0.12), transparent 55%), var(--htz-surface);
  border:1px solid var(--htz-border); border-radius:16px; padding:22px 24px;
  display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
}
.htz-ctaspot-left{ display:flex; align-items:center; gap:16px; }
.htz-ctaspot-badge{
  font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.1em; color:var(--htz-pos) !important;
  background:rgba(0,217,165,0.12); border:1px solid rgba(0,217,165,0.3); padding:3px 9px; border-radius:6px; display:inline-block;
}
.htz-ctaspot-asset{ font-family:'Space Grotesk',sans-serif; font-size:22px; font-weight:800; color:var(--htz-text) !important; margin-top:6px; }
.htz-ctaspot-sub{ display:flex; align-items:center; gap:8px; color:var(--htz-muted) !important; font-size:12px; margin-top:6px; }
.htz-ctaspot-result{ font-family:'JetBrains Mono',monospace; font-size:28px; font-weight:800; }
.htz-ctaspot-cta{
  background:var(--htz-accent); color:#fff !important; padding:12px 22px; border-radius:10px; text-decoration:none;
  font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:13.5px; white-space:nowrap;
}

/* ---------- CTA-Banner: Countdown ---------- */
.htz-ctacountdown{
  background:linear-gradient(90deg, rgba(229,0,0,0.1), transparent 60%), var(--htz-surface);
  border:1px solid rgba(229,0,0,0.3); border-radius:14px; padding:18px 22px;
  display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap;
}
.htz-ctacountdown-text{ display:flex; align-items:center; gap:14px; }
.htz-ctacountdown-text .eyebrow{ font-family:'JetBrains Mono',monospace; font-size:10.5px; color:var(--htz-neg) !important; letter-spacing:.08em; margin-bottom:3px; }
.htz-ctacountdown-text .title{ font-family:'Space Grotesk',sans-serif; font-size:15.5px; font-weight:700; color:var(--htz-text) !important; }
.htz-ctacountdown-timer{ display:flex; gap:8px; }
.htz-ctacountdown-timer .unit{ text-align:center; }
.htz-ctacountdown-timer .num{
  font-family:'JetBrains Mono',monospace; font-size:19px; font-weight:800; background:var(--htz-surface-2);
  border:1px solid var(--htz-border); border-radius:8px; padding:5px 9px; min-width:38px; display:inline-block; color:var(--htz-text) !important;
}
.htz-ctacountdown-timer .lbl{ font-size:9px; color:var(--htz-muted) !important; text-transform:uppercase; margin-top:3px; }
.htz-ctacountdown-cta{
  background:var(--htz-accent); color:#fff !important; padding:12px 20px; border-radius:9px; text-decoration:none;
  font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:13px; white-space:nowrap;
}

/* ---------- CTA-Banner: Split-Static ---------- */
.htz-ctasplit{ display:flex; border:1px solid var(--htz-border); border-radius:14px; overflow:hidden; min-height:90px; }
.htz-ctasplit-left{ flex:1.4; background:var(--htz-surface); padding:14px 20px; display:flex; flex-direction:column; justify-content:center; gap:8px; }
.htz-ctasplit-row{ display:flex; align-items:center; gap:10px; font-family:'JetBrains Mono',monospace; font-size:13px; color:var(--htz-text) !important; }
.htz-ctasplit-row .asset{ font-weight:700; min-width:76px; display:inline-block; }
.htz-ctasplit-right{
  flex:1; background:var(--htz-accent); display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:6px; padding:14px; text-align:center; color:#fff !important;
}
.htz-ctasplit-right .title{ font-family:'Space Grotesk',sans-serif; font-weight:800; font-size:15px; }
.htz-ctasplit-right .sub{ font-size:11px; opacity:.85; }
.htz-ctasplit-btn{
  background:#fff; color:var(--htz-accent) !important; padding:8px 18px; border-radius:8px; text-decoration:none;
  font-family:'Space Grotesk',sans-serif; font-weight:800; font-size:12.5px; margin-top:4px;
}

/* ---------- CTA-Banner: Sticky-Bar ---------- */
.htz-ctasticky{
  background:var(--htz-surface); border-top:3px solid var(--htz-pos); padding:12px 20px;
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
  border-radius:12px; border:1px solid var(--htz-border);
}
.htz-ctasticky--bottom{ position:fixed; left:0; right:0; bottom:0; z-index:99998; border-radius:0; }
.htz-ctasticky--top{ position:fixed; left:0; right:0; top:0; z-index:99998; border-radius:0; }
.htz-ctasticky-left{ display:flex; align-items:center; gap:10px; }
.htz-ctasticky-left .dot{ width:7px; height:7px; border-radius:50%; background:var(--htz-pos); box-shadow:0 0 8px var(--htz-pos); animation:htz-pulse 1.5s infinite; flex-shrink:0; }
.htz-ctasticky-left .text{ font-size:13px; color:var(--htz-text) !important; }
.htz-ctasticky-left .text .muted{ color:var(--htz-muted) !important; }
.htz-ctasticky-actions{ display:flex; align-items:center; gap:12px; }
.htz-ctasticky-cta{
  background:var(--htz-accent); color:#fff !important; padding:8px 16px; border-radius:7px; text-decoration:none;
  font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:12.5px; white-space:nowrap;
}
.htz-ctasticky-close{ background:none; border:none; color:var(--htz-muted) !important; font-size:15px; cursor:pointer; }

/* ---------- PREISTABELLE ---------- */
.htz-pricing{ max-width:1180px; }
.htz-pricing-head{ text-align:center; max-width:560px; margin:0 auto 26px; }
.htz-pricing-title{ font-family:'Space Grotesk',sans-serif; font-size:clamp(22px,3.4vw,28px); margin:0 0 8px; color:#14161A !important; }
.htz-pricing-sub{ color:#5B6470 !important; font-size:13.5px; margin:0; }

.htz-pricing-experts{
  display:flex; align-items:center; justify-content:center; gap:12px; margin:0 0 26px; flex-wrap:wrap;
}
.htz-pricing-experts-avatars{ display:flex; }
.htz-pricing-expert-avatar{
  width:34px; height:34px; border-radius:50%; border:2px solid var(--htz-bg); margin-left:-10px;
  display:inline-flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif;
  font-weight:700; font-size:11px; color:#fff !important; background:linear-gradient(135deg,#3B82F6,#1e3a8a); flex-shrink:0;
}
.htz-pricing-expert-avatar:first-child{ margin-left:0; }
.htz-pricing-experts-text{ font-size:12.5px; color:#5B6470 !important; }
.htz-pricing-experts-link{ font-size:12.5px; color:var(--htz-pos) !important; text-decoration:none; font-weight:600; white-space:nowrap; }
.htz-pricing-experts-link:hover{ text-decoration:underline; }

.htz-pricing-toggle-wrap{ display:flex; align-items:center; justify-content:center; gap:12px; margin:0 0 28px; }
.htz-pricing-toggle-label{ font-family:'Space Grotesk',sans-serif; font-size:13px; color:#B0B6BE !important; cursor:pointer; user-select:none; font-weight:500; }
.htz-pricing-toggle-label.active{ color:#14161A !important; font-weight:700; }
.htz-pricing-toggle-switch{ width:44px; height:24px; background:var(--htz-surface-2); border:1px solid var(--htz-border); border-radius:99px; position:relative; cursor:pointer; flex-shrink:0; }
.htz-pricing-toggle-switch .knob{ position:absolute; top:2px; left:2px; width:18px; height:18px; border-radius:50%; background:#8B95A1; transition:transform .2s ease, background .2s ease; }
.htz-pricing-toggle-switch.on .knob{ transform:translateX(20px); background:var(--htz-pos); }
.htz-pricing-save-badge{ display:inline-block; background:rgba(0,217,165,0.14); color:var(--htz-pos) !important; font-family:'JetBrains Mono',monospace; font-size:10px; font-weight:700; padding:2px 7px; border-radius:6px; margin-left:5px; vertical-align:middle; }

.htz-pricing-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; align-items:start; }
@media(max-width:1000px){ .htz-pricing-grid{ grid-template-columns:repeat(2,1fr);} }
@media(max-width:620px){ .htz-pricing-grid{ grid-template-columns:1fr;} }

.htz-pricing-card{
  background:var(--htz-surface); border:1px solid var(--htz-border); border-radius:16px; padding:24px 20px;
  display:flex; flex-direction:column; position:relative;
}
.htz-pricing-card.featured{
  border-color:rgba(229,0,0,0.5); background:linear-gradient(180deg, rgba(229,0,0,0.06), var(--htz-surface) 120px);
  transform:translateY(-8px);
}
.htz-pricing-featured-tag{
  position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:var(--htz-accent); color:#fff !important;
  font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:11px; padding:4px 14px; border-radius:99px; white-space:nowrap;
}
.htz-pricing-avatars{ display:flex; margin-bottom:12px; }
.htz-pricing-avatars span{
  width:28px; height:28px; border-radius:50%; border:2px solid var(--htz-surface); margin-left:-8px;
  display:inline-flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif;
  font-weight:700; font-size:10px; color:#fff !important;
}
.htz-pricing-avatars span:first-child{ margin-left:0; }
.htz-pricing-avatars .htz-avatar,
.htz-pricing-avatars .htz-avatar-photo{ width:28px; height:28px; font-size:10px; }
.htz-pricing-plan-name{ font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:17px; margin:4px 0 2px; color:#EDEFF2 !important; }
.htz-pricing-plan-tag{ color:#AEB6C2 !important; font-size:12px; margin-bottom:16px; }
.htz-pricing-price-row{ display:flex; align-items:baseline; gap:6px; margin-bottom:2px; }
.htz-pricing-price{ font-family:'JetBrains Mono',monospace; font-size:28px; font-weight:700; color:#EDEFF2 !important; }
.htz-pricing-price-period{ color:#AEB6C2 !important; font-size:12px; }
.htz-pricing-price-period .yearly-note{ display:block; font-size:10.5px; margin-top:1px; color:#AEB6C2 !important; }
.htz-pricing-note{ color:#AEB6C2 !important; font-size:11px; margin-bottom:16px; }
.htz-pricing-features{ list-style:none; padding:0; margin:0 0 18px; display:grid; gap:8px; flex:1; }
.htz-pricing-features li{ display:flex; gap:8px; font-size:12.5px; color:#D7DCE2 !important; line-height:1.4; }
.htz-pricing-features li::before{ content:"✓"; color:var(--htz-pos) !important; font-weight:700; flex-shrink:0; }
.htz-pricing-code-row{
  display:flex; align-items:center; justify-content:space-between; background:var(--htz-surface-2);
  border:1px dashed var(--htz-amber); border-radius:8px; padding:8px 11px; margin-bottom:11px; cursor:pointer; font-size:11.5px;
}
.htz-pricing-code-row .lbl{ color:#AEB6C2 !important; }
.htz-pricing-code-row .val{ font-family:'JetBrains Mono',monospace; font-weight:700; color:var(--htz-amber) !important; }
.htz-pricing-cta{
  display:block; text-align:center; background:var(--htz-surface-2); border:1px solid var(--htz-border); color:#F5F7FA !important;
  text-decoration:none; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:13.5px; padding:12px; border-radius:9px; margin-top:auto;
}
.htz-pricing-card.featured .htz-pricing-cta{ background:var(--htz-accent); border-color:var(--htz-accent); color:#fff !important; }
.htz-pricing-cta:hover, .htz-pricing-cta:visited, .htz-pricing-cta:active{ color:#F5F7FA !important; }
.htz-pricing-card.featured .htz-pricing-cta:hover, .htz-pricing-card.featured .htz-pricing-cta:visited, .htz-pricing-card.featured .htz-pricing-cta:active{ color:#fff !important; }
.htz-pricing-cta:hover{ border-color:var(--htz-accent); }