/* Rehasport Zentrum Suhl · Schmerztherapie-Einstiegsseite & dazugehörige Information
   04.11.2026 · Aus bestehenden Premium-Bausteinen erweitert, ohne globale Layoutumbrüche. */
:root { --pain-green:#8BBE26; --pain-ink:#222829; --pain-muted:#44514b; --pain-paper:#f5f7f3; }

/* Einstieg: gleiche Bildbühne, Typografie, Karten und Überlappung wie die übrigen
   Premium-Einstiegsseiten. Nur die längere Headline braucht einen eigenen Umbruch. */
.reha-unified .reha-overview-hero--schmerztherapie .reha-overview-copy {
  width:min(100%,610px);
}
.reha-unified .reha-overview-hero--schmerztherapie .reha-overview-copy h1 {
  font-size:clamp(43px,3.72vw,67px) !important;
  line-height:1.12;
  letter-spacing:-.054em;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.reha-unified .reha-overview-hero--schmerztherapie .reha-overview-copy h1 span {
  color:var(--pain-green);
  white-space:nowrap;
}
.reha-unified .reha-overview-hero--schmerztherapie .reha-overview-promise {
  font-size:clamp(24px,1.82vw,32px);
}
.reha-unified .reha-overview-hero--schmerztherapie .reha-overview-intro {
  width:min(100%,490px);
}
.reha-unified .reha-overview-hero--schmerztherapie .reha-overview-wash {
  background:linear-gradient(90deg,#f5f7f3 0%,rgba(245,247,243,.99) 19%,rgba(245,247,243,.97) 29%,rgba(245,247,243,.81) 38%,rgba(245,247,243,.16) 56%,transparent 76%);
}
.reha-unified .reha-overview-page--schmerztherapie .reha-overview-course-card {
  min-width:0;
}
.reha-unified .reha-overview-page--schmerztherapie .reha-overview-course-image img {
  object-position:center 42%;
}
.reha-unified .reha-overview-page--schmerztherapie .reha-overview-course-subtitle {
  min-height:2.65em;
}
.reha-unified .reha-overview-page--schmerztherapie .reha-overview-course-title {
  overflow-wrap:break-word;
}
@media (max-width:1199.98px) {
 .reha-unified .reha-overview-hero--schmerztherapie .reha-overview-copy h1 {
   font-size:clamp(37px,4.0vw,53px) !important;
 }
}
@media (max-width:899.98px) {
 .reha-unified .reha-overview-hero--schmerztherapie .reha-overview-copy h1 {
   font-size:clamp(38px,6.3vw,52px) !important;
 }
 .reha-unified .reha-overview-hero--schmerztherapie .reha-overview-visual img {
   object-position:57% 41%;
 }
}
@media (max-width:575.98px) {
 .reha-unified .reha-overview-hero--schmerztherapie .reha-overview-copy h1 {
   font-size:clamp(31px,7.6vw,40px) !important;
   letter-spacing:-.05em;
 }
 .reha-unified .reha-overview-hero--schmerztherapie .reha-overview-copy h1 span {
   white-space:normal;
 }
 .reha-unified .reha-overview-page--schmerztherapie .reha-overview-course-subtitle {
   min-height:0;
 }
}

/* Weiterführende Schmerztherapie-Information: ausschließlich neue Seite. */
.reha-unified .reha-pain-detail {
 color:var(--pain-ink); background:var(--pain-paper); font-size:16px;
}
.reha-unified .reha-pain-detail .reha-overview-container {
 width:min(calc(100% - 2*var(--home-gutter,5vw)),var(--home-max,1640px));
 max-width:var(--home-max,1640px); margin-inline:auto;
}
.reha-unified .reha-pain-detail h1,
.reha-unified .reha-pain-detail h2,
.reha-unified .reha-pain-detail h3,
.reha-unified .reha-pain-detail h4 {
 color:var(--pain-ink); letter-spacing:-.042em; font-weight:800;
}
.reha-unified .reha-pain-detail p { color:var(--pain-muted); line-height:1.72; }
.reha-unified .reha-pain-detail .pain-detail-hero {
 background:linear-gradient(130deg,#f5f7f3 0%,#eff4e9 100%);
 overflow:hidden;
}
.reha-unified .reha-pain-detail .pain-detail-hero-inner {
 min-height:660px; padding-block:clamp(64px,7.2vw,110px);
 display:grid; grid-template-columns:minmax(0, .93fr) minmax(0,1.07fr);
 gap:clamp(35px,5.8vw,110px); align-items:center;
}
.reha-unified .reha-pain-detail .pain-detail-copy { max-width:630px; }
.reha-unified .reha-pain-detail .pain-detail-copy .reha-overview-kicker {
 display:flex; align-items:center; gap:12px;
 color:#42513f; font-size:12px; font-weight:800; letter-spacing:.18em;
 margin:0 0 23px; text-transform:uppercase;
}
.reha-unified .reha-pain-detail .pain-detail-copy .reha-overview-kicker::before {
 content:''; width:32px; height:2px; background:var(--pain-green);
}
.reha-unified .reha-pain-detail .pain-detail-copy h1 {
 font-size:clamp(42px,4vw,74px); line-height:1.1; margin:0 0 25px;
}
.reha-unified .reha-pain-detail .pain-detail-copy h1 span { display:block; color:#7eaa25; }
.reha-unified .reha-pain-detail .pain-detail-lead {
 color:#293631; font-size:clamp(22px,1.85vw,32px); line-height:1.34;
 font-weight:700; letter-spacing:-.025em; margin:0 0 20px;
}
.reha-unified .reha-pain-detail .pain-detail-intro {
 font-size:17px; line-height:1.73; max-width:540px; margin:0 0 30px;
}
.reha-unified .reha-pain-detail .pain-detail-hero-image {
 min-width:0; aspect-ratio:1.42; overflow:hidden;
 border-radius:26px; box-shadow:0 24px 65px rgba(29,47,24,.12);
 background:#e3e9df;
}
.reha-unified .reha-pain-detail .pain-detail-hero-image img {
 display:block; width:100%; height:100%; object-fit:cover; object-position:center;
}
.reha-unified .reha-pain-detail .pain-primary-link {
 display:inline-flex; justify-content:space-between; align-items:center; gap:20px;
 min-height:58px; padding:17px 23px; border-radius:7px;
 background:var(--pain-green); color:#142118 !important; text-decoration:none !important;
 font-weight:800; font-size:15px; line-height:1.35; box-shadow:0 10px 26px rgba(38,68,13,.12);
 transition:transform .2s ease, box-shadow .2s ease;
}
.reha-unified .reha-pain-detail .pain-primary-link svg { width:21px; height:21px; flex:0 0 auto; }
.reha-unified .reha-pain-detail .pain-primary-link:hover,
.reha-unified .reha-pain-detail .pain-primary-link:focus-visible {
 transform:translateY(-2px); box-shadow:0 14px 30px rgba(38,68,13,.20);
}
.reha-unified .reha-pain-detail .pain-benefits {background:#fff;padding:clamp(65px,7vw,114px) 0;}
.reha-unified .reha-pain-detail .pain-benefits-grid {
 display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
 gap:clamp(40px,7vw,136px);align-items:center;
}
.reha-unified .reha-pain-detail .pain-eyebrow {
 color:#6c9621; font-size:12px; letter-spacing:.17em;
 text-transform:uppercase; font-weight:800; line-height:1.4; margin:0 0 18px;
}
.reha-unified .reha-pain-detail .pain-benefits h2,
.reha-unified .reha-pain-detail .pain-section-heading h2,
.reha-unified .reha-pain-detail .pain-consultation h2 {
 font-size:clamp(34px,3.1vw,53px); line-height:1.15; margin:0 0 22px;
}
.reha-unified .reha-pain-detail .pain-benefits-heading>p:last-child {
 font-size:17px;max-width:610px; margin:0;
}
.reha-unified .reha-pain-detail .pain-checklist {
 margin:0;padding:34px 36px; list-style:none;
 background:#f3f7ef;border:1px solid #e1e9d6;border-radius:22px;
}
.reha-unified .reha-pain-detail .pain-checklist li {
 position:relative;padding:14px 0 14px 42px;
 font-size:clamp(16px,1.1vw,18px);font-weight:700;line-height:1.43;
 color:#27312b; border-bottom:1px solid #e1e8d9;
}
.reha-unified .reha-pain-detail .pain-checklist li:last-child {border-bottom:0;}
.reha-unified .reha-pain-detail .pain-checklist li::before {
 content:'✓';position:absolute;left:0;top:11px;width:28px;height:28px;
 display:grid;place-items:center;border-radius:50%;background:var(--pain-green);
 color:#fff;font-size:16px;font-weight:800;
}
.reha-unified .reha-pain-detail .pain-methods {padding:clamp(65px,7vw,114px) 0;}
.reha-unified .reha-pain-detail .pain-section-heading {max-width:830px;margin:0 auto 54px;text-align:center;}
.reha-unified .reha-pain-detail .pain-section-heading>p:last-child {font-size:17px;margin:0;}
.reha-unified .reha-pain-detail .pain-method {
 display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,6vw,110px);
 align-items:center;margin:0 0 28px;padding:clamp(22px,3vw,43px);
 background:#fff;border:1px solid #e2e7df;border-radius:25px;
 box-shadow:0 20px 56px rgba(35,49,32,.045);
 scroll-margin-top:115px;
}
.reha-unified .reha-pain-detail .pain-method:last-child {margin-bottom:0;}
.reha-unified .reha-pain-detail .pain-method--reverse .pain-method-image {order:2;}
.reha-unified .reha-pain-detail .pain-method-image {min-width:0;aspect-ratio:1.56;overflow:hidden;border-radius:17px;background:#e9eee6;}
.reha-unified .reha-pain-detail .pain-method-image img {width:100%;height:100%;display:block;object-fit:cover;object-position:center;}
.reha-unified .reha-pain-detail .pain-method-number {display:block;color:#678a25;font-size:12px;font-weight:800;letter-spacing:.15em;margin:0 0 20px;}
.reha-unified .reha-pain-detail .pain-method-copy h3 {font-size:clamp(28px,2.1vw,39px);line-height:1.18;margin:0 0 20px;}
.reha-unified .reha-pain-detail .pain-method-copy p {font-size:16px;margin:0 0 24px;}
.reha-unified .reha-pain-detail .pain-method-copy h4 {font-size:17px;letter-spacing:-.025em;margin:0 0 13px;}
.reha-unified .reha-pain-detail .pain-method-copy ul {margin:0;padding:0;list-style:none;}
.reha-unified .reha-pain-detail .pain-method-copy li {position:relative;color:#425049;padding:4px 0 4px 25px;font-size:15px;line-height:1.6;}
.reha-unified .reha-pain-detail .pain-method-copy li::before {content:'✓';position:absolute;left:0;color:#76a127;font-weight:800;}
.reha-unified .reha-pain-detail .pain-process {background:#1b2022;color:#fff;padding:clamp(70px,7vw,112px) 0;}
.reha-unified .reha-pain-detail .pain-process .pain-section-heading h2 {color:#fff;}
.reha-unified .reha-pain-detail .pain-process .pain-eyebrow {color:#bce873;}
.reha-unified .reha-pain-detail .pain-process-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.6vw,48px);margin:0;padding:0;list-style:none;}
.reha-unified .reha-pain-detail .pain-process-grid li {position:relative;min-width:0;}
.reha-unified .reha-pain-detail .pain-step-counter {width:64px;height:64px;margin-bottom:25px;display:grid;place-items:center;background:var(--pain-green);border-radius:50%;font-size:18px;font-weight:800;color:#172117;}
.reha-unified .reha-pain-detail .pain-process-grid h3 {color:#fff;font-size:clamp(20px,1.5vw,25px);margin:0 0 12px;}
.reha-unified .reha-pain-detail .pain-process-grid p {color:#cad1cb;font-size:15px;line-height:1.7;margin:0;}
.reha-unified .reha-pain-detail .pain-consultation {background:#eef4e7;padding:clamp(65px,6vw,100px) 0;}
.reha-unified .reha-pain-detail .pain-consultation-inner {display:flex;align-items:center;justify-content:space-between;gap:42px;}
.reha-unified .reha-pain-detail .pain-consultation-inner>div {max-width:770px;}
.reha-unified .reha-pain-detail .pain-consultation h2 {margin-bottom:15px;}
.reha-unified .reha-pain-detail .pain-consultation p:not(.pain-eyebrow) {font-size:17px;margin:0 0 18px;}
.reha-unified .reha-pain-detail .pain-consultation small {display:block;max-width:725px;color:#68746b;font-size:12px;line-height:1.6;}
.reha-unified .reha-pain-detail .pain-consultation .pain-primary-link {flex:0 0 auto;}
@media (max-width:1099.98px) {
 .reha-unified .reha-pain-detail .pain-detail-hero-inner {grid-template-columns:1fr 1fr;gap:38px;}
 .reha-unified .reha-pain-detail .pain-detail-copy h1 {font-size:clamp(36px,4.35vw,54px);}
 .reha-unified .reha-pain-detail .pain-process-grid {grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px;}
 .reha-unified .reha-pain-detail .pain-consultation-inner {align-items:start;flex-direction:column;}
}
@media (max-width:899.98px) {
 .reha-unified .reha-pain-detail .pain-detail-hero-inner {grid-template-columns:1fr;padding-block:55px;}
 .reha-unified .reha-pain-detail .pain-detail-hero-image {aspect-ratio:1.6;max-height:450px;}
 .reha-unified .reha-pain-detail .pain-benefits-grid {grid-template-columns:1fr;}
 .reha-unified .reha-pain-detail .pain-method {grid-template-columns:1fr;}
 .reha-unified .reha-pain-detail .pain-method--reverse .pain-method-image {order:0;}
}
@media (max-width:575.98px) {
 .reha-unified .reha-pain-detail .pain-detail-copy h1 {font-size:clamp(35px,9vw,43px);}
 .reha-unified .reha-pain-detail .pain-detail-lead {font-size:22px;}
 .reha-unified .reha-pain-detail .pain-detail-hero-image {aspect-ratio:1.35;border-radius:18px;}
 .reha-unified .reha-pain-detail .pain-primary-link {width:100%;min-height:56px;font-size:14px;}
 .reha-unified .reha-pain-detail .pain-checklist {padding:20px;}
 .reha-unified .reha-pain-detail .pain-method {padding:17px;border-radius:19px;gap:24px;}
 .reha-unified .reha-pain-detail .pain-method-image {aspect-ratio:1.65;}
 .reha-unified .reha-pain-detail .pain-process-grid {grid-template-columns:1fr;gap:30px;}
 .reha-unified .reha-pain-detail .pain-step-counter {margin-bottom:12px;}
 .reha-unified .reha-pain-detail .pain-section-heading {margin-bottom:32px;}
 .reha-unified .reha-pain-detail .pain-consultation .pain-primary-link {width:100%;}
}
@media (prefers-reduced-motion:reduce) {
 .reha-unified .reha-pain-detail .pain-primary-link {transition:none;}
}

/* Das Layout-Referenzfoto beginnt direkt unter dem alten Entwurfsmenü.
   Die bestehende Navigation liegt auf den Einstiegsseiten absolut über der
   Bildbühne: Motiv deshalb um die 86 px Headerhöhe nach unten setzen, damit
   Gesichter nicht hinter dem schwarzen Header abgeschnitten werden. */
@media (min-width:900px) {
 .reha-unified .reha-overview-hero--schmerztherapie .reha-overview-visual {
   top:86px; bottom:0; height:calc(100% - 86px);
 }
}
@media (max-width:899.98px) {
 .reha-unified .reha-overview-hero--schmerztherapie .reha-overview-visual {
   top:auto; margin-top:86px; height:clamp(300px,45vw,390px);
 }
}
@media (max-width:575.98px) {
 .reha-unified .reha-overview-hero--schmerztherapie .reha-overview-visual {
   height:clamp(245px,72vw,315px);
 }
}

/* Bei vertikal gestapelter Detailseite darf der Text nicht unter den absolut
   positionierten Website-Header geraten. */
@media (max-width:899.98px) {
 .reha-unified .reha-pain-detail .pain-detail-hero-inner {
  padding-top:132px;
 }
}