/* ═══════════════════════════════════════════════════════════════
   Startseiten-Konversionsfokus (2026-09-22)
   Ein klarer Weg: Problem → Lösung → Vertrauen → Anfrage.
   Nutzt bestehende Marken-Tokens (style.css :root). Lädt NACH home.min.css,
   damit die wenigen Hero-CTA-Overrides gewinnen. Keine neuen Fonts/Requests.
   ═══════════════════════════════════════════════════════════════ */

/* ---- Hero-CTA-Hierarchie: EINE Lime-Primäraktion, CRM-Test demontiert ---- */
.s3d-home .hv-ctas .home-primary-cta{background:#b8e834;border-color:#b8e834;color:#142007;box-shadow:inset 0 1px 0 #e2ff9480,0 8px 28px #b8e83412}
.s3d-home .hv-ctas .home-primary-cta .home-action-note{color:#36471a}
.s3d-home .hv-ctas .home-primary-cta .home-action-icon{background:#152207;color:#d0f57e}
@media(hover:hover){.s3d-home .hv-ctas .home-primary-cta:hover{background:#c7f25a;border-color:#c7f25a;box-shadow:0 10px 32px #b8e83424}}
.s3d-home a.crmtest-entry{display:inline-flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;width:auto;max-width:none;min-height:44px;margin:6px auto 0;padding:8px 6px;background:none;border:none;border-radius:0;box-shadow:none;color:#c1c4b7;font:600 .86rem/1.4 var(--body,sans-serif);text-decoration:none;text-align:center;text-wrap:balance}
@media(hover:hover){.s3d-home a.crmtest-entry:hover{transform:none}}
.s3d-home a.crmtest-entry .home-action-note-inline{color:#9aa08f;font-weight:400}
.s3d-home a.crmtest-entry span[aria-hidden]{color:#b8e834}
@media(hover:hover){.s3d-home a.crmtest-entry:hover{color:#edeadd;text-decoration:underline;text-underline-offset:5px}}
@media(max-width:639px){
  /* Der KI-Knopf bleibt sichtbar; die ruhigen Hero-Links haben rechts
     eine freie Zone, statt unter dem schwebenden Knopf zu liegen. */
  .s3d-home a.crmtest-entry,.s3d-home a.home-quiet-link{display:flex;width:calc(100% - 76px);max-width:calc(100% - 76px);margin-left:0;margin-right:auto;justify-content:flex-start;text-align:left;box-sizing:border-box}
}
@media(max-width:360px){
  /* Die höheren, umbrochenen Karten brauchen den Raum auf 320-px-Geräten. */
  body.s3d-home.has-chatbot .chatbot-fab{bottom:calc(12px + env(safe-area-inset-bottom,0px))!important}
  .s3d-home a.crmtest-entry span[aria-hidden]{display:none}
}

/* ---- Gemeinsame Sektionshülle ---- */
.home-conv{position:relative;z-index:1;padding:clamp(40px,6vw,84px) 0}
.home-conv .wrap{width:min(100% - 32px,1160px);margin-inline:auto}
.home-conv .conv-head{max-width:760px;margin:0 auto clamp(24px,4vw,44px);text-align:center}
.home-conv .conv-kicker{display:inline-block;font:700 .8rem/1 var(--body,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--lime,#b8e834);margin-bottom:14px}
.home-conv .conv-h2{font-family:var(--display,'Anton',sans-serif);text-transform:uppercase;line-height:.98;font-size:clamp(2rem,4.6vw,3.4rem);color:var(--cream,#edeadd);margin:0}
.home-conv .conv-h2 .it{font-family:var(--serif,'Fraunces',serif);font-style:italic;font-weight:500;text-transform:none;color:var(--lime,#b8e834)}
.home-conv .conv-sub{margin:14px auto 0;max-width:56ch;color:var(--muted,#abae9f);font:400 1.05rem/1.55 var(--body,sans-serif)}

/* ---- 4 problembezogene Einstiege ---- */
.home-entries .conv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.entry-card{display:flex;flex-direction:column;background:var(--bg-card,#131a14);border:1px solid var(--line,rgba(237,234,221,.13));border-radius:16px;padding:24px 22px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
@media(hover:hover){.entry-card:hover{transform:translateY(-4px);border-color:rgba(184,232,52,.4);box-shadow:0 16px 40px rgba(0,0,0,.28)}}
.entry-card h3{margin:0 0 10px;font:700 1.24rem/1.2 var(--body,sans-serif);color:var(--cream,#edeadd)}
.entry-card p{margin:0 0 20px;color:var(--muted,#abae9f);font:400 .98rem/1.55 var(--body,sans-serif)}
.entry-card .entry-cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font:700 .95rem/1 var(--body,sans-serif);color:var(--lime,#b8e834);text-decoration:none}
@media(hover:hover){.entry-card .entry-cta:hover{gap:12px}}
.entry-card .entry-cta span{transition:transform .18s ease}

/* ---- 3 zentrale Ergebnisse ---- */
.home-results .conv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.result-card{background:var(--bg-2,#0f1411);border:1px solid var(--line,rgba(237,234,221,.13));border-radius:16px;padding:26px 24px}
.result-card .result-ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(184,232,52,.1);color:var(--lime,#b8e834);margin-bottom:16px}
.result-card h3{margin:0 0 8px;font:700 1.18rem/1.25 var(--body,sans-serif);color:var(--cream,#edeadd)}
.result-card p{margin:0;color:var(--muted,#abae9f);font:400 .98rem/1.55 var(--body,sans-serif)}

/* ---- Referenz (Mager) ---- */
.home-ref .ref-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20px,3vw,40px);align-items:center;background:var(--bg-card,#131a14);border:1px solid var(--line,rgba(237,234,221,.13));border-radius:20px;padding:clamp(20px,3vw,34px);box-shadow:0 30px 70px rgba(0,0,0,.35)}
.home-ref .ref-media{border-radius:14px;overflow:hidden;border:1px solid var(--line,rgba(237,234,221,.13))}
.home-ref .ref-media img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.home-ref .ref-body .conv-kicker{margin-bottom:10px}
.home-ref .ref-body h3{margin:0 0 12px;font-family:var(--display,'Anton',sans-serif);text-transform:uppercase;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1;color:var(--cream,#edeadd)}
.home-ref .ref-desc{margin:0 0 18px;color:var(--muted,#abae9f);font:400 1rem/1.55 var(--body,sans-serif)}
.home-ref blockquote{margin:0 0 18px;padding-left:18px;border-left:3px solid var(--lime,#b8e834);font-family:var(--serif,'Fraunces',serif);font-style:italic;font-size:1.12rem;line-height:1.5;color:var(--cream,#edeadd)}
.home-ref .ref-attr{display:block;margin-top:10px;font-family:var(--body,sans-serif);font-style:normal;font-size:.9rem;color:var(--muted,#abae9f)}
.home-ref .ref-attr .stars{color:var(--lime,#b8e834);letter-spacing:2px}
.home-ref .ref-cta{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;background:var(--lime,#b8e834);color:#142007;font:800 .98rem/1 var(--body,sans-serif);text-decoration:none}
@media(hover:hover){.home-ref .ref-cta:hover{background:#c7f25a}}

/* ---- Preis-Orientierung ---- */
.home-price .price-card{background:var(--bg-2,#0f1411);border:1px solid var(--line,rgba(237,234,221,.13));border-radius:18px;padding:clamp(24px,3.5vw,40px);text-align:center;max-width:900px;margin-inline:auto}
.home-price .price-lines{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin:0 0 16px;list-style:none;padding:0}
.home-price .price-lines li{font:600 1rem/1.3 var(--body,sans-serif);color:var(--cream,#edeadd);background:var(--bg-card,#131a14);border:1px solid var(--line,rgba(237,234,221,.13));border-radius:999px;padding:8px 16px}
.home-price .price-note{color:var(--muted,#abae9f);font:400 .98rem/1.6 var(--body,sans-serif);max-width:60ch;margin:0 auto 20px}
.home-price .price-cta{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;border:1px solid var(--line-2,rgba(237,234,221,.16));background:var(--bg-elev,#182019);color:var(--cream,#edeadd);font:700 .98rem/1 var(--body,sans-serif);text-decoration:none}
@media(hover:hover){.home-price .price-cta:hover{border-color:rgba(184,232,52,.4)}}

/* ---- Allgemeines Anfrageformular ---- */
.home-anfrage .anfrage-card{background:var(--bg-card,#131a14);border:1px solid var(--line,rgba(237,234,221,.13));border-radius:20px;padding:clamp(24px,4vw,44px);max-width:760px;margin-inline:auto;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.home-anfrage form{display:grid;gap:16px}
.home-anfrage .fld{display:grid;gap:7px}
.home-anfrage .fld-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.home-anfrage label{font:600 .9rem/1.3 var(--body,sans-serif);color:var(--cream,#edeadd)}
.home-anfrage input,.home-anfrage select,.home-anfrage textarea{width:100%;background:var(--bg,#0a0d0b);border:1px solid var(--line-2,rgba(237,234,221,.16));border-radius:12px;padding:13px 15px;font:400 1rem/1.4 var(--body,sans-serif);color:var(--cream,#edeadd);min-height:48px}
.home-anfrage textarea{min-height:96px;resize:vertical}
.home-anfrage input:focus,.home-anfrage select:focus,.home-anfrage textarea:focus{outline:none;border-color:var(--lime,#b8e834);box-shadow:0 0 0 3px rgba(184,232,52,.18)}
.home-anfrage .fld-consent{display:flex;gap:11px;align-items:flex-start;font:400 .86rem/1.5 var(--muted,#abae9f)}
.home-anfrage .fld-consent input{width:20px;height:20px;min-height:0;flex:none;margin-top:2px;accent-color:var(--lime,#b8e834)}
.home-anfrage .fld-consent a{color:var(--lime,#b8e834)}
.home-anfrage .hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.home-anfrage button[type=submit]{min-height:52px;border:none;border-radius:999px;background:var(--lime,#b8e834);color:#142007;font:800 1.02rem/1 var(--body,sans-serif);cursor:pointer;transition:filter .15s ease,transform .08s ease}
@media(hover:hover){.home-anfrage button[type=submit]:hover{filter:brightness(1.05)}}
.home-anfrage button[type=submit]:disabled{opacity:.6;cursor:default}
.home-anfrage .home-anfrage-msg{margin:2px 0 0;min-height:1.2em;font:500 .95rem/1.5 var(--body,sans-serif);color:var(--muted,#abae9f)}
.home-anfrage .home-anfrage-msg.ok{color:var(--lime,#b8e834)}
.home-anfrage .home-anfrage-msg.err{color:var(--warn,#e85d4f)}

/* ---- Responsive ---- */
@media(max-width:900px){
  .home-entries .conv-grid{grid-template-columns:1fr 1fr}
  .home-results .conv-grid{grid-template-columns:1fr}
  .home-ref .ref-card{grid-template-columns:1fr}
  .home-ref .ref-media{order:-1}
}
@media(max-width:560px){
  .home-entries .conv-grid{grid-template-columns:1fr}
  .home-anfrage .fld-row{grid-template-columns:1fr}
}