/* Pädagogische Fachberatung & Coaching (Ingo 20.10.2026).
   Komponente includes/components/fachberatung.php: Startseite (unter dem ANKER) und eigene Seite /fachberatung. */
.fachberatung { padding-block: var(--section-gap); }
.fachberatung__head { max-width: 60ch; margin-bottom: clamp(1.75rem, 4vw, 2.75rem); }
.fachberatung__eyebrow { font-size: var(--text-sm); text-transform: uppercase; letter-spacing: 0.1em; color: var(--color-accent); margin-bottom: 0.9rem; }
.fachberatung__claim { font-family: var(--font-display); font-style: italic; color: var(--color-accent); font-size: var(--text-lg); line-height: 1.45; text-wrap: balance; }
.fachberatung__intro,
.fachberatung__outro { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.5rem, 4vw, 3.5rem); }
.fachberatung__intro p,
.fachberatung__outro p { color: var(--color-text-soft); line-height: 1.65; margin-bottom: 0.9rem; max-width: 60ch; }
.fachberatung__intro strong { color: var(--color-text); }
.fachberatung__h { font-family: var(--font-display); font-size: var(--text-xl); line-height: 1.3; margin-bottom: 0.75rem; }
.fachberatung__satz { font-weight: 600; color: var(--color-text) !important; }
.fachberatung__subtitle { margin-top: clamp(2rem, 5vw, 3.25rem); }
.fachberatung__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2.5vw, 1.5rem); margin-bottom: clamp(2rem, 5vw, 3.25rem); }
.fachberatung__card { padding: clamp(1.25rem, 3vw, 1.75rem); }
.fachberatung__card-title { font-size: var(--text-lg); font-weight: 600; margin-bottom: 0.6rem; line-height: 1.35; }
.fachberatung__card p { color: var(--color-text-soft); line-height: 1.6; }
.fachberatung__outro a { color: var(--color-accent); text-decoration: underline; text-underline-offset: 0.15em; }
.fachberatung__abschluss { text-align: center; margin-top: clamp(1.5rem, 4vw, 2.5rem); padding-top: clamp(1.5rem, 4vw, 2.5rem); border-top: 1px solid var(--color-border-soft); }
.fachberatung__abschluss .fachberatung__claim { font-size: var(--text-xl); margin-bottom: 0.6rem; }
.fachberatung__fuss { color: var(--color-text-soft); max-width: 62ch; margin: 0 auto 1.5rem; line-height: 1.6; }
@media (max-width: 760px) {
  .fachberatung__intro,
  .fachberatung__outro,
  .fachberatung__grid { grid-template-columns: 1fr; gap: 1rem; }
}