:root{--paper:#fff9f6;--ink:#3b1634;--muted:#674f61;--aub:#5a214f;--rose:#f8deda;--rose2:#fdecea;--peach:#f5d4c2;--apricot:#f7e4d4;--mauve:#ead5e3;--sage:#dfe7cf;--sage2:#cfdcbb;--line:rgba(90,33,79,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Calibri,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.68}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 12% 12%,rgba(246,192,174,.45),transparent 28%),radial-gradient(circle at 88% 18%,rgba(218,230,203,.58),transparent 30%),radial-gradient(circle at 72% 82%,rgba(230,198,220,.42),transparent 30%),linear-gradient(180deg,#fff9f6,#fbefe9 55%,#fff9f6)}
a{color:var(--aub);text-decoration-color:var(--sage2);text-decoration-thickness:2px;text-underline-offset:4px}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;padding:16px 3.4vw;background:rgba(255,249,246,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand img{width:345px;max-width:30vw;display:block}.main-nav{margin-left:auto;display:flex;gap:17px;align-items:center}.main-nav a{font-size:.95rem;text-decoration:none;color:var(--ink);white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;padding:13px 21px;background:#7d8d67;color:#fff;box-shadow:0 12px 28px rgba(125,141,103,.18)}.button.small{padding:10px 16px;font-size:.9rem}.ghost{display:inline-flex;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:12px 18px;background:rgba(255,255,255,.36);color:var(--ink)}
.hero{min-height:86vh;display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:3vw;padding:74px 7vw 40px;background:linear-gradient(135deg,rgba(255,248,245,.94),rgba(248,222,218,.68),rgba(223,231,207,.34));overflow:hidden}.hero-bird-wrap{padding-top:0;display:flex;justify-content:center}.hero-video{width:min(650px,43vw);height:auto;max-height:64vh;object-fit:contain;filter:drop-shadow(0 30px 50px rgba(90,33,79,.14))}.hero-text{padding-top:22px}.eyebrow{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:#7d8d67;font-weight:700;margin:0 0 16px}.hero h1{margin:0;color:var(--aub);line-height:1}.hero h1 span{font-size:clamp(2.8rem,5.2vw,5.9rem);font-weight:700;display:block;letter-spacing:-.04em}.hero h1 small{display:block;margin-top:12px;font-size:clamp(1.3rem,2vw,1.75rem);font-weight:400;color:var(--muted)}.qualification{font-size:clamp(1.6rem,2.6vw,2.5rem);line-height:1.08;color:var(--aub);margin:32px 0 18px}.qualification strong{font-size:1.08rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.forline{font-size:clamp(1.12rem,1.65vw,1.45rem);color:var(--muted);max-width:720px;line-height:1.55}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}
.quote-intro{text-align:center;padding:70px 7vw;background:linear-gradient(135deg,rgba(255,240,237,.68),rgba(223,231,207,.4))}.feature-bird{width:min(360px,56vw);filter:drop-shadow(0 25px 38px rgba(90,33,79,.18)) saturate(1.15);display:block;margin:0 auto 18px}blockquote{font-size:clamp(1.6rem,3vw,3rem);line-height:1.15;margin:0;color:var(--aub)}cite{display:block;margin-top:18px;color:var(--muted)}
.cards-section{padding:100px 7vw;background:rgba(255,249,246,.65)}.section-kicker{color:#7d8d67;text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:.75rem}.cards-section h2{font-size:clamp(2rem,3.4vw,4rem);line-height:1.08;max-width:900px;color:var(--aub);margin:.25em 0 42px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{min-height:245px;border-radius:32px;padding:30px;text-decoration:none;color:var(--ink);border:1px solid rgba(90,33,79,.08);position:relative;overflow:hidden;box-shadow:0 20px 45px rgba(90,33,79,.06)}.card:after{content:"";position:absolute;right:-35px;bottom:-45px;width:160px;height:160px;border-radius:48% 52% 45% 55%;background:rgba(255,255,255,.32)}.card span{display:block;font-size:clamp(1.65rem,2.35vw,2.5rem);line-height:1.03;font-weight:700;color:var(--aub);margin-bottom:18px}.card p{max-width:34ch}.rose{background:linear-gradient(135deg,#fdeae8,#f8deda)}.peach{background:linear-gradient(135deg,#f7dccd,#fff1e8)}.mauve{background:linear-gradient(135deg,#ead5e3,#f8e7ee)}.apricot{background:linear-gradient(135deg,#f7e4d4,#fff1e5)}.sage{background:linear-gradient(135deg,#dfe7cf,#f0f4e6)}.blush{background:linear-gradient(135deg,#f4d3d1,#f8e2dc)}.service-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:24px 7vw 70px}.service-strip a{text-align:center;padding:15px;border-radius:18px;background:rgba(255,241,239,.76);border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.page-hero{padding:110px 8vw 58px;background:linear-gradient(135deg,rgba(255,242,239,.82),rgba(247,228,212,.6),rgba(223,231,207,.38))}.page-hero h1{margin:0;max-width:980px}.cat-main{display:block;font-size:clamp(3rem,6vw,6.5rem);line-height:.95;font-weight:700;color:var(--aub);letter-spacing:-.05em}.cat-sub{display:block;font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.25;font-weight:400;color:var(--muted);margin-top:18px;max-width:900px}.nowrap{white-space:nowrap}.berlin-word{font-size:1.22em;color:#7d8d67;font-weight:700}.content{padding:64px 8vw 105px;position:relative}.content .copy{max-width:980px;margin:auto;background:rgba(255,241,239,.76);border:1px solid rgba(90,33,79,.08);border-radius:34px;padding:44px 52px;box-shadow:0 20px 45px rgba(90,33,79,.045)}.pastel-1{background:linear-gradient(135deg,#fff9f6,#fdecea)}.pastel-2{background:linear-gradient(135deg,#f8e7ee,#fff4ee)}.pastel-3{background:linear-gradient(135deg,#fde8df,#f5dadd)}.pastel-4{background:linear-gradient(135deg,#fff0e3,#f1ead7)}.pastel-5{background:linear-gradient(135deg,#e9efdc,#fff5ee)}.pastel-6{background:linear-gradient(135deg,#f4d3d1,#f7e4d4)}.pastel-green,.contact-content{background:linear-gradient(135deg,#e8efdb,#fff4ec)}.content h3,.dialog-content h3{font-size:clamp(1.55rem,2vw,2rem);line-height:1.2;margin:2.2rem 0 1rem;color:var(--aub)}.content h3:first-child,.dialog-content h3:first-child{margin-top:0}.content p,.dialog-content p{max-width:82ch;margin:0 0 1.15rem}.content ul,.dialog-content ul{margin:0 0 1.35rem;padding-left:1.25rem}.content li,.dialog-content li{margin:.5rem 0}.content li::marker,.dialog-content li::marker{color:#7d8d67}.motto{font-size:1.25rem;color:var(--aub)}.emphasis-list li{font-weight:700}.program-costs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:1.8rem 0}.cost-card{display:flex;flex-direction:column;background:rgba(255,246,244,.8);border:1px solid var(--line);border-radius:22px;padding:24px}.cost-card h4{font-size:1.4rem;color:var(--aub);margin:0 0 1rem}.blank-line{visibility:hidden}.price{font-weight:700;font-size:1.4rem;color:var(--aub);margin-top:auto!important}.modal-link{appearance:none;border:0;background:none;padding:0;font:inherit;color:var(--aub);font-weight:700;text-decoration:underline;text-decoration-color:#7d8d67;text-decoration-thickness:2px;text-underline-offset:4px;cursor:pointer}.modus-dialog{width:min(1120px,94vw);max-height:92vh;border:0;border-radius:30px;padding:0;background:#fff9f6;color:var(--ink);box-shadow:0 30px 90px rgba(59,22,52,.28)}.modus-dialog::backdrop{background:rgba(59,22,52,.32);backdrop-filter:blur(4px)}.dialog-shell{padding:48px}.dialog-close{float:right;border:1px solid var(--line);background:white;border-radius:50%;width:44px;height:44px;color:var(--ink);font-size:1.8rem;line-height:1;cursor:pointer}.dialog-shell>h2{font-size:clamp(3rem,5vw,5.5rem);color:var(--aub);margin:0 0 24px}.contact-content{display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:center}.contact-copy p{line-height:1.5;margin-bottom:.55rem}.contact-bird{width:100%;max-width:360px;filter:drop-shadow(0 22px 36px rgba(90,33,79,.16)) saturate(1.12)}footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;padding:32px 6vw;background:#e6edd8;color:var(--ink)}footer a{color:var(--ink);text-decoration:none}@media(max-width:1180px){.main-nav{display:none}.brand img{width:270px;max-width:60vw}.hero{grid-template-columns:1fr}.hero-bird-wrap{order:1}.hero-text{order:2}.hero-video{width:min(760px,90vw);max-height:44vh}.cards{grid-template-columns:1fr 1fr}.service-strip{grid-template-columns:1fr 1fr 1fr}.nowrap{white-space:normal}.content .copy{padding:34px}.contact-content{grid-template-columns:1fr}}@media(max-width:650px){body{font-size:16px}.site-header .button{display:none}.brand img{width:230px;max-width:78vw}.hero{padding:42px 6vw}.hero h1 span{font-size:clamp(2.5rem,12vw,4rem)}.cards{grid-template-columns:1fr}.service-strip{grid-template-columns:1fr}.page-hero{padding:80px 6vw 42px}.cat-main{font-size:clamp(2.7rem,15vw,4.2rem)}.content{padding:42px 5vw 76px}.content .copy{padding:26px 20px;border-radius:24px}.program-costs{grid-template-columns:1fr}.dialog-shell{padding:28px 20px}footer{grid-template-columns:1fr}}

/* v8 – weniger lilastichig, responsive Breite, größere Wortmarke */
:root{
  --ink:#2b1026;
  --aubergine:#2b1026;
  --aubergine-soft:#4b2643;
  --rose:#f7d9d6;
  --rose-light:#fff5f3;
  --oldrose:#ead0cf;
  --mint:#d9ece4;
  --turquoise:#d7f0ee;
  --sage:#dfe8d2;
  --cream:#fffaf6;
  --paper:#fffaf7;
  --peach:#f5e5dc;
}
html,body{max-width:100%;overflow-x:hidden}
body{
  color:var(--ink);
  background:
    radial-gradient(circle at 10% 8%, rgba(215,240,238,.55), transparent 25%),
    radial-gradient(circle at 92% 18%, rgba(223,232,210,.55), transparent 26%),
    radial-gradient(circle at 24% 80%, rgba(247,217,214,.48), transparent 30%),
    linear-gradient(180deg,#fffaf7,#fff5f3 46%,#fffaf7);
}
*{max-width:100%}
img,video{max-width:100%;height:auto}
.site-header,.page-header,.hero,.cards-section,.content-section,.final-cta,footer{
  width:100%;
  max-width:100vw;
}
.site-header{
  display:grid;
  grid-template-columns:minmax(260px,420px) 1fr;
  gap:10px 24px;
  align-items:center;
  padding:16px clamp(18px,3vw,42px);
  background:rgba(255,250,247,.94);
}
.brand{grid-row:1 / span 2}
.brand img{
  width:min(420px,32vw);
  min-width:300px;
  display:block;
}
.site-header .button.small{
  grid-column:2;
  justify-self:end;
  grid-row:1;
  padding:10px 17px;
}
.main-nav{
  grid-column:2;
  grid-row:2;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:12px 16px;
  min-width:0;
}
.main-nav a,.main-nav button,.nav-group>a{
  font-size:.91rem;
}
.skip-link,.skip,.sr-skip,a[href="#main"],a[href="#content"]{
  display:none!important;
}
body>a:first-child:not(.brand){
  display:none!important;
}
.hero{
  grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);
  overflow:hidden;
}
.hero-text,.hero-bird-wrap{min-width:0}
.hero h1{font-size:clamp(2.2rem,4.4vw,5.2rem)}
.hero-video{max-width:min(610px,44vw)}
.button{background:#6f7756;color:white}
.ghost{background:rgba(255,255,255,.42);border-color:rgba(43,16,38,.14)}
.page-header{
  background:
    radial-gradient(circle at 78% 18%, rgba(215,240,238,.68), transparent 34%),
    linear-gradient(135deg,#fffaf7,#fff1ef 68%,#edf5ed);
}
.page-header h1,.hero h1,.cat-main{color:var(--aubergine)}
.page-header p,.cat-sub,.lead,.forline{color:#604758}
.content-section:nth-of-type(4n+1),
.content-section:nth-of-type(4n+2),
.content-section:nth-of-type(4n+3),
.content-section:nth-of-type(4n+4){
  background:linear-gradient(135deg,#fffaf7,#fff2ef);
}
.copy-block,.card,.tile,.info-card{
  background:rgba(255,245,243,.82)!important;
  border-color:rgba(43,16,38,.09)!important;
}
.cards,.card-grid,.tile-grid,.offers-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:18px;
}
.card:nth-child(4n+1),.tile:nth-child(4n+1){background:linear-gradient(135deg,#fff5f3,#d7f0ee)!important}
.card:nth-child(4n+2),.tile:nth-child(4n+2){background:linear-gradient(135deg,#fff5f3,#dfe8d2)!important}
.card:nth-child(4n+3),.tile:nth-child(4n+3){background:linear-gradient(135deg,#fff5f3,#f7d9d6)!important}
.card:nth-child(4n+4),.tile:nth-child(4n+4){background:linear-gradient(135deg,#fff5f3,#ead0cf)!important}
.quick-nav{
  background:rgba(223,232,210,.30);
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
}
.quick-nav a,.quick-nav button{
  background:rgba(255,250,247,.82)!important;
}
.quote-intro .featured-static-bird,
.tiny-bird,
.cta-bird{
  filter:drop-shadow(0 24px 35px rgba(43,16,38,.16)) saturate(1.38) contrast(1.08) brightness(1.04)!important;
}
.final-cta{
  background:linear-gradient(135deg,#eef5ec,#dfe8d2)!important;
  color:var(--ink)!important;
}
.final-cta h2,.final-cta p,.final-cta a,.final-cta strong,.final-cta .eyebrow{
  color:var(--ink)!important;
}
footer{background:#f0f4e8;color:var(--ink)}
footer a,footer strong{color:var(--ink)!important}
@media(max-width:1180px){
  .site-header{grid-template-columns:1fr;gap:12px}
  .brand{grid-row:auto}
  .brand img{width:360px;min-width:0;max-width:80vw}
  .site-header .button.small{grid-column:1;grid-row:auto;justify-self:start}
  .main-nav{grid-column:1;grid-row:auto;justify-content:flex-start}
}
@media(max-width:780px){
  .hero{grid-template-columns:1fr}
  .hero-video{max-width:88vw}
  .brand img{width:330px}
}

.hero-location{
  font-size:clamp(1.3rem,2.2vw,2rem);
  font-weight:700;
  color:var(--aubergine);
  margin:.4rem 0 .25rem;
}
.hero-qual{
  font-size:clamp(1.1rem,1.7vw,1.45rem);
  color:#604758;
  margin:0 0 1.3rem;
}
.focus-preview-v8{
  padding:70px 7vw;
  background:linear-gradient(135deg,#fffaf7,#edf5ec);
}
.focus-preview-v8 h2{
  color:var(--aubergine);
  font-size:clamp(2rem,3.4vw,3.6rem);
  margin:0 0 24px;
}
.focus-pills{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.focus-pills a{
  text-decoration:none;
  color:var(--ink);
  background:rgba(255,245,243,.86);
  border:1px solid rgba(43,16,38,.10);
  border-radius:999px;
  padding:13px 18px;
}
.focus-pills a:nth-child(1){background:#d7f0ee}
.focus-pills a:nth-child(2){background:#f7d9d6}
.focus-pills a:nth-child(3){background:#dfe8d2}
.focus-pills a:nth-child(4){background:#ead0cf}
.focus-pills a:nth-child(5){background:#fff5f3}


/* v9 – Feinschliff: kein dunkler Streifen, größere Kacheln, Subpage-Kolibri, Kontakt türkis/grün */
html,body{overflow-x:hidden}

/* störende Sprung-/Skip-Elemente konsequent unsichtbar machen */
.skip-link,.skip,.screen-reader-text[href="#main"],.screen-reader-text[href="#content"],
a[href="#main"],a[href="#content"],body>a:first-child:not(.brand),.jump-strip,.scroll-strip{
  display:none!important;
  height:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
}

/* Header enger und ohne dunkle Fremdflächen */
.site-header{
  background:rgba(255,250,247,.96)!important;
  border-bottom:1px solid rgba(43,16,38,.08)!important;
}
.brand img{width:min(460px,34vw)!important;min-width:330px!important}

/* Hero: Kolibri mit mehr Luft und etwas weiter links */
.hero{
  grid-template-columns:minmax(250px,.70fr) minmax(0,1.30fr)!important;
  column-gap:clamp(56px,7vw,116px)!important;
}
.hero-bird-wrap{
  justify-content:flex-start!important;
  padding-left:clamp(0px,1.2vw,22px)!important;
}
.hero-video{
  transform:translateX(-18px)!important;
}

/* Startseite: nur animierter Kolibri, kein zweiter statischer Kolibri */
body.home .tiny-bird,
body.home .featured-static-bird,
.index .tiny-bird,
.index .featured-static-bird{
  display:none!important;
}

/* Kacheln größer: 3 pro Reihe, besser lesbar, keine abgeschnittenen Wörter */
.cards,.card-grid,.tile-grid,.offers-grid,.quick-nav{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(18px,2vw,28px)!important;
}
.card,.tile,.quick-nav a,.quick-nav button{
  min-height:clamp(150px,15vw,210px);
  padding:clamp(24px,3vw,40px)!important;
  border-radius:28px!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.card h2,.card h3,.tile h2,.tile h3,.quick-nav a,.quick-nav button{
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

/* Strahlendere, aber weiterhin weiche Kolibri-Palette */
.card:nth-child(6n+1),.tile:nth-child(6n+1),.quick-nav a:nth-child(6n+1){background:linear-gradient(135deg,#fffaf7,#cfeeea)!important}
.card:nth-child(6n+2),.tile:nth-child(6n+2),.quick-nav a:nth-child(6n+2){background:linear-gradient(135deg,#fffaf7,#d9edd0)!important}
.card:nth-child(6n+3),.tile:nth-child(6n+3),.quick-nav a:nth-child(6n+3){background:linear-gradient(135deg,#fffaf7,#f4cfce)!important}
.card:nth-child(6n+4),.tile:nth-child(6n+4),.quick-nav a:nth-child(6n+4){background:linear-gradient(135deg,#fffaf7,#ead4e1)!important}
.card:nth-child(6n+5),.tile:nth-child(6n+5),.quick-nav a:nth-child(6n+5){background:linear-gradient(135deg,#fffaf7,#d9eff2)!important}
.card:nth-child(6n+6),.tile:nth-child(6n+6),.quick-nav a:nth-child(6n+6){background:linear-gradient(135deg,#fffaf7,#e7ddcf)!important}

/* Unterseiten: statischer Kolibri als wiederkehrendes Motiv, kräftiger und näher am animierten Farbspektrum */
.page-header{position:relative;overflow:hidden}
.subpage-kolibri{
  position:absolute;
  right:clamp(16px,6vw,88px);
  bottom:clamp(-20px,2vw,18px);
  width:min(360px,30vw);
  opacity:.96;
  pointer-events:none;
  filter:drop-shadow(0 24px 38px rgba(43,16,38,.18)) saturate(1.55) contrast(1.08) brightness(1.05);
}

/* Unterseiten farblich passend zu den Kacheln */
body:has(a[href="schematherapie.html"]) .page-header{}
body.schematherapie .page-header, .page-header.schematherapie{background:linear-gradient(135deg,#fffaf7,#d9edd0)}
body.paartherapie .page-header, .page-header.paartherapie{background:linear-gradient(135deg,#fffaf7,#f4cfce)}
body.online-therapie .page-header, .page-header.online-therapie{background:linear-gradient(135deg,#fffaf7,#cfeeea)}
body.gruppenpsychotherapie .page-header, .page-header.gruppenpsychotherapie{background:linear-gradient(135deg,#fffaf7,#d9eff2)}

/* Kontakt unten wieder deutlich hervorgehoben, aber nicht lila */
.home-contact-highlight{
  padding:clamp(76px,9vw,130px) 7vw;
  background:
    radial-gradient(circle at 80% 22%, rgba(207,238,234,.86), transparent 32%),
    linear-gradient(135deg,#e8f6f2,#d9edd0 68%,#fffaf7);
}
.home-contact-inner{
  max-width:780px;
  background:rgba(255,250,247,.62);
  border:1px solid rgba(43,16,38,.08);
  border-radius:34px;
  padding:clamp(30px,5vw,58px);
  box-shadow:0 22px 55px rgba(68,91,74,.10);
}
.home-contact-inner h2{
  color:var(--ink);
  font-size:clamp(2.2rem,4vw,4.4rem);
  margin:.1em 0 .35em;
}
.home-contact-inner p{
  line-height:1.5;
  color:var(--ink);
}
.home-contact-inner a:not(.button){
  color:var(--ink);
  font-weight:700;
}

/* FAQ auf Startseite optisch zurücknehmen, falls es noch vorhanden ist */
.index-faq,.home-faq,.faq-preview{
  display:none!important;
}

@media(max-width:1050px){
  .hero{grid-template-columns:1fr!important;column-gap:0!important}
  .hero-video{transform:none!important}
  .cards,.card-grid,.tile-grid,.offers-grid,.quick-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .subpage-kolibri{width:min(260px,42vw);opacity:.62}
  .brand img{width:380px!important;max-width:80vw!important;min-width:0!important}
}
@media(max-width:680px){
  .cards,.card-grid,.tile-grid,.offers-grid,.quick-nav{grid-template-columns:1fr!important}
  .card,.tile,.quick-nav a,.quick-nav button{min-height:auto}
  .subpage-kolibri{position:relative;right:auto;bottom:auto;display:block;margin:22px auto 0;width:min(260px,70vw);opacity:.9}
}

.contact-note{
  margin:1.4rem 0 1.2rem;
  padding:18px 20px;
  background:rgba(255,250,247,.58);
  border-left:4px solid #6f7756;
  border-radius:18px;
  line-height:1.5;
}


/* v11 – präziser Layout-Fix und bereinigte Startseite */
.brand{
  overflow:hidden;
}
.brand img{
  width:min(500px,36vw)!important;
  min-width:350px!important;
  height:auto!important;
}

/* Hero heller: Rosé + Türkis/Grün statt Mauve/Lila */
.hero{
  grid-template-columns:minmax(320px,.76fr) minmax(560px,1.24fr)!important;
  gap:clamp(72px,8vw,150px)!important;
  padding-left:clamp(28px,5vw,76px)!important;
  padding-right:clamp(36px,6vw,92px)!important;
  background:
    radial-gradient(circle at 18% 30%,rgba(207,238,234,.72),transparent 31%),
    radial-gradient(circle at 88% 18%,rgba(217,237,208,.48),transparent 28%),
    linear-gradient(135deg,#fffaf7 10%,#fbe3e0 62%,#eaf5ef 100%)!important;
}
.hero-bird-wrap{
  min-width:0;
  justify-content:flex-start!important;
  align-items:flex-start!important;
  padding-left:0!important;
}
.hero-video{
  width:min(620px,42vw)!important;
  transform:translateX(-34px)!important;
}
.hero-text{
  min-width:0;
  padding-left:clamp(18px,2.5vw,44px)!important;
  position:relative;
  z-index:2;
}

/* Behandlungsschwerpunkte nur einmal, als sechste Kachel mit Unterpunkten */
.focus-card{
  display:flex;
  flex-direction:column;
}
.focus-card-title{
  text-decoration:none;
}
.focus-card-title span{
  margin-bottom:14px;
}
.focus-card-links{
  display:flex;
  flex-direction:column;
  gap:7px;
  position:relative;
  z-index:2;
}
.focus-card-links a{
  color:var(--ink);
  text-decoration:none;
  font-size:.98rem;
  line-height:1.25;
}
.focus-card-links a:last-child{
  margin-top:4px;
  font-weight:700;
}

/* Servicekacheln: gleiche farbliche Qualität wie die Hauptkacheln */
.service-strip{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:18px!important;
  padding:32px 7vw 82px!important;
}
.service-strip a{
  min-height:118px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px!important;
  border-radius:26px!important;
  font-weight:700;
  line-height:1.2;
}
.service-strip a:nth-child(1){background:linear-gradient(135deg,#fffaf7,#cfeeea)!important}
.service-strip a:nth-child(2){background:linear-gradient(135deg,#fffaf7,#d9edd0)!important}
.service-strip a:nth-child(3){background:linear-gradient(135deg,#fffaf7,#f4cfce)!important}
.service-strip a:nth-child(4){background:linear-gradient(135deg,#fffaf7,#d9eff2)!important}
.service-strip a:nth-child(5){background:linear-gradient(135deg,#fffaf7,#ead0cf)!important}

/* Kontaktabschluss */
.home-contact-highlight{
  background:
    radial-gradient(circle at 82% 20%,rgba(201,239,238,.95),transparent 36%),
    linear-gradient(135deg,#dff3ef,#cfeeea 58%,#e5f1dc)!important;
  padding-bottom:clamp(80px,10vw,140px)!important;
}

/* Startseiten-Zitat ohne zweiten Kolibri */
.quote-intro{
  padding-top:90px!important;
}

/* Unterseiten-Kolibri darf niemals in Text hineinragen */
.page-hero,.page-header{
  position:relative;
  padding-right:min(38vw,430px)!important;
}
.subpage-kolibri{
  right:clamp(22px,5vw,76px)!important;
  width:min(310px,26vw)!important;
}
@media(max-width:1180px){
  .hero{
    grid-template-columns:1fr!important;
    gap:38px!important;
  }
  .hero-video{
    width:min(680px,88vw)!important;
    transform:none!important;
  }
  .hero-text{padding-left:0!important}
  .service-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .brand img{width:420px!important;max-width:84vw!important;min-width:0!important}
}
@media(max-width:760px){
  .service-strip{grid-template-columns:1fr!important}
  .page-hero,.page-header{padding-right:6vw!important}
}


/* v12 – zartes Start-Hero-Rosé, Unterseiten-Kolibri und Kontaktleiste nur auf Unterseiten */
.hero{
  background:
    radial-gradient(circle at 18% 24%,rgba(255,244,241,.92),transparent 32%),
    radial-gradient(circle at 88% 18%,rgba(247,217,214,.46),transparent 30%),
    linear-gradient(135deg,#fffaf7 0%,#fde9e6 62%,#fff4f1 100%)!important;
}

/* Unterseiten stärker mit Kolibri-Motiv gestalten */
.content{overflow:hidden}
.decor-bird{
  position:absolute;
  z-index:0;
  pointer-events:none;
  opacity:.34;
  filter:drop-shadow(0 24px 38px rgba(43,16,38,.13)) saturate(1.55) contrast(1.08) brightness(1.06);
}
.decor-bird-1{width:min(300px,28vw);right:3vw;top:34vh;transform:rotate(-8deg)}
.decor-bird-2{width:min(250px,24vw);left:-3vw;top:52vh;transform:rotate(12deg)}
.decor-bird-3{width:min(330px,30vw);right:-2vw;top:66vh;transform:rotate(-14deg)}
.content .copy{position:relative;z-index:1}
.subpage-kolibri{
  opacity:.88!important;
  filter:drop-shadow(0 24px 38px rgba(43,16,38,.16)) saturate(1.45) contrast(1.06) brightness(1.05)!important;
}

/* Kontaktleiste auf Unterseiten: ruhig, grün/türkis, vollständige Daten */
.subpage-contact-strip{
  display:grid;
  grid-template-columns:1.35fr 1fr 1.35fr;
  gap:24px;
  align-items:start;
  padding:30px 7vw;
  background:linear-gradient(135deg,#e8f6f2,#dfeeda);
  border-top:1px solid rgba(43,16,38,.08);
  color:var(--ink);
  line-height:1.45;
}
.subpage-contact-strip a{
  color:var(--ink);
  font-weight:700;
  text-decoration-color:#7d8d67;
}
@media(max-width:900px){
  .subpage-contact-strip{grid-template-columns:1fr;gap:12px}
  .decor-bird{display:none}
}


/* v13 – Kolibri auf Unterseiten vollständig sichtbar und kräftiger */
.decor-bird{
  opacity:.58!important;
  filter:drop-shadow(0 24px 38px rgba(43,16,38,.16)) saturate(1.75) contrast(1.12) brightness(1.08)!important;
}
.decor-bird-1,
.decor-bird-2,
.decor-bird-3{
  left:auto!important;
  right:clamp(34px,6vw,92px)!important;
  top:clamp(260px,33vh,390px)!important;
  bottom:auto!important;
  width:min(260px,22vw)!important;
  transform:rotate(-7deg)!important;
}
.page-hero,.page-header{
  padding-right:min(36vw,440px)!important;
}
.subpage-kolibri{
  right:clamp(48px,7vw,108px)!important;
  bottom:clamp(18px,4vw,54px)!important;
  width:min(280px,23vw)!important;
  opacity:.98!important;
  filter:drop-shadow(0 24px 38px rgba(43,16,38,.18)) saturate(1.75) contrast(1.12) brightness(1.08)!important;
}

/* Kontaktleiste: Telefon- und E-Mail-Werte sauber untereinander ausrichten */
.contact-lines{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  column-gap:10px;
  row-gap:4px;
}
.contact-lines span{
  font-weight:700;
}
.contact-lines a{
  min-width:0;
  overflow-wrap:anywhere;
}

@media(max-width:900px){
  .subpage-kolibri{position:relative!important;right:auto!important;bottom:auto!important;width:min(260px,70vw)!important;margin:24px auto 0!important;display:block}
  .page-hero,.page-header{padding-right:6vw!important}
}


/* v14 – Unterseiten: Text links, statischer Kolibri rechts und bewusst versetzt */
.page-hero,
.page-header{
  display:block!important;
  position:relative!important;
  padding-left:clamp(28px,7vw,110px)!important;
  padding-right:min(38vw,470px)!important;
  min-height:clamp(300px,34vw,470px);
}

/* Hauptkolibri der Unterseiten ganz rechts; Blickrichtung führt in den Text */
.subpage-kolibri{
  position:absolute!important;
  left:auto!important;
  right:clamp(18px,3vw,54px)!important;
  top:clamp(54px,7vw,108px)!important;
  bottom:auto!important;
  width:min(330px,27vw)!important;
  max-height:78%!important;
  object-fit:contain!important;
  opacity:1!important;
  filter:drop-shadow(0 24px 38px rgba(43,16,38,.18)) saturate(1.78) contrast(1.12) brightness(1.08)!important;
}

/* Zusätzliche Kolibri-Motive nicht auf derselben Bildachse: kleiner und versetzt */
.decor-bird-1{
  right:clamp(90px,12vw,190px)!important;
  top:clamp(520px,62vh,760px)!important;
  width:min(220px,18vw)!important;
  opacity:.48!important;
}
.decor-bird-2{
  right:clamp(28px,5vw,82px)!important;
  top:clamp(680px,78vh,940px)!important;
  width:min(200px,17vw)!important;
  opacity:.46!important;
}
.decor-bird-3{
  right:clamp(120px,14vw,220px)!important;
  top:clamp(600px,70vh,860px)!important;
  width:min(230px,19vw)!important;
  opacity:.50!important;
}

/* Startseite: klare Hierarchie ohne Wiederholung */
.hero-qual{
  font-size:clamp(1.08rem,1.55vw,1.35rem)!important;
  margin:0 0 .45rem!important;
  color:var(--ink)!important;
}
.qualification{
  margin:.15rem 0 1.1rem!important;
  font-size:clamp(1.7rem,2.7vw,2.7rem)!important;
  color:var(--aubergine)!important;
}

@media(max-width:900px){
  .page-hero,.page-header{
    padding-right:6vw!important;
    min-height:auto;
  }
  .subpage-kolibri{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    width:min(290px,72vw)!important;
    margin:26px 0 0 auto!important;
    display:block!important;
  }
}


/* v15 – Header: Navigation links, Logo rechts; Kontakt separat */
.site-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  column-gap:28px!important;
  row-gap:10px!important;
  align-items:center!important;
}
.main-nav{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  margin-left:0!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:clamp(9px,1.15vw,18px)!important;
  min-width:0!important;
}
.main-nav a{
  font-size:clamp(.72rem,.83vw,.93rem)!important;
  white-space:nowrap!important;
}
.brand{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  overflow:hidden!important;
}
.brand img{
  width:min(430px,30vw)!important;
  min-width:300px!important;
}
.site-header .button.small{
  grid-column:2!important;
  grid-row:2!important;
  justify-self:end!important;
}

/* Unterseiten wieder wie v13: Kolibri vollständig sichtbar, kräftig, nicht abgeschnitten */
.page-hero,.page-header{
  display:block!important;
  position:relative!important;
  padding-left:clamp(28px,7vw,110px)!important;
  padding-right:min(36vw,440px)!important;
  min-height:initial!important;
}
.subpage-kolibri{
  position:absolute!important;
  left:auto!important;
  right:clamp(48px,7vw,108px)!important;
  top:auto!important;
  bottom:clamp(18px,4vw,54px)!important;
  width:min(280px,23vw)!important;
  max-height:none!important;
  opacity:.98!important;
  filter:drop-shadow(0 24px 38px rgba(43,16,38,.18)) saturate(1.75) contrast(1.12) brightness(1.08)!important;
}
.decor-bird,
.decor-bird-1,
.decor-bird-2,
.decor-bird-3{
  left:auto!important;
  right:clamp(34px,6vw,92px)!important;
  top:clamp(260px,33vh,390px)!important;
  bottom:auto!important;
  width:min(260px,22vw)!important;
  max-height:none!important;
  transform:rotate(-7deg)!important;
  opacity:.58!important;
  filter:drop-shadow(0 24px 38px rgba(43,16,38,.16)) saturate(1.75) contrast(1.12) brightness(1.08)!important;
}

/* Animierter Kolibri auf Startseite bleibt unverändert */
.hero-video{
  position:relative!important;
}

@media(max-width:1180px){
  .site-header{
    grid-template-columns:1fr auto!important;
  }
  .main-nav{
    overflow-x:auto!important;
    scrollbar-width:none;
  }
  .main-nav::-webkit-scrollbar{display:none}
  .brand img{
    width:330px!important;
    min-width:0!important;
    max-width:34vw!important;
  }
}
@media(max-width:900px){
  .site-header{
    grid-template-columns:1fr!important;
  }
  .main-nav{
    grid-column:1!important;
    grid-row:2!important;
    flex-wrap:wrap!important;
    overflow:visible!important;
  }
  .brand{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:end!important;
  }
  .site-header .button.small{
    grid-column:1!important;
    grid-row:3!important;
    justify-self:start!important;
  }
  .subpage-kolibri{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:min(260px,70vw)!important;
    margin:24px auto 0!important;
    display:block!important;
  }
  .page-hero,.page-header{padding-right:6vw!important}
}


/* v16 – Kontaktbutton gehört zur linken Navigationsgruppe, Logo bleibt rechts */
.site-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  column-gap:28px!important;
  row-gap:10px!important;
  align-items:center!important;
}
.brand{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  justify-self:end!important;
  align-self:center!important;
}
.main-nav{
  grid-column:1!important;
  grid-row:2!important;
  justify-content:flex-start!important;
  margin-left:0!important;
}
.site-header .button.small{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  align-self:end!important;
}
@media(max-width:900px){
  .site-header{
    grid-template-columns:1fr!important;
  }
  .brand{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:end!important;
  }
  .site-header .button.small{
    grid-column:1!important;
    grid-row:2!important;
    justify-self:start!important;
  }
  .main-nav{
    grid-column:1!important;
    grid-row:3!important;
  }
}


/* v17 – Unterseiten-Kolibri nicht direkt unter dem rechten Logo */
.subpage-kolibri{
  right:clamp(150px,15vw,260px)!important;
  top:clamp(150px,16vw,230px)!important;
  bottom:auto!important;
  width:min(260px,21vw)!important;
}

/* Zusätzliche dekorative Kolibris ebenfalls aus der Logo-Achse nehmen */
.decor-bird,
.decor-bird-1,
.decor-bird-2,
.decor-bird-3{
  right:clamp(80px,10vw,180px)!important;
  top:clamp(430px,52vh,650px)!important;
  width:min(220px,18vw)!important;
}

@media(max-width:900px){
  .subpage-kolibri{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    width:min(260px,70vw)!important;
    margin:26px 0 0 auto!important;
  }
}


/* v18 – statische Kolibris immer vollständig sichtbar, versetzt zur Logo-Achse */
.page-header,
.page-hero{
  overflow:visible!important;
}
.subpage-kolibri{
  position:absolute!important;
  left:auto!important;
  right:clamp(170px,17vw,300px)!important;
  top:clamp(155px,16vw,235px)!important;
  bottom:auto!important;
  width:min(250px,20vw)!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
  overflow:visible!important;
  opacity:1!important;
}
.decor-bird,
.decor-bird-1,
.decor-bird-2,
.decor-bird-3{
  position:relative!important;
  display:block!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:min(230px,20vw)!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  clip-path:none!important;
  overflow:visible!important;
  margin:34px clamp(40px,9vw,150px) 34px auto!important;
  opacity:.62!important;
}

/* genug Raum, damit der vollständige Header-Kolibri nicht abgeschnitten wird */
.page-header{
  min-height:clamp(360px,34vw,500px)!important;
}

@media(max-width:900px){
  .subpage-kolibri{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    width:min(260px,70vw)!important;
    margin:28px 0 0 auto!important;
  }
  .decor-bird,
  .decor-bird-1,
  .decor-bird-2,
  .decor-bird-3{
    width:min(230px,60vw)!important;
    margin:28px 5vw 28px auto!important;
  }
}


/* v19 – Unterseiten-Kolibri klar aus der Logo-Achse versetzt */
.subpage-kolibri{
  left:clamp(52px,8vw,140px)!important;
  right:auto!important;
  top:clamp(175px,18vw,255px)!important;
  bottom:auto!important;
  width:min(255px,20vw)!important;
  height:auto!important;
  object-fit:contain!important;
}
.page-header,
.page-hero{
  padding-left:min(36vw,430px)!important;
  padding-right:clamp(28px,7vw,110px)!important;
}

/* Weitere dekorative Kolibris vollständig sichtbar und wechselnd versetzt */
.decor-bird,
.decor-bird-1,
.decor-bird-2,
.decor-bird-3{
  width:min(225px,19vw)!important;
  height:auto!important;
  object-fit:contain!important;
  clip-path:none!important;
}
.decor-bird-1{margin:34px clamp(48px,9vw,150px) 34px auto!important}
.decor-bird-2{margin:34px auto 34px clamp(48px,10vw,170px)!important}
.decor-bird-3{margin:34px clamp(110px,16vw,250px) 34px auto!important}

/* Wärmere Kolibri-Palette für die Kacheln: Rosé, Apricot, Ocker, Salbei, warmes Türkis */
.card:nth-child(6n+1),.tile:nth-child(6n+1),.quick-nav a:nth-child(6n+1){
  background:linear-gradient(135deg,#fffaf5,#f2d2bd)!important;
}
.card:nth-child(6n+2),.tile:nth-child(6n+2),.quick-nav a:nth-child(6n+2){
  background:linear-gradient(135deg,#fffaf5,#e8d39f)!important;
}
.card:nth-child(6n+3),.tile:nth-child(6n+3),.quick-nav a:nth-child(6n+3){
  background:linear-gradient(135deg,#fffaf7,#f1c9c5)!important;
}
.card:nth-child(6n+4),.tile:nth-child(6n+4),.quick-nav a:nth-child(6n+4){
  background:linear-gradient(135deg,#fffaf5,#d9e5c8)!important;
}
.card:nth-child(6n+5),.tile:nth-child(6n+5),.quick-nav a:nth-child(6n+5){
  background:linear-gradient(135deg,#fffaf5,#d6e8df)!important;
}
.card:nth-child(6n+6),.tile:nth-child(6n+6),.quick-nav a:nth-child(6n+6){
  background:linear-gradient(135deg,#fffaf5,#e6c7b7)!important;
}

/* Auch die Servicekacheln wärmer und erdiger mischen */
.service-strip a:nth-child(1){background:linear-gradient(135deg,#fffaf5,#f2d2bd)!important}
.service-strip a:nth-child(2){background:linear-gradient(135deg,#fffaf5,#d9e5c8)!important}
.service-strip a:nth-child(3){background:linear-gradient(135deg,#fffaf5,#e8d39f)!important}
.service-strip a:nth-child(4){background:linear-gradient(135deg,#fffaf7,#f1c9c5)!important}
.service-strip a:nth-child(5){background:linear-gradient(135deg,#fffaf5,#d6e8df)!important}

@media(max-width:900px){
  .page-header,.page-hero{
    padding-left:6vw!important;
    padding-right:6vw!important;
  }
  .subpage-kolibri{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:min(260px,70vw)!important;
    margin:28px auto 0 0!important;
  }
}


/* v20 – Startseitenabschluss wärmer/grüner statt blau */
.home-contact-highlight{
  background:
    radial-gradient(circle at 82% 18%,rgba(224,235,194,.90),transparent 34%),
    radial-gradient(circle at 18% 78%,rgba(242,210,189,.55),transparent 32%),
    linear-gradient(135deg,#e8f1dc,#dce9cf 55%,#f4dfcf 100%)!important;
}
.home-contact-inner{
  background:rgba(255,250,244,.68)!important;
}

/* Unterseiten: Kolibri als Gestaltungselement auf Höhe der Überschrift,
   nicht als eigene Spalte und ohne künstlichen Leerraum vor dem Text */
.page-header,
.page-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:clamp(28px,5vw,80px)!important;
  min-height:0!important;
  padding-left:clamp(28px,7vw,110px)!important;
  padding-right:clamp(28px,7vw,110px)!important;
  overflow:visible!important;
}
.page-header > .subpage-kolibri,
.page-hero > .subpage-kolibri{
  position:static!important;
  grid-column:2!important;
  grid-row:1 / span 10!important;
  align-self:center!important;
  justify-self:end!important;
  width:min(245px,20vw)!important;
  height:auto!important;
  margin:0!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  opacity:1!important;
  object-fit:contain!important;
}
.page-header > *:not(.subpage-kolibri),
.page-hero > *:not(.subpage-kolibri){
  grid-column:1!important;
}

/* Weitere Kolibri-Motive bleiben dezent im Seitenfluss und erzeugen keine Leerspalte */
.decor-bird,
.decor-bird-1,
.decor-bird-2,
.decor-bird-3{
  float:right!important;
  position:static!important;
  width:min(190px,16vw)!important;
  margin:18px clamp(28px,7vw,100px) 18px 28px!important;
  opacity:.54!important;
}

/* Text beginnt direkt nach dem Header */
.content,
.content-section{
  margin-top:0!important;
}

@media(max-width:900px){
  .page-header,
  .page-hero{
    grid-template-columns:1fr!important;
  }
  .page-header > .subpage-kolibri,
  .page-hero > .subpage-kolibri{
    grid-column:1!important;
    grid-row:auto!important;
    justify-self:end!important;
    width:min(230px,58vw)!important;
    margin-top:18px!important;
  }
  .decor-bird,
  .decor-bird-1,
  .decor-bird-2,
  .decor-bird-3{
    float:none!important;
    width:min(210px,55vw)!important;
    margin:22px 5vw 22px auto!important;
  }
}


/* v21 – statischer Kolibri wirklich auf Höhe der Überschrift,
   mit leicht wechselnder Position vor bzw. nach dem Titelbereich */
.page-header,
.page-hero{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:clamp(28px,5vw,76px)!important;
  min-height:0!important;
  padding-top:clamp(34px,5vw,70px)!important;
  padding-bottom:clamp(34px,5vw,70px)!important;
}

/* Standard: Kolibri nach der Überschrift */
.page-header > .subpage-kolibri,
.page-hero > .subpage-kolibri{
  position:static!important;
  order:2!important;
  flex:0 0 auto!important;
  width:min(230px,19vw)!important;
  height:auto!important;
  margin:0!important;
  align-self:center!important;
  object-fit:contain!important;
}

/* Textblock bleibt kompakt auf derselben Höhe */
.page-header > *:not(.subpage-kolibri),
.page-hero > *:not(.subpage-kolibri){
  order:1!important;
}

/* Auf ausgewählten Unterseiten Kolibri vor der Überschrift */
body.schematherapie .subpage-kolibri,
body.online-therapie .subpage-kolibri,
body.kosten .subpage-kolibri,
body.faq .subpage-kolibri{
  order:0!important;
}
body.schematherapie .page-header,
body.online-therapie .page-header,
body.kosten .page-header,
body.faq .page-header{
  justify-content:flex-start!important;
}

/* keine zusätzliche Höhe durch weitere Vogelmotive direkt unter dem Header */
.decor-bird,
.decor-bird-1,
.decor-bird-2,
.decor-bird-3{
  margin-top:12px!important;
  margin-bottom:12px!important;
}

@media(max-width:900px){
  .page-header,
  .page-hero{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .page-header > .subpage-kolibri,
  .page-hero > .subpage-kolibri{
    width:min(220px,58vw)!important;
    align-self:flex-end!important;
  }
}


/* v22 – Kolibri ausschließlich auf Höhe der Überschrift, nie im Fließtext */
.title-bird-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:clamp(28px,5vw,84px)!important;
  min-height:0!important;
  padding:clamp(38px,5vw,72px) clamp(28px,7vw,110px)!important;
}
.title-bird-row > div{
  flex:1 1 auto!important;
  min-width:0!important;
}
.title-bird-row > .decor-bird{
  float:none!important;
  position:static!important;
  flex:0 0 auto!important;
  width:min(235px,19vw)!important;
  height:auto!important;
  margin:0!important;
  opacity:.78!important;
  object-fit:contain!important;
  clip-path:none!important;
  filter:drop-shadow(0 20px 32px rgba(43,16,38,.16)) saturate(1.7) contrast(1.1) brightness(1.06)!important;
}
.title-bird-row.bird-before > .decor-bird{order:1!important}
.title-bird-row.bird-before > div{order:2!important}
.title-bird-row.bird-after > div{order:1!important}
.title-bird-row.bird-after > .decor-bird{order:2!important}

/* Alte Regeln für frei schwebende Dekovögel in Inhaltsbereichen neutralisieren */
.content > .decor-bird,
.content-section > .decor-bird{
  display:none!important;
}

@media(max-width:900px){
  .title-bird-row{
    gap:22px!important;
  }
  .title-bird-row > .decor-bird{
    width:min(170px,30vw)!important;
  }
}
@media(max-width:620px){
  .title-bird-row{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .title-bird-row > .decor-bird{
    align-self:flex-end!important;
    width:min(190px,52vw)!important;
  }
}


/* v23 – auf allen Unterseiten Kolibri links vor der Überschrift */
.title-bird-row{
  justify-content:flex-start!important;
}
.title-bird-row > .decor-bird{
  order:1!important;
}
.title-bird-row > div{
  order:2!important;
}

/* v24 neu – ausgehend von v23 */
.service-strip{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.service-strip a:nth-child(6){background:linear-gradient(135deg,#fffaf5,#f1d0b8)!important}
.faq-accordion{display:grid;gap:14px}
.faq-accordion details{border:1px solid rgba(43,16,38,.12);border-radius:20px;background:rgba(255,250,247,.72);overflow:hidden}
.faq-accordion summary{cursor:pointer;list-style:none;padding:20px 54px 20px 24px;font-size:clamp(1.08rem,1.45vw,1.3rem);font-weight:700;color:var(--ink);position:relative}
.faq-accordion summary::-webkit-details-marker{display:none}
.faq-accordion summary::after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:1.55rem;font-weight:400}
.faq-accordion details[open] summary::after{content:"–"}
.faq-accordion details[open] summary{border-bottom:1px solid rgba(43,16,38,.09)}
.faq-accordion details>p,.faq-accordion details>ul{margin-left:24px;margin-right:24px}
.faq-accordion details>p:first-of-type{margin-top:20px}
.faq-accordion details>p:last-child,.faq-accordion details>ul:last-child{margin-bottom:22px}
/* Lange Unterseitenüberschriften dürfen ausgeschrieben bleiben und teilen den Platz mit dem Kolibri */
.title-bird-row h1 .cat-main{overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
@media(max-width:1180px){.service-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.service-strip{grid-template-columns:1fr!important}}


/* v25: klarere Navigation und wärmere, abwechslungsreichere Kolibri-Palette */
.site-header .home-link{
  font-weight:700!important;
  color:#3a1633!important;
}
.modus-name{
  font-weight:800!important;
  letter-spacing:.015em;
  color:#3a1633;
}

/* sechs Hauptkacheln: warmes Rosé, Pfirsich, Salbei, Sand/Ocker, warmes Türkis, Altrosa */
.cards .card:nth-child(1){
  background:linear-gradient(135deg,#fffaf5,#f3d7cf)!important;
}
.cards .card:nth-child(2){
  background:linear-gradient(135deg,#fffaf3,#f2d2b5)!important;
}
.cards .card:nth-child(3){
  background:linear-gradient(135deg,#fffaf5,#dce7cd)!important;
}
.cards .card:nth-child(4){
  background:linear-gradient(135deg,#fffaf2,#ead7a8)!important;
}
.cards .card:nth-child(5){
  background:linear-gradient(135deg,#fffaf5,#d7e7dd)!important;
}
.cards .card:nth-child(6),
.cards .focus-card{
  background:linear-gradient(135deg,#fff8f4,#e8c9bf)!important;
}

/* Servicekacheln ebenfalls ohne direkte Farbdopplung */
.service-strip{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.service-strip a:nth-child(1){background:linear-gradient(135deg,#fffaf5,#dce7cd)!important}
.service-strip a:nth-child(2){background:linear-gradient(135deg,#fffaf2,#ead7a8)!important}
.service-strip a:nth-child(3){background:linear-gradient(135deg,#fff8f4,#f1cfca)!important}
.service-strip a:nth-child(4){background:linear-gradient(135deg,#fffaf5,#d7e7dd)!important}
.service-strip a:nth-child(5){background:linear-gradient(135deg,#fffaf3,#f2d2b5)!important}

.hero .qualification{
  margin-top:0!important;
}
@media(max-width:1180px){
  .service-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .service-strip{grid-template-columns:1fr!important}
}


/* v26: warme Kolibri-Palette ohne Blaustich und ohne Ocker */
.cards .card:nth-child(1){
  background:linear-gradient(135deg,#fffaf7,#f2d2cf)!important; /* zartes Rosé */
}
.cards .card:nth-child(2){
  background:linear-gradient(135deg,#fffaf5,#f5d8c5)!important; /* Pfirsich */
}
.cards .card:nth-child(3){
  background:linear-gradient(135deg,#fff9f6,#e9c4c8)!important; /* Altrosé */
}
.cards .card:nth-child(4){
  background:linear-gradient(135deg,#fffaf4,#f1cfb8)!important; /* warmes Apricot */
}
.cards .card:nth-child(5){
  background:linear-gradient(135deg,#fffaf5,#dce5cf)!important; /* zurückhaltendes Salbei */
}
.cards .card:nth-child(6),
.cards .focus-card{
  background:linear-gradient(135deg,#fffdf8,#eee1cf)!important; /* warmer Creme-Sandton */
}


/* v27: sechs klar unterscheidbare, warme Pastelltöne in drei Farbfamilien */
.cards .card:nth-child(1){
  background:linear-gradient(135deg,#fffaf8,#f5d7dc)!important; /* helles Puderrosa */
}
.cards .card:nth-child(2){
  background:linear-gradient(135deg,#fff8f7,#e7bec5)!important; /* tieferes Altrosa */
}
.cards .card:nth-child(3){
  background:linear-gradient(135deg,#fff9f4,#f3d2bd)!important; /* heller Pfirsich */
}
.cards .card:nth-child(4){
  background:linear-gradient(135deg,#fff8f2,#dfb69f)!important; /* tieferes warmes Terrakotta-Apricot */
}
.cards .card:nth-child(5){
  background:linear-gradient(135deg,#fbfdf8,#dce8d6)!important; /* helles warmes Grün */
}
.cards .card:nth-child(6),
.cards .focus-card{
  background:linear-gradient(135deg,#f8fcf8,#bfcfbd)!important; /* tieferes pastelliges Grün */
}


/* v28: Farbfamilien bewusst gemischt, keine gleiche Hauptfarbe berührt sich.
   Reihenfolge: Rosé 1, Grün 1, Apricot 1, Rosa 2, Grün 2, Apricot 2 */
.cards .card:nth-child(1){
  background:linear-gradient(135deg,#fffaf8,#f5d7dc)!important; /* pudriges Rosé aus v27 */
}
.cards .card:nth-child(2){
  background:linear-gradient(135deg,#fbfdf8,#dce8d6)!important; /* helles warmes Grün */
}
.cards .card:nth-child(3){
  background:linear-gradient(135deg,#fff9f4,#f3d2bd)!important; /* heller Pfirsich */
}
.cards .card:nth-child(4){
  background:linear-gradient(135deg,#fff9f8,#f3c4cf)!important; /* klareres warmes Rosa */
}
.cards .card:nth-child(5){
  background:linear-gradient(135deg,#f8fcf8,#bfcfbd)!important; /* tieferes pastelliges Grün */
}
.cards .card:nth-child(6),
.cards .focus-card{
  background:linear-gradient(135deg,#fff8f2,#dfb69f)!important; /* tieferes warmes Apricot */
}


/* v29: diagonale Mischung statt gleicher Farbfamilien in Zeilen oder Spalten.
   Raster: Rosé hell | Grün hell | Pfirsich hell
           Grün tief  | Apricot tief | Rosa tief
   Die Paare unterscheiden sich bewusst stärker in Helligkeit und Sättigung. */
.cards .card:nth-child(1){
  background:linear-gradient(135deg,#fffafb,#f7dce2)!important; /* helles Puderrosé */
}
.cards .card:nth-child(2){
  background:linear-gradient(135deg,#fbfdf9,#dfead8)!important; /* helles warmes Grün */
}
.cards .card:nth-child(3){
  background:linear-gradient(135deg,#fffaf6,#f6d8c3)!important; /* heller Pfirsich */
}
.cards .card:nth-child(4){
  background:linear-gradient(135deg,#f4f8f1,#aec5aa)!important; /* tieferes Salbeigrün */
}
.cards .card:nth-child(5){
  background:linear-gradient(135deg,#fff5ef,#dba98e)!important; /* tieferes warmes Apricot */
}
.cards .card:nth-child(6),
.cards .focus-card{
  background:linear-gradient(135deg,#fff4f6,#e8aebd)!important; /* deutlich tieferes warmes Rosa */
}

/* v31 text rhythm and mobile-first refinements */
.copy .key-statement { line-height: 1.65; }
.section-break { height: 1.25rem; }
@media (max-width: 640px) {
  .copy p { text-wrap: pretty; }
  .cat-sub { text-wrap: balance; }
  .copy br { display: block; }
  .section-break { height: .75rem; }
}


/* v32: semantic reading rhythm across all pages */
.copy p, .copy li, .dialog-content p, .dialog-content li { text-wrap: pretty; }
.copy h2, .copy h3, .dialog-content h2, .dialog-content h3 { text-wrap: balance; }
.modus-dialog-title { display:flex; align-items:center; gap:.65rem; }
.modus-dialog-title img { width:54px; height:auto; object-fit:contain; flex:0 0 auto; }
@media (max-width:640px){
  .modus-dialog-title img { width:44px; }
}

/* v33: semantic reading rhythm across all pages; modusweChsel logo */
.modus-dialog-title .modus-logo{width:clamp(150px,22vw,260px);max-height:72px;object-fit:contain;object-position:left center;}
@media(max-width:650px){.modus-dialog-title{align-items:center;flex-wrap:nowrap}.modus-dialog-title .modus-logo{width:120px;max-height:52px}}


/* v34 Paartherapie/modusweChsel: saubere Sinnzeilen, keine zufälligen Wortreste */
.phrase{
  display:inline-block;
  max-width:100%;
}
.list-intro{
  margin-bottom:.35rem!important;
}
.list-intro + ul{
  margin-top:.2rem!important;
}
.modus-dialog-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:clamp(20px,4vw,70px)!important;
}
.modus-dialog-title .modus-logo{
  margin-left:auto!important;
  width:min(300px,34vw)!important;
  max-height:118px!important;
  object-fit:contain!important;
}
.modus-dialog .motto{
  margin-top:1.2rem!important;
  font-size:clamp(1.35rem,2.4vw,2.05rem)!important;
  line-height:1.22!important;
}
.modus-dialog .motto strong:first-child{
  font-size:1.08em!important;
}
@media(max-width:760px){
  .phrase{
    display:inline;
  }
  .modus-dialog-title{
    align-items:flex-start!important;
  }
  .modus-dialog-title .modus-logo{
    width:min(220px,48vw)!important;
    max-height:92px!important;
  }
  .modus-dialog .motto{
    font-size:1.35rem!important;
  }
}

/* v35: websiteweite Leseführung nach Sinneinheiten */
.copy p, .copy li, .faq-answer p, .faq-answer li { text-wrap: pretty; }
@media (min-width: 761px){
  .copy p br, .copy li br, .faq-answer p br, .faq-answer li br { display:block; }
}
@media (max-width: 760px){
  .copy p, .copy li, .faq-answer p, .faq-answer li { text-wrap: pretty; }
}


/* v36 consolidated reading rhythm */
.phrase{
  display:inline-block;
  max-width:100%;
}
.copy p, .dialog-content p, .faq-answer p{
  text-wrap:pretty;
}
@media(max-width:760px){
  .phrase{display:inline;}
  .copy br, .dialog-content br{
    line-height:1.15;
  }
}


/* v38 corrections: green subtitles only on subpages, start cards keep original card typography */
.page-hero .cat-sub{
  color:#667453!important;
  font-weight:700!important;
}
.index .card .cat-sub,
.index .cards .card p,
.index .cards .card .cat-sub,
.index .focus-card .cat-sub{
  color:inherit!important;
  font-weight:inherit!important;
}
.index .cards .card h2,
.index .cards .card h3,
.index .cards .focus-card h2,
.index .cards .focus-card h3{
  color:var(--aubergine, #3a1633)!important;
}
.psychotherapie .page-hero .cat-main{
  font-size:clamp(2.7rem,5.2vw,5.4rem)!important;
  white-space:nowrap!important;
}
.motto .motto-main{
  color:#3a1633!important;
  font-size:1.05em!important;
}
.motto .motto-sub{
  color:#667453!important;
  font-size:.78em!important;
  line-height:1.22!important;
}
@media(max-width:760px){
  .psychotherapie .page-hero .cat-main{
    white-space:normal!important;
    font-size:clamp(2.1rem,11vw,3.4rem)!important;
  }
}


/* v39 explicit card line grouping: layout only, no card recoloring or weight changes */
.card-line{white-space:nowrap;}
@media(max-width:760px){
  .card-line{white-space:normal;}
}


/* v40 color consistency: aubergine navigation and subpage typography */
.main-nav a,
.main-nav button,
.nav-group > a{
  color:var(--aub)!important;
}
body:not(.index){
  color:var(--aub)!important;
}
body:not(.index) .copy,
body:not(.index) .copy p,
body:not(.index) .copy li,
body:not(.index) .copy h2,
body:not(.index) .copy h3,
body:not(.index) .copy h4,
body:not(.index) .faq-accordion summary,
body:not(.index) .faq-accordion p{
  color:var(--aub)!important;
}
body:not(.index) .page-hero .cat-main{
  color:var(--aub)!important;
}
body:not(.index) .page-hero .cat-sub{
  color:#667453!important;
}
.index .card,
.index .card span,
.index .card p,
.index .card strong{
  color:var(--aub)!important;
}
.index .card p{
  font-size:1rem!important;
  font-weight:400!important;
  line-height:1.45!important;
}


/* v40: consistent aubergine typography and restrained green subpage subtitles */
:root{
  --v40-aubergine:#5a214f;
  --v40-green:#667453;
}
body:not(.home):not(.index),
body:not(.home):not(.index) p,
body:not(.home):not(.index) li,
body:not(.home):not(.index) summary,
body:not(.home):not(.index) h1,
body:not(.home):not(.index) h2,
body:not(.home):not(.index) h3,
body:not(.home):not(.index) h4,
body:not(.home):not(.index) a{
  color:var(--v40-aubergine);
}
body:not(.home):not(.index) .page-hero .cat-main{
  color:var(--v40-aubergine)!important;
}
body:not(.home):not(.index) .page-hero .cat-sub{
  color:var(--v40-green)!important;
}
.index .card,
.index .card p,
.index .card span,
.index .focus-card,
.index .focus-card a,
.index .service-strip a{
  color:var(--v40-aubergine)!important;
}
.index .card p{
  font-size:1rem!important;
  line-height:1.5!important;
  font-weight:400!important;
}
.index .card p strong{
  font-weight:700!important;
}
.index .card > span{
  color:var(--v40-aubergine)!important;
}
@media(min-width:900px){
  .index .card p br{display:block;}
}


/* v42: scoped requested color consistency; no global typography rewrite */
.index .hero h1,
.index .hero h1 strong,
.index .card,
.index .card span,
.index .card p,
.index .card p strong,
.index .service-strip a,
.site-nav a,
body:not(.index) h1,
body:not(.index) h2,
body:not(.index) h3,
body:not(.index) h4 {
  color:#5a214f!important;
}
.page-hero .cat-sub { color:#667453!important; }
.modus-green-lead{
  display:block;
  color:#667453!important;
  font-weight:800;
  font-size:clamp(1.35rem,2.2vw,2rem);
  line-height:1.2;
}

/* v45: gewünschter Rosé-Hintergrund des Kolibri-Bereichs */
.hero-bird-wrap,.hero-bird-wrap video{background:rgb(250,232,234);}

/* v49: kleiner Logo-Kolibri am Willkommenssatz */
.welcome-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.welcome-bird{width:42px;height:auto;display:inline-block;vertical-align:middle}

/* v52: Haupt- und grüne Unterüberschrift bündig ausrichten */
.page-hero h1 .cat-main,.page-hero h1 .cat-sub{margin-left:0!important;padding-left:0!important;text-indent:0!important;}



/* v55: ruhige Desktop-Navigation – lange Punkte oben, kurze versetzt darunter */
@media (min-width:1181px){
  .site-header .main-nav{
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    grid-template-rows:auto auto!important;
    justify-content:center!important;
    align-items:center!important;
    column-gap:clamp(10px,1.25vw,22px)!important;
    row-gap:14px!important;
    overflow:visible!important;
    flex-wrap:unset!important;
    width:100%!important;
  }

  /* obere Zeile */
  .site-header .main-nav a:nth-child(1){grid-row:1;grid-column:1 / span 2}
  .site-header .main-nav a:nth-child(2){grid-row:1;grid-column:3 / span 2}
  .site-header .main-nav a:nth-child(3){grid-row:1;grid-column:5 / span 2}
  .site-header .main-nav a:nth-child(6){grid-row:1;grid-column:7 / span 2}
  .site-header .main-nav a:nth-child(7){grid-row:1;grid-column:9 / span 2}
  .site-header .main-nav a:nth-child(8){grid-row:1;grid-column:11 / span 2}

  /* kurze Punkte versetzt in der unteren Zeile */
  .site-header .main-nav a:nth-child(4){grid-row:2;grid-column:2 / span 2}
  .site-header .main-nav a:nth-child(5){grid-row:2;grid-column:5 / span 2}
  .site-header .main-nav a:nth-child(9){grid-row:2;grid-column:8 / span 2}
  .site-header .main-nav a:nth-child(10){grid-row:2;grid-column:11 / span 2}

  .site-header .main-nav a{
    justify-self:center!important;
    text-align:center!important;
  }
}

/* v59: Desktop-Navigation mit gleichmäßigen Lücken und zentrierter zweiter Zeile */
@media (min-width:1181px){
  .site-header .main-nav{
    display:grid!important;
    grid-template-columns:repeat(24,minmax(0,1fr))!important;
    grid-template-rows:auto auto!important;
    column-gap:0!important;
    row-gap:16px!important;
    width:100%!important;
    overflow:visible!important;
    align-items:center!important;
  }

  /* obere Zeile */
  .site-header .main-nav a:nth-child(1){grid-row:1;grid-column:1 / span 2}
  .site-header .main-nav a:nth-child(2){grid-row:1;grid-column:3 / span 4}
  .site-header .main-nav a:nth-child(3){grid-row:1;grid-column:8 / span 4}
  .site-header .main-nav a:nth-child(6){grid-row:1;grid-column:13 / span 4}
  .site-header .main-nav a:nth-child(7){grid-row:1;grid-column:18 / span 3}
  .site-header .main-nav a:nth-child(8){grid-row:1;grid-column:22 / span 3}

  /* zweite Zeile jeweils mittig in der Lücke der oberen Zeile */
  .site-header .main-nav a:nth-child(4){grid-row:2;grid-column:6 / span 3}
  .site-header .main-nav a:nth-child(5){grid-row:2;grid-column:11 / span 3}
  .site-header .main-nav a:nth-child(10){grid-row:2;grid-column:16 / span 3}
  .site-header .main-nav a:nth-child(9){grid-row:2;grid-column:20 / span 3}

  .site-header .main-nav a{
    justify-self:center!important;
    text-align:center!important;
  }
}

/* v60: Therapieschwerpunkte – klarere Hierarchie und Coaching-Erklärung */
.behandlungsschwerpunkte .therapy-focus-list > li,
.behandlungsschwerpunkte .additional-focus-list > li {
  font-size: 1.16rem;
  line-height: 1.5;
}

.behandlungsschwerpunkte .coaching-focus > strong {
  font-size: 1.16rem;
}

.behandlungsschwerpunkte .coaching-description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.68;
}

.behandlungsschwerpunkte .coaching-more-info {
  font-size: 1rem;
  font-weight: 400;
  margin-top: -.15rem;
  margin-bottom: 1.65rem;
}


/* v61: Coaching-Seite, einheitliche Textgröße und Navigation mit fünf Punkten in der zweiten Zeile */
.behandlungsschwerpunkte .coaching-description,
.behandlungsschwerpunkte .coaching-more-info {
  font-size: 1.0625rem;
  line-height: 1.68;
  font-weight: 400;
}

.coaching .coaching-monologue {
  color: var(--aub);
  font-size: clamp(1.16rem, 1.55vw, 1.38rem);
  font-style: italic;
  line-height: 1.55;
  margin-bottom: 1.7rem;
}

.coaching .coaching-hero-subtitle {
  font-size: clamp(1.08rem, 1.45vw, 1.46rem);
  max-width: none;
}

@media (min-width: 1181px) {
  .site-header .main-nav {
    grid-template-columns: repeat(24, minmax(0, 1fr)) !important;
  }

  /* Erste Zeile unverändert: Startseite, Psychotherapie, Schematherapie,
     Gruppenpsychotherapie, Therapieschwerpunkte, gesetzlich Versicherte. */
  .site-header .main-nav a:nth-child(1) { grid-row: 1; grid-column: 1 / span 2; }
  .site-header .main-nav a:nth-child(2) { grid-row: 1; grid-column: 3 / span 4; }
  .site-header .main-nav a:nth-child(3) { grid-row: 1; grid-column: 8 / span 4; }
  .site-header .main-nav a:nth-child(4) { grid-row: 1; grid-column: 13 / span 4; }
  .site-header .main-nav a:nth-child(5) { grid-row: 1; grid-column: 18 / span 3; }
  .site-header .main-nav a:nth-child(6) { grid-row: 1; grid-column: 22 / span 3; }

  /* Zweite Zeile: Paartherapie, Online-Therapie, Coaching, Anfahrt, FAQ. */
  .site-header .main-nav a:nth-child(7)  { grid-row: 2; grid-column: 3 / span 3; }
  .site-header .main-nav a:nth-child(8)  { grid-row: 2; grid-column: 7 / span 3; }
  .site-header .main-nav a:nth-child(9)  { grid-row: 2; grid-column: 11 / span 3; }
  .site-header .main-nav a:nth-child(10) { grid-row: 2; grid-column: 15 / span 3; }
  .site-header .main-nav a:nth-child(11) { grid-row: 2; grid-column: 19 / span 3; }

  .coaching .coaching-hero-subtitle {
    white-space: nowrap;
  }
}

@media (max-width: 1180px) {
  .coaching .coaching-hero-subtitle {
    white-space: normal;
  }
}

/* v62: Desktop-Navigation – gleichmäßige obere Abstände und zweite Zeile exakt in den Folgelücken */
@media (min-width: 1181px) {
  .site-header .main-nav {
    display: grid !important;
    grid-template-columns: repeat(26, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto !important;
    column-gap: 0 !important;
    row-gap: 16px !important;
    width: 100% !important;
    overflow: visible !important;
    align-items: center !important;
  }

  /* Erste Zeile: sechs gleichmäßig gesetzte Navigationspunkte. */
  .site-header .main-nav a:nth-child(1) { grid-row: 1; grid-column: 1 / span 4; }
  .site-header .main-nav a:nth-child(2) { grid-row: 1; grid-column: 5 / span 4; }
  .site-header .main-nav a:nth-child(3) { grid-row: 1; grid-column: 9 / span 4; }
  .site-header .main-nav a:nth-child(4) { grid-row: 1; grid-column: 13 / span 4; }
  .site-header .main-nav a:nth-child(5) { grid-row: 1; grid-column: 17 / span 4; }
  .site-header .main-nav a:nth-child(6) { grid-row: 1; grid-column: 21 / span 4; }

  /* Zweite Zeile: Paartherapie beginnt zwischen Psychotherapie und Schematherapie. */
  .site-header .main-nav a:nth-child(7)  { grid-row: 2; grid-column: 7 / span 4; }
  .site-header .main-nav a:nth-child(8)  { grid-row: 2; grid-column: 11 / span 4; }
  .site-header .main-nav a:nth-child(9)  { grid-row: 2; grid-column: 15 / span 4; }
  .site-header .main-nav a:nth-child(10) { grid-row: 2; grid-column: 19 / span 4; }
  .site-header .main-nav a:nth-child(11) { grid-row: 2; grid-column: 23 / span 4; }

  .site-header .main-nav a {
    justify-self: center !important;
    text-align: center !important;
  }
}


/* v63: gleichmäßig gesetzte Desktop-Navigation und Startseiten-Coaching */
@media (min-width:1181px){
  .site-header .main-nav{
    position:relative!important;
    display:block!important;
    height:58px!important;
    width:100%!important;
    overflow:visible!important;
  }
  .site-header .main-nav a{
    position:absolute!important;
    width:max-content!important;
    max-width:none!important;
    justify-self:auto!important;
    text-align:center!important;
    transform:translateX(-50%)!important;
    font-size:clamp(.70rem,.76vw,.88rem)!important;
    line-height:1.15!important;
  }
  /* obere Zeile: sechs identische Mittelpunktabstände */
  .site-header .main-nav a:nth-child(1){top:0;left:4%!important}
  .site-header .main-nav a:nth-child(2){top:0;left:20.5%!important}
  .site-header .main-nav a:nth-child(3){top:0;left:37%!important}
  .site-header .main-nav a:nth-child(4){top:0;left:53.5%!important}
  .site-header .main-nav a:nth-child(5){top:0;left:70%!important}
  .site-header .main-nav a:nth-child(6){top:0;left:86.5%!important}
  /* zweite Zeile: jeweils exakt in der Lücke, beginnend zwischen Punkt 2 und 3 */
  .site-header .main-nav a:nth-child(7){top:36px;left:28.75%!important}
  .site-header .main-nav a:nth-child(8){top:36px;left:45.25%!important}
  .site-header .main-nav a:nth-child(9){top:36px;left:61.75%!important}
  .site-header .main-nav a:nth-child(10){top:36px;left:78.25%!important}
  .site-header .main-nav a:nth-child(11){top:36px;left:94.75%!important}
}
.index .cards .card[href="coaching.html"] p{line-height:1.45}


/* v64: exakt gleiche sichtbare Abstände in der oberen Navigation */
@media (min-width:1181px){
  .site-header .main-nav{
    position:relative!important;
    display:block!important;
    width:max-content!important;
    min-width:0!important;
    height:62px!important;
    margin-left:auto!important;
    overflow:visible!important;
  }
  .site-header .main-nav .nav-row-top{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:34px!important;
    white-space:nowrap!important;
  }
  .site-header .main-nav .nav-row-bottom{
    position:absolute!important;
    top:36px!important;
    left:0!important;
    width:100%!important;
    height:22px!important;
  }
  .site-header .main-nav .nav-row a{
    position:static!important;
    transform:none!important;
    width:max-content!important;
    max-width:none!important;
    font-size:clamp(.70rem,.76vw,.88rem)!important;
    line-height:1.15!important;
    text-align:center!important;
  }
  .site-header .main-nav .nav-row-bottom a{
    position:absolute!important;
    top:0!important;
    transform:translateX(-50%)!important;
  }
}
/* Der zweite Coaching-Satz hat exakt dieselbe Typografie wie der erste. */
.index .cards .card[href="coaching.html"] .card-line{
  display:inline!important;
  font:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  font-weight:inherit!important;
  color:inherit!important;
  margin:0!important;
  white-space:nowrap!important;
}

/* v66: robuste Desktop-Navigation ohne Konflikte mit älteren Positionsregeln. */
@media (min-width:1181px){
  .site-header{
    position:sticky!important;
    min-height:94px!important;
  }
  .site-header .main-nav{
    position:absolute!important;
    inset:16px 0 auto 0!important;
    display:block!important;
    width:100%!important;
    height:62px!important;
    margin:0!important;
    overflow:visible!important;
    pointer-events:none!important;
  }
  .site-header .main-nav .nav-row{
    position:absolute!important;
    inset-inline:0!important;
    width:100%!important;
    display:block!important;
    white-space:nowrap!important;
  }
  .site-header .main-nav .nav-row-top{top:0!important;height:22px!important;}
  .site-header .main-nav .nav-row-bottom{top:36px!important;height:22px!important;}
  .site-header .main-nav .nav-row a{
    position:absolute!important;
    top:0!important;
    left:var(--nav-x, 0px)!important;
    width:max-content!important;
    max-width:none!important;
    transform:none!important;
    font-size:clamp(.70rem,.76vw,.88rem)!important;
    line-height:1.15!important;
    text-align:center!important;
    pointer-events:auto!important;
  }
  .site-header .main-nav .nav-row-bottom a{
    transform:translateX(-50%)!important;
  }
}

/* v68: letzte Desktop-Navigationsregel; ältere Versuchsanordnungen werden überschrieben. */
@media (min-width:1181px){
  .site-header{position:sticky!important;}
  .site-header .brand{
    position:static!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    margin:0!important;
    z-index:2!important;
  }
  .site-header .main-nav{pointer-events:none!important;}
  .site-header .main-nav > a{pointer-events:auto!important;}
}


/* v69: Desktop-Endabnahme Startseite */
.index .hero h1{
  text-transform:none!important;
}
.index .hero-location{
  margin:10px 0 34px!important;
}
.index .hero .qualification{
  margin:0 0 6px!important;
}
.index .hero .forline{
  margin:0!important;
}
.home-contact-lines{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  column-gap:14px;
  row-gap:2px;
  align-items:baseline;
  margin:0 0 1rem;
  line-height:1.5;
}
.home-contact-lines span,
.home-contact-lines a{
  min-width:0;
}
@media (min-width:1181px){
  .site-header .brand{
    transform:translateY(9px)!important;
  }
  .site-header .main-nav a{
    font-size:clamp(.82rem,.90vw,1.02rem)!important;
  }
}
@media (max-width:650px){
  .home-contact-lines{
    column-gap:10px;
  }
}


/* v70: Kontaktseite und Bundeswehr-Ergänzungen */
.contact-page-lines{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  column-gap:14px;
  row-gap:2px;
  align-items:baseline;
  margin:.45rem 0 1rem;
  line-height:1.5;
}
.contact-page-lines span,.contact-page-lines a{min-width:0;}
@media(max-width:650px){.contact-page-lines{column-gap:10px;}}


/* v71: Navigationslinks bleiben über der Logo-Klickfläche erreichbar. */
@media (min-width:1181px){
  .site-header .main-nav{z-index:3!important;}
  .site-header .brand{z-index:2!important;}
}


/* v77: ausschließlich freigegebene Hervorhebungen auf Paartherapie / modusweChsel */
.soft-highlight-box{
  margin:1.35rem 0;
  padding:1.15rem 1.3rem;
  border:1px solid rgba(92,55,78,.18);
  border-radius:14px;
  background:rgba(255,255,255,.30);
}
.soft-highlight-box > :first-child{margin-top:0;}
.soft-highlight-box > :last-child{margin-bottom:0;}
.pairtherapy-larger-break{margin-top:2.3rem!important;}


/* Version 81 – Navigation im Desktop-Header optisch an der unteren Logozeile ausrichten */
@media (min-width:1181px){
  .site-header .button.small,
  .site-header .main-nav{
    transform:translateY(-10px);
  }
}

/* Version 83 – erste vollständige Mobile-/Tablet-Optimierung */
.mobile-nav-toggle{display:none}

@media (max-width:1180px){
  body{font-size:16px;line-height:1.62}
  .site-header{
    position:sticky!important;
    top:0!important;
    z-index:50!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
    min-height:0!important;
    padding:10px clamp(16px,4vw,34px)!important;
    background:rgba(255,249,246,.96)!important;
  }
  .site-header .brand{display:block!important;min-width:0!important;overflow:visible!important}
  .site-header .brand img{
    width:min(330px,72vw)!important;
    max-width:100%!important;
    min-width:0!important;
    transform:none!important;
  }
  .mobile-nav-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    padding:0;
    border:1px solid rgba(43,16,38,.18);
    border-radius:50%;
    background:rgba(255,255,255,.72);
    color:var(--ink);
    font:inherit;
    font-size:0;
    cursor:pointer;
  }
  .mobile-nav-toggle::before{
    content:"";
    width:22px;
    height:16px;
    border-top:3px solid currentColor;
    border-bottom:3px solid currentColor;
    box-shadow:0 6px 0 0 currentColor, 0 12px 0 0 currentColor;
  }
  .mobile-nav-toggle[aria-expanded="true"]::before{
    width:20px;
    height:20px;
    border:0;
    box-shadow:none;
    background:linear-gradient(45deg,transparent 46%,currentColor 47% 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,currentColor 47% 53%,transparent 54%);
  }
  .site-header .main-nav{
    grid-column:1 / -1!important;
    position:static!important;
    inset:auto!important;
    display:none!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:7px 0 9px!important;
    transform:none!important;
    overflow:visible!important;
    pointer-events:auto!important;
  }
  .site-header.nav-open .main-nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 18px!important}
  .site-header .main-nav a{
    position:static!important;
    display:block!important;
    width:auto!important;
    max-width:none!important;
    padding:10px 2px!important;
    border-bottom:1px solid rgba(43,16,38,.09);
    transform:none!important;
    white-space:normal!important;
    text-align:left!important;
    font-size:.98rem!important;
    line-height:1.25!important;
  }
  .site-header .button.small{display:none!important}

  .hero{
    min-height:0!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding:clamp(30px,6vw,58px) clamp(20px,6vw,58px) clamp(46px,8vw,76px)!important;
  }
  .hero-bird-wrap{order:2!important;justify-content:center!important;padding:0!important}
  .hero-text{order:1!important;padding:0!important}
  .hero-video{width:min(520px,86vw)!important;max-height:40vh!important;transform:none!important}
  .hero h1{line-height:1.03!important}
  .index .hero h1{font-size:clamp(2.35rem,8vw,4.4rem)!important}
  .index .hero-location{margin:8px 0 24px!important}
  .index .hero .qualification{font-size:clamp(1.55rem,5.2vw,2.2rem)!important}
  .forline{font-size:clamp(1.03rem,3.5vw,1.3rem)!important;line-height:1.5!important}

  .quote-intro{padding:clamp(52px,9vw,84px) clamp(20px,6vw,58px)!important}
  blockquote{font-size:clamp(1.55rem,5.6vw,2.5rem)!important;line-height:1.2!important}
  .cards-section{padding:clamp(58px,9vw,88px) clamp(18px,5vw,52px)!important}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .card{min-height:0!important;padding:25px!important;border-radius:26px!important}
  .card span{font-size:clamp(1.5rem,4vw,2rem)!important}
  .service-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:26px clamp(18px,5vw,52px) 64px!important;gap:14px!important}
  .service-strip a{min-height:92px!important}
  .home-contact-highlight{padding:clamp(58px,9vw,92px) clamp(18px,5vw,52px)!important}
  .home-contact-inner{padding:clamp(25px,5vw,42px)!important;border-radius:27px!important}

  .page-header,.page-hero,.title-bird-row{
    padding:clamp(34px,7vw,64px) clamp(20px,6vw,64px)!important;
  }
  .title-bird-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(120px,24vw)!important;
    align-items:center!important;
    gap:20px!important;
  }
  .title-bird-row > div{order:1!important}
  .title-bird-row > .decor-bird{order:2!important;width:100%!important;max-width:210px!important;justify-self:end!important;align-self:center!important}
  .cat-main{font-size:clamp(2.5rem,8.5vw,4.8rem)!important;line-height:1!important;overflow-wrap:anywhere!important}
  .cat-sub{font-size:clamp(1.1rem,3.5vw,1.5rem)!important;margin-top:13px!important}
  .content{padding:clamp(38px,6vw,62px) clamp(16px,4.5vw,46px) clamp(68px,9vw,100px)!important}
  .content .copy{padding:clamp(26px,4vw,40px)!important;border-radius:27px!important}
  .content p,.content li,.dialog-content p,.dialog-content li{overflow-wrap:anywhere}
  .program-costs{grid-template-columns:1fr 1fr!important}
  .contact-content{grid-template-columns:1fr!important;gap:25px!important}
  .contact-bird{max-width:280px!important;justify-self:center!important}
  .dialog-shell{padding:34px 28px!important}
  .modus-dialog{width:min(94vw,900px)!important;max-height:92dvh!important}
  .faq-accordion summary{padding:18px 50px 18px 20px!important;font-size:1.05rem!important}
  .faq-accordion details>p,.faq-accordion details>ul{margin-left:20px!important;margin-right:20px!important}
}

@media (max-width:650px){
  .site-header{padding:8px 14px!important}
  .site-header .brand img{width:min(255px,73vw)!important}
  .mobile-nav-toggle{width:42px;height:42px}
  .site-header.nav-open .main-nav{grid-template-columns:1fr!important}
  .site-header .main-nav a{padding:9px 2px!important;font-size:.95rem!important}

  .hero{padding:30px 20px 48px!important}
  .hero-video{width:min(390px,92vw)!important;max-height:35vh!important}
  .index .hero h1{font-size:clamp(2.18rem,10vw,3.2rem)!important}
  .forline br{display:inline!important;content:" "!important}
  .forline br::after{content:" "!important}
  .forline{max-width:34ch!important;text-wrap:pretty!important}
  .quote-intro br{display:inline!important;content:" "!important}
  .quote-intro br::after{content:" "!important}
  .quote-intro blockquote{max-width:24ch;margin-inline:auto!important;text-wrap:balance!important}
  .cards{grid-template-columns:1fr!important}
  .card{padding:23px 21px!important}
  .service-strip{grid-template-columns:1fr!important}
  .service-strip a{min-height:74px!important}

  .title-bird-row{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .title-bird-row > div{order:1!important}
  .title-bird-row > .decor-bird{order:2!important;width:min(190px,55vw)!important;justify-self:end!important;margin:0!important}
  .cat-main{font-size:clamp(2.35rem,12vw,3.65rem)!important;overflow-wrap:normal!important;word-break:normal!important}
  .cat-sub{font-size:1.08rem!important}
  .content{padding:34px 14px 64px!important}
  .content .copy{padding:24px 18px!important;border-radius:22px!important}
  .copy br{display:inline!important;content:" "!important}
  .copy br::after{content:" "!important}
  .copy .section-break{display:block!important;content:normal!important}
  .copy .section-break::after{content:none!important}
  .program-costs{grid-template-columns:1fr!important}
  .cost-card{padding:21px!important}
  .faq-accordion{gap:10px!important}
  .faq-accordion details{border-radius:16px!important}
  .faq-accordion summary{padding:16px 45px 16px 17px!important;font-size:1rem!important;line-height:1.35!important}
  .faq-accordion summary::after{right:17px!important}
  .faq-accordion details>p,.faq-accordion details>ul{margin-left:17px!important;margin-right:17px!important}
  .dialog-shell{padding:24px 17px!important}
  .dialog-close{width:40px;height:40px}
  .modus-dialog{width:96vw!important;border-radius:22px!important}
  .home-contact-lines,.contact-page-lines{grid-template-columns:1fr!important;row-gap:0!important}
  .home-contact-lines span,.contact-page-lines span{font-weight:700;margin-top:7px}
  footer{padding:28px 20px!important}
}



/* V85: ausschließlich mobile Endabnahme; Desktop bleibt unverändert */
.mobile-only-subtitle{display:none}
@media (max-width:650px){
  /* Startseiten-Kolibri mobil ca. 11 % größer */
  .index .hero-video{
    width:min(433px,102vw)!important;
    max-width:none!important;
  }

  /* Alle langen Seitentitel vollständig im mobilen Viewport halten */
  body:not(.index) .page-hero .cat-main{
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    text-wrap:balance!important;
  }
  body.gruppenpsychotherapie .page-hero .cat-main,
  body.behandlungsschwerpunkte .page-hero .cat-main{
    font-size:clamp(2rem,8.4vw,2.75rem)!important;
    letter-spacing:-.045em!important;
  }
  body.coaching .page-hero .cat-main{
    font-size:clamp(1.82rem,7.7vw,2.55rem)!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
  }
  body.psychotherapie .page-hero .cat-main,
  body.schematherapie .page-hero .cat-main{
    font-size:clamp(1.95rem,8.2vw,2.7rem)!important;
    line-height:1.01!important;
  }

  /* Gruppenpsychotherapie: vereinbarter dreizeiliger Untertitel nur mobil */
  .gruppenpsychotherapie .desktop-only-subtitle{display:none!important}
  .gruppenpsychotherapie .mobile-only-subtitle{display:block!important}

  /* Harmonischere mobile Fließtextumbrüche, ohne Desktop-Eingriff */
  .copy p,.copy li,.faq-answer p,.faq-answer li,.cat-sub{
    text-wrap:pretty!important;
  }
  .copy h2,.copy h3,.copy h4,.faq-question{
    text-wrap:balance!important;
  }
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero-video{display:none!important}
}


/* V95 mobile linebreak fix: Desktop-Umbrüche mobil ausblenden, Wortabstand erhalten */
.mobile-br-space{display:none}
@media (max-width:650px){
  .copy p br,.copy li br,.dialog-content p br,.dialog-content li br,.faq-answer p br,.faq-answer li br{display:none!important}
  .copy p .mobile-br-space,.copy li .mobile-br-space,.dialog-content p .mobile-br-space,.dialog-content li .mobile-br-space,.faq-answer p .mobile-br-space,.faq-answer li .mobile-br-space{display:inline!important}
  .copy .section-break,.dialog-content .section-break{display:block!important}
}


/* Version 96 – deutlich sichtbares mobiles Hamburger-Menü; Desktop unverändert */
@media (max-width:1180px){
  .mobile-nav-toggle{
    width:50px;
    height:50px;
    border:2px solid rgba(43,16,38,.62);
    background:rgba(255,255,255,.94);
    color:var(--aub);
    box-shadow:0 3px 12px rgba(43,16,38,.14);
  }
  .mobile-nav-toggle::before{
    width:25px;
    height:18px;
    border-top:3px solid currentColor;
    border-bottom:3px solid currentColor;
    box-shadow:inset 0 7px 0 -4px currentColor;
  }
  .mobile-nav-toggle[aria-expanded="true"]::before{
    width:24px;
    height:24px;
  }
}
@media (max-width:650px){
  .mobile-nav-toggle{width:48px;height:48px}
}

/* V99.2a – klassisches mobiles Hamburger-Symbol mit drei separaten Balken */
@media (max-width:1180px){
  .mobile-nav-toggle::before{
    content:"";
    display:block;
    width:26px;
    height:20px;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:
      linear-gradient(currentColor,currentColor) 0 0 / 100% 4px no-repeat,
      linear-gradient(currentColor,currentColor) 0 8px / 100% 4px no-repeat,
      linear-gradient(currentColor,currentColor) 0 16px / 100% 4px no-repeat;
  }
  .mobile-nav-toggle[aria-expanded="true"]::before{
    width:24px;
    height:24px;
    border:0;
    box-shadow:none;
    background:
      linear-gradient(45deg,transparent 45%,currentColor 46% 54%,transparent 55%),
      linear-gradient(-45deg,transparent 45%,currentColor 46% 54%,transparent 55%);
  }
}


/* V100 – ausschließlich vereinbarte mobile Korrekturen; Desktop unverändert */
.v100-mobile-cost-break,
.v100-mobile-hero-break{
  display:none;
}

@media (max-width:650px){
  /* Paartherapie: drei grüne Aussagen jeweils vollständig in eigener Zeile */
  .paartherapie .modus-dialog .motto br{
    display:block!important;
  }
  .paartherapie .modus-dialog .motto .mobile-br-space{
    display:none!important;
  }
  .paartherapie .modus-dialog .motto .motto-sub{
    display:inline-block;
    white-space:nowrap;
    max-width:100%;
  }

  /* Paartherapie: ausschließlich mobile Umbrüche in den Preisboxen */
  .paartherapie .program-costs .v100-mobile-cost-break{
    display:block!important;
  }

  /* Startseite: gewünschter mobiler Hero-Umbruch */
  .index .forline .v100-mobile-hero-break{
    display:block!important;
  }

  /* Startseite: Kontaktdaten mobil kompakt statt über die ganze Breite */
  .index .home-contact-lines{
    width:max-content!important;
    max-width:100%!important;
    justify-items:start!important;
    align-items:start!important;
    row-gap:0!important;
  }

  /* Coaching: Zitat mobil in genau drei harmonischen Zeilen */
  .coaching .coaching-monologue br{
    display:block!important;
  }
  .coaching .coaching-monologue .mobile-br-space{
    display:none!important;
  }

  /* Kontaktseite: Name mobil leicht verkleinert */
  .kontakt .contact-copy > p:first-child{
    font-size:.94rem!important;
  }
}


/* V101 – ausschließlich vereinbarte mobile Feinkorrekturen; Desktop unverändert */
.mobile-schematherapie-subtitle,
.v101-mobile-hero-break{
  display:none;
}

@media (max-width:650px){
  /* Startseite: "und" bleibt bei "Konflikte"; "Krisen verstehen" beginnt gemeinsam neu. */
  .index .forline .v100-mobile-hero-break{display:none!important;}
  .index .forline .v101-mobile-hero-break{display:block!important;}

  /* Schematherapie-Unterzeile mobil in den gewünschten drei Zeilen. */
  .schematherapie .desktop-schematherapie-subtitle{display:none!important;}
  .schematherapie .mobile-schematherapie-subtitle{display:block!important;}
  .schematherapie .mobile-schematherapie-subtitle br{display:block!important;}

  /* Kontaktleiste unten: Beschriftungen und Werte sauber in zwei Spalten ausrichten. */
  .home-contact-lines,
  .contact-lines{
    grid-template-columns:max-content minmax(0,1fr)!important;
    column-gap:10px!important;
    row-gap:2px!important;
    align-items:baseline!important;
    justify-items:start!important;
  }
  .home-contact-lines span,
  .contact-lines span{
    margin-top:0!important;
  }
  .home-contact-lines a,
  .contact-lines a{
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  /* Startseiten-Kontakt: Name kompakt und in einer Zeile. */
  .index .home-contact-inner h2{
    font-size:clamp(1.28rem,5.7vw,1.8rem)!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    letter-spacing:-.02em!important;
  }

  /* Kontaktseite: Karte etwas breiter nutzbar; Telefon und E-Mail jeweils in einer Zeile. */
  .kontakt .contact-content{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .kontakt .contact-copy{
    width:100%!important;
    max-width:none!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .kontakt .contact-page-lines{
    grid-template-columns:max-content minmax(0,1fr)!important;
    column-gap:8px!important;
    row-gap:4px!important;
    align-items:baseline!important;
    font-size:clamp(.79rem,3.55vw,.94rem)!important;
  }
  .kontakt .contact-page-lines span{
    margin-top:0!important;
  }
  .kontakt .contact-page-lines a{
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  /* Paartherapie: GOP und à 153 € bleiben in einer Zeile. */
  .paartherapie .program-costs .cost-card p{
    text-wrap:pretty!important;
  }
}

@media (max-width:768px){.contact-page-lines{font-size:1.03rem}.contact-page-lines a{font-size:1.03rem}.contact-page h1,.contact-title{margin-top:.2rem}.contact-lines,.contact-page-lines{padding-left:0}.contact-lines span,.contact-page-lines span{display:inline-block;min-width:4.8rem}}


/* V103 – therapeutische Haltung und letzte mobile Korrekturen */
.therapeutic-stance{
  padding:clamp(72px,8vw,112px) 7vw;
  background:rgba(255,249,246,.72);
}
.therapeutic-stance-inner{
  width:min(1120px,100%);
  margin:0 auto;
}
.therapeutic-stance h2{
  margin:0 0 2rem;
  color:#6f7756;
  font-size:clamp(1.55rem,2vw,2rem);
  line-height:1.2;
}
.therapeutic-stance p{
  max-width:90ch;
  margin:0 0 1.35rem;
  color:var(--aub);
}
.therapeutic-stance p:last-child{margin-bottom:0;}
.v103-mobile-hero-break{display:none;}

@media (max-width:650px){
  .index .forline .v101-mobile-hero-break{display:none!important;}
  .index .forline .v103-mobile-hero-break{display:block!important;}
  .therapeutic-stance{padding:56px 6vw;}
  .therapeutic-stance h2{font-size:clamp(1.5rem,7vw,1.9rem);margin-bottom:1.4rem;}
  .therapeutic-stance .stance-desktop-break{display:none!important;}
  .therapeutic-stance p{margin-bottom:1.2rem;}
  .kontakt .contact-copy > p:nth-of-type(3) br{display:block!important;}
}


/* V104 – Feinschliff therapeutische Haltung */
.therapeutic-stance p{
  font-size:1.10rem;
  line-height:1.72;
}
.therapeutic-stance .stance-closing{
  display:flex;
  align-items:flex-start;
  gap:1.15rem;
  margin-top:2.25rem;
  padding-left:.15rem;
}
.therapeutic-stance .stance-closing-bird{
  width:48px;
  height:auto;
  flex:0 0 auto;
  margin-top:.05rem;
}
.therapeutic-stance .stance-closing p{
  margin:0;
  max-width:82ch;
}
@media (max-width:650px){
  .therapeutic-stance p{
    font-size:1.04rem;
    line-height:1.68;
  }
  .therapeutic-stance .stance-closing{
    gap:.8rem;
    margin-top:1.75rem;
    padding-left:0;
  }
  .therapeutic-stance .stance-closing-bird{
    width:36px;
  }
}


/* V105 – mobile Fragen jeweils in einer eigenen Zeile */
.therapeutic-stance .stance-mobile-break{
  display:none;
}
@media (max-width:650px){
  .therapeutic-stance .stance-mobile-break{
    display:block!important;
  }
}


/* V107 – Abstand nach „Meine therapeutische Haltung“ zum Kachelbereich halbiert */
.therapeutic-stance{
  margin-bottom: 2rem !important;
}


.desktop-br{margin:0 0 1.2rem 0;}
@media (max-width:768px){
.desktop-br br{display:none;}
}


/* V136 – Rechtliche Seiten und seitenweiter Footer */
.site-footer{
  padding:1.15rem 6vw 1.35rem;
  border-top:1px solid rgba(75,46,64,.14);
  background:#fffaf7;
  text-align:center;
}
.site-footer nav{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap;}
.site-footer a{color:var(--aub);text-decoration:none;font-size:.95rem;}
.site-footer a:hover,.site-footer a:focus-visible{text-decoration:underline;}
.site-footer span{color:rgba(75,46,64,.45);}
.legal-content{padding:3.5rem 7vw 5.5rem;background:#fff;}
.legal-inner{width:min(900px,100%);margin:0 auto;color:var(--aub);}
.legal-inner h2{margin:2.25rem 0 .8rem;color:#6f7756;font-size:1.35rem;line-height:1.3;}
.legal-inner h2:first-child{margin-top:0;}
.legal-inner p,.legal-inner li{font-size:1.05rem;line-height:1.72;}
.legal-inner p{margin:0 0 1.1rem;}
.legal-inner ul{margin:.25rem 0 1.25rem;padding-left:1.4rem;}
.legal-inner a{color:var(--aub);text-underline-offset:.18em;overflow-wrap:anywhere;}
@media (max-width:650px){
  .legal-content{padding:2.5rem 6vw 4rem;}
  .legal-inner h2{font-size:1.25rem;margin-top:1.9rem;}
  .legal-inner p,.legal-inner li{font-size:1rem;line-height:1.65;}
  .site-footer{padding:1rem 5vw 1.15rem;}
  .site-footer nav{gap:.55rem;}
  .site-footer a{font-size:.92rem;}
}


/* V142: Anfahrt – gezielte Desktop-Zeilenumbrüche */
.anfahrt-desktop-copy{display:none;}
.anfahrt-nondesk-copy{display:block;}
@media (min-width:1181px){
  .anfahrt-desktop-copy{display:block;}
  .anfahrt-nondesk-copy{display:none;}
  .anfahrt-nowrap{white-space:nowrap;}
}



/* V147 – additive Overlay-Navigation.
   Das bestehende Logo und sämtliche Logo-Regeln aus V146 bleiben unangetastet. */

/* Die bisherige lange Navigation wird nur visuell ausgeblendet. */
.site-header .main-nav{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
  pointer-events:none!important;
}

/* Mehr Luft in der oberen Zeile, ohne das Logo selbst zu verändern. */
.site-header{
  min-height:118px!important;
  padding-top:22px!important;
  padding-bottom:22px!important;
}

/* Menü links; das V146-Logo bleibt rechts an seiner bisherigen Stelle. */
.overlay-menu-toggle{
  position:absolute!important;
  left:clamp(22px,4vw,58px)!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:10!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:58px!important;
  min-height:54px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--aub, #5a214f)!important;
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
  font-weight:700!important;
  cursor:pointer!important;
}

.overlay-menu-lines{
  display:block!important;
  width:31px!important;
  height:22px!important;
  background:
    linear-gradient(currentColor,currentColor) 0 0 / 100% 2px no-repeat,
    linear-gradient(currentColor,currentColor) 0 10px / 100% 2px no-repeat,
    linear-gradient(currentColor,currentColor) 0 20px / 100% 2px no-repeat!important;
  transition:transform .28s ease!important;
}

.overlay-menu-word{
  font-size:.92rem!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}

.overlay-menu-toggle:hover .overlay-menu-lines,
.overlay-menu-toggle:focus-visible .overlay-menu-lines{
  transform:translateX(4px)!important;
}

/* Overlay */
.nav-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:5000!important;
  visibility:hidden!important;
  opacity:0!important;
  background:rgba(90,33,79,.12)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
  transition:opacity .38s ease,visibility 0s linear .38s!important;
}

.nav-overlay.is-open{
  visibility:visible!important;
  opacity:1!important;
  transition:opacity .38s ease!important;
}

.nav-overlay-panel{
  width:100%!important;
  min-height:100%!important;
  overflow:auto!important;
  padding:clamp(22px,3vw,46px) clamp(24px,6vw,92px) clamp(36px,5vw,74px)!important;
  background:
    radial-gradient(circle at 15% 24%,rgba(255,250,247,.98),transparent 35%),
    radial-gradient(circle at 88% 16%,rgba(221,238,224,.55),transparent 29%),
    linear-gradient(135deg,#fff8f5 0%,#f8dedc 64%,#edf5ef 100%)!important;
  transform:translateY(-12px) scale(.996)!important;
  transition:transform .46s cubic-bezier(.22,.78,.24,1)!important;
}

.nav-overlay.is-open .nav-overlay-panel{
  transform:translateY(0) scale(1)!important;
}

.nav-overlay-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
}

.nav-overlay-brand img{
  display:block!important;
  width:auto!important;
  max-height:64px!important;
}

.nav-overlay-close{
  width:54px!important;
  height:54px!important;
  border:1px solid rgba(90,33,79,.20)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.5)!important;
  color:var(--aub, #5a214f)!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  transition:background .25s ease,transform .25s ease!important;
}

.nav-overlay-close:hover,
.nav-overlay-close:focus-visible{
  background:rgba(255,255,255,.92)!important;
  transform:rotate(4deg)!important;
}

.nav-overlay-close span{
  display:block!important;
  width:24px!important;
  height:24px!important;
  background:
    linear-gradient(45deg,transparent 46%,currentColor 47% 53%,transparent 54%),
    linear-gradient(-45deg,transparent 46%,currentColor 47% 53%,transparent 54%)!important;
}

.nav-overlay-body{
  display:grid!important;
  grid-template-columns:minmax(270px,.76fr) minmax(500px,1.24fr)!important;
  align-items:center!important;
  gap:clamp(64px,8vw,150px)!important;
  min-height:calc(100vh - 150px)!important;
  padding-top:clamp(30px,4vw,66px)!important;
}

.nav-overlay-visual{
  text-align:center!important;
}

.nav-overlay-visual img{
  display:block!important;
  width:min(405px,31vw)!important;
  height:auto!important;
  margin:0 auto 28px!important;
  filter:drop-shadow(0 22px 38px rgba(90,33,79,.10))!important;
  animation:overlayBirdFloat 6s ease-in-out infinite!important;
}

.nav-overlay-visual p{
  margin:0!important;
  color:var(--aub, #5a214f)!important;
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
  font-size:clamp(1.35rem,1.9vw,1.8rem)!important;
  line-height:1.28!important;
  font-weight:700!important;
}

@keyframes overlayBirdFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-7px)}
}

.nav-overlay-navigation{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  width:100%!important;
}

.nav-overlay-primary{
  display:flex!important;
  flex-direction:column!important;
  gap:clamp(6px,.72vw,12px)!important;
  width:100%!important;
}

.nav-overlay-primary-link{
  position:relative!important;
  width:max-content!important;
  max-width:100%!important;
  color:var(--aub, #5a214f)!important;
  text-decoration:none!important;
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
  font-size:clamp(1.72rem,2.65vw,3.25rem)!important;
  line-height:1.05!important;
  letter-spacing:0!important;
  font-weight:700!important;
  opacity:0!important;
  transform:translateY(13px)!important;
  transition:color .24s ease,transform .24s ease,opacity .44s ease!important;
}

.nav-overlay.is-open .nav-overlay-primary-link{
  opacity:1!important;
  transform:translateY(0)!important;
}

.nav-overlay.is-open .nav-overlay-primary-link:nth-child(1){transition-delay:.08s!important}
.nav-overlay.is-open .nav-overlay-primary-link:nth-child(2){transition-delay:.13s!important}
.nav-overlay.is-open .nav-overlay-primary-link:nth-child(3){transition-delay:.18s!important}
.nav-overlay.is-open .nav-overlay-primary-link:nth-child(4){transition-delay:.23s!important}
.nav-overlay.is-open .nav-overlay-primary-link:nth-child(5){transition-delay:.28s!important}
.nav-overlay.is-open .nav-overlay-primary-link:nth-child(6){transition-delay:.33s!important}
.nav-overlay.is-open .nav-overlay-primary-link:nth-child(7){transition-delay:.38s!important}

.nav-overlay-primary-link::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:-2px!important;
  width:100%!important;
  height:1px!important;
  background:currentColor!important;
  transform:scaleX(0)!important;
  transform-origin:left!important;
  transition:transform .28s ease!important;
}

.nav-overlay-primary-link:hover,
.nav-overlay-primary-link:focus-visible{
  color:#6f7756!important;
  transform:translateX(6px)!important;
}

.nav-overlay-primary-link:hover::after,
.nav-overlay-primary-link:focus-visible::after{
  transform:scaleX(1)!important;
}

.nav-overlay-secondary{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:clamp(16px,1.9vw,30px)!important;
  width:100%!important;
  margin-top:clamp(26px,3vw,42px)!important;
  padding-top:clamp(20px,2.3vw,30px)!important;
  border-top:1px solid rgba(90,33,79,.18)!important;
}

.nav-overlay-secondary-link{
  color:#604758!important;
  text-decoration:none!important;
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
  font-size:clamp(.88rem,1.02vw,1.05rem)!important;
  line-height:1.3!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

.nav-overlay-secondary-link:hover,
.nav-overlay-secondary-link:focus-visible{
  color:#6f7756!important;
  text-decoration:underline!important;
  text-underline-offset:5px!important;
}

.nav-overlay-location{
  margin:clamp(22px,2.7vw,36px) 0 0!important;
  color:#6f7756!important;
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
  font-size:clamp(1rem,1.2vw,1.16rem)!important;
  font-weight:700!important;
  letter-spacing:.07em!important;
}

body.overlay-nav-open{
  overflow:hidden!important;
}

@media (max-width:1100px){
  .nav-overlay-body{
    grid-template-columns:minmax(220px,.68fr) minmax(410px,1.32fr)!important;
    gap:44px!important;
  }

  .nav-overlay-secondary{
    flex-wrap:wrap!important;
  }
}

@media (max-width:900px){
  .site-header{
    min-height:94px!important;
    padding-top:16px!important;
    padding-bottom:16px!important;
  }

  .overlay-menu-toggle{
    left:18px!important;
    min-width:48px!important;
    min-height:48px!important;
  }

  .overlay-menu-word{
    display:none!important;
  }

  .nav-overlay-panel{
    padding:18px 20px 34px!important;
  }

  .nav-overlay-brand img{
    max-height:51px!important;
  }

  .nav-overlay-close{
    width:48px!important;
    height:48px!important;
  }

  .nav-overlay-body{
    grid-template-columns:1fr!important;
    gap:20px!important;
    align-items:start!important;
    min-height:0!important;
    padding-top:24px!important;
  }

  .nav-overlay-visual{
    display:none!important;
  }

  .nav-overlay-primary{
    gap:7px!important;
  }

  .nav-overlay-primary-link{
    font-size:clamp(1.55rem,7vw,2.35rem)!important;
    line-height:1.05!important;
  }

  .nav-overlay-secondary{
    flex-wrap:wrap!important;
    gap:10px 20px!important;
    margin-top:24px!important;
    padding-top:20px!important;
  }

  .nav-overlay-secondary-link{
    font-size:.98rem!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .nav-overlay,
  .nav-overlay-panel,
  .nav-overlay-primary-link,
  .nav-overlay-visual img,
  .overlay-menu-lines{
    animation:none!important;
    transition:none!important;
  }
}

/* V147.1 – Startseiten-Feinschliff Menü und Logo */
.index .site-header .overlay-menu-toggle{
  min-width:87px!important;
  min-height:81px!important;
  gap:18px!important;
}

.index .site-header .overlay-menu-lines{
  width:47px!important;
  height:33px!important;
  background:
    linear-gradient(currentColor,currentColor) 0 0 / 100% 3px no-repeat,
    linear-gradient(currentColor,currentColor) 0 15px / 100% 3px no-repeat,
    linear-gradient(currentColor,currentColor) 0 30px / 100% 3px no-repeat!important;
}

.index .site-header .overlay-menu-word{
  font-size:1.38rem!important;
  letter-spacing:.07em!important;
}

.index .site-header .brand img{
  transform:scale(.90)!important;
  transform-origin:right center!important;
}

@media (max-width:900px){
  .index .site-header .overlay-menu-toggle{
    min-width:72px!important;
    min-height:72px!important;
  }

  .index .site-header .overlay-menu-lines{
    width:40px!important;
    height:30px!important;
    background:
      linear-gradient(currentColor,currentColor) 0 0 / 100% 3px no-repeat,
      linear-gradient(currentColor,currentColor) 0 14px / 100% 3px no-repeat,
      linear-gradient(currentColor,currentColor) 0 27px / 100% 3px no-repeat!important;
  }
}



/* V148 hero spacing + bold */
.hero, .hero-section{
  margin-top:30px!important;
}
.hero .hero-kicker,
.hero .hero-intro strong,
.hero h2:first-of-type,
.hero .therapy-heading,
.hero .hero-text strong{
  font-weight:700!important;
}

/* V149 */
.qualification{font-weight:700!important;}

/* V151 – Logo und Overlay-Feinschliff */
.nav-overlay-top{
  justify-content:flex-end!important;
}

.nav-overlay-brand{
  margin-left:auto!important;
}

.nav-overlay-brand img{
  max-height:96px!important;
  width:auto!important;
}


/* V152.1 cross-browser hardening */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.contact,.contact-card,.contact-info,.footer-contact{justify-content:flex-start;word-spacing:normal;letter-spacing:normal}
.contact p,.contact a,.footer-contact p,.footer-contact a{text-align:left;text-justify:auto;word-spacing:normal;letter-spacing:normal}

/* V152.2 – Aubergine-Korrektur */
.index .hero .qualification{
  color:#5a214f!important;
  font-weight:700!important;
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
}



/* V154.1 */
.index .home-contact-inner{position:relative!important;}
.index .home-contact-kolibri{
position:absolute!important;
right:18px!important;
bottom:10px!important;
top:auto!important;
transform:scaleX(-1)!important;
width:170px!important;
height:auto!important;
opacity:.96!important;
pointer-events:none!important;
}
@media (max-width:900px){.index .home-contact-kolibri{display:none!important;}}


/* V155 Mobile Audit */
@media (max-width: 430px){
  .overlay-menu a{
    min-height:44px;
    padding:.45rem 0;
  }
  .site-header{
    padding-top:14px!important;
    padding-bottom:14px!important;
  }
  .home-contact-inner{
    overflow:hidden;
  }
  img{
    max-width:100%;
    height:auto;
  }
  .button{
    min-height:44px;
  }
}


/* V156 Safari/iPhone Feinschliff */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
*{-webkit-tap-highlight-color:transparent}
img{max-width:100%;height:auto}
.home-contact-lines,.contact-lines,.contact-page-lines{
word-spacing:normal!important;
letter-spacing:normal!important;
text-rendering:optimizeLegibility;
}
.subpage-contact-strip{
align-items:flex-start;
}
@supports (-webkit-touch-callout:none){
.home-contact-inner,.contact-copy{
-webkit-font-smoothing:antialiased;
}
}

/* V157.1 – Korrektur Zielgruppenzeile und deutlicher Overlay-Abschluss */
@media (min-width:901px){
  .nav-overlay-panel{
    min-height:calc(100vh + 180px)!important;
    padding-bottom:180px!important;
  }

  .nav-overlay-body{
    min-height:calc(100vh - 150px)!important;
    padding-bottom:110px!important;
  }

  .nav-overlay-location{
    margin-bottom:0!important;
  }
}


/* V157.2 – Desktop Overlay mehr Luft unter 'in Berlin und online' */
@media (min-width:901px){

  .nav-overlay-body{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    padding-top:6vh!important;
    padding-bottom:14vh!important;
  }

  .nav-overlay-navigation{
    margin-top:-70px!important;
  }

}


/* V158 – Overlay ohne Logo */
.nav-overlay-brand{
  display:none!important;
}