/* Signal Weilheim :: Fachbereichsseiten
   Farbiger Kopf, Therapieangebot, Ablauf und Wechsel zu den anderen Faechern. */

/* ---------- Farbiger Kopf ---------- */
.sg-fachhero__inner{
  max-width:var(--sg-max);margin:0 auto;
  padding:clamp(28px,3vw,44px) var(--sg-pad) clamp(48px,6vw,88px);
}
.sg-fachhero__back{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--sg-display);font-size:13px;letter-spacing:.1em;
  text-transform:uppercase;opacity:.7;transition:opacity .18s ease;
}
.sg-fachhero__back:hover{opacity:1}
.sg-fachhero__no{
  margin-top:clamp(32px,4vw,60px);font-family:var(--sg-display);
  font-size:13px;letter-spacing:.16em;text-transform:uppercase;opacity:.6;
}
.sg-fachhero__title{
  margin-top:12px;font-family:var(--sg-display);
  font-size:clamp(40px,8.6vw,140px);line-height:.92;font-weight:600;
  letter-spacing:-.05em;text-transform:uppercase;
}
.sg-fachhero__grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));
  gap:clamp(28px,3.5vw,64px);margin-top:clamp(28px,3.5vw,48px);align-items:end;
}
.sg-fachhero__claim{
  font-family:var(--sg-display);font-size:clamp(22px,2.4vw,34px);
  line-height:1.2;font-weight:500;letter-spacing:-.03em;text-wrap:balance;
}
.sg-fachhero__lead{font-size:18px;line-height:1.6;opacity:.85;max-width:34em}
.sg-fachhero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.sg-fachhero__actions .sg-btn{padding:17px 26px;font-size:14.5px;letter-spacing:.03em}

/* Umrissbutton auf farbigem Grund, Farbe kommt von der Flaeche. */
.sg-btn--outline{background:none;border:1px solid currentColor;color:inherit}
.sg-btn--outline:hover{background:rgba(0,0,0,.1);color:inherit}

/* ---------- Therapieangebot und Ablauf ---------- */
.sg-fachdetail__grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));
  gap:clamp(36px,4.5vw,80px);
}
.sg-h2--sm{
  font-family:var(--sg-display);font-size:clamp(28px,3.4vw,46px);
  line-height:1.02;font-weight:500;letter-spacing:-.035em;text-transform:uppercase;
}

.sg-leistungen{margin-top:32px;border-top:1px solid rgba(242,241,238,.16)}
.sg-leistung{
  display:flex;gap:18px;padding:22px 4px;
  border-bottom:1px solid rgba(242,241,238,.16);
  transition:padding-left .2s ease,background .2s ease;
}
.sg-leistung:hover{padding-left:16px;background:rgba(242,241,238,.04)}
.sg-leistung__dot{width:10px;height:10px;flex:none;margin-top:8px}
.sg-leistung__t{font-family:var(--sg-display);font-size:19px;font-weight:600;letter-spacing:-.02em}
.sg-leistung__d{margin-top:6px;font-size:15.5px;line-height:1.6;color:rgba(242,241,238,.65)}

.sg-ablauf{display:flex;flex-direction:column;gap:2px;margin-top:32px}
.sg-schritt{display:flex;gap:20px;padding:22px;background:var(--sg-surface)}
.sg-schritt__n{font-family:var(--sg-display);font-size:22px;font-weight:600;line-height:1;flex:none}
.sg-schritt__t{font-family:var(--sg-display);font-size:18px;font-weight:600;letter-spacing:-.02em}
.sg-schritt__d{margin-top:5px;font-size:15.5px;line-height:1.6;color:rgba(242,241,238,.65)}

/* ---------- Wechsel zwischen den Fachbereichen ---------- */
.sg-fachswitch__title{margin-top:36px}
.sg-fachswitch{display:flex;flex-direction:column;gap:2px;margin-top:14px}
.sg-fachswitch__item{
  display:flex;align-items:center;gap:14px;padding:18px 20px;
  background:var(--sg-surface);color:var(--sg-ink);
  font-family:var(--sg-display);font-size:17px;font-weight:600;
  letter-spacing:-.02em;text-transform:uppercase;
  transition:padding-left .2s ease;
}
.sg-fachswitch__item:hover{padding-left:28px;color:var(--sg-ink)}
.sg-fachswitch__item[aria-current="page"]{background:rgba(242,241,238,.1)}
.sg-fachswitch__dot{width:10px;height:10px;flex:none}
.sg-fachswitch__mark{margin-left:auto;opacity:.5}