/* ============================================================ cta-lime.css · Sitewide-Ergänzung (additiv, lädt zuletzt im ) 1) Lime Signal-CTA + massiver Abschluss-CTA (Conversion) 2) Statischer Social-Proof-Anker im Footer (JS-unabhängig) Nutzt die bestehenden Marken-Variablen aus dossier.css / den seiten-eigenen :root-Definitionen. ============================================================ */ /* ---- Lime Signal-CTA ---------------------------------------- */ .btn-lime{background:var(--lime);color:var(--night);font-weight:700;border-color:var(--lime)} .btn-lime:hover{background:#e6ff34} .btn-lime .dot{background:var(--night)} /* ---- Massiver Abschluss-CTA am Seitenende ------------------- */ .btn-cta-final{font-size:clamp(17px,1.8vw,22px);padding:20px 28px 20px 24px;border-radius:2px;line-height:1;align-self:flex-start} .btn-cta-final .dot{width:12px;height:12px} .btn-cta-final .arrow{font-size:1.05em;margin-left:6px} /* ---- Statischer Social-Proof-Anker im Footer ---------------- */ /* "500+" steht fest im HTML – Autorität bleibt auch ohne JavaScript-Zähler sofort präsent. */ .footer-proof{display:inline-flex;align-items:center;gap:14px;margin-top:20px;align-self:start; color:var(--warm);transition:transform .25s ease} .footer-proof:hover{transform:translateY(-2px)} .footer-proof .fp-num{font-family:var(--font-display);font-weight:800; font-size:clamp(32px,3.6vw,42px);letter-spacing:-0.04em;line-height:.82;color:var(--lime);flex:0 0 auto} .footer-proof .fp-txt{font-family:var(--font-body,"IBM Plex Sans","Helvetica Neue",Arial,sans-serif); font-size:12.5px;line-height:1.3;color:rgba(245,244,240,0.66);max-width:21ch} .footer-proof .fp-txt b{color:var(--warm);font-weight:600} .footer-proof .fp-txt .fp-ar{color:var(--lime);font-weight:700} @media print{.footer-proof{display:none}}