/* Startseite: Abschnitte & Raster (generiert) */
.ch-sec.ch-s--abschluss-cta{background:var(--surface-inverse);color:var(--text-on-dark);--max:1280px;padding-top:clamp(4rem,8vw,7.5rem) !important;padding-bottom:clamp(4rem,8vw,7.5rem) !important}
.ch-sec.ch-s--linkedin-impulse{--max:1280px;padding-top:clamp(4rem,8vw,7.5rem) !important;padding-bottom:clamp(4rem,8vw,7.5rem) !important}
.ch-sec.ch-s--kundenstimmen{background:var(--surface-raised);border-top:1px solid var(--line-hairline);border-bottom:1px solid var(--line-hairline);--max:1280px;padding-top:clamp(4rem,8vw,7.5rem) !important;padding-bottom:clamp(4rem,8vw,7.5rem) !important}
.ch-sec.ch-s--self-leadership{background:#FFFFFF;border-top:1px solid var(--line-hairline);--max:1280px;padding-top:clamp(4rem,8vw,7.5rem) !important;padding-bottom:clamp(4rem,8vw,7.5rem) !important}
.ch-sec.ch-s--ueber-mich{--max:1280px;padding-top:clamp(4rem,8vw,7.5rem) !important;padding-bottom:clamp(4rem,8vw,7.5rem) !important}
.ch-sec.ch-s--presse{background:var(--surface-inverse);color:var(--text-on-dark);--max:1280px;padding-top:clamp(4rem,8vw,7.5rem) !important;padding-bottom:clamp(4rem,8vw,7.5rem) !important}
.ch-sec.ch-s--leistungen{background:var(--bg-page);--max:1280px;padding-top:clamp(4rem,8vw,7.5rem) !important;padding-bottom:clamp(4rem,8vw,7.5rem) !important}
.ch-sec.ch-s--bekannt-aus{background:var(--surface-raised);border-top:1px solid var(--line-hairline);border-bottom:1px solid var(--line-hairline);--max:1480px;padding-top:clamp(1.75rem,3vw,2.5rem) !important;padding-bottom:clamp(1.75rem,3vw,2.5rem) !important}
.ch-sec.ch-s--hero{background:#F2F2F2}
.ch-sec .ch-g--leistungen-1{--cg:1.5rem;--rg:1.5rem;margin-bottom:1.5rem !important}
.ch-sec .ch-g--leistungen-2{--cg:1.5rem;--rg:1.5rem}
.ch-sec .ch-g--presse-1{--cg:1.5rem;--rg:1.5rem}
.ch-sec .ch-g--presse-2{--cg:4rem;--rg:1.5rem;align-items:center;margin-top:clamp(2.5rem,5vw,4rem) !important;padding-top:clamp(2rem,4vw,3rem) !important;background-image:linear-gradient(rgba(255,255,255,0.18),rgba(255,255,255,0.18));background-size:calc(100% - var(--cg)) 1px;background-position:center top;background-repeat:no-repeat}
.ch-sec .ch-g--ueber-mich-1{--cg:clamp(2.5rem,5vw,5rem);--rg:clamp(2.5rem,5vw,5rem)}
.ch-sec .ch-g--self-leadership-1{--cg:clamp(2rem,4vw,4rem);--rg:clamp(2rem,4vw,4rem);align-items:flex-start}
.ch-sec .ch-g--kundenstimmen-1{--cg:1.5rem;--rg:1.5rem}
.ch-sec .ch-g--linkedin-impulse-1{--cg:1.5rem;--rg:1.5rem}
.ch-sec .ch-g--abschluss-cta-1{--cg:clamp(2.5rem,5vw,5rem);--rg:clamp(2.5rem,5vw,5rem);align-items:center}

/* ===== Startseite – Feinanpassungen (von Hand gepflegt, Quelle: carina-website/wp-build/sections/startseite-anpassungen.css)
   Wird ans Ende von pages/startseite/page-sections.css gehängt (beim Neubau: --css startseite-anpassungen.css). ===== */

/* Hero mobil (< 768 px): erst das Foto, dann Text, Buttons und Siegel (16.10.2026) */
@media (max-width: 767px) {
  .ch-sec .ch-hero { display: flex; flex-direction: column; }
  .ch-sec .ch-hero .hero-img-wrap { order: -1; }
}

/* Logo-Laufband „Bekannt aus“ langsamer – Desktop und mobil (Design: 40 s je Durchlauf, jetzt 56 s; 16.10.2026) */
.ch-sec .ch-marquee { animation-duration: 56s !important; }


/* Abschnitte „Kundenstimmen“ (#stimmen) und „LinkedIn-Impulse“ (#impulse) vorübergehend ausgeblendet (16.10.2026).
   Wieder einblenden: diese Regel entfernen. Inhalte bleiben in WordPress unverändert. */
.vc_row.ch-sec.ch-s--kundenstimmen, .vc_row.ch-sec.ch-s--linkedin-impulse { display: none !important; }

/* >>> MOBIL 2026-10-19 (mobil-basis.css + startseite-mobil.css) */
/* ===== Mobil-Basis (< 768 px) – gemeinsame Regeln für alle Seiten außer Own Yourself (19.10.2026, Wunsch Marc:
   „Kundin prüft nur am Handy“). Quelle: carina-website/wp-build/sections/mobil-basis.css, wird zusammen mit
   <key>-anpassungen.css ans Ende von pages/<key>/page-sections.css gehängt (beim Neubau: --css mobil-basis.css).
   Maßstab = Own Yourself: Fließtext 16 px, Zusatzinfos 14–15 px, Labels 12 px, Buttons volle Breite,
   nummerierte Listen mit Ziffer 20 px kursiv in fester Spalte 2.6rem und Text 19 px Newsreader. ===== */
@media (max-width: 767px) {
  /* Schriftgrößen (Woodmart-Grundschrift 14 px macht aus 0.95rem nur 13,3 px) */
  .ch-sec { --fs-body: 16px; }
  .ch-sec .ch-label, .ch-sec .ch-b [style*="font-size:0.75rem"], .ch-sec .ch-b [style*="font-size:0.78rem"] { font-size: 12px !important; }
  .ch-sec .ch-b [style*="font-size:0.92rem"], .ch-sec .ch-b [style*="font-size:0.95rem"], .ch-sec .ch-b [style*="font-size:0.98rem"],
  .ch-sec .ch-b [style*="font-size:1rem"], .ch-sec .ch-b [style*="font-size:1.05rem"] { font-size: 16px !important; }
  .ch-sec .ch-b [style*="font-size:0.85rem"], .ch-sec .ch-b [style*="font-size:0.9rem"] { font-size: 14px !important; }
  .ch-sec .ch-b [style*="font-size:0.8rem"], .ch-sec .ch-b [style*="font-size:0.82rem"] { font-size: 13px !important; }

  /* Buttons: volle Breite, Text mittig, darf umbrechen (statt unterschiedlich breiter Knöpfe) */
  .ch-sec .ch-b a.ch-btn:not(.ch-btn--ghost) { width: 100%; justify-content: center; text-align: center; white-space: normal;
    line-height: 1.25; padding: 1rem 1.25rem; font-size: 15px; letter-spacing: 0.06em; }
  .ch-sec .ch-b :is(div, p):has(> a.ch-btn:not(.ch-btn--ghost)) { width: 100%; }
  /* Text-Links mit Pfeil („… entdecken →“): als Fließtext, damit der Pfeil beim Umbruch direkt hinter dem Wort steht */
  .ch-sec .ch-b a.ch-btn--ghost { display: inline; font-size: 14px; letter-spacing: 0.06em; line-height: 1.5; }
  .ch-sec .ch-b a.ch-btn--ghost > .ch-btn__icon { margin-left: 0.45em; }

  /* Themenliste „Mögliche Themen für ein Interview“ (Presse, Kontakt) im einheitlichen Listenformat */
  .ch-sec .ch-b ol > li[style*="grid-template-columns:2.5rem 1fr"] { grid-template-columns: 2.6rem minmax(0,1fr) !important;
    gap: 0.9rem !important; padding: 0.85rem 0 !important; font-size: 19px !important; line-height: 1.3 !important; }
  .ch-sec .ch-b ol > li[style*="grid-template-columns:2.5rem 1fr"] > span:first-child { font-style: italic; font-size: 20px; }

  /* Dunkle Kontaktbox Presse (Presse, Kontakt): etwas weniger Innenabstand */
  .ch-sec .ch-b div[style*="background:var(--surface-inverse)"][style*="border-top:3px solid var(--accent)"] { padding: 1.75rem 1.25rem !important; }
  /* Kontaktbox Presse (Presse, Kontakt): Telefon/E-Mail untereinander mit Label darüber – lange Adressen passen */
  .ch-sec .ch-b div[style*="grid-template-columns:auto 1fr"][style*="align-items:baseline"] { grid-template-columns: 1fr !important; gap: 0.15rem !important; }
  .ch-sec .ch-b div[style*="grid-template-columns:auto 1fr"][style*="align-items:baseline"] > a { margin-bottom: 0.85rem; font-size: 18px !important; }
  .ch-sec .ch-b div[style*="grid-template-columns:auto 1fr"][style*="align-items:baseline"] > a:last-child { margin-bottom: 0; }
}


/* ===== Mobil (< 768 px), 19.10.2026 (Wunsch Marc: Kundin prüft am Handy) – zusätzlich gilt mobil-basis.css ===== */
@media (max-width: 767px) {
  /* Leistungen: Karten mit weniger Innenabstand, damit der Text mehr Breite hat */
  .ch-sec.ch-s--leistungen article[style*="padding:2.5rem"] { padding: 1.75rem 1.25rem !important; }
  .ch-sec:is(.ch-s--leistungen, .ch-s--presse) article > div[style*="padding:1.75rem"] { padding: 1.5rem 1.25rem !important; }
  /* Self-Leadership „Was sich dadurch verändert“: vier Karten untereinander statt 2 × 2 (Text war 13 px in schmalen Spalten) */
  .ch-sec.ch-s--self-leadership div[style*="grid-template-columns:repeat(2,minmax(0,1fr))"] { grid-template-columns: 1fr !important; gap: 0.75rem !important; }
  .ch-sec.ch-s--self-leadership div[style*="grid-template-columns:repeat(2,minmax(0,1fr))"] > div { padding: 1.1rem 1.25rem !important; }
}
/* <<< MOBIL 2026-10-19 */