/* Rehasport Zentrum Suhl | Über uns – Premium-Design 2026-11-01
   Originalfotos, Originalpersonen, CI-Akzent #8BBE26.
   Nur diese Seite: bestehender Sticky Header und Footer bleiben unverändert. */
.about-page .about2026-root { --a-green:#8BBE26; --a-ink:#1b2222; --a-text:#525c5a; --a-bg:#f7f9f5; color:var(--a-ink); font-family:Montserrat,Arial,Helvetica,sans-serif; overflow:clip; padding-top:86px; }
.about-page .about2026-root *, .about-page .about2026-root *::before, .about-page .about2026-root *::after { box-sizing:border-box; }
.about-page .about2026-root h1, .about-page .about2026-root h2, .about-page .about2026-root h3, .about-page .about2026-root p { font-family:Montserrat,Arial,Helvetica,sans-serif; }
.about-page .about2026-root h1,.about-page .about2026-root h2,.about-page .about2026-root h3 { text-transform:none; }
.about-page .about2026-wrap { width:min(calc(100% - 2 * clamp(20px,4.6vw,76px)), 1480px); margin:0 auto; }
.about-page .about2026-kicker { position:relative; display:inline-flex; align-items:center; gap:12px; color:#405247; font-weight:800; font-size:12px; line-height:1.4; letter-spacing:.20em; text-transform:uppercase; }
.about-page .about2026-kicker::before {content:""; display:block; background:var(--a-green); width:34px; height:2px; flex:none; }

/* Hero: kein Bildfilter notwendig; Schrifthintergrund wird separat per CSS aufgehellt */
.about-page .about2026-hero { background:#f1f5ef; min-height:clamp(515px,38vw,660px); position:relative; display:flex; isolation:isolate; align-items:center; }
.about-page .about2026-hero__visual,.about-page .about2026-hero__wash { position:absolute; inset:0; z-index:0; pointer-events:none; }
.about-page .about2026-hero__visual img { display:block; width:100%; height:100%; object-fit:cover; object-position:67% 43%; }
.about-page .about2026-hero__wash { z-index:1; background:linear-gradient(90deg,rgba(249,250,247,.985) 0%,rgba(249,250,247,.97) 18%,rgba(249,250,247,.95) 26%,rgba(249,250,247,.83) 37%,rgba(249,250,247,.20) 52%,transparent 68%); }
.about-page .about2026-hero__inner { position:relative; z-index:2; padding:clamp(48px,5vw,76px) 0; }
.about-page .about2026-hero__copy { max-width:540px; }
.about-page .about2026-hero h1 { margin:22px 0 18px; color:var(--a-ink); font-size:clamp(43px,3.9vw,65px); line-height:1.07; letter-spacing:-.055em; font-weight:800; }
.about-page .about2026-hero h1 span { color:var(--a-green); }
.about-page .about2026-hero p { margin:0 0 26px; color:#3d4948; max-width:440px; font-size:clamp(15px,1.1vw,17px); line-height:1.67; font-weight:500; }
.about-page .about2026-hero strong { font-weight:800; }
.about-page .about2026-cta { display:inline-flex; min-height:54px; align-items:center; justify-content:center; gap:20px; border-radius:6px; padding:15px 21px; background:var(--a-green); color:#182516 !important; text-decoration:none !important; font-weight:800; font-size:13px; letter-spacing:.025em; box-shadow:0 8px 20px rgba(25,45,13,.13); transition:transform .2s ease, box-shadow .2s ease; }
.about-page .about2026-cta svg { width:19px; height:19px; }
.about-page .about2026-cta:hover { color:#182516 !important; transform:translateY(-2px); box-shadow:0 15px 28px rgba(25,45,13,.2); }
.about-page .about2026-cta:focus-visible { outline:3px solid #253c17; outline-offset:3px; }

/* Trust line */
.about-page .about2026-benefits { background:#fff; border-bottom:1px solid #e8ece5; }
.about-page .about2026-benefits__grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:stretch; padding:21px 0; }
.about-page .about2026-benefit { display:flex; align-items:center; gap:14px; padding:7px 19px; min-width:0; border-right:1px solid #e6eae3; }
.about-page .about2026-benefit:first-child { padding-left:0; }
.about-page .about2026-benefit:last-child { border-right:0; padding-right:0; }
.about-page .about2026-benefit__icon { flex:0 0 46px; width:46px; height:46px; display:flex; justify-content:center; align-items:center; border:1px solid rgba(76,112,21,.24); border-radius:50%; background:#edf4e4; color:#4c7413; }
.about-page .about2026-benefit__icon svg { width:22px; height:22px; }
.about-page .about2026-benefit strong { display:block; font-size:clamp(13px, .99vw, 15px); line-height:1.35; letter-spacing:-.02em; font-weight:750; color:#293433; }

/* Team: editorial intro, five portrait cards */
.about-page .about2026-team { padding:clamp(70px,6.2vw,104px) 0 clamp(78px,7vw,112px); background:linear-gradient(180deg,#fff,#fbfcfa); scroll-margin-top:92px; }
.about-page .about2026-team__heading { display:grid; grid-template-columns:1.25fr .85fr; gap:clamp(35px,5.4vw,80px); align-items:end; margin-bottom:40px; }
.about-page .about2026-team__heading h2 { margin:18px 0 0; font-weight:800; font-size:clamp(28px,3vw,45px); line-height:1.18; color:#202726; letter-spacing:-.046em; }
.about-page .about2026-team__heading h2 span { color:var(--a-green); }
.about-page .about2026-team__heading > p { margin:0 0 4px; max-width:480px; justify-self:end; font-size:16px; line-height:1.68; font-weight:500; color:#626e6b; }
.about-page .about2026-team__grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:clamp(16px,1.35vw,24px); align-items:stretch; }
.about-page .about2026-person { display:flex; flex-direction:column; min-width:0; height:100%; background:white; border:1px solid #e6ebe3; border-radius:13px; overflow:hidden; box-shadow:0 8px 25px rgba(16,40,25,.035); transition:transform .25s ease, box-shadow .25s ease; }
.about-page .about2026-person:hover { transform:translateY(-4px); box-shadow:0 17px 38px rgba(16,40,25,.09); }
.about-page .about2026-person__image { aspect-ratio:4 / 4.62; background:#edf0e9; overflow:hidden; }
.about-page .about2026-person__image img { width:100%; height:100%; object-fit:cover; object-position:center 23%; display:block; transition:transform .35s ease; }
.about-page .about2026-person:hover .about2026-person__image img { transform:scale(1.035); }
.about-page .about2026-person__body { padding:25px clamp(17px,1.45vw,25px) 28px; flex:1; }
.about-page .about2026-person h3 { margin:0 0 5px; font-size:clamp(21px,1.4vw,24px); line-height:1.2; font-weight:800; letter-spacing:-.035em; color:#202726; }
.about-page .about2026-person__role { margin:0 0 15px; color:#455849; font-size:14px; font-weight:750; line-height:1.48; min-height:3em; }
.about-page .about2026-person__text { margin:0; color:#5b6462; font-weight:500; font-size:15px; line-height:1.65; }

/* Image + philosophy composition */
.about-page .about2026-philosophy { display:grid; grid-template-columns:48% minmax(0,1fr); min-height:570px; background:#eef3eb; }
.about-page .about2026-philosophy__media { position:relative; min-height:570px; overflow:hidden; }
.about-page .about2026-philosophy__media img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:center; }
.about-page .about2026-philosophy__media::after {content:"";position:absolute;inset:25% 0 0;background:linear-gradient(180deg,transparent,rgba(9,20,15,.67));pointer-events:none;}
.about-page .about2026-philosophy__imagecopy { position:absolute; z-index:2; bottom:38px; left:max(32px,calc((100vw - 1480px)/2)); right:24px; color:white; font-size:clamp(25px,2.4vw,39px); line-height:1.17; letter-spacing:-.04em; font-weight:800; text-shadow:0 2px 15px rgba(0,0,0,.27); }
.about-page .about2026-philosophy__imagecopy span { font-size:.7em; font-weight:650; letter-spacing:-.02em; }
.about-page .about2026-philosophy__content { min-width:0; padding-block:clamp(55px,5.1vw,88px); padding-left:clamp(32px,4.3vw,94px); padding-right:max(clamp(20px,4.6vw,76px), calc((100vw - 1480px) / 2)); display:flex; flex-direction:column; justify-content:center; }
.about-page .about2026-philosophy h2 { color:#202726; margin:16px 0 15px; font-size:clamp(33px,3.1vw,51px); font-weight:800; line-height:1.13; letter-spacing:-.05em; }
.about-page .about2026-philosophy__lead { font-size:clamp(16px,1.03vw,18px); font-weight:500; line-height:1.73; color:#57625b; margin:0; max-width:620px; }
.about-page .about2026-philosophy__values { display:grid; grid-template-columns:1fr; gap:18px; margin-top:30px; max-width:580px; }
.about-page .about2026-value { display:flex; align-items:flex-start; gap:16px; border-right:0; min-width:0; padding:0; }
.about-page .about2026-value:last-child {border-right:0}
.about-page .about2026-value__icon { width:45px; height:45px; flex:0 0 45px; display:flex; align-items:center; justify-content:center; border-radius:50%; color:#4c731d; background:rgba(139,190,38,.13); border:1px solid rgba(81,128,28,.2); margin-bottom:11px; }
.about-page .about2026-value__icon svg {width:23px;height:23px}
.about-page .about2026-value h3 { color:#202a26; font-weight:800; font-size:clamp(15px,1vw,17px); line-height:1.35; margin:0 0 4px; }
.about-page .about2026-value p {color:#677068; font-weight:500;font-size:clamp(14px,.87vw,15px);line-height:1.55;margin:0}

/* Approved "Unsere Geschichte" line and original personal quote */
.about-page .about2026-story { padding:clamp(62px,5.1vw,84px) 0; background:#fff; scroll-margin-top:92px; }
.about-page .about2026-story__grid {display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,6vw,120px); align-items:start;}
.about-page .about2026-story h2 { font-size:clamp(31px,2.9vw,47px); line-height:1.17; letter-spacing:-.05em; color:#202726; font-weight:800; margin:19px 0 17px; }
.about-page .about2026-story h2 span { color:var(--a-green); }
.about-page .about2026-story p { margin:0 0 16px; color:#5c6863; font-size:16px; line-height:1.7; }
.about-page .about2026-story__content { padding-top:10px; }
.about-page .about2026-story blockquote { margin:29px 0 0; border-left:3px solid var(--a-green); padding:13px 0 13px 24px; color:#303d36; font-size:19px; line-height:1.6; font-weight:650; font-style:normal; }
.about-page .about2026-story blockquote span { display:block; color:#617365; font-size:12px; font-weight:700; letter-spacing:.03em; margin-top:13px; }

/* Keep existing approved course schedule below the new design; don't change its contents. */
.about-page .about2026-root .about-schedule { scroll-margin-top:85px; }

@media (max-width:1439px) {
  .about-page .about2026-philosophy__content { padding-left:clamp(28px,3.4vw,54px); }
  .about-page .about2026-philosophy__values {gap:16px}
}
@media (max-width:1199px) {
  .about-page .about2026-hero__wash {background:linear-gradient(90deg,rgba(249,250,247,.99) 0%,rgba(249,250,247,.95) 28%,rgba(249,250,247,.80) 42%,rgba(249,250,247,.18) 70%,transparent 88%)}
  .about-page .about2026-hero__copy {max-width:460px}
  .about-page .about2026-hero h1 {font-size:clamp(42px,4vw,57px)}
  .about-page .about2026-benefits__grid {grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:12px}
  .about-page .about2026-benefit:nth-child(3) {border-right:0}
  .about-page .about2026-benefit:nth-child(4) {padding-left:0}
  .about-page .about2026-team__grid {grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px}
  .about-page .about2026-philosophy {grid-template-columns:1fr 1fr}
  .about-page .about2026-philosophy__values {grid-template-columns:1fr; margin-top:24px; gap:15px}
  .about-page .about2026-value {display:flex;gap:13px;border:0;align-items:flex-start}
  .about-page .about2026-value__icon {flex:none;width:38px;height:38px;margin:0}
}
@media (max-width:899px) {
  .about-page .about2026-hero {display:flex;flex-direction:column;min-height:0;align-items:stretch}
  .about-page .about2026-hero__visual {position:relative; height:clamp(190px,32vw,310px); flex:none;}
  .about-page .about2026-hero__visual img {object-position:70% 43%}
  .about-page .about2026-hero__wash {display:none}
  .about-page .about2026-hero__inner {padding:41px 0 54px}
  .about-page .about2026-hero__copy {max-width:680px}
  .about-page .about2026-hero h1 {font-size:clamp(40px,6.2vw,58px)}
  .about-page .about2026-hero p {max-width:640px}
  .about-page .about2026-benefits__grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-page .about2026-benefit {border-right:0;padding:9px 13px}
  .about-page .about2026-benefit:nth-child(odd) {padding-left:0}
  .about-page .about2026-team__heading {grid-template-columns:1fr;gap:15px}
  .about-page .about2026-team__heading >p {max-width:730px;justify-self:start}
  .about-page .about2026-team__grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-page .about2026-philosophy {grid-template-columns:1fr}
  .about-page .about2026-philosophy__media {min-height:370px}
  .about-page .about2026-philosophy__imagecopy {left:clamp(24px,4.6vw,60px)}
  .about-page .about2026-philosophy__values {grid-template-columns:1fr; gap:17px}
  .about-page .about2026-value {display:flex; align-items:flex-start}
  .about-page .about2026-story__grid {grid-template-columns:1fr;gap:20px}
}
@media (max-width:575px) {
  .about-page .about2026-wrap {width:calc(100% - 40px)}
  .about-page .about2026-hero__visual {height:clamp(150px,42vw,240px)}
  .about-page .about2026-hero__visual img {object-position:74% 42%}
  .about-page .about2026-hero__inner {padding:33px 0 45px}
  .about-page .about2026-hero h1 {margin-top:16px;font-size:clamp(35px,9vw,47px);}
  .about-page .about2026-hero p {font-size:15px;margin-bottom:24px}
  .about-page .about2026-kicker {font-size:10px;letter-spacing:.14em;gap:9px}
  .about-page .about2026-kicker::before {width:25px}
  .about-page .about2026-cta {width:100%;min-height:56px}
  .about-page .about2026-benefits__grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;padding:13px 0}
  .about-page .about2026-benefit {padding:11px 2px!important;gap:8px;border-bottom:0;}
  .about-page .about2026-benefit__icon {flex-basis:39px;width:39px;height:39px}
  .about-page .about2026-benefit strong {font-size:11px;line-height:1.33}
  .about-page .about2026-benefit:last-child {grid-column:1/-1;justify-content:center;border-top:1px solid #e9eee6;padding-top:13px!important}
  .about-page .about2026-team {padding:63px 0 74px}
  .about-page .about2026-team__heading {margin-bottom:28px}
  .about-page .about2026-team__heading h2 {font-size:31px}
  .about-page .about2026-team__grid {grid-template-columns:1fr;gap:18px}
  .about-page .about2026-person__image {aspect-ratio:4/3.85;}
  .about-page .about2026-person__body {padding:21px 20px 24px}
  .about-page .about2026-person__role {min-height:0}
  .about-page .about2026-philosophy__media {min-height:310px}
  .about-page .about2026-philosophy__imagecopy {bottom:26px;left:20px;font-size:27px}
  .about-page .about2026-philosophy__content {padding:48px 20px 54px}
  .about-page .about2026-philosophy h2 {font-size:34px}
  .about-page .about2026-philosophy__values {grid-template-columns:1fr;gap:17px}
  .about-page .about2026-value {display:flex;gap:12px}
  .about-page .about2026-story {padding:62px 0}
  .about-page .about2026-story h2 {font-size:30px}
  .about-page .about2026-story blockquote {font-size:17px}
}
@media (prefers-reduced-motion:reduce) {
  .about-page .about2026-cta,.about-page .about2026-person,.about-page .about2026-person__image img {transition:none}
}

/* Final visual rhythm: deliberate alignment at all desktop widths */
@media (min-width: 900px) {
  .about-page .about2026-philosophy__content { box-sizing:border-box; }
  .about-page .about2026-philosophy__values { width:100%; }
  .about-page .about2026-value > div { min-width:0; }
}
@media (min-width: 900px) and (max-width:1199px) {
  .about-page .about2026-philosophy__content {padding-right:clamp(27px,4.6vw,55px);}
  .about-page .about2026-philosophy h2 {font-size:clamp(31px,3.2vw,40px);}
  .about-page .about2026-philosophy__lead {font-size:15px; line-height:1.65;}
  .about-page .about2026-value h3 {font-size:15px;}
  .about-page .about2026-value p {font-size:13px;}
}
@media (max-width:899px) {
  .about-page .about2026-philosophy__media {min-height:350px;}
  .about-page .about2026-philosophy__content {padding:clamp(48px,6vw,70px) clamp(24px,5vw,60px);}
  .about-page .about2026-philosophy__values {max-width:650px;}
  .about-page .about2026-value {display:flex;gap:14px;align-items:flex-start;}
}
@media (max-width:575px) {
  .about-page .about2026-philosophy__content {padding:45px 20px 52px;}
  .about-page .about2026-value h3 {font-size:16px;}
  .about-page .about2026-value p {font-size:14px;}
  .about-page .about2026-person__text {font-size:15px;}
}