@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Source+Sans+3:wght@400;500;600;700&display=swap');

:root{
 --paper:#f8f6f1; --white:#fff; --ink:#153747; --body:#354a53;
 --petrol:#0d5a6b; --petrol-dark:#084653; --muted:#68777d; --line:#e5e0d7;
 --max:1500px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f0ede6;color:var(--ink);font-family:"Source Sans 3",Arial,sans-serif;line-height:1.46}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.site{max-width:var(--max);margin:0 auto;background:var(--paper);box-shadow:0 0 28px rgba(27,40,46,.08)}
.inner{width:min(88%,1320px);margin:0 auto}
header{height:98px;background:#fff;border-bottom:1px solid rgba(22,55,67,.06)}
.header-inner{height:100%;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:15px;margin-right:auto;min-width:300px}
.brand img{width:68px;height:68px;border-radius:50%;object-fit:cover}
.brand-copy strong{display:block;font:500 30px/1 "Cormorant Garamond",serif;letter-spacing:.04em}
.brand-copy span{display:block;font-size:13px;color:#243a44;margin-top:3px}
nav{display:flex;gap:29px;align-items:center}
nav a{font-size:16px;padding:37px 0 30px;position:relative;white-space:nowrap}
nav a.active::after,nav a:hover::after{content:"";position:absolute;left:0;right:0;bottom:21px;height:2px;background:var(--petrol)}
.languages{margin-left:24px;font-size:14px;white-space:nowrap}
.languages a{color:#315864}.languages a.active{font-weight:700}
.languages span{opacity:.35;margin:0 6px}
.menu{display:none;border:1px solid var(--line);background:#fff;padding:8px 10px;font-size:18px;border-radius:5px}

.hero{
 min-height:600px;
 background:
   linear-gradient(90deg,#f7f5f0 0%,#f7f5f0 31%,rgba(247,245,240,.96) 39%,rgba(247,245,240,.52) 51%,rgba(247,245,240,.02) 67%),
   url('assets/hero-scene.jpg') right center/66% 100% no-repeat;
}
.hero .inner{min-height:600px;display:flex;align-items:center}
.hero-copy{width:min(560px,48%);padding:28px 0}
h1,h2,h3{font-family:"Cormorant Garamond",serif;font-weight:500;margin:0}
.hero h1{font-size:62px;line-height:.98;margin-bottom:12px}
.hero .sub{font-size:20px;color:#273f49;margin-bottom:18px}
.rule{width:72px;height:2px;background:var(--petrol);margin:20px 0}
.claim{font:500 39px/1.05 "Cormorant Garamond",serif;margin-bottom:18px}
.hero p{font-size:18px;color:#314951;margin:0 0 22px;max-width:540px}
.actions{display:flex;gap:16px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:3px;border:1px solid #809ba4;font-size:16px;font-weight:600}
.btn.primary{background:var(--petrol);color:#fff;border-color:var(--petrol)}
.btn.primary:hover{background:var(--petrol-dark)}

section{padding:52px 0}
.soft{background:#f7f5f0}
.kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--petrol);font-size:13px;font-weight:700;margin-bottom:8px}
.section-title{font-size:50px;line-height:1.02;margin-bottom:10px}
.section-intro{font-size:18px;color:#334b54;margin-bottom:28px}
.focus-grid{display:grid;grid-template-columns:repeat(6,1fr)}
.focus{padding:8px 18px 0;text-align:center;position:relative}
.focus+.focus::before{content:"";position:absolute;left:0;top:15px;bottom:0;width:1px;background:var(--line)}
.focus img{width:93px;height:93px;object-fit:cover;border-radius:50%;margin:0 auto 14px}
.focus h3{font-size:24px;line-height:1.05;margin-bottom:10px}
.focus p{font-size:15px;line-height:1.35;color:#475a61;margin:0}

.work{display:grid;grid-template-columns:43% 57%;padding:0}
.work-image{min-height:420px}
.work-image img{width:100%;height:100%;object-fit:cover}
.work-copy{padding:50px 70px;background:#f7f5f0;position:relative;overflow:hidden}
.work-copy h2{font-size:49px;line-height:1.02;margin-bottom:15px}
.work-copy p{font-size:18px;color:#344b54;max-width:720px}
.work-copy::after{
 content:"竹"; position:absolute; right:18px; top:26px; font-family:serif; font-size:190px;
 color:rgba(57,87,89,.08); writing-mode:vertical-rl; pointer-events:none
}

.practice{background:#f7f5f0}
.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.practice-card{display:grid;grid-template-columns:235px 1fr;gap:26px}
.practice-card img{width:235px;height:180px;object-fit:cover}
.practice-card h3{font-size:30px;margin-bottom:4px}
.practice-card .meta{font-size:14px;color:#66757a;margin-bottom:7px}
.practice-card p{font-size:17px;color:#3e525a;margin:0 0 15px}
.practice-actions{display:flex;gap:12px;flex-wrap:wrap}
.practice-actions .btn{min-height:43px;padding:0 18px;font-size:14px}

.footer-cta{
 padding:0;
 background:
   linear-gradient(90deg,rgba(5,43,56,.97),rgba(5,43,56,.85) 48%,rgba(5,43,56,.25)),
   url('assets/water-footer.jpg') center/cover no-repeat;
 color:#fff;
}
.footer-cta .inner{min-height:145px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.footer-cta h2{font-size:31px;margin-bottom:3px}
.footer-cta p{margin:0;font-size:16px}
.footer-cta .btn{background:#fff;border-color:#fff;color:#234651}
footer{padding:20px 0 30px;background:#fff;color:#69777c;font-size:13px}
.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-links{display:flex;gap:18px}

.page-hero{
 min-height:320px;
 display:flex;align-items:center;
 background:
  linear-gradient(90deg,rgba(247,245,240,.95),rgba(247,245,240,.68) 55%,rgba(247,245,240,.12)),
  url('assets/hero-scene.jpg') right center/66% 100% no-repeat;
}
.page-hero h1{font-size:64px;line-height:1}
.page-hero p{font-size:20px;max-width:720px;color:#364e57}
.content p,.content li{font-size:18px;color:#374d56}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#fff;border:1px solid var(--line);padding:24px}
.card h3{font-size:29px;margin-bottom:8px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{background:#fff;border:1px solid var(--line);padding:22px}
.num{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--petrol);color:white;font-weight:700;margin-bottom:12px}
.price{font:500 48px/1 "Cormorant Garamond",serif;color:var(--petrol)}
.info{background:#edf3f2;border-left:4px solid var(--petrol);padding:24px}
.timeline-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.timeline{border-left:2px solid #bfd0d2;padding-left:24px}
.titem{position:relative;margin-bottom:20px}.titem:before{content:"";position:absolute;left:-30px;top:8px;width:10px;height:10px;border-radius:50%;background:var(--petrol)}
.titem strong{display:block;font-size:20px}
.about-top{display:grid;grid-template-columns:360px 1fr;gap:48px;align-items:start}
.about-top img{width:100%;background:#fff;border:1px solid var(--line)}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

@media(max-width:1180px){
  header{height:auto}.header-inner{min-height:88px}
  nav{display:none}.menu{display:block}.languages{margin-left:4px}
  nav.open{display:flex;position:absolute;top:88px;right:5%;flex-direction:column;background:#fff;padding:16px 20px;z-index:50;border:1px solid var(--line)}
  nav.open a{padding:7px 0}
  .hero{background-size:auto 100%}.hero-copy{width:58%}
  .focus-grid{grid-template-columns:repeat(3,1fr);gap:16px}.focus{border:1px solid var(--line);background:#fff;padding:18px}.focus+.focus::before{display:none}
  .practice-grid{grid-template-columns:1fr}
}
@media(max-width:780px){
  body{background:var(--paper)}.site{box-shadow:none}.inner{width:calc(100% - 30px)}
  .brand{min-width:0}.brand-copy span{display:none}.brand img{width:56px;height:56px}.brand-copy strong{font-size:23px}
  .languages{font-size:12px}
  .hero{min-height:auto;background:linear-gradient(rgba(247,245,240,.83),rgba(247,245,240,.88)),url('assets/hero-scene.jpg') center/cover no-repeat}
  .hero .inner{min-height:auto;padding:45px 0}.hero-copy{width:100%}.hero h1{font-size:44px}.claim{font-size:31px}
  .focus-grid{grid-template-columns:1fr 1fr}
  .work{grid-template-columns:1fr}.work-copy{padding:36px 24px}.work-copy h2{font-size:40px}
  .practice-card{grid-template-columns:1fr}.practice-card img{width:100%;height:230px}
  .footer-cta .inner{flex-direction:column;align-items:flex-start;padding:25px 0}
  .grid3,.steps,.timeline-grid,.about-top,.values{grid-template-columns:1fr}
}
@media(max-width:500px){.focus-grid{grid-template-columns:1fr}.section-title{font-size:39px}.page-hero h1{font-size:46px}}


/* ===== V8: verfeinerte Unterseiten ===== */
.sub-hero{
  min-height:420px;
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg,rgba(247,245,240,.96) 0%,rgba(247,245,240,.84) 38%,rgba(247,245,240,.35) 60%,rgba(247,245,240,.05) 100%),
    url('assets/hero-scene.jpg') right center/68% 100% no-repeat;
  position:relative;
  overflow:hidden;
}
.sub-hero .inner{display:flex;align-items:center;min-height:420px}
.sub-hero-copy{max-width:660px}
.sub-hero h1{font-size:64px;line-height:.98;margin-bottom:14px}
.sub-hero p{font-size:20px;color:#334b54;max-width:650px}
.sub-hero .jp-mark{
  position:absolute;
  right:4%;
  bottom:18px;
  font:500 92px/1 serif;
  color:rgba(26,75,83,.09);
  user-select:none;
}

.feature-split{
  display:grid;
  grid-template-columns:48% 52%;
  align-items:stretch;
  background:#fff;
}
.feature-split.reverse{grid-template-columns:52% 48%}
.feature-split .visual{
  min-height:390px;
  background:#eef2ef center/cover no-repeat;
}
.feature-split .visual.therapy{
  background:
    linear-gradient(rgba(17,65,76,.08),rgba(17,65,76,.08)),
    url('assets/work-bonsai.jpg') center/cover no-repeat;
}
.feature-split .visual.costs{
  background:
    linear-gradient(rgba(17,65,76,.12),rgba(17,65,76,.12)),
    url('assets/water-footer.jpg') center/cover no-repeat;
}
.feature-split .copy{
  padding:54px 68px;
  background:#f8f6f1;
}
.feature-split .copy h2{font-size:50px;margin-bottom:14px}
.feature-split .copy p{font-size:18px;color:#354b54}

.concern-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px 28px;
}
.concern-row{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:16px;
  align-items:start;
  padding:14px 0;
  border-bottom:1px solid #e8e2d9;
}
.concern-row img{
  width:64px;height:64px;border-radius:50%;object-fit:cover;
}
.concern-row h3{font-size:25px;margin-bottom:4px}
.concern-row p{font-size:15px;margin:0;color:#52636a}

.quote-strip{
  padding:28px 34px;
  background:#edf3f2;
  border-left:4px solid var(--petrol);
  margin-top:28px;
}
.quote-strip strong{font:500 25px/1.15 "Cormorant Garamond",serif}
.quote-strip p{margin:8px 0 0}

.therapy-types{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.type-card{
  background:#fff;
  border:1px solid #e6e0d7;
  padding:26px;
  position:relative;
  min-height:220px;
}
.type-card .symbol{
  font:500 44px/1 serif;
  color:var(--petrol);
  margin-bottom:18px;
}
.type-card h3{font-size:30px;margin-bottom:9px}
.type-card p{font-size:16px;color:#506169;margin:0}

.process-flow{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  position:relative;
  margin-top:26px;
}
.process-flow:before{
  content:"";
  position:absolute;
  left:8%;right:8%;top:23px;height:2px;
  background:#c6d4d5;
}
.process-step{
  position:relative;
  text-align:center;
  padding:0 18px;
}
.process-step .circle{
  width:48px;height:48px;border-radius:50%;
  display:grid;place-items:center;
  margin:0 auto 16px;
  background:var(--petrol);color:#fff;
  font-weight:700;position:relative;z-index:2;
}
.process-step h3{font-size:24px;margin-bottom:6px}
.process-step p{font-size:15px;color:#52636a;margin:0}

.fee-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
.fee-card{
  background:#fff;
  border:1px solid #e3ddd4;
  padding:32px;
}
.fee-card .label{font-size:16px;color:#5f6e73}
.fee-card .price{
  font:500 58px/1 "Cormorant Garamond",serif;
  color:var(--petrol);
  margin-top:12px;
}
.reimburse-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.reimburse-box{
  text-align:center;
  padding:26px;
  background:#fff;
  border:1px solid #e3ddd4;
}
.reimburse-box h3{font-size:26px}
.reimburse-box .amount{
  font:500 42px/1 "Cormorant Garamond",serif;
  color:var(--petrol);
  margin:8px 0 5px;
}
.rules-box{
  display:grid;
  grid-template-columns:76px 1fr;
  gap:20px;
  align-items:start;
  background:#eef3f2;
  border:1px solid #dbe6e5;
  padding:28px 30px;
}
.rules-box .clock{
  width:58px;height:58px;border:2px solid var(--petrol);
  border-radius:50%;
  display:grid;place-items:center;
  font-size:28px;color:var(--petrol);
}
.rules-box h3{font-size:28px;margin-bottom:8px}
.rules-box p{margin:0 0 10px}

.faq-list details{
  border-top:1px solid #ded9d1;
  padding:18px 0;
}
.faq-list details:last-child{border-bottom:1px solid #ded9d1}
.faq-list summary{
  cursor:pointer;
  font-weight:600;
  font-size:17px;
}
.faq-list p{margin:10px 0 0;color:#55666c}

.about-hero-grid{
  display:grid;
  grid-template-columns:420px 1fr;
  gap:52px;
  align-items:center;
}
.about-photo{
  min-height:520px;
  background:#ece8df;
  border:1px solid #dfd8cd;
  display:flex;align-items:center;justify-content:center;
  color:#7a8589;
}
.about-photo img{width:100%;height:100%;object-fit:cover}
.about-intro h1{font-size:62px;margin-bottom:10px}
.about-intro p{font-size:19px;color:#3b5058}

.cv-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:56px;
}
.cv-title{font-size:38px;margin-bottom:22px}
.cv-line{
  position:relative;
  border-left:2px solid #b9ced0;
  padding-left:28px;
}
.cv-item{position:relative;margin-bottom:26px}
.cv-item:before{
  content:"";
  position:absolute;
  left:-34px;top:7px;
  width:10px;height:10px;border-radius:50%;
  background:var(--petrol);
}
.cv-item strong{
  display:block;
  font:500 22px/1.15 "Cormorant Garamond",serif;
}
.cv-item span{color:#68777c;font-size:15px}

.value-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.value-card{
  background:#fff;
  border:1px solid #e4ddd3;
  overflow:hidden;
}
.value-card .art{
  height:160px;
  background:#eef2ef;
  display:grid;place-items:center;
  font:500 62px/1 serif;color:var(--petrol);
}
.value-card .body{padding:22px}
.value-card h3{font-size:27px}
.value-card p{font-size:15px;color:#516169}

.location-detail{
  display:grid;
  grid-template-columns:340px 1fr;
  gap:34px;
  align-items:start;
  margin-bottom:40px;
}
.location-detail img{
  width:100%;height:240px;object-fit:cover;
}
.location-detail h2{font-size:42px;margin-bottom:6px}
.location-detail p{font-size:17px;color:#465a62}

.contact-choice{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
.contact-card{
  background:#fff;
  border:1px solid #e3ddd4;
  padding:30px;
}
.contact-card h3{font-size:32px}
.contact-card p{font-size:18px;color:#52636a}

@media(max-width:900px){
  .feature-split,.feature-split.reverse,
  .about-hero-grid,.cv-columns,.location-detail{
    grid-template-columns:1fr;
  }
  .feature-split .copy{padding:36px 26px}
  .therapy-types,.value-grid{grid-template-columns:1fr}
  .process-flow{grid-template-columns:1fr 1fr;gap:24px}
  .process-flow:before{display:none}
}
@media(max-width:650px){
  .sub-hero h1{font-size:44px}
  .concern-grid,.fee-grid,.reimburse-grid,.contact-choice,.process-flow{grid-template-columns:1fr}
  .about-photo{min-height:380px}
}


/* V10 – Ablauf & Kosten nach freigegebener Vorschau */
.ak-page{background:#f8f6f1}
.ak-shell{padding:0 0 48px}
.ak-top{background:#fff;border-bottom:1px solid #e6e0d7}
.ak-intro{display:grid;grid-template-columns:41% 59%;align-items:stretch;min-height:128px}
.ak-title{padding:28px 28px 16px 30px}
.ak-title h1{font:500 55px/1.02 "Cormorant Garamond",serif;margin:0 0 4px;color:#173744}
.ak-title p{margin:0;font-size:18px;color:#334a53}
.ak-banner{min-height:128px;background:url('assets/ablauf-banner.jpg') center/cover no-repeat}
.ak-main{background:#fff;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e6e0d7}
.ak-col{padding:28px 30px 26px;min-height:280px}
.ak-col + .ak-col{border-left:1px solid #e6e0d7;position:relative}
.ak-col.costs::after{content:"枝";position:absolute;right:10px;top:18px;font:500 150px/1 serif;color:rgba(21,55,71,.055);pointer-events:none}
.ak-kicker{text-transform:uppercase;letter-spacing:.18em;color:#2b6776;font-size:13px;font-weight:700;margin-bottom:8px}
.ak-col h2{font:500 44px/1.04 "Cormorant Garamond",serif;margin:0 0 18px;color:#173744}
.ak-steps{display:flex;flex-direction:column;gap:14px}
.ak-step{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}
.ak-num{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#0d5a6b;color:#fff;font-size:15px;font-weight:700;margin-top:2px}
.ak-step strong{display:block;font-size:18px;color:#173744;margin-bottom:2px}
.ak-step p{margin:0;color:#55676d;font-size:15px;line-height:1.38}
.ak-price-row{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:14px 0 16px;border-bottom:1px solid #e7e2d9;margin-bottom:18px}
.ak-price-row .label{font-size:18px;font-weight:600;color:#233c48}
.ak-price-row .value{font:500 42px/1 "Cormorant Garamond",serif;color:#173744}
.ak-cost-text{max-width:430px;color:#53656b;font-size:16px;line-height:1.55}
.ak-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;margin-top:16px;border:1px solid #7f9aa3;border-radius:3px;color:#274a55;font-size:14px;font-weight:600;background:transparent}
.ak-lower{padding:40px 0 0}
.ak-section{margin-bottom:34px}
.ak-section .section-title{font-size:44px}
.ak-note{color:#596b71;font-size:16px}
@media(max-width:900px){
  .ak-intro,.ak-main{grid-template-columns:1fr}
  .ak-col + .ak-col{border-left:none;border-top:1px solid #e6e0d7}
  .ak-title{padding:24px}
  .ak-title h1{font-size:42px}
}


/* ===== V11: Psychotherapie exakt nach Vorschau ===== */
.pt-hero{
  min-height:330px;
  background:
    linear-gradient(90deg,rgba(248,246,241,.96) 0%,rgba(248,246,241,.82) 43%,rgba(248,246,241,.14) 72%,rgba(248,246,241,0) 100%),
    url('assets/hero-scene.jpg') right center/68% 100% no-repeat;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
}
.pt-hero::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0; width:115px;
  background:
    linear-gradient(90deg,rgba(42,72,67,.22),rgba(42,72,67,0)),
    radial-gradient(circle at 20px 40px,rgba(48,86,75,.32) 0 4px,transparent 5px);
  opacity:.28;
}
.pt-hero .inner{position:relative;z-index:1}
.pt-hero-copy{max-width:610px;margin-left:7%}
.pt-hero h1{
  font:500 60px/1.02 "Cormorant Garamond",serif;
  margin:0 0 4px;
}
.pt-hero .subtitle{
  font:500 23px/1.15 "Cormorant Garamond",serif;
  margin-bottom:18px;
}
.pt-hero p{
  font-size:17px;
  line-height:1.55;
  color:#384e56;
  max-width:610px;
  margin:0;
}

.pt-approach{
  display:grid;
  grid-template-columns:46% 54%;
  background:#fff;
}
.pt-approach-image{
  min-height:360px;
  background:url('assets/praxis-wien.jpg') center/cover no-repeat;
  margin:18px 0 18px 32px;
}
.pt-approach-copy{
  padding:42px 58px 36px 46px;
}
.pt-approach-copy h2{
  font:500 42px/1.02 "Cormorant Garamond",serif;
  margin:0 0 14px;
}
.pt-approach-copy p{
  font-size:17px;
  line-height:1.55;
  color:#43575f;
}
.pt-small-kicker{
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#2d6a78;
  font-weight:700;
  margin-bottom:8px;
}

.pt-topics{
  background:#fff;
  padding:28px 0 34px;
}
.pt-topics .inner{width:min(88%,1240px)}
.pt-topics h2{
  font:500 40px/1.03 "Cormorant Garamond",serif;
  margin:0 0 20px;
}
.pt-topic-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px 52px;
}
.pt-topic{
  display:grid;
  grid-template-columns:70px 1fr;
  gap:14px;
  align-items:center;
  min-height:70px;
}
.pt-topic img{
  width:64px;height:64px;border-radius:50%;object-fit:cover;
}
.pt-topic h3{
  font:500 21px/1.08 "Cormorant Garamond",serif;
  margin:0 0 3px;
}
.pt-topic p{
  margin:0;
  font-size:14px;
  color:#59686d;
}

.pt-quote{
  min-height:190px;
  background:
    linear-gradient(90deg,rgba(5,43,56,.24),rgba(5,43,56,.04)),
    url('assets/water-footer.jpg') center 55%/cover no-repeat;
  display:flex;
  align-items:center;
}
.pt-quote .inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.pt-quote blockquote{
  margin:0;
  color:#fff;
  font:500 31px/1.16 "Cormorant Garamond",serif;
  text-shadow:0 1px 2px rgba(0,0,0,.25);
}
.pt-quote .btn{background:#fff;color:#244753;border-color:#fff}

/* ===== V11: Über mich exakt nach Vorschau ===== */
.about-preview-hero{
  min-height:270px;
  background:
    linear-gradient(90deg,rgba(248,246,241,.95) 0%,rgba(248,246,241,.77) 47%,rgba(248,246,241,.16) 76%,rgba(248,246,241,0) 100%),
    url('assets/hero-scene.jpg') right 68%/70% 100% no-repeat;
  display:flex;
  align-items:center;
}
.about-preview-copy{
  max-width:700px;
  margin-left:16%;
  padding:28px 0;
}
.about-preview-copy h1{
  font:500 56px/1.02 "Cormorant Garamond",serif;
  margin:0 0 4px;
}
.about-preview-copy .subtitle{
  font:500 24px/1.12 "Cormorant Garamond",serif;
  margin-bottom:14px;
}
.about-preview-copy p{
  font-size:17px;
  line-height:1.5;
  color:#3e525a;
  max-width:700px;
  margin:0;
}

.about-person{
  background:#fff;
  padding:22px 0 26px;
}
.about-person-grid{
  display:grid;
  grid-template-columns:40% 60%;
  gap:40px;
  align-items:center;
  width:min(90%,1220px);
  margin:0 auto;
}
.about-person-photo{
  height:390px;
  background:#ece8df;
  overflow:hidden;
}
.about-person-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}
.about-person-copy{
  padding-right:28px;
}
.about-person-copy h2{
  font:500 44px/1.02 "Cormorant Garamond",serif;
  margin:0 0 3px;
}
.about-person-copy .role{
  font:500 22px/1.2 "Cormorant Garamond",serif;
  margin-bottom:14px;
}
.about-person-copy p{
  font-size:16px;
  line-height:1.55;
  color:#44575f;
  margin:0 0 16px;
}
.about-person-copy .btn{
  min-height:42px;
  font-size:14px;
}

.about-details{
  background:#f8f6f1;
  padding:36px 0;
}
.about-details-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:52px;
}
.about-details h2{
  font:500 36px/1.05 "Cormorant Garamond",serif;
  margin:0 0 18px;
}
.about-timeline{
  border-left:2px solid #b9cdd0;
  padding-left:24px;
}
.about-item{
  position:relative;
  margin-bottom:18px;
}
.about-item::before{
  content:"";
  position:absolute;
  left:-30px;top:7px;
  width:10px;height:10px;border-radius:50%;
  background:#0d5a6b;
}
.about-item strong{
  display:block;
  font:500 20px/1.12 "Cormorant Garamond",serif;
}
.about-item span{
  font-size:14px;
  color:#69787d;
}

.about-values{
  background:#fff;
  padding:36px 0 44px;
}
.about-values-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.about-value{
  border:1px solid #e4ded5;
  background:#fff;
}
.about-value .art{
  height:130px;
  background:#eef2ef;
  display:grid;
  place-items:center;
  font:500 50px/1 serif;
  color:#0d5a6b;
}
.about-value .body{
  padding:18px 20px 22px;
}
.about-value h3{
  font:500 24px/1.05 "Cormorant Garamond",serif;
  margin:0 0 8px;
}
.about-value p{
  margin:0;
  font-size:14px;
  color:#56666c;
}

@media(max-width:900px){
  .pt-approach,.about-person-grid,.about-details-grid{
    grid-template-columns:1fr;
  }
  .pt-approach-image{margin:18px 18px 0;min-height:300px}
  .pt-approach-copy{padding:30px 24px}
  .pt-topic-grid{grid-template-columns:1fr}
  .pt-quote .inner{flex-direction:column;align-items:flex-start;padding:26px 0}
  .about-preview-copy{margin-left:0}
  .about-person-photo{height:420px}
  .about-values-grid{grid-template-columns:1fr}
}


/* ===== V12: Bildschärfe / keine Verzerrung ===== */
img{
  image-rendering:auto;
}

.pt-hero{
  background:
    linear-gradient(90deg,rgba(248,246,241,.96) 0%,rgba(248,246,241,.82) 43%,rgba(248,246,241,.14) 72%,rgba(248,246,241,0) 100%),
    url('assets/hero-scene.jpg') right center / cover no-repeat;
  min-height:300px;
}
.pt-hero-copy{
  max-width:610px;
  margin-left:7%;
  padding:8px 0;
}

.pt-approach{
  grid-template-columns:44% 56%;
}
.pt-approach-image{
  min-height:250px;
  max-height:250px;
  background:#f3eee5 url('assets/therapy-room.jpg') center center / contain no-repeat;
  margin:24px 0 24px 32px;
  border:1px solid #e6dfd5;
}
.pt-approach-copy{
  padding:34px 44px 28px 38px;
}

.about-preview-hero{
  background:
    linear-gradient(90deg,rgba(248,246,241,.95) 0%,rgba(248,246,241,.77) 47%,rgba(248,246,241,.16) 76%,rgba(248,246,241,0) 100%),
    url('assets/hero-scene.jpg') right center / cover no-repeat;
  min-height:230px;
}
.about-preview-copy{
  max-width:700px;
  margin-left:12%;
  padding:20px 0;
}

.about-person-photo{
  height:360px;
  background:#ece8df;
}
.about-person-photo img{
  object-fit:cover;
  object-position:center top;
}

.practice-card img{
  object-fit:cover;
  object-position:center center;
}

.location-detail img{
  object-fit:cover;
  object-position:center center;
}

@media(max-width:900px){
  .pt-approach-image{
    margin:18px 18px 0;
    min-height:220px;
    max-height:none;
  }
  .about-preview-copy{
    margin-left:0;
  }
}


/* V13 – Korrekturen */
.about-person-photo{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ece8df;
  overflow:hidden;
}
.about-person-photo img{
  width:auto !important;
  height:auto !important;
  max-width:100%;
  max-height:100%;
  object-fit:contain !important;
  object-position:center center !important;
}