/* Lokale Schriftarten – keine Google-Fonts-Anfragen */
@font-face{font-family:"DM Sans";src:url("fonts/dm-sans-variable.woff2") format("woff2");font-style:normal;font-weight:100 1000;font-display:swap}
@font-face{font-family:"Outfit";src:url("fonts/outfit-variable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Allura";src:url("fonts/allura-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf5ee;color:#252724;font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}.site{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(ellipse 35% 46% at 8% 29%,#ead8c0a1,transparent 92%),radial-gradient(ellipse 32% 48% at 94% 37%,#f1dcc7c9,transparent 88%),radial-gradient(ellipse 40% 30% at 55% 74%,#e7dccb70,transparent 100%),linear-gradient(120deg,#fdf9f3,#f8efe3 70%,#f7eee4)}.site:before{content:"";position:absolute;left:-11%;top:16%;width:48%;height:35%;border-radius:45% 65% 45% 35%;background:#f5e3d1a6;transform:rotate(-24deg);pointer-events:none}.site:after{content:"";position:absolute;right:-14%;top:15%;width:30%;height:53%;border:1px solid #d3b28e8c;border-radius:50%;transform:rotate(17deg);pointer-events:none}.leaves{position:absolute;width:370px;left:-120px;top:-105px;opacity:.74;pointer-events:none}.swoosh{position:absolute;top:330px;left:-8%;width:120%;height:155px;border-top:2px solid #e8c9a74f;border-radius:50% 50% 0 0;transform:rotate(-6deg);pointer-events:none}.container{width:min(1280px,calc(100% - 100px));margin-inline:auto;position:relative;z-index:1}.brand{display:flex;align-items:center;flex-direction:column;position:relative;z-index:2;padding:30px 20px 0}.logo{display:block;width:min(510px,72vw);height:auto}.squares{display:flex;justify-content:flex-end;gap:27px;width:min(510px,72vw);padding-right:0;margin-top:3px}.squares i{display:block;width:43px;height:43px;border-radius:10px;background:#ff214c}.squares i:nth-child(2){background:#91df12}.squares i:nth-child(3){background:#ffd500}.squares i:nth-child(4){background:#37a7d8}.squares i:nth-child(5){background:#a5a5a7}.intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:5%;margin-top:38px;margin-bottom:24px}.kicker,.eyebrow{font-size:11px;letter-spacing:.18em;color:#a58467;font-weight:700}.kicker{display:flex;align-items:center;gap:12px;margin:0 0 15px}.dash{width:28px;height:1px;background:#bfa07c}.intro h1{font-family:Outfit,Arial,sans-serif;font-weight:500;letter-spacing:-.065em;line-height:1.01;font-size:clamp(52px,5.8vw,88px);margin:0}.intro h1 span{color:#a88b70;font-weight:300}.intro h1 b{font-weight:600;color:#f02a58}.intro-copy{max-width:475px;justify-self:end}.intro-copy>p:first-child{font-size:clamp(14px,1.2vw,18px);line-height:1.7;margin:0;color:#41423e}.intro-copy strong{font-weight:700}.signature{font-family:Allura,cursive;font-size:clamp(52px,5.1vw,75px);line-height:1;color:#a88b70;margin:12px 0 0;transform:rotate(-4deg);white-space:nowrap}.therapist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.therapist{position:relative;display:flex;flex-direction:column;min-height:285px;padding:30px 31px 24px;background:#ffffffdc;border-radius:24px;border:1px solid #ffffffb8;box-shadow:0 16px 35px #77665416;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.therapist:hover{transform:translateY(-5px);box-shadow:0 24px 42px #77665426}.therapist:before{content:"";height:7px;position:absolute;top:0;left:0;right:0;background:var(--accent)}.therapist:after{content:"";position:absolute;width:170px;height:170px;top:-88px;right:-76px;border-radius:50%;background:var(--wash);box-shadow:-48px 42px 0 -30px var(--wash);pointer-events:none}.index{font-size:11px;letter-spacing:.13em;color:#9c9085;font-weight:700}.therapist h3{font:500 clamp(25px,2.25vw,34px)/1.1 Outfit,Arial,sans-serif;letter-spacing:-.04em;margin:22px 0 14px;position:relative}.specialties{list-style:none;padding:0;margin:0;color:#555650;font-size:16px;line-height:1.6}.qualification{font-size:15px;color:#a18470;margin:12px 0 16px}.contacts{border-top:1px solid #e7ded4;margin-top:auto;padding-top:16px;display:grid;gap:10px}.contact-link{display:flex;justify-content:space-between;align-items:baseline;gap:12px;text-decoration:none;color:#282b27;font-size:15px;font-weight:600}.contact-label{color:#9c978f;font-size:14px;font-weight:400}.contact-link:hover,.website-link:hover{color:#ac7957}.website-link{font-size:14px;color:#806e60;text-underline-offset:3px}.location{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #d8cbbd;margin-top:42px;padding:22px 0}.location-copy{display:flex;align-items:center;gap:20px}.pin{width:51px;height:51px;border-radius:50%;border:1px solid #c4a486;display:grid;place-items:center;color:#b28d6c}.pin svg{width:26px;height:26px}.eyebrow{display:block;margin-bottom:5px}.location address{font-size:18px;font-style:normal}.location address span{padding:0 10px;color:#a58d7a}.directions{display:flex;align-items:center;gap:28px;padding:14px 24px;border:1px solid #bda084;border-radius:40px;text-decoration:none;color:#5b4636;font-size:14px;white-space:nowrap;transition:background .2s}.directions:hover{background:#fff9f3}footer{display:flex;justify-content:space-between;gap:15px;padding-bottom:28px;font-size:12px;color:#9a958e}footer a{color:inherit;text-underline-offset:3px}@media(max-width:1100px){.container{width:min(100% - 70px,1050px)}.intro h1{font-size:clamp(46px,6vw,70px)}.therapist{padding:25px 22px 21px;min-height:265px}.therapist h3{font-size:26px}.specialties{font-size:14px}.contact-link{font-size:13px}.contact-label{font-size:12px}}@media(max-width:740px){.container{width:calc(100% - 38px)}.brand{padding-top:26px}.logo,.squares{width:min(430px,85vw)}.squares{gap:clamp(10px,4vw,22px)}.squares i{width:clamp(25px,6.7vw,38px);height:clamp(25px,6.7vw,38px);border-radius:8px}.leaves{width:220px;left:-105px;top:-50px}.intro{grid-template-columns:1fr;gap:16px;margin:40px 0 30px}.intro h1{font-size:clamp(45px,9vw,70px)}.intro-copy{justify-self:start;max-width:600px}.intro-copy>p:first-child{font-size:15px}.signature{font-size:60px}.therapist-grid{grid-template-columns:1fr;gap:15px}.therapist{min-height:unset;padding:26px}.therapist h3{font-size:30px;margin:17px 0 10px}.specialties{font-size:15px}.qualification{font-size:14px}.location{margin-top:26px;flex-direction:column;align-items:start}.location address{font-size:16px}.directions{margin-left:70px}.site:after{display:none}}@media(min-width:741px) and (max-width:930px){.intro{grid-template-columns:1.15fr 1fr}.intro h1{font-size:clamp(42px,5.7vw,58px)}.intro-copy>p:first-child{font-size:13px}.signature{font-size:50px}.therapist-grid{gap:10px}.therapist{padding:23px 16px 19px}.therapist h3{font-size:23px}.specialties{font-size:13px}.contact-link{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.therapist,.directions{transition:none}}
/* V1.0 refinement */
.leaves{background:url("assets/botanical-leaves.svg") center / contain no-repeat;opacity:.9;left:-65px;top:-35px;width:360px;height:310px}
.leaves>*{display:none}
.site:before{opacity:.55}
.brand{padding-top:24px}
.intro{grid-template-columns:1.4fr 1fr;gap:3%;margin-top:33px;margin-bottom:26px}
.intro h1{font-size:clamp(48px,5.55vw,83px);white-space:nowrap}
.intro-copy{max-width:500px}
.intro-copy>p:first-child{font-size:clamp(13px,1.1vw,17px);line-height:1.75}
.signature{margin-top:12px}
.therapist{aspect-ratio:1 / 1;min-height:0}
.therapist.has-site{cursor:pointer}
.therapist.has-site:focus-within{outline:2px solid #aa886e;outline-offset:4px}
.therapist .card-destination{color:inherit;text-decoration:none}
.therapist .card-destination:after{content:"";position:absolute;inset:0;z-index:1}
.therapist .contacts a{position:relative;z-index:2}
.therapist .card-arrow{position:absolute;right:26px;top:29px;font-size:18px;color:#9d8d80;transition:transform .2s}
.therapist:hover .card-arrow{transform:translate(3px,-3px)}
@media(max-width:1100px){.therapist{aspect-ratio:auto;min-height:280px}.desktop-break{display:none}.intro h1{white-space:normal}}
@media(max-width:740px){.therapist{aspect-ratio:auto;min-height:250px}.leaves{width:220px;height:220px;left:-95px;top:-40px}.intro{margin-top:38px}.intro h1{white-space:normal}}

/* V1.1 – kompakte Karten wie vor der quadratischen Variante */
.therapist{aspect-ratio:auto;min-height:285px;padding:26px 28px 22px}
.therapist h3{margin:17px 0 12px}
.therapist .card-arrow{top:24px;right:25px}
.therapist-grid{gap:20px}
/* Blätter sichtbar weiter in die Bildmitte hinein */
.leaves{left:clamp(-95px,-3vw,-35px);top:32px;width:clamp(400px,39vw,640px);height:clamp(350px,37vw,580px);opacity:.42;filter:blur(1.8px)}
/* Die feine geschwungene Linie hinter dem Text vollständig entfernen */
.swoosh{display:none!important}
.site:after{display:none!important}
@media(max-width:1100px){.therapist{min-height:265px;padding:23px 21px 20px}}
@media(max-width:740px){.leaves{left:-115px;top:115px;width:380px;height:330px;opacity:.22}.therapist{min-height:250px;padding:25px}.therapist-grid{gap:15px}}

/* V1.2: eigenständige, vollständig klickbare Linkfläche je Karte */
.therapist{isolation:isolate}
.therapist .card-overlay{position:absolute;inset:0;z-index:5;display:block;border-radius:inherit}
.therapist .card-overlay:focus-visible{outline:3px solid #ad8668;outline-offset:-5px}
.therapist .contacts a{position:relative;z-index:6}
.therapist .card-arrow{pointer-events:none;z-index:4}

/* V1.3 – bessere Lesbarkeit der großen Überschrift */
.intro h1{letter-spacing:-.025em;word-spacing:.055em}

/* V1.4 – Mobile First Fix: vorherige Desktop-Regeln werden hier bewusst übersteuert. */
@media (max-width:740px) {
  html,body{width:100%;max-width:100%;overflow-x:clip}
  .site{width:100%;max-width:100%;overflow:hidden}
  .container{width:calc(100% - 36px);max-width:none;margin-inline:auto}
  .brand{padding-top:19px}
  .logo,.squares{width:min(350px,86vw)}
  .squares{gap:clamp(10px,3.5vw,18px)}
  .squares i{width:clamp(24px,6.2vw,33px);height:clamp(24px,6.2vw,33px);border-radius:7px}
  .intro{display:grid;grid-template-columns:minmax(0,1fr);gap:15px;margin:30px 0 22px;align-items:start}
  .intro-title,.intro-copy{width:100%;max-width:100%;min-width:0;justify-self:stretch}
  .kicker{font-size:9px;letter-spacing:.13em;margin-bottom:11px;gap:9px}
  .dash{width:20px;flex:none}
  .intro h1{font-size:clamp(31px,8.2vw,43px);letter-spacing:-.025em;word-spacing:.04em;line-height:1.08;white-space:normal;overflow-wrap:normal}
  .intro h1 span{white-space:nowrap}
  .intro-copy>p:first-child{font-size:13px;line-height:1.55;margin:0;overflow-wrap:break-word}
  .desktop-break{display:none}
  .signature{font-size:clamp(37px,10vw,48px);margin:7px 0 0;line-height:1.05;white-space:normal}
  .therapist-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .therapist{aspect-ratio:auto;min-height:0;padding:17px 19px 15px;border-radius:19px}
  .therapist:before{height:5px}
  .therapist:after{width:112px;height:112px;top:-63px;right:-55px;box-shadow:-35px 35px 0 -25px var(--wash)}
  .index{font-size:9px;letter-spacing:.11em}
  .therapist h3{font-size:23px;margin:10px 0 8px;line-height:1.15}
  .specialties{font-size:13px;line-height:1.45}
  .qualification{font-size:12px;margin:9px 0 11px}
  .contacts{padding-top:10px;gap:7px}
  .contact-link{font-size:12px}
  .contact-label{font-size:11px}
  .therapist .card-arrow{top:17px;right:19px;font-size:16px}
  .location{margin-top:22px;padding-top:16px;gap:14px}
  .location-copy{gap:12px}
  .pin{width:39px;height:39px;flex:none}
  .pin svg{width:21px;height:21px}
  .eyebrow{font-size:9px}
  .location address{font-size:13px}
  .location address span{padding:0 3px}
  .directions{margin-left:51px;padding:10px 16px}
  footer{font-size:10px;line-height:1.5;padding-bottom:22px}
}
@media (max-width:360px){
 .intro h1{font-size:clamp(28px,8.1vw,32px)}
 .intro h1 span{white-space:normal}
 .container{width:calc(100% - 30px)}
 .therapist{padding:16px}
}

/* V1.5 – finale Feinabstimmung der mobilen Lesbarkeit. Desktop unverändert. */
@media (max-width:740px){
  .intro-copy>p:first-child{font-size:14px;line-height:1.58}
  .therapist h3{font-size:24px}
  .specialties{font-size:14px;line-height:1.48}
  .qualification{font-size:13px}
  .contact-link{font-size:13px}
  .contact-label{font-size:12px}
}

/* V1.8 – lange E-Mail-Adressen bleiben in den Karten lesbar. */
.email-value{overflow-wrap:anywhere;text-align:right;min-width:0}

/* V1.9: Hover ohne Kartenbewegung verhindert Schriftflimmern durch Subpixel-Neurasterung. */
@media (hover:hover) and (pointer:fine){
 .therapist:hover{transform:none;box-shadow:0 24px 42px #77665426}
 .therapist:hover .card-arrow{transform:none}
}

/* V1.10 – deutlicherer Hover-Schatten, ohne Bewegung der Karten oder Texte. */
@media (hover:hover) and (pointer:fine){
 .therapist:hover{transform:none;box-shadow:0 20px 42px rgba(65,46,30,.23),0 8px 18px rgba(65,46,30,.10)}
}