/* =====================================================================
   Collective Brain – Content Creation Hero Harmonisierung
   Ziel: Visuelle Typo-Hierarchie an /web-development/ angleichen,
         Brand-Elemente (gelber Akzent, Zeilenumbrüche) beibehalten.
   SEO: Tag-Struktur bleibt unverändert (H1 = Hook, P = Label/Subtitle).
   Spezifität: bewusst höher als das page-scoped CSS in der Seite.
   ===================================================================== */

/* --- Label: "CONTENT CREATION AGENTUR HAMBURG"
   angeglichen an Web-Dev-Label (h1 "Web Development" auf /web-development/)
   vorher: 13px / LS 4px / weight 600 — nachher: 24px / LS 1.2px / weight 600 --- */
html body.et_divi_theme #page-container .et_pb_section.et_pb_section_1 .et_pb_text.cc-hero.cc-tight > .et_pb_text_inner > p:first-child {
    font-family: "Google Sans", -apple-system, "system-ui", "Segoe UI", Roboto, sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.05 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    color: #1F1E1D !important;
    margin: 0 0 12px 0 !important;
    padding: 0 0 10px 0 !important;
}

/* --- Headline H1: "Deine Kunden / suchen. / Finden sie dich?"
   angeglichen an Web-Dev-Headline (h2 "Code, der verkauft.")
   vorher: clamp(48,8vw,88)px / weight 800 / LS -3 / Google Sans
   nachher: clamp(36,5vw,48)px / weight 600 / LS -1.2 / Futura Medium BT --- */
html body.et_divi_theme #page-container .et_pb_section.et_pb_section_1 .et_pb_text.cc-hero.cc-tight h1 {
    font-family: "Futura Medium BT", "Futura PT", Futura, "Trebuchet MS", Arial, sans-serif !important;
    font-size: clamp(36px, 5vw, 48px) !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    letter-spacing: -1.2px !important;
    text-transform: uppercase !important; /* Brand-Signature: bleibt */
    color: #1F1E1D !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
}

/* --- Brand-Akzent "Finden sie dich?" – Gelb bleibt erhalten --- */
html body.et_divi_theme #page-container .et_pb_section.et_pb_section_1 .et_pb_text.cc-hero.cc-tight h1 span {
    color: #FFD600 !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
}

/* --- Subtitle "Jeden Tag tippen Menschen..."
   angeglichen an Web-Dev-Subtitle-Paragraph
   vorher: 17px — nachher: 16px / LH 1.65 / LS -0.16 / Google Sans --- */
html body.et_divi_theme #page-container .et_pb_section.et_pb_section_1 .et_pb_text.cc-hero.cc-tight > .et_pb_text_inner > p:last-child {
    font-family: "Google Sans", -apple-system, "system-ui", "Segoe UI", Roboto, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    letter-spacing: -0.16px !important;
    color: #1F1E1D !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- Mobile-Feinschliff: auf Tablet/Phone Label & Subtitle etwas kompakter --- */
@media (max-width: 767px) {
    html body.et_divi_theme #page-container .et_pb_section.et_pb_section_1 .et_pb_text.cc-hero.cc-tight > .et_pb_text_inner > p:first-child {
        font-size: 20px !important;
        letter-spacing: 1px !important;
    }
    html body.et_divi_theme #page-container .et_pb_section.et_pb_section_1 .et_pb_text.cc-hero.cc-tight h1 {
        margin-bottom: 20px !important;
    }
}