/* sales-leute.de - Hormozi 2: Design-System im Farbraum der Standard-Version
   (weiss/hell, Akzent Gruen #1df436, Schriftfarbe Plum #2b0822), Struktur = Hormozi.
   Aktiv nur mit body.hormozi2-on. Ergänzt app.css. */

/* ---------- Typografie & Grundflaechen (hell: weiss, Plum-Schrift) ---------- */
body.hormozi2-on{--bg:#faf9f7;--card:#ffffff;--ink:#201c24;--muted:#5f5a66;--line:#e8e4ea;--plum:#2b0822;--green:#1df436;--plum-soft:#f4ecf1;--green-soft:#1df436;--ok:#1df436;--shadow:none;background:#faf9f7;color:#201c24}
body.hormozi2-on h1,body.hormozi2-on h2,body.hormozi2-on h3,body.hormozi2-on h4{font-family:var(--font-sans);font-weight:900;letter-spacing:-.02em;text-transform:uppercase;color:#2b0822}
body.hormozi2-on .hero h1{font-size:clamp(2.5rem,7vw,4.6rem);line-height:1.04;letter-spacing:-.03em;text-transform:uppercase;color:#2b0822}
body.hormozi2-on .hz-mark{background:#1df436;color:#2b0822;padding:0 .14em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
body.hormozi2-on .overline{display:inline-block;background:#1df436;color:#2b0822;padding:7px 14px;font-weight:900;letter-spacing:.14em;border-radius:0;margin-bottom:24px;text-transform:uppercase}
body.hormozi2-on .hero-sub{color:#4a3a45;font-weight:600;font-size:1.18rem;max-width:720px}
body.hormozi2-on .hero-hint{color:#8a7a85;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem}
body.hormozi2-on .lead{color:#4a3a45}

/* ---------- Sektions-Ueberschriften mit gruenem Balken ---------- */
body.hormozi2-on .sec-t,body.hormozi2-on .page-head h1{position:relative;padding-left:20px}
body.hormozi2-on .sec-t::before,body.hormozi2-on .page-head h1::before{content:"";position:absolute;left:0;top:.12em;bottom:.12em;width:7px;background:#1df436}
body.hormozi2-on .page-head h1{color:#2b0822;text-transform:uppercase}

/* ---------- Header ---------- */
body.hormozi2-on .site-header{background:rgba(255,255,255,.97);border-bottom:2px solid #1df436}
body.hormozi2-on .brand-mark{background:#1df436;color:#2b0822;border-radius:0;font-weight:900}
body.hormozi2-on .brand-name{color:#2b0822}
body.hormozi2-on .brand-dot{color:#1df436}
body.hormozi2-on .site-nav a{color:#4a3a45;border-radius:0}
body.hormozi2-on .site-nav a:hover{background:#f4ecf1;color:#2b0822}
body.hormozi2-on .site-nav a[aria-current="page"]{background:#1df436;color:#2b0822;border-radius:0}
body.hormozi2-on .lang-btn,body.hormozi2-on .view-select{background:#ffffff;border-color:#e8e4ea;color:#2b0822;border-radius:0}
body.hormozi2-on .lang-btn:hover,body.hormozi2-on .view-select:hover{border-color:#1df436;color:#2b0822}

/* ---------- Karten: hart, eckig, gruener Hover ---------- */
body.hormozi2-on .card{border:2px solid #e8e4ea;border-radius:0;box-shadow:none;transition:border-color .15s,transform .15s}
body.hormozi2-on .card:hover{border-color:#1df436;transform:translate(-2px,-2px)}
body.hormozi2-on .card h3{color:#2b0822}
body.hormozi2-on .card p{color:#4a3a45}
body.hormozi2-on .faq-item{border-left:5px solid #1df436}
body.hormozi2-on .faq-item h3{color:#2b0822;font-size:1rem}
body.hormozi2-on .faq-item p{color:#4a3a45}

/* ---------- Stats ---------- */
body.hormozi2-on .stat{background:#ffffff;border:2px solid #e8e4ea;border-radius:0}
body.hormozi2-on .stat-v{color:#1df436;font-family:var(--font-sans);font-weight:900;font-size:2.7rem;letter-spacing:-.02em}
body.hormozi2-on .stat-l{color:#4a3a45;font-weight:600}
body.hormozi2-on .stats-src{color:#8a7a85;font-weight:600}

/* ---------- Prozess ---------- */
body.hormozi2-on .mini-steps li{background:#ffffff;border:2px solid #e8e4ea;border-radius:0}
body.hormozi2-on .step-num{background:#1df436;color:#2b0822;border-radius:0;font-weight:900}
body.hormozi2-on .prozess-item{border-radius:0}

/* ---------- Buttons: eckig, Offset-Schatten (Standard-Farben) ---------- */
body.hormozi2-on .btn{border-radius:0;text-transform:uppercase;font-weight:900;letter-spacing:.04em}
body.hormozi2-on .btn-primary{background:#2b0822;border:2px solid #2b0822;color:#fff;box-shadow:4px 4px 0 #1df436}
body.hormozi2-on .btn-primary:hover{background:#1df436;border-color:#1df436;color:#2b0822;box-shadow:4px 4px 0 #2b0822;transform:translate(-1px,-1px)}
body.hormozi2-on .btn-green{background:#1df436;border:2px solid #1df436;color:#2b0822;box-shadow:4px 4px 0 #2b0822}
body.hormozi2-on .btn-green:hover{background:#2b0822;border-color:#2b0822;color:#fff}
body.hormozi2-on .btn-ghost{border:2px solid #2b0822;color:#2b0822}
body.hormozi2-on .btn-ghost:hover{background:#f4ecf1;color:#2b0822}
body.hormozi2-on .btn-light{background:#fff;border:2px solid #fff;color:#2b0822;box-shadow:4px 4px 0 #1df436}
body.hormozi2-on .btn-light:hover{background:#f4ecf1;border-color:#fff;color:#2b0822}

/* ---------- Split / Quotes / Founder ---------- */
body.hormozi2-on .split-ctas{grid-template-columns:1fr}
body.hormozi2-on .split-green{display:none!important}
body.hormozi2-on .split-plum{background:#ffffff;border:2px solid #1df436;border-radius:0}
body.hormozi2-on .split-plum h3{color:#2b0822}
body.hormozi2-on .split-plum p{color:#4a3a45}
body.hormozi2-on .split-plum .btn-light{background:#1df436;border-color:#1df436;color:#2b0822}
body.hormozi2-on .quote blockquote{color:#2b0822;font-family:var(--font-sans);font-weight:600}
body.hormozi2-on .quote figcaption strong{color:#2b0822}
body.hormozi2-on .founder-card p{color:#4a3a45}
body.hormozi2-on .promise{background:#ffffff;border:2px solid #1df436;border-radius:0}
body.hormozi2-on .promise h2{color:#2b0822}
body.hormozi2-on .promise p{color:#4a3a45}

/* ---------- Kandidaten-Teil entfaellt in dieser Ansicht (wie Hormozi 1) ---------- */
body.hormozi2-on #kandidaten{display:none!important}
body.hormozi2-on a[href$="#kandidaten"]{display:none!important}

/* ---------- Foto & LinkedIn ---------- */
body.hormozi2-on .photo-img{filter:none}
body.hormozi2-on .photo-ph{border-radius:0;border:2px solid #e8e4ea}
body.hormozi2-on .btn-linkedin{background:#fff;color:#2b0822;border:2px solid #2b0822;border-radius:0}
body.hormozi2-on .btn-linkedin:hover{background:#1df436;color:#2b0822;border-color:#1df436}

/* ---------- CTA-Band: gruener Block mit Plum-Text (Kundenregel) ---------- */
body.hormozi2-on .cta-band{background:#1df436;border-top:3px solid #2b0822;border-bottom:3px solid #2b0822;margin-top:0}
body.hormozi2-on .cta-inner h2{color:#2b0822;font-size:clamp(1.6rem,4vw,2.4rem)}
body.hormozi2-on .cta-inner p{color:rgba(43,8,34,.78);font-weight:600}
body.hormozi2-on .cta-band .btn-light{background:#2b0822;border:2px solid #2b0822;color:#1df436;box-shadow:4px 4px 0 #fff}
body.hormozi2-on .cta-band .btn-light:hover{background:#fff;border-color:#fff;color:#2b0822}
body.hormozi2-on .cta-band .btn-outline-light{border:2px solid #2b0822;color:#2b0822;background:transparent}
body.hormozi2-on .cta-band .btn-outline-light:hover{background:#2b0822;color:#1df436}

/* ---------- Footer ---------- */
body.hormozi2-on .site-footer{background:#f7f0f5;border-top:3px solid #1df436}
body.hormozi2-on .site-footer h3{color:#2b0822}
body.hormozi2-on .site-footer a{color:rgba(43,8,34,.75)}

/* ---------- Formulare ---------- */
body.hormozi2-on .form-card{border:2px solid #e8e4ea;border-radius:0}
body.hormozi2-on .field input,body.hormozi2-on .field select,body.hormozi2-on .field textarea{background:#fff;border:2px solid #e8e4ea;color:#201c24;border-radius:0}
body.hormozi2-on .field input:focus,body.hormozi2-on .field select:focus,body.hormozi2-on .field textarea:focus{border-color:#1df436;box-shadow:0 0 0 3px rgba(29,244,54,.25);outline:none}
body.hormozi2-on .field label{color:#2b0822;font-weight:700}
body.hormozi2-on .consent{color:#5f5a66}

/* ---------- Sonstiges ---------- */
body.hormozi2-on .back-link{color:#2b0822}
body.hormozi2-on .prose strong{color:#2b0822}
body.hormozi2-on .prose p{color:#4a3a45}
body.hormozi2-on .cookie-banner{background:#fff;border:2px solid #e8e4ea;border-radius:0}
body.hormozi2-on .cookie-inner p{color:#4a3a45}
body.hormozi2-on .toast{border-radius:0;border-left:6px solid #1df436}
body.hormozi2-on .view-select option{background:#fff;color:#2b0822}
body.hormozi2-on .geo-banner{background:rgba(29,244,54,.10);border-bottom:2px solid rgba(29,244,54,.5)}
@media (max-width:520px){body.hormozi2-on .view-select{max-width:120px}}

/* ---------- Hero: EIN einziger weicher, langsamer Gruen-Blob (Kundenwunsch 2026-11-10 v2) ----------
   Die statische Gruen-Ecke oben rechts (radial-gradient aus app.css .hero) wird in dieser
   Ansicht KOMPLETT entfernt (Hintergrund neutral weiss). Es bleibt nur ein gruener
   Glow-Ball, der oben rechts weich und rund aus der Ecke herausragt (keine harten
   Kanten), langsam nach unten links wandert, dabei sanft ausblendet und dann wieder
   zurueckkehrt. So lenkt er unauffaellig den Blick auf die Headline. */
body.hormozi2-on .hero{background:#ffffff;position:relative;overflow:hidden}
body.hormozi2-on .hero::before{content:"";position:absolute;top:-14vmin;right:-14vmin;width:min(80vmin,760px);height:min(80vmin,760px);background:radial-gradient(circle at 58% 42%,rgba(29,244,54,.40),rgba(29,244,54,.15) 46%,transparent 72%);border-radius:50%;filter:blur(10px);animation:hz2Glow 26s ease-in-out infinite;pointer-events:none;z-index:0;will-change:transform,opacity}
body.hormozi2-on .hero-inner{position:relative;z-index:1}
@keyframes hz2Glow{0%,100%{transform:translate(0,0) scale(1);opacity:.9}50%{transform:translate(-56%,56%) scale(.8);opacity:.22}}
@media (prefers-reduced-motion:reduce){body.hormozi2-on .hero::before{animation:none;opacity:.35}}

/* ---------- Hinweis-Zeile im Hero entfernt (Kundenwunsch: „Festanstellungen im Vertrieb · Erfolgsprinzip · Keine Vorabkosten“) ---------- */
body.hormozi2-on .hero-hint{display:none}