/* Workshops & Trainings: Abschnitte & Raster (generiert) */
.ch-sec{--bg-page:var(--ch-canvas);--bg-page-dark:var(--ch-ink-900);--surface-card:var(--ch-paper);--surface-raised:var(--ch-greige-100);--surface-tint:var(--ch-terracotta-100);--surface-inverse:var(--ch-ink-900);--text-strong:var(--ch-ink-900);--text-body:var(--ch-ink-800);--text-muted:var(--ch-greige-600);--text-caption:var(--ch-greige-500);--text-on-dark:var(--ch-canvas);--text-on-dark-muted:var(--ch-greige-400);--text-accent:var(--ch-terracotta-600);--accent:var(--ch-terracotta-500);--accent-hover:var(--ch-terracotta-600);--accent-press:var(--ch-terracotta-700);--accent-contrast:var(--ch-canvas);--counter:var(--ch-petrol-500);--line-hairline:var(--ch-greige-300);--line-strong:var(--ch-ink-900);--line-accent:var(--ch-terracotta-500);--frame:var(--ch-ink-900);--focus-ring:var(--ch-terracotta-500);--link:var(--ch-terracotta-600);--link-hover:var(--ch-terracotta-700);--accent: #9F829E;--ch-terracotta-500: #9F829E;--ch-terracotta-600: #8A6E89;--ch-terracotta-700: #745B73;--ch-ink-900: #17181A;--ch-ink-800: #26282B;--ch-ink-700: #3C3F43;--ch-greige-600: #63666B;--ch-greige-500: #7F8388;--ch-greige-400: #9DA1A6;--ch-greige-300: #C6C8CC;--ch-greige-200: #E0E2E5;--ch-greige-100: #ECEDEF;--ch-canvas: #F5F6F7;--ch-paper: #FBFCFC;--ch-terracotta-100: #E9E2E8;--ch-terracotta-300: #C9B6C7;--text-on-dark: #F5F6F7;--accent-contrast: #FFFFFF;--line-on-dark: rgba(245,246,247,0.22)}
.ch-sec .ch-b > [style*="justify-self:end"]{margin-left:auto}
.ch-sec .ch-b li{margin-bottom:0}
.ch-sec.ch-s--04-kontakt{background:var(--bg-page);--max:1280px;padding-top:clamp(4rem,8vw,7rem) !important;padding-bottom:clamp(4rem,8vw,7rem) !important}
.ch-sec.ch-s--03-formate{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--02-schwerpunkte{background:var(--bg-page);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--01-ansatz{background:var(--surface-tint);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--intro{background:var(--bg-page);--max:1280px;padding-top:clamp(4rem,8vw,7rem) !important;padding-bottom:clamp(4rem,8vw,7rem) !important}
.ch-sec .ch-g--intro-1{--cg:clamp(2.5rem,5vw,5rem);--rg:clamp(2.5rem,5vw,5rem);align-items:flex-end}
.ch-sec .ch-g--01-ansatz-1{--cg:clamp(2.5rem,5vw,5rem);--rg:clamp(2.5rem,5vw,5rem);align-items:flex-start}
.ch-sec .ch-g--02-schwerpunkte-1{--cg:0px;--rg:0px;background-image:linear-gradient(var(--line-hairline),var(--line-hairline));background-size:calc(100% - var(--cg)) 1px;background-position:center top;background-repeat:no-repeat;border-left:1px solid var(--line-hairline)}
.ch-sec .ch-g--03-formate-1{--cg:clamp(2.5rem,5vw,5rem);--rg:clamp(2.5rem,5vw,5rem);align-items:flex-start}

/* >>> MOBIL 2026-10-19 (mobil-basis.css + workshops-trainings-anpassungen.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; }
}

/* ===== Workshops & Trainings – Mobil (< 768 px), 19.10.2026. Quelle: carina-website/wp-build/sections/workshops-trainings-anpassungen.css ===== */
@media (max-width: 767px) {
  /* Schwerpunkte 01–08: statt hoher Kästen offene Liste wie Own Yourself – Ziffer 20 px kursiv in Spalte 2.6rem,
     Titel 19 px daneben, Text darunter eingerückt; dünne Linien oben und zwischen den Einträgen */
  .ch-sec.ch-s--02-schwerpunkte .vc_row.ch-g.ch-g--02-schwerpunkte-1 { border-left: 0 !important; }
  .ch-sec.ch-s--02-schwerpunkte .ch-g--02-schwerpunkte-1 .ch-b > div { display: grid !important; grid-template-columns: 2.6rem minmax(0,1fr);
    column-gap: 0.9rem; row-gap: 0.4rem !important; align-items: baseline; padding: 1.1rem 0 !important; border-right: 0 !important; background: transparent !important; }
  .ch-sec.ch-s--02-schwerpunkte .ch-g--02-schwerpunkte-1 .ch-b > div > div:first-child { font-style: italic; font-size: 20px !important; line-height: 1.3; }
  .ch-sec.ch-s--02-schwerpunkte .ch-g--02-schwerpunkte-1 .ch-b > div > h3 { font-size: 19px !important; line-height: 1.3 !important; font-weight: 600; }
  .ch-sec.ch-s--02-schwerpunkte .ch-g--02-schwerpunkte-1 .ch-b > div > p { grid-column: 2; font-size: 16px !important; color: var(--text-muted); }
  .ch-sec.ch-s--02-schwerpunkte .ch-g--02-schwerpunkte-1 .ch-b > div > p:empty { display: none; }
  /* Formate-Tabelle: Label über dem Wert statt daneben (mehr Breite für den Text) */
  .ch-sec.ch-s--03-formate dl > div[style*="grid-template-columns:minmax(0,11rem)"] { grid-template-columns: 1fr !important; gap: 0.3rem !important; padding: 1rem 0 !important; }
  .ch-sec.ch-s--03-formate dl > div > dt { padding-top: 0 !important; }
}
/* <<< MOBIL 2026-10-19 */