/* =========================================================
   Lokale Webfonts · Inter + Cormorant Garamond
   =========================================================
   Dateien liegen direkt neben style.css:
   - Inter-VariableFont_opsz,wght.ttf
   - CormorantGaramond-VariableFont_wght.ttf
   ========================================================= */

@font-face{
  font-family:"Inter";
  src:url("Inter-VariableFont_opsz,wght.ttf") format("truetype");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}

@font-face{
  font-family:"Cormorant Garamond";
  src:url("CormorantGaramond-VariableFont_wght.ttf") format("truetype");
  font-style:normal;
  font-weight:300 700;
  font-display:swap;
}

:root{
  --sand:#FCFBFA;--nature:#F6F2EF;--anthracite:#454244;
  --lavender:#886DA7;--lavender-light:#B3A3C9;
  --sage:#AAB9A2;--sage-deep:#4F8257;--yellow:#F4D97A;--peach:#F4D4B6;
  --lilac:#D7C8E8;--rose:#F6DAE5;--pink:#FA5194;
  --blue:#8197B9;--blue-deep:#5D7398;--blue-light:#E9F1FF;
  --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"Inter",Arial,sans-serif;--max:1240px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sand);color:var(--anthracite);font-family:var(--sans);font-weight:300;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,h4,p{margin-top:0}.site-header{position:fixed;z-index:50;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:8px clamp(22px,4vw,60px);min-height:118px;background:linear-gradient(to bottom,rgba(252,251,250,.94),rgba(252,251,250,.72) 72%,rgba(252,251,250,0));backdrop-filter:blur(14px)}.brand{display:block;width:clamp(180px,15vw,235px);height:104px;overflow:visible;position:relative;z-index:60}.brand img{position:absolute;left:50%;top:72%;display:block;width:clamp(300px,24vw,405px);height:160px;object-fit:contain;object-position:center;transform:translate(-50%,-50%)}.main-nav{display:flex;align-items:center;gap:30px;font-size:.83rem;font-weight:500}.main-nav>a,.nav-dropdown-button{border:0;background:none;padding:12px 0;cursor:pointer}.nav-dropdown{position:relative}.nav-dropdown-menu{position:absolute;top:46px;left:-24px;width:280px;padding:12px;background:rgba(252,251,250,.98);border:1px solid rgba(46,46,46,.08);border-radius:20px;box-shadow:0 18px 55px rgba(46,46,46,.10);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:none}.nav-dropdown-menu a{display:block;padding:13px 14px;border-radius:13px}.nav-dropdown-menu a:hover{background:var(--nature)}.nav-dropdown-menu strong,.nav-dropdown-menu small{display:block}.nav-dropdown-menu small{margin-top:2px;color:#777;font-weight:300}.menu-toggle{display:none;border:0;background:none;width:42px;height:42px}.menu-toggle span{display:block;width:24px;height:1px;background:var(--anthracite);margin:6px auto}
.hero{min-height:100vh;position:relative;overflow:hidden;display:grid;place-items:center;padding:175px 24px 115px;background:linear-gradient(150deg,#fff 0%,var(--sand) 52%,rgba(246,242,239,.82) 100%)}.hero:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:-1px;height:150px;background:linear-gradient(to bottom,rgba(252,251,250,0),rgba(246,242,239,.52) 58%,rgba(252,251,250,.18));pointer-events:none}.wash{position:absolute;pointer-events:none;filter:blur(10px);opacity:.72;transform:translateZ(0)}.wash-one{width:62vw;height:48vw;right:-16vw;top:-12vw;border-radius:48% 52% 62% 38% / 42% 37% 63% 58%;background:radial-gradient(ellipse at 42% 52%,rgba(136,109,167,.24) 0%,rgba(179,163,201,.17) 42%,rgba(179,163,201,0) 73%);transform:rotate(-11deg)}.wash-two{width:55vw;height:43vw;left:-18vw;bottom:-15vw;border-radius:63% 37% 52% 48% / 56% 48% 52% 44%;background:radial-gradient(ellipse at 58% 42%,rgba(170,185,162,.22) 0%,rgba(170,185,162,.13) 44%,rgba(170,185,162,0) 74%);transform:rotate(13deg)}.wash-three{width:31vw;height:25vw;right:9vw;bottom:-7vw;border-radius:39% 61% 47% 53% / 62% 43% 57% 38%;background:radial-gradient(ellipse,rgba(244,212,182,.17) 0%,rgba(244,212,182,0) 72%);transform:rotate(22deg)}.wash-four{width:27vw;height:32vw;left:16vw;top:8vw;border-radius:55% 45% 36% 64% / 46% 63% 37% 54%;background:radial-gradient(ellipse,rgba(179,163,201,.11) 0%,rgba(179,163,201,0) 72%);transform:rotate(-18deg)}.hero-content{position:relative;z-index:2;text-align:center;max-width:1000px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.19em;font-size:.7rem;font-weight:600;color:#6d6966}.hero .eyebrow{color:var(--lavender);letter-spacing:.24em;font-size:.86rem;font-weight:600}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(3.6rem,7vw,7.3rem);line-height:.93;letter-spacing:-.04em;margin:20px 0 18px}.hero-sub{font-family:var(--serif);font-size:clamp(1.9rem,3vw,3.35rem);line-height:1.08;color:#696462;margin-bottom:34px}.hero-description{max-width:690px;margin:0 auto;font-size:clamp(1rem,1.3vw,1.14rem)}.scroll-hint{position:absolute;bottom:24px;left:50%;width:24px;height:62px;transform:translateX(-50%)}.scroll-line{position:absolute;left:50%;top:0;width:1px;height:48px;background:linear-gradient(to bottom,rgba(46,46,46,.05),rgba(46,46,46,.30),rgba(46,46,46,.06));transform:translateX(-50%)}.scroll-dot{position:absolute;left:50%;top:5px;width:5px;height:5px;border-radius:50%;background:var(--lavender);transform:translateX(-50%);animation:scrollDot 2.1s ease-in-out infinite}@keyframes scrollDot{0%{opacity:0;transform:translate(-50%,0)}20%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translate(-50%,38px)}}.section{padding:clamp(90px,11vw,160px) clamp(24px,5vw,72px)}.narrow{max-width:960px;margin:auto}.holding{position:relative;overflow:hidden;text-align:center;background:linear-gradient(180deg,rgba(246,242,239,.52) 0%,var(--sand) 38%,var(--sand) 100%);padding-top:clamp(120px,14vw,190px);padding-bottom:clamp(120px,14vw,190px)}.holding .narrow{position:relative;z-index:2}.holding-wash{position:absolute;pointer-events:none;filter:blur(8px);opacity:.55}.holding-wash-one{width:43vw;height:34vw;left:-18vw;top:-5vw;border-radius:61% 39% 55% 45% / 42% 60% 40% 58%;background:radial-gradient(ellipse,rgba(170,185,162,.16),rgba(170,185,162,0) 72%);transform:rotate(-12deg)}.holding-wash-two{width:38vw;height:31vw;right:-15vw;bottom:-8vw;border-radius:44% 56% 37% 63% / 60% 43% 57% 40%;background:radial-gradient(ellipse,rgba(179,163,201,.13),rgba(179,163,201,0) 72%);transform:rotate(18deg)}.statement-bubble{position:relative;max-width:980px;margin:0 auto;padding:clamp(34px,5vw,58px) clamp(28px,6vw,70px);background:linear-gradient(145deg,rgba(179,163,201,.10),rgba(246,242,239,.22) 52%,rgba(170,185,162,.07));border:1px solid rgba(136,109,167,.10);border-radius:46% 54% 49% 51% / 55% 45% 55% 45%;box-shadow:0 10px 32px rgba(46,46,46,.025);backdrop-filter:blur(2px)}.statement-bubble:before{content:"";position:absolute;inset:10% 8% auto auto;width:32%;height:38%;border-radius:58% 42% 63% 37% / 46% 59% 41% 54%;background:radial-gradient(ellipse,rgba(179,163,201,.065),rgba(179,163,201,0) 72%);pointer-events:none}.statement{position:relative;z-index:1;font-family:var(--serif);font-size:clamp(1.8rem,3vw,3.15rem);line-height:1.28;margin:0 auto;max-width:900px}.statement strong{font-weight:400}.chapters{max-width:var(--max);margin:auto}.section-heading{text-align:center;max-width:820px;margin:0 auto 64px}.section-heading h2,.story h2,.final-card h2{font-family:var(--serif);font-size:clamp(2.7rem,4.8vw,5rem);font-weight:400;line-height:1.02;letter-spacing:-.025em;margin:12px 0 24px}.section-heading>p:last-child{max-width:700px;margin-left:auto;margin-right:auto}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.chapter-card{min-height:560px;position:relative;display:flex;flex-direction:column;padding:34px;border-radius:34px;border:1px solid rgba(46,46,46,.06);overflow:hidden;transition:transform .35s,box-shadow .35s}.chapter-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(46,46,46,.10)}.chapter-card.grow{background:linear-gradient(155deg,#fbfaf7,#dfe7dc)}.chapter-card.arrive{background:linear-gradient(155deg,#fdf9fb,#e4d9ee 60%,#f5e2e9)}.chapter-card.remember{background:linear-gradient(155deg,#f8fbff,#c8d5e6)}.number,.audience{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#696462}.number{position:absolute;right:34px}.chapter-card h3,.method-item h3,.keepsake h3{font-family:var(--serif);font-weight:500}.chapter-card h3{font-size:clamp(2rem,2.8vw,3rem);margin:68px 0 0}.claim{color:#6d6966}.chapter-card h4{font-family:var(--serif);font-size:1.55rem;font-weight:500;line-height:1.2;margin:34px 0 12px}.card-link{margin-top:auto;font-weight:600;font-size:.84rem}.method{background:var(--nature)}.method-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(46,46,46,.10);border-top:1px solid rgba(46,46,46,.10);border-bottom:1px solid rgba(46,46,46,.10)}.method-item{background:var(--nature);padding:48px clamp(28px,4vw,58px)}.method-item>span{color:var(--lavender);font-size:.72rem;letter-spacing:.15em}.method-item h3{font-size:2rem;margin:13px 0 15px}.method-item p{max-width:500px;margin-bottom:0}.center{text-align:center;margin-top:48px}.text-link{font-weight:600;font-size:.88rem;border-bottom:1px solid rgba(46,46,46,.25);padding-bottom:5px}.keepsakes{background:var(--sand)}.keepsake-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.keepsake{text-align:center;padding:46px 25px;border-radius:50% 50% 44% 56% / 48% 42% 58% 52%;min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center}.keepsake.grow{background:rgba(170,185,162,.25)}.keepsake.arrive{background:rgba(215,200,232,.35)}.keepsake.remember{background:rgba(129,151,185,.22)}.sketch{font-family:var(--serif);font-size:3rem;color:var(--lavender)}.keepsake h3{font-size:1.75rem;margin:8px 0}.keepsake p{margin:0}.story{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(50px,8vw,120px);align-items:center}.portrait-placeholder{aspect-ratio:4/5;border-radius:48% 48% 44% 56% / 42% 46% 54% 58%;background:linear-gradient(145deg,var(--nature),rgba(179,163,201,.30));display:grid;place-items:center;color:#777}.portrait>p{text-align:center;font-size:.82rem;margin-top:16px}.story-copy>p:not(.kicker){max-width:650px}.final-cta{background:linear-gradient(145deg,var(--nature),rgba(179,163,201,.18))}.final-card{max-width:900px;margin:auto;text-align:center}.final-card>p:not(.kicker){max-width:720px;margin:0 auto 34px}.actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 27px;border-radius:999px;font-size:.85rem;font-weight:600}.button.primary{background:var(--lavender);color:white}.button.secondary{border:1px solid rgba(46,46,46,.22);background:rgba(255,255,255,.35)}.site-footer{padding:55px clamp(24px,5vw,72px);display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:40px;border-top:1px solid rgba(46,46,46,.08);font-size:.78rem}.site-footer strong,.site-footer span{display:block}.site-footer nav{display:flex;gap:20px}.site-footer p{margin:0}.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.main-nav{position:fixed;inset:103px 0 auto;background:var(--sand);padding:28px;display:none;flex-direction:column;align-items:flex-start;border-bottom:1px solid rgba(46,46,46,.08)}.main-nav.open{display:flex}.menu-toggle{display:block}.nav-dropdown-menu{position:static;width:auto;box-shadow:none;border:0;padding-left:12px;opacity:1;visibility:visible;transform:none;display:none}.nav-dropdown.open .nav-dropdown-menu{display:block}.chapter-grid,.keepsake-grid{grid-template-columns:1fr}.chapter-card{min-height:460px}.method-grid{grid-template-columns:1fr}.story{grid-template-columns:1fr}.portrait{max-width:520px;margin:auto}.site-footer{grid-template-columns:1fr}.site-footer nav{flex-wrap:wrap}}
@media(max-width:600px){.brand{width:145px;height:82px;overflow:visible}.brand img{top:72%;width:255px;height:128px;transform:translate(-50%,-50%)}.site-header{padding:6px 18px;min-height:94px}.main-nav{inset:94px 0 auto}.hero{padding-top:130px}.hero h1{font-size:clamp(3rem,15vw,4.2rem)}.section{padding:82px 20px}.chapter-card{padding:28px;border-radius:28px}.method-item{padding:38px 20px}.keepsake{min-height:245px}.statement{font-size:1.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scroll-dot{animation:none}}

@media(max-width:600px){.statement-bubble{padding:30px 22px;border-radius:32% 68% 44% 56% / 55% 42% 58% 45%}.statement{line-height:1.22}}

/* V8.1 – Drei Lebenswelten */
.chapters .section-heading .kicker{
  font-size:.9rem;
  letter-spacing:.22em;
  margin-bottom:18px;
  color:#696462;
}

/* 2) Three worlds: less like UI cards, more like organic color spaces */
.chapter-grid{
  gap:28px;
}

.chapter-card{
  min-height:560px;
  padding:38px 34px 34px;
  border:1px solid rgba(46,46,46,.04);
  box-shadow:none;
  overflow:hidden;
}

.chapter-card:nth-child(1){
  border-radius:17% 8% 15% 7% / 9% 15% 8% 14%;
}
.chapter-card:nth-child(2){
  border-radius:8% 16% 7% 15% / 15% 8% 14% 7%;
}
.chapter-card:nth-child(3){
  border-radius:15% 7% 17% 9% / 8% 15% 7% 14%;
}

.chapter-card.grow{
  background:linear-gradient(145deg,rgba(234,239,230,.82),rgba(214,224,207,.62));
}
.chapter-card.arrive{
  background:linear-gradient(145deg,rgba(243,231,244,.80),rgba(231,209,234,.62));
}
.chapter-card.remember{
  background:linear-gradient(145deg,rgba(229,238,248,.82),rgba(204,219,237,.64));
}

.chapter-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 50px rgba(46,46,46,.055);
}

.chapter-card h3{
  font-size:clamp(2.05rem,2.75vw,3.05rem);
  margin:72px 0 14px;
  line-height:1.03;
  white-space:nowrap;
}
.chapter-card.remember h3{
  font-size:clamp(1.8rem,2.3vw,2.55rem);
  letter-spacing:-.015em;
}

.chapter-card h4{
  margin-top:48px;
  line-height:1.18;
}

.chapter-card > p:not(.claim){
  line-height:1.55;
}

@media(max-width:900px){
  .chapter-card{
    min-height:500px;
  }
  .chapter-card:nth-child(1),
  .chapter-card:nth-child(2),
  .chapter-card:nth-child(3){
    border-radius:48px 34px 52px 38px;
  }
  .chapter-card h3,
  .chapter-card.remember h3{
    white-space:normal;
    font-size:clamp(2.15rem,8vw,3.2rem);
  }
}


/* V9 – Drei fließende Lebenswelten statt Karten */

.chapters{
  max-width:1400px;
  overflow:visible;
}

.chapters .section-heading{
  max-width:900px;
  margin-bottom:86px;
}

.chapters .section-heading .kicker{
  font-size:1.05rem;
  letter-spacing:.23em;
  margin-bottom:22px;
  color:#625e5b;
}

.chapter-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:42px;
  align-items:stretch;
  isolation:isolate;
}

.chapter-card{
  position:relative;
  min-height:540px;
  padding:26px 18px 28px;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible;
  transition:transform .35s ease;
  z-index:1;
}

.chapter-card:hover{
  transform:translateY(-3px);
  box-shadow:none !important;
}

/* Large, soft, fading color spaces behind each chapter */
.chapter-card::before{
  content:"";
  position:absolute;
  z-index:-2;
  left:50%;
  top:49%;
  width:128%;
  height:108%;
  transform:translate(-50%,-50%);
  filter:blur(8px);
  opacity:.92;
  pointer-events:none;
}

.chapter-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:52%;
  width:102%;
  height:94%;
  transform:translate(-50%,-50%);
  pointer-events:none;
  opacity:.72;
}

.chapter-card.grow::before{
  border-radius:58% 42% 63% 37% / 44% 61% 39% 56%;
  background:
    radial-gradient(ellipse at 42% 44%, rgba(170,185,162,.40) 0%, rgba(170,185,162,.23) 39%, rgba(170,185,162,.08) 61%, rgba(170,185,162,0) 78%),
    radial-gradient(ellipse at 66% 66%, rgba(244,217,122,.11) 0%, rgba(244,217,122,0) 58%);
  transform:translate(-50%,-50%) rotate(-3deg);
}
.chapter-card.grow::after{
  border-radius:46% 54% 39% 61% / 58% 43% 57% 42%;
  background:radial-gradient(ellipse,rgba(246,242,239,.24),rgba(246,242,239,0) 70%);
}

.chapter-card.arrive::before{
  border-radius:42% 58% 38% 62% / 59% 41% 56% 44%;
  background:
    radial-gradient(ellipse at 48% 42%, rgba(215,200,232,.43) 0%, rgba(215,200,232,.24) 41%, rgba(215,200,232,.08) 62%, rgba(215,200,232,0) 79%),
    radial-gradient(ellipse at 68% 67%, rgba(246,218,229,.13) 0%, rgba(246,218,229,0) 57%);
  transform:translate(-50%,-50%) rotate(2deg);
}
.chapter-card.arrive::after{
  border-radius:61% 39% 55% 45% / 43% 58% 42% 57%;
  background:radial-gradient(ellipse,rgba(246,242,239,.20),rgba(246,242,239,0) 70%);
}

.chapter-card.remember::before{
  border-radius:61% 39% 55% 45% / 40% 57% 43% 60%;
  background:
    radial-gradient(ellipse at 48% 45%, rgba(129,151,185,.38) 0%, rgba(129,151,185,.22) 40%, rgba(129,151,185,.07) 62%, rgba(129,151,185,0) 80%),
    radial-gradient(ellipse at 36% 69%, rgba(233,241,255,.28) 0%, rgba(233,241,255,0) 58%);
  transform:translate(-50%,-50%) rotate(-2deg);
}
.chapter-card.remember::after{
  border-radius:38% 62% 59% 41% / 55% 42% 58% 45%;
  background:radial-gradient(ellipse,rgba(246,242,239,.20),rgba(246,242,239,0) 70%);
}

/* Let the three color spaces breathe into one another */
.chapter-card:first-child::before{ left:53%; }
.chapter-card:last-child::before{ left:47%; }

/* Editorial hierarchy */
.chapter-card .number,
.chapter-card .audience{
  font-size:.72rem;
  letter-spacing:.18em;
}

.chapter-card h3{
  margin:82px 0 14px;
  font-size:clamp(2.05rem,2.7vw,3.08rem);
  line-height:1.03;
  white-space:nowrap;
}

.chapter-card.remember h3{
  font-size:clamp(1.78rem,2.28vw,2.58rem);
  letter-spacing:-.018em;
}

.chapter-card .claim{
  margin-bottom:0;
}

.chapter-card h4{
  margin:52px 0 12px;
  font-size:1.55rem;
  line-height:1.17;
}

.chapter-card > p:not(.claim){
  line-height:1.58;
  max-width:95%;
}

.card-link{
  margin-top:auto;
  padding-top:38px;
}

/* No hard edges between the section and its surroundings */
.chapters{
  padding-left:clamp(24px,4vw,58px);
  padding-right:clamp(24px,4vw,58px);
}

@media(max-width:1000px){
  .chapter-grid{
    gap:28px;
  }
  .chapter-card{
    padding-left:12px;
    padding-right:12px;
  }
}

@media(max-width:900px){
  .chapter-grid{
    grid-template-columns:1fr;
    gap:54px;
  }

  .chapter-card{
    min-height:460px;
    max-width:680px;
    width:100%;
    margin:0 auto;
    padding:32px 34px;
  }

  .chapter-card::before{
    width:108%;
    height:108%;
  }

  .chapter-card h3,
  .chapter-card.remember h3{
    white-space:normal;
    font-size:clamp(2.35rem,8vw,3.5rem);
  }
}

@media(max-width:600px){
  .chapters .section-heading .kicker{
    font-size:.9rem;
  }

  .chapter-card{
    padding:30px 22px;
  }
}


/* V10 – Zielgruppen mittig, Nummern entfernt */

.chapter-card .number{
  display:none;
}

.chapter-card .audience{
  display:block;
  width:100%;
  text-align:center;
  margin:0 0 18px;
  font-size:.76rem;
  letter-spacing:.20em;
  text-transform:uppercase;
  color:#696462;
}

.chapter-card h3{
  margin-top:0;
  text-align:center;
}

.chapter-card .claim{
  text-align:center;
}

/* Der restliche Inhalt bleibt bewusst linksbündig */
.chapter-card h4,
.chapter-card > p:not(.claim),
.chapter-card .card-link{
  text-align:left;
}


/* V10.1 – Lebenswelten fließend versetzt + CTA innerhalb der Farbflächen */

/* Mehr Raum nach unten, damit "Welt entdecken" selbstverständlich
   innerhalb der jeweiligen Farbwelt bleibt. */
.chapter-card{
  min-height:610px;
  padding-bottom:58px;
}

/* Die Farbwolken etwas höher und vor allem tiefer auslaufen lassen. */
.chapter-card::before{
  top:51%;
  height:122%;
}

.chapter-card::after{
  top:53%;
  height:108%;
}

/* Sanfte Bewegung statt starrem Drei-Spalten-Raster. */
.chapter-card:nth-child(1){
  transform:translateY(-14px);
}

.chapter-card:nth-child(2){
  transform:translateY(20px);
}

.chapter-card:nth-child(3){
  transform:translateY(-4px);
}

/* Hover respektiert die jeweilige Ausgangshöhe. */
.chapter-card:nth-child(1):hover{
  transform:translateY(-18px);
}
.chapter-card:nth-child(2):hover{
  transform:translateY(16px);
}
.chapter-card:nth-child(3):hover{
  transform:translateY(-8px);
}

/* CTA etwas früher im Raum verankern, ohne ihn hochzuquetschen. */
.card-link{
  margin-top:auto;
  padding-top:28px;
  position:relative;
  z-index:2;
}

/* Unterhalb der Welten genug Luft für den tiefer gesetzten ARRIVE-Bereich. */
.chapter-grid{
  margin-bottom:34px;
}

@media(max-width:900px){
  /* Mobil wieder untereinander und ohne künstlichen Höhenversatz. */
  .chapter-card,
  .chapter-card:nth-child(1),
  .chapter-card:nth-child(2),
  .chapter-card:nth-child(3),
  .chapter-card:nth-child(1):hover,
  .chapter-card:nth-child(2):hover,
  .chapter-card:nth-child(3):hover{
    transform:none;
  }

  .chapter-card{
    min-height:520px;
    padding-bottom:46px;
  }

  .chapter-card::before{
    height:116%;
  }

  .chapter-grid{
    margin-bottom:0;
  }
}


/* V10.2 – CTA zentriert + ARRIVE bekommt mehr Raum */

/* "Welt entdecken" mittig wie die Zielgruppenüberschrift */
.chapter-card .card-link{
  display:block;
  width:100%;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

/* Die äußeren Welten rücken leicht nach außen,
   damit MeYouARRIVE in der Mitte mehr Luft bekommt. */
.chapter-card:nth-child(1){
  transform:translate(-22px,-14px);
}

.chapter-card:nth-child(2){
  transform:translateY(20px);
}

.chapter-card:nth-child(3){
  transform:translate(22px,-4px);
}

/* Hover-Effekt behält die neue Grundposition bei */
.chapter-card:nth-child(1):hover{
  transform:translate(-22px,-18px);
}

.chapter-card:nth-child(2):hover{
  transform:translateY(16px);
}

.chapter-card:nth-child(3):hover{
  transform:translate(22px,-8px);
}

/* Die Farbflächen wandern mit den Inhalten mit
   und bleiben optisch ausgewogen. */
.chapter-card:first-child::before{
  left:50%;
}

.chapter-card:last-child::before{
  left:50%;
}

@media(max-width:1100px){
  /* Auf kleineren Desktop-/Tabletbreiten den horizontalen Versatz reduzieren */
  .chapter-card:nth-child(1){
    transform:translate(-10px,-12px);
  }
  .chapter-card:nth-child(2){
    transform:translateY(16px);
  }
  .chapter-card:nth-child(3){
    transform:translate(10px,-3px);
  }

  .chapter-card:nth-child(1):hover{
    transform:translate(-10px,-16px);
  }
  .chapter-card:nth-child(2):hover{
    transform:translateY(12px);
  }
  .chapter-card:nth-child(3):hover{
    transform:translate(10px,-7px);
  }
}

@media(max-width:900px){
  /* Mobil wieder ruhig untereinander */
  .chapter-card:nth-child(1),
  .chapter-card:nth-child(2),
  .chapter-card:nth-child(3),
  .chapter-card:nth-child(1):hover,
  .chapter-card:nth-child(2):hover,
  .chapter-card:nth-child(3):hover{
    transform:none;
  }
}


/* V11 – Was Eigenklang besonders macht: frei, ruhig, organisch */

.method{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,var(--nature) 0%,rgba(252,251,250,.94) 100%);
}

/* Dachzeile auf dieselbe Präsenz wie "Drei Kapitel eines Lebens" bringen */
.method .section-heading .kicker{
  font-size:1.05rem;
  letter-spacing:.23em;
  margin-bottom:22px;
  color:#625e5b;
}

/* Der Bereich bleibt 2×2 geordnet, aber ohne sichtbares Raster */
.method-grid{
  position:relative;
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(54px,8vw,120px);
  row-gap:clamp(26px,4vw,54px);
  background:transparent !important;
  border:0 !important;
  isolation:isolate;
}

/* Hauchdünne organische Verbindungslinie */
.method-grid::before{
  content:"";
  position:absolute;
  z-index:0;
  left:10%;
  top:11%;
  width:80%;
  height:76%;
  border-radius:48% 52% 57% 43% / 55% 44% 56% 45%;
  background:
    radial-gradient(
      ellipse at center,
      transparent 49.25%,
      rgba(136,109,167,.17) 49.55%,
      rgba(136,109,167,.17) 49.85%,
      transparent 50.2%
    );
  transform:rotate(-4deg);
  -webkit-mask:linear-gradient(118deg,transparent 0 9%,#000 24% 76%,transparent 91%);
  mask:linear-gradient(118deg,transparent 0 9%,#000 24% 76%,transparent 91%);
  pointer-events:none;
}

/* Keine Kästen mehr */
.method-item{
  position:relative;
  z-index:1;
  min-height:250px;
  padding:clamp(28px,3.6vw,48px) clamp(12px,2vw,28px);
  background:transparent !important;
  border:0 !important;
}

/* Sehr subtile, unregelmäßige Farbakzente hinter den Überschriften */
.method-item::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:62%;
  height:46%;
  left:-3%;
  top:14%;
  border-radius:61% 39% 56% 44% / 43% 58% 42% 57%;
  filter:blur(10px);
  opacity:.58;
  pointer-events:none;
}

.method-item:nth-child(1)::before{
  background:radial-gradient(ellipse,rgba(170,185,162,.11),rgba(170,185,162,0) 72%);
  transform:rotate(-7deg);
}
.method-item:nth-child(2)::before{
  left:7%;
  background:radial-gradient(ellipse,rgba(179,163,201,.12),rgba(179,163,201,0) 72%);
  transform:rotate(5deg);
}
.method-item:nth-child(3)::before{
  left:4%;
  top:19%;
  background:radial-gradient(ellipse,rgba(244,212,182,.10),rgba(244,212,182,0) 72%);
  transform:rotate(4deg);
}
.method-item:nth-child(4)::before{
  left:10%;
  top:18%;
  background:radial-gradient(ellipse,rgba(129,151,185,.09),rgba(129,151,185,0) 72%);
  transform:rotate(-5deg);
}

/* Leichte Asymmetrie – bewusst nur subtil */
.method-item:nth-child(1){
  transform:translate(-10px,-8px);
}
.method-item:nth-child(2){
  transform:translate(12px,16px);
}
.method-item:nth-child(3){
  transform:translate(14px,10px);
}
.method-item:nth-child(4){
  transform:translate(-6px,28px);
}

.method-item > span{
  display:block;
  margin-bottom:12px;
  color:rgba(136,109,167,.78);
}

.method-item h3{
  margin:0 0 16px;
  font-size:clamp(1.85rem,2.35vw,2.5rem);
  line-height:1.12;
}

.method-item p{
  max-width:500px;
  line-height:1.62;
}

/* CTA ruhig mittig unter der freien Komposition */
.method .center{
  margin-top:clamp(64px,7vw,92px);
  text-align:center;
}

@media(max-width:900px){
  .method-grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .method-grid::before{
    left:16%;
    top:7%;
    width:68%;
    height:88%;
    transform:rotate(5deg);
  }

  .method-item,
  .method-item:nth-child(1),
  .method-item:nth-child(2),
  .method-item:nth-child(3),
  .method-item:nth-child(4){
    transform:none;
    min-height:auto;
    padding:34px 18px;
  }

  .method-item::before{
    width:72%;
    height:56%;
  }
}

@media(max-width:600px){
  .method .section-heading .kicker{
    font-size:.9rem;
  }

  .method-grid::before{
    opacity:.72;
  }
}


/* V12 – Methodenbereich: zwei feinere, ineinanderfließende Linien */

/* Die bestehende Verbindungslinie wird größer, feiner und luftiger. */
.method-grid::before{
  left:3%;
  top:2%;
  width:94%;
  height:92%;
  border-radius:53% 47% 59% 41% / 47% 58% 42% 53%;
  background:
    radial-gradient(
      ellipse at center,
      transparent 49.55%,
      rgba(136,109,167,.115) 49.72%,
      rgba(136,109,167,.115) 49.86%,
      transparent 50.04%
    );
  transform:rotate(-6deg);
  -webkit-mask:linear-gradient(122deg,transparent 0 6%,#000 20% 80%,transparent 94%);
  mask:linear-gradient(122deg,transparent 0 6%,#000 20% 80%,transparent 94%);
}

/* Zweite, noch transparentere Linie – leicht versetzt und mit anderem Verlauf,
   damit beide eher ineinanderfließen als wie zwei aufgesetzte Kreise wirken. */
.method-grid::after{
  content:"";
  position:absolute;
  z-index:0;
  left:8%;
  top:7%;
  width:86%;
  height:84%;
  border-radius:45% 55% 42% 58% / 56% 44% 61% 39%;
  background:
    radial-gradient(
      ellipse at center,
      transparent 49.62%,
      rgba(129,151,185,.072) 49.77%,
      rgba(129,151,185,.072) 49.90%,
      transparent 50.08%
    );
  transform:rotate(7deg);
  -webkit-mask:linear-gradient(58deg,transparent 0 8%,#000 22% 78%,transparent 92%);
  mask:linear-gradient(58deg,transparent 0 8%,#000 22% 78%,transparent 92%);
  pointer-events:none;
}

/* Der Methoden-Link bleibt ruhig und ohne Unterstreichung. */
.method .center .text-link{
  border-bottom:0;
  padding-bottom:0;
  text-decoration:none;
}

@media(max-width:900px){
  .method-grid::before{
    left:7%;
    top:4%;
    width:86%;
    height:92%;
    transform:rotate(4deg);
  }

  .method-grid::after{
    left:13%;
    top:8%;
    width:74%;
    height:84%;
    transform:rotate(-6deg);
  }
}


/* V13 – Etwas, das bleibt: drei persönliche Spuren statt drei Objekte */

/* Dachzeile auf dieselbe Präsenz wie die anderen großen Startseiten-Kapitel */
.keepsakes .section-heading .kicker{
  font-size:1.05rem;
  letter-spacing:.23em;
  margin-bottom:22px;
  color:#625e5b;
}

/* Der Abschnitt bleibt hell und ruhig, ohne eine neue "Kartenebene" einzuziehen. */
.keepsakes{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 14% 58%,rgba(170,185,162,.055),rgba(170,185,162,0) 31%),
    radial-gradient(ellipse at 50% 55%,rgba(215,200,232,.06),rgba(215,200,232,0) 31%),
    radial-gradient(ellipse at 86% 58%,rgba(129,151,185,.055),rgba(129,151,185,0) 31%),
    var(--sand);
}

.keepsakes .section-heading{
  margin-bottom:clamp(58px,7vw,86px);
}

/* Keine Kreise / festen Flächen mehr – drei freie Spuren im Raum */
.keepsake-grid{
  position:relative;
  max-width:1160px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(42px,6vw,82px);
  align-items:center;
  padding:34px 0 42px;
}

.keepsake{
  position:relative;
  z-index:1;
  min-height:230px;
  padding:42px 10px 34px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:0 !important;
  background:transparent !important;
}

/* Weicher Farbrest der jeweiligen Lebenswelt – sehr transparent */
.keepsake::before{
  content:"";
  position:absolute;
  z-index:-2;
  left:50%;
  top:50%;
  width:116%;
  height:112%;
  transform:translate(-50%,-50%);
  filter:blur(13px);
  opacity:.7;
  pointer-events:none;
}

/* Feine persönliche Spur: kein Symbol, sondern eine organische Linie */
.keepsake::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:8%;
  top:43%;
  width:84%;
  height:70px;
  border-radius:50%;
  border-top:1px solid transparent;
  pointer-events:none;
}

.keepsake.grow::before{
  border-radius:59% 41% 52% 48% / 45% 60% 40% 55%;
  background:radial-gradient(ellipse,rgba(170,185,162,.17) 0%,rgba(170,185,162,.07) 45%,rgba(170,185,162,0) 73%);
  transform:translate(-50%,-50%) rotate(-5deg);
}
.keepsake.grow::after{
  border-top-color:rgba(79,130,87,.22);
  transform:rotate(-6deg);
}

.keepsake.arrive::before{
  border-radius:43% 57% 61% 39% / 57% 44% 56% 43%;
  background:radial-gradient(ellipse,rgba(215,200,232,.20) 0%,rgba(246,218,229,.07) 47%,rgba(215,200,232,0) 74%);
  transform:translate(-50%,-50%) rotate(4deg);
}
.keepsake.arrive::after{
  border-top-color:rgba(136,109,167,.20);
  transform:rotate(5deg);
}

.keepsake.remember::before{
  border-radius:62% 38% 47% 53% / 42% 58% 42% 58%;
  background:radial-gradient(ellipse,rgba(129,151,185,.18) 0%,rgba(233,241,255,.09) 47%,rgba(129,151,185,0) 74%);
  transform:translate(-50%,-50%) rotate(-3deg);
}
.keepsake.remember::after{
  border-top-color:rgba(93,115,152,.20);
  transform:rotate(-4deg);
}

/* Leichte, fließende Staffelung – deutlich ruhiger als bei den Angebotswelten */
.keepsake:nth-child(1){
  transform:translateY(-10px);
}
.keepsake:nth-child(2){
  transform:translateY(18px);
}
.keepsake:nth-child(3){
  transform:translateY(-2px);
}

.keepsake h3{
  position:relative;
  z-index:2;
  margin:0 0 12px;
  font-size:clamp(1.9rem,2.4vw,2.45rem);
  line-height:1.12;
}

.keepsake p{
  position:relative;
  z-index:2;
  margin:0;
  font-size:.94rem;
  letter-spacing:.035em;
  color:#686360;
}

/* Alte Symbolklasse bleibt vorsichtshalber unsichtbar, falls sie irgendwo gecacht wird. */
.keepsake .sketch{
  display:none !important;
}

@media(max-width:900px){
  .keepsake-grid{
    grid-template-columns:1fr;
    gap:34px;
    max-width:650px;
  }

  .keepsake,
  .keepsake:nth-child(1),
  .keepsake:nth-child(2),
  .keepsake:nth-child(3){
    transform:none;
    min-height:205px;
  }

  .keepsake::before{
    width:100%;
  }

  .keepsake::after{
    left:16%;
    width:68%;
  }
}

@media(max-width:600px){
  .keepsakes .section-heading .kicker{
    font-size:.9rem;
  }

  .keepsake{
    padding:34px 12px 28px;
  }
}


/* V13.1 – Begleiter auf einer Linie + variablere feine Spuren */

/* Alle drei Begleiter etwas höher und auf dieselbe Grundlinie setzen */
.keepsake:nth-child(1),
.keepsake:nth-child(2),
.keepsake:nth-child(3){
  transform:translateY(-16px);
}

/* Die feinen Spuren erhalten bewusst unterschiedliche Formen */
.keepsake::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:9%;
  top:42%;
  width:82%;
  height:86px;
  pointer-events:none;
  background:transparent;
}

/* Gefühlsreisebuch: sanfter Bogen nach unten */
.keepsake.grow::after{
  border:0;
  border-bottom:1px solid rgba(79,130,87,.20);
  border-radius:0 0 52% 48% / 0 0 78% 74%;
  transform:rotate(-5deg);
}

/* Kompass-Journal: vollständiger, sehr transparenter organischer Kreis */
.keepsake.arrive::after{
  left:15%;
  top:31%;
  width:70%;
  height:138px;
  border:1px solid rgba(136,109,167,.14);
  border-radius:56% 44% 52% 48% / 46% 58% 42% 54%;
  transform:rotate(7deg);
}

/* Reiseklang-Karte: gegenläufiger Bogen nach oben */
.keepsake.remember::after{
  border:0;
  border-top:1px solid rgba(93,115,152,.18);
  border-radius:52% 48% 0 0 / 76% 72% 0 0;
  transform:rotate(5deg);
}

/* Mobile: gleiche Höhe, Linien bleiben unterschiedlich */
@media(max-width:900px){
  .keepsake,
  .keepsake:nth-child(1),
  .keepsake:nth-child(2),
  .keepsake:nth-child(3){
    transform:none;
  }

  .keepsake.arrive::after{
    left:20%;
    width:60%;
  }
}


/* V13.2 – Begleiter sichtbar auf einer Linie + echte, variierende Spuren */

/* Alte Pseudo-Linien abschalten, damit nichts gegeneinander arbeitet */
.keepsake::after{
  content:none !important;
}

/* Alle drei Begleiter wirklich auf dieselbe Höhe setzen und etwas anheben */
.keepsake-grid{
  padding-top:10px;
}

.keepsake,
.keepsake:nth-child(1),
.keepsake:nth-child(2),
.keepsake:nth-child(3){
  transform:translateY(-28px) !important;
}

/* Neue echte Spur-Elemente */
.keepsake-trace{
  position:absolute;
  z-index:0;
  pointer-events:none;
  display:block;
}

/* Text sicher vor den Linien */
.keepsake h3,
.keepsake p{
  position:relative;
  z-index:2;
}

/* 1: Gefühlsreisebuch – weicher Boden/Bogen nach unten */
.trace-bowl{
  left:9%;
  top:39%;
  width:82%;
  height:92px;
  border-bottom:1px solid rgba(79,130,87,.28);
  border-radius:0 0 58% 42% / 0 0 82% 70%;
  transform:rotate(-6deg);
}

/* 2: Kompass-Journal – vollständiger organischer Kreis */
.trace-circle{
  left:14%;
  top:23%;
  width:72%;
  height:156px;
  border:1px solid rgba(136,109,167,.20);
  border-radius:58% 42% 54% 46% / 44% 59% 41% 56%;
  transform:rotate(8deg);
}

/* 3: Reiseklang-Karte – gegenläufiger Bogen nach oben */
.trace-arch{
  left:8%;
  top:39%;
  width:84%;
  height:92px;
  border-top:1px solid rgba(93,115,152,.26);
  border-radius:56% 44% 0 0 / 84% 72% 0 0;
  transform:rotate(6deg);
}

/* Die Farbschimmer bleiben, aber die neuen Spuren sollen lesbar bleiben */
.keepsake::before{
  opacity:.58;
}

@media(max-width:900px){
  .keepsake,
  .keepsake:nth-child(1),
  .keepsake:nth-child(2),
  .keepsake:nth-child(3){
    transform:none !important;
  }

  .trace-bowl,
  .trace-arch{
    left:15%;
    width:70%;
  }

  .trace-circle{
    left:20%;
    width:60%;
  }
}


/* V13.3 – Eine gemeinsame Spur durch alle drei Lebensphasen */

/* Die gesamte Dreiergruppe rückt näher an Motto und Erklärung heran. */
.keepsake-grid{
  margin-top:-26px;
  padding-top:0;
}

/* Alle drei Begleiter auf derselben Höhe und noch etwas näher an den oberen Text. */
.keepsake,
.keepsake:nth-child(1),
.keepsake:nth-child(2),
.keepsake:nth-child(3){
  transform:translateY(-40px) !important;
}

/* Die bisherigen Einzellinien verschwinden vollständig. */
.keepsake-trace{
  display:none !important;
}

/* Die Farbspuren werden etwas kräftiger, bleiben aber deutlich feiner
   als die drei großen Angebotswelten weiter oben. */
.keepsake::before{
  opacity:.82;
}

.keepsake.grow::before{
  background:
    radial-gradient(
      ellipse,
      rgba(170,185,162,.25) 0%,
      rgba(170,185,162,.12) 43%,
      rgba(170,185,162,0) 74%
    );
}

.keepsake.arrive::before{
  background:
    radial-gradient(
      ellipse,
      rgba(215,200,232,.27) 0%,
      rgba(246,218,229,.11) 46%,
      rgba(215,200,232,0) 75%
    );
}

.keepsake.remember::before{
  background:
    radial-gradient(
      ellipse,
      rgba(129,151,185,.24) 0%,
      rgba(233,241,255,.13) 47%,
      rgba(129,151,185,0) 75%
    );
}

/* Eine einzige sehr feine, weite Spur verbindet die drei Begleiter.
   Sie ist bewusst kein perfekter Halbkreis, sondern leicht organisch. */
.keepsake-grid::before{
  content:"";
  position:absolute;
  z-index:0;
  left:2%;
  top:47%;
  width:96%;
  height:145px;
  border-radius:50% 50% 46% 54% / 62% 58% 42% 38%;
  background:
    linear-gradient(
      90deg,
      rgba(79,130,87,.20) 0%,
      rgba(79,130,87,.13) 18%,
      rgba(136,109,167,.14) 46%,
      rgba(136,109,167,.11) 60%,
      rgba(93,115,152,.17) 82%,
      rgba(93,115,152,.20) 100%
    );
  -webkit-mask:
    radial-gradient(
      120% 100% at 50% 100%,
      transparent 57.7%,
      #000 58.1%,
      #000 58.45%,
      transparent 58.85%
    );
  mask:
    radial-gradient(
      120% 100% at 50% 100%,
      transparent 57.7%,
      #000 58.1%,
      #000 58.45%,
      transparent 58.85%
    );
  opacity:.78;
  transform:rotate(-1.4deg);
  pointer-events:none;
}

/* Zweite, fast unsichtbare Unregelmäßigkeit in derselben Spur –
   sie verhindert den Eindruck eines technisch perfekten Bogens. */
.keepsake-grid::after{
  content:"";
  position:absolute;
  z-index:0;
  left:8%;
  top:50%;
  width:84%;
  height:118px;
  border-radius:48% 52% 55% 45% / 60% 57% 43% 40%;
  border-bottom:1px solid rgba(136,109,167,.055);
  transform:rotate(1.8deg);
  pointer-events:none;
}

/* Inhalte bleiben sicher über der gemeinsamen Spur. */
.keepsake{
  z-index:1;
}

@media(max-width:900px){
  .keepsake-grid{
    margin-top:-10px;
  }

  .keepsake,
  .keepsake:nth-child(1),
  .keepsake:nth-child(2),
  .keepsake:nth-child(3){
    transform:none !important;
  }

  /* Mobil läuft die gemeinsame Spur vertikal als sehr dezenter Faden weiter. */
  .keepsake-grid::before{
    left:50%;
    top:5%;
    width:1px;
    height:90%;
    border-radius:0;
    background:linear-gradient(
      to bottom,
      rgba(79,130,87,.15),
      rgba(136,109,167,.12),
      rgba(93,115,152,.15)
    );
    -webkit-mask:none;
    mask:none;
    opacity:.55;
    transform:none;
  }

  .keepsake-grid::after{
    display:none;
  }
}


/* V14 – Geschichte + Profilbereich */

.story{
  position:relative;
  max-width:1240px;
  margin:auto;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:clamp(58px,8vw,118px);
  align-items:center;
  padding-top:clamp(110px,12vw,165px);
  padding-bottom:clamp(110px,12vw,165px);
}

/* Organische, warme Hintergrundatmosphäre hinter dem Profilbereich */
.story::before{
  content:"";
  position:absolute;
  z-index:-2;
  left:-8%;
  top:8%;
  width:52%;
  height:84%;
  border-radius:58% 42% 53% 47% / 43% 61% 39% 57%;
  background:
    radial-gradient(ellipse at 48% 44%,rgba(179,163,201,.20) 0%,rgba(179,163,201,.10) 42%,rgba(179,163,201,0) 73%),
    radial-gradient(ellipse at 58% 66%,rgba(246,242,239,.88) 0%,rgba(246,242,239,0) 72%);
  filter:blur(7px);
  transform:rotate(-5deg);
  pointer-events:none;
}

.story::after{
  content:"";
  position:absolute;
  z-index:-3;
  left:4%;
  top:19%;
  width:40%;
  height:67%;
  border-radius:44% 56% 61% 39% / 59% 41% 54% 46%;
  background:radial-gradient(ellipse,rgba(170,185,162,.08),rgba(170,185,162,0) 72%);
  filter:blur(10px);
  transform:rotate(8deg);
  pointer-events:none;
}

/* Portraitplatzhalter bereits so anlegen, dass das spätere Foto organisch eingebettet wird */
.portrait{
  position:relative;
  max-width:470px;
  width:100%;
  margin:0 auto;
}

.portrait-placeholder{
  position:relative;
  aspect-ratio:4/5;
  border-radius:49% 51% 44% 56% / 43% 47% 53% 57%;
  background:
    radial-gradient(ellipse at 44% 36%,rgba(255,255,255,.72),rgba(255,255,255,0) 38%),
    linear-gradient(145deg,rgba(246,242,239,.94),rgba(179,163,201,.26) 68%,rgba(170,185,162,.10));
  border:1px solid rgba(136,109,167,.08);
  box-shadow:0 24px 64px rgba(46,46,46,.055);
  display:grid;
  place-items:center;
  color:#777;
  overflow:hidden;
}

.portrait-placeholder::after{
  content:"";
  position:absolute;
  right:-12%;
  bottom:2%;
  width:62%;
  height:43%;
  border-radius:58% 42% 47% 53% / 46% 58% 42% 54%;
  background:radial-gradient(ellipse,rgba(179,163,201,.13),rgba(179,163,201,0) 72%);
  filter:blur(6px);
  pointer-events:none;
}

.portrait>p{
  margin-top:18px;
  text-align:center;
  font-size:.82rem;
  letter-spacing:.035em;
  color:#686360;
}

/* Textseite */
.story-copy{
  max-width:690px;
}

.story-copy .kicker{
  font-size:1.05rem;
  letter-spacing:.23em;
  margin-bottom:22px;
  color:#625e5b;
}

.story-copy h2{
  font-family:var(--serif);
  font-size:clamp(2.8rem,4.8vw,5.15rem);
  font-weight:400;
  line-height:1.04;
  letter-spacing:-.025em;
  margin:0 0 30px;
}

.story-copy>p:not(.kicker){
  max-width:640px;
  margin-bottom:30px;
  line-height:1.66;
}

.story-copy .text-link{
  border-bottom:0;
  padding-bottom:0;
  text-decoration:none;
  font-weight:600;
  font-size:.88rem;
}

@media(max-width:900px){
  .story{
    grid-template-columns:1fr;
    gap:58px;
  }

  .story::before{
    left:8%;
    top:4%;
    width:84%;
    height:46%;
  }

  .story::after{
    left:18%;
    top:10%;
    width:64%;
    height:34%;
  }

  .portrait{
    max-width:430px;
  }

  .story-copy{
    max-width:760px;
    margin:0 auto;
  }
}

@media(max-width:600px){
  .story-copy .kicker{
    font-size:.9rem;
  }

  .story-copy h2{
    font-size:clamp(2.55rem,11vw,3.75rem);
  }
}


/* V14.1 – Feinschliff Geschichte & Profil */

/* Etwas mehr Atmosphäre im gesamten Abschnitt, ohne den Weißraum zu verlieren */
.story{
  position:relative;
}

.story:before{
  left:-10%;
  top:4%;
  width:60%;
  height:90%;
  opacity:.95;
}

.story:after{
  left:1%;
  top:14%;
  width:48%;
  height:72%;
  opacity:.88;
}

/* Zusätzlicher, sehr leichter Farbverlauf bis in die Textseite hinein */
.story-copy::before{
  content:"";
  position:absolute;
  z-index:-1;
  right:-10%;
  top:18%;
  width:62%;
  height:68%;
  border-radius:56% 44% 61% 39% / 47% 58% 42% 53%;
  background:
    radial-gradient(ellipse at 46% 48%,rgba(179,163,201,.075),rgba(179,163,201,0) 66%),
    radial-gradient(ellipse at 68% 62%,rgba(170,185,162,.045),rgba(170,185,162,0) 70%);
  filter:blur(12px);
  pointer-events:none;
}

.story-copy{
  position:relative;
  z-index:1;
}

/* Portrait kleiner und leicht weiter nach links */
.portrait{
  max-width:410px;
  width:100%;
  margin-left:-34px;
  margin-right:auto;
}

/* Überschrift auf dieselbe H2-Größe wie die übrigen großen Sections */
.story-copy h2{
  font-size:clamp(2.7rem,4.8vw,5rem);
  line-height:1.02;
  margin-bottom:30px;
}

/* Mobile: Portrait wieder sauber zentrieren */
@media(max-width:900px){
  .portrait{
    max-width:390px;
    margin-left:auto;
    margin-right:auto;
  }

  .story-copy::before{
    right:-4%;
    top:12%;
    width:78%;
    height:72%;
  }
}


/* V14.2 – Headline wirklich vierzeilig + größerer Profil-Farbraum + Sand nach rechts */

/* Die vier gewünschten Zeilen bleiben auf Desktop jeweils zusammen. */
.story-title span{
  display:block;
  white-space:nowrap;
}

/* Der organische Farbraum hinter dem Portrait wird größer und weicher. */
.story::before{
  left:-15%;
  top:-2%;
  width:72%;
  height:102%;
  border-radius:61% 39% 55% 45% / 46% 62% 38% 54%;
  background:
    radial-gradient(ellipse at 46% 42%,rgba(179,163,201,.22) 0%,rgba(179,163,201,.11) 42%,rgba(179,163,201,0) 73%),
    radial-gradient(ellipse at 56% 66%,rgba(246,242,239,.92) 0%,rgba(246,242,239,.28) 48%,rgba(246,242,239,0) 76%);
  filter:blur(8px);
}

/* Der zweite weiche Akzent darf weiter um das Portrait greifen. */
.story::after{
  left:-2%;
  top:10%;
  width:58%;
  height:80%;
  background:
    radial-gradient(ellipse at 45% 48%,rgba(170,185,162,.085),rgba(170,185,162,0) 70%),
    radial-gradient(ellipse at 70% 60%,rgba(252,251,250,.45),rgba(252,251,250,0) 72%);
}

/* Ein sehr heller Sand-Schimmer läuft weiter in die rechte Textseite hinein. */
.story-copy::after{
  content:"";
  position:absolute;
  z-index:-2;
  left:-18%;
  top:-8%;
  width:132%;
  height:118%;
  border-radius:55% 45% 60% 40% / 46% 58% 42% 54%;
  background:
    radial-gradient(ellipse at 37% 48%,rgba(246,242,239,.33) 0%,rgba(246,242,239,.17) 42%,rgba(246,242,239,0) 72%),
    radial-gradient(ellipse at 76% 54%,rgba(252,251,250,.28) 0%,rgba(252,251,250,0) 68%);
  filter:blur(14px);
  pointer-events:none;
}

/* Etwas mehr nutzbare Breite für die Textseite. */
.story{
  grid-template-columns:.82fr 1.18fr;
  gap:clamp(52px,7vw,100px);
}

.story-copy{
  max-width:740px;
}

/* Auf schmaleren Screens darf die Headline wieder natürlich umbrechen. */
@media(max-width:1050px){
  .story-title span{
    white-space:normal;
  }
}

@media(max-width:900px){
  .story{
    grid-template-columns:1fr;
  }

  .story::before{
    left:4%;
    top:1%;
    width:92%;
    height:48%;
  }

  .story::after{
    left:10%;
    top:7%;
    width:80%;
    height:40%;
  }

  .story-copy::after{
    left:-8%;
    top:-4%;
    width:116%;
    height:110%;
  }
}


/* V14.3 – Profilfläche tiefer + Sand organisch in den Text auslaufen lassen */

/* Die große Profilfläche beginnt tiefer, damit sie nicht an der oberen
   Abschnittskante abgeschnitten wirkt. */
.story::before{
  left:-15%;
  top:8%;
  width:72%;
  height:86%;
}

/* Auch der zweite Farbschimmer sitzt etwas tiefer und bleibt weich. */
.story::after{
  left:-2%;
  top:18%;
  width:58%;
  height:68%;
}

/* Der Sand läuft nicht mehr als erkennbare Kreis-/Blasenform in den Text,
   sondern als mehrere überlagerte, ausfransende Lichtfelder. */
.story-copy::after{
  left:-28%;
  top:-2%;
  width:148%;
  height:108%;
  border-radius:0;
  background:
    radial-gradient(
      ellipse 72% 48% at 16% 48%,
      rgba(246,242,239,.42) 0%,
      rgba(246,242,239,.24) 42%,
      rgba(246,242,239,.09) 62%,
      rgba(246,242,239,0) 79%
    ),
    radial-gradient(
      ellipse 52% 34% at 54% 43%,
      rgba(246,242,239,.20) 0%,
      rgba(246,242,239,.09) 48%,
      rgba(246,242,239,0) 76%
    ),
    radial-gradient(
      ellipse 40% 30% at 88% 62%,
      rgba(252,251,250,.18) 0%,
      rgba(246,242,239,.07) 50%,
      rgba(246,242,239,0) 78%
    );
  filter:blur(18px);
  transform:rotate(-1.5deg);
}

/* Der sehr zarte Lavendel-/Salbei-Schimmer bleibt darüber erhalten,
   wird aber ebenfalls etwas weniger geschlossen. */
.story-copy::before{
  right:-16%;
  top:18%;
  width:74%;
  height:66%;
  border-radius:0;
  background:
    radial-gradient(ellipse 62% 46% at 32% 50%,rgba(179,163,201,.07),rgba(179,163,201,0) 72%),
    radial-gradient(ellipse 48% 38% at 76% 64%,rgba(170,185,162,.04),rgba(170,185,162,0) 74%);
  filter:blur(16px);
}

@media(max-width:900px){
  .story::before{
    left:4%;
    top:6%;
    width:92%;
    height:42%;
  }

  .story::after{
    left:10%;
    top:12%;
    width:80%;
    height:35%;
  }

  .story-copy::after{
    left:-14%;
    top:-4%;
    width:128%;
    height:108%;
    transform:none;
  }
}


/* V15 – Abschluss der Startseite */

/* Ruhiger, warmer Ausklang: Sand als Basis, dazu sehr weiche Farberinnerungen
   an die drei Lebensphasen – ohne neue harte Formen. */
.final-cta{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(
      180deg,
      rgba(252,251,250,.96) 0%,
      rgba(246,242,239,.94) 36%,
      rgba(246,242,239,.98) 100%
    );
  padding-top:clamp(120px,13vw,180px);
  padding-bottom:clamp(125px,13vw,185px);
}

.final-cta::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-18% -10% -20%;
  background:
    radial-gradient(
      ellipse 58% 72% at 50% 48%,
      rgba(179,163,201,.18) 0%,
      rgba(179,163,201,.09) 38%,
      rgba(179,163,201,0) 72%
    ),
    radial-gradient(
      ellipse 35% 58% at 3% 64%,
      rgba(170,185,162,.10) 0%,
      rgba(170,185,162,.04) 44%,
      rgba(170,185,162,0) 76%
    ),
    radial-gradient(
      ellipse 34% 56% at 98% 36%,
      rgba(129,151,185,.095) 0%,
      rgba(129,151,185,.035) 45%,
      rgba(129,151,185,0) 76%
    );
  filter:blur(12px);
  pointer-events:none;
}

.final-cta::after{
  content:"";
  position:absolute;
  z-index:-3;
  left:8%;
  right:8%;
  bottom:-28%;
  height:68%;
  background:
    radial-gradient(
      ellipse 70% 82% at 50% 100%,
      rgba(252,251,250,.72) 0%,
      rgba(246,242,239,.35) 48%,
      rgba(246,242,239,0) 78%
    );
  filter:blur(10px);
  pointer-events:none;
}

.final-card{
  position:relative;
  z-index:1;
  max-width:940px;
  margin:auto;
  text-align:center;
}

/* Dachzeile auf derselben visuellen Ebene wie die übrigen Section-Kicker. */
.final-card .kicker{
  font-size:1.05rem;
  letter-spacing:.23em;
  margin-bottom:22px;
  color:#625e5b;
}

.final-card h2{
  margin-top:0;
  margin-bottom:28px;
}

.final-card>p:not(.kicker){
  max-width:720px;
  margin:0 auto 38px;
  line-height:1.68;
}

/* Primäre Aktion + leichter Textlink direkt nebeneinander. */
.final-card .actions{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:clamp(22px,3vw,38px);
  flex-wrap:wrap;
}

.final-card .button.primary{
  min-height:52px;
  padding:0 29px;
  box-shadow:0 12px 30px rgba(136,109,167,.10);
}

.final-text-link{
  display:inline-flex;
  align-items:center;
  min-height:52px;
  font-size:.88rem;
  font-weight:600;
  color:var(--anthracite);
  text-decoration:none;
  transition:opacity .25s ease,transform .25s ease;
}

.final-text-link:hover{
  opacity:.68;
  transform:translateX(2px);
}

@media(max-width:600px){
  .final-cta{
    padding-top:105px;
    padding-bottom:115px;
  }

  .final-card .kicker{
    font-size:.9rem;
  }

  .final-card .actions{
    gap:18px 26px;
  }

  .final-text-link{
    min-height:auto;
  }
}


/* V15.1 – Abschluss heller, weniger Lavendel, CTAs luftiger */

/* Gesamtfläche etwas heller und luftiger */
.final-cta{
  background:
    linear-gradient(
      180deg,
      rgba(252,251,250,.985) 0%,
      rgba(248,245,242,.93) 42%,
      rgba(250,248,246,.97) 100%
    );
}

/* Lavendel deutlich zurücknehmen, Sand/Natur stärker tragen lassen */
.final-cta::before{
  background:
    radial-gradient(
      ellipse 54% 68% at 50% 48%,
      rgba(179,163,201,.105) 0%,
      rgba(179,163,201,.045) 40%,
      rgba(179,163,201,0) 72%
    ),
    radial-gradient(
      ellipse 38% 58% at 4% 64%,
      rgba(170,185,162,.075) 0%,
      rgba(170,185,162,.028) 46%,
      rgba(170,185,162,0) 76%
    ),
    radial-gradient(
      ellipse 36% 58% at 97% 38%,
      rgba(129,151,185,.06) 0%,
      rgba(129,151,185,.02) 46%,
      rgba(129,151,185,0) 76%
    ),
    radial-gradient(
      ellipse 78% 62% at 50% 56%,
      rgba(246,242,239,.42) 0%,
      rgba(246,242,239,.18) 46%,
      rgba(246,242,239,0) 78%
    );
  opacity:.9;
}

/* Primärer Button weniger deckend */
.final-card .button.primary{
  background:rgba(136,109,167,.82);
  box-shadow:0 10px 26px rgba(136,109,167,.075);
  border:1px solid rgba(136,109,167,.10);
  backdrop-filter:blur(2px);
}

.final-card .button.primary:hover{
  background:rgba(136,109,167,.9);
}

/* Kontakt bekommt eine sehr leichte, transparente Bubble */
.final-text-link{
  position:relative;
  padding:0 18px;
  border-radius:999px;
  background:rgba(255,255,255,.34);
  border:1px solid rgba(136,109,167,.08);
  box-shadow:0 8px 22px rgba(46,46,46,.025);
  backdrop-filter:blur(3px);
}

.final-text-link:hover{
  background:rgba(255,255,255,.48);
  opacity:.8;
  transform:translateX(2px);
}

@media(max-width:600px){
  .final-text-link{
    padding:11px 17px;
  }
}


/* V15.2 – etwas mehr Lebensphasenfarbe am Rand + bewusster Motto-Umbruch */

/* Die Mitte bleibt hell; die Farbtöne sitzen stärker an den äußeren Rändern. */
.final-cta::before{
  background:
    radial-gradient(
      ellipse 39% 62% at -2% 60%,
      rgba(170,185,162,.145) 0%,
      rgba(170,185,162,.065) 43%,
      rgba(170,185,162,0) 76%
    ),
    radial-gradient(
      ellipse 38% 60% at 102% 38%,
      rgba(129,151,185,.125) 0%,
      rgba(129,151,185,.052) 44%,
      rgba(129,151,185,0) 76%
    ),
    radial-gradient(
      ellipse 27% 40% at 92% 82%,
      rgba(246,218,229,.085) 0%,
      rgba(246,218,229,.032) 48%,
      rgba(246,218,229,0) 76%
    ),
    radial-gradient(
      ellipse 24% 36% at 8% 12%,
      rgba(246,218,229,.045) 0%,
      rgba(246,218,229,.016) 50%,
      rgba(246,218,229,0) 76%
    ),
    radial-gradient(
      ellipse 54% 66% at 50% 48%,
      rgba(179,163,201,.075) 0%,
      rgba(179,163,201,.026) 41%,
      rgba(179,163,201,0) 72%
    ),
    radial-gradient(
      ellipse 78% 62% at 50% 56%,
      rgba(246,242,239,.44) 0%,
      rgba(246,242,239,.20) 46%,
      rgba(246,242,239,0) 78%
    );
  opacity:.95;
}

/* Der zweite Teil des Mottos bekommt bewusst eine neue Zeile,
   bleibt aber Teil desselben Satzes. */
.final-motto-second{
  display:inline-block;
  margin-top:5px;
}

@media(max-width:600px){
  .final-motto-second{
    margin-top:7px;
  }
}


/* V15.3 – Typografie- und Textfeinschliff */

/* "EIGENKLANG" im Hero jetzt exakt auf derselben Dachzeilen-Größe
   wie die großen Section-Kicker darunter. */
.hero .eyebrow{
  font-size:1.05rem;
  letter-spacing:.23em;
  font-weight:600;
}

/* Die gewünschten Zeilenumbrüche strukturieren die Desktop-Komposition.
   Auf kleinen Displays darf der Text wieder natürlich umbrechen. */
@media(max-width:700px){
  br.desktop-break{
    display:none;
  }

  .hero .eyebrow{
    font-size:.9rem;
  }
}


/* V15.4 – Mobile Feinschliff: Logo, Header, Scroll-Hinweis, Textabstände */

/* Der Scroll-Hinweis bleibt nur im Hero und wird als feiner Pfeil lesbarer. */
.scroll-dot{
  display:none !important;
}

.scroll-arrow{
  position:absolute;
  left:50%;
  top:7px;
  width:9px;
  height:9px;
  border-right:1px solid rgba(136,109,167,.72);
  border-bottom:1px solid rgba(136,109,167,.72);
  transform:translateX(-50%) rotate(45deg);
  animation:scrollArrow 2.15s ease-in-out infinite;
}

@keyframes scrollArrow{
  0%{
    opacity:0;
    transform:translate(-50%,0) rotate(45deg);
  }
  20%{
    opacity:.9;
  }
  72%{
    opacity:.9;
  }
  100%{
    opacity:0;
    transform:translate(-50%,36px) rotate(45deg);
  }
}

/* Auf Mobilgeräten bleibt der Header am Seitenanfang und scrollt dann weg.
   So kann Logo/Navi keine späteren Textpassagen überdecken. */
@media(max-width:900px){
  .site-header{
    position:absolute;
  }
}

@media(max-width:600px){
  /* Logo für bessere Lesbarkeit etwas größer, ohne den Hero zu dominieren. */
  .brand{
    width:168px;
    height:92px;
    overflow:visible;
  }

  .brand img{
    top:70%;
    width:292px;
    height:146px;
    transform:translate(-50%,-50%);
  }

  .site-header{
    min-height:102px;
    padding:6px 18px;
  }

  .main-nav{
    inset:102px 0 auto;
  }

  .hero{
    padding-top:142px;
  }
}

@media(prefers-reduced-motion:reduce){
  .scroll-arrow{
    animation:none;
    opacity:.72;
    top:25px;
  }
}


/* V15.5 – Mobile Logo + Scrollpfeil Feinschliff */

@media(max-width:600px){
  /* Logo etwas größer und zugleich tiefer im mobilen Header positionieren. */
  .brand{
    width:178px;
    height:98px;
  }

  .brand img{
    top:78%;
    width:312px;
    height:156px;
  }

  .site-header{
    min-height:108px;
  }

  .main-nav{
    inset:108px 0 auto;
  }

  .hero{
    padding-top:150px;
  }
}

/* Pfeil etwas satter violett und deutlich besser sichtbar. */
.scroll-arrow{
  border-right:1.4px solid rgba(136,109,167,.96);
  border-bottom:1.4px solid rgba(136,109,167,.96);
  opacity:1;
}

@keyframes scrollArrow{
  0%{
    opacity:.28;
    transform:translate(-50%,0) rotate(45deg);
  }
  18%{
    opacity:1;
  }
  74%{
    opacity:1;
  }
  100%{
    opacity:.18;
    transform:translate(-50%,36px) rotate(45deg);
  }
}


/* V15.6 – Mobile Farben präsenter + Menü sauber unter dem Logo */

/* Das mobile Menü startet unterhalb des optisch überstehenden Logos. */
@media(max-width:900px){
  .main-nav{
    inset:166px 16px auto;
    z-index:55;
    padding:20px 24px 26px;
    border-radius:18px;
    background:rgba(252,251,250,.985);
    box-shadow:0 18px 44px rgba(46,46,46,.07);
  }
}

@media(max-width:600px){

  /* HERO:
     Farbwäschen kompakter und etwas satter, damit sie auf dem schmalen
     Bildschirm nicht beinahe vollständig ausbleichen. */
  .wash{
    opacity:.92;
    filter:blur(8px);
  }

  .wash-one{
    width:112vw;
    height:92vw;
    right:-48vw;
    top:-14vw;
    background:
      radial-gradient(
        ellipse at 42% 52%,
        rgba(136,109,167,.31) 0%,
        rgba(179,163,201,.20) 42%,
        rgba(179,163,201,0) 73%
      );
  }

  .wash-two{
    width:106vw;
    height:88vw;
    left:-49vw;
    bottom:-20vw;
    background:
      radial-gradient(
        ellipse at 58% 42%,
        rgba(170,185,162,.30) 0%,
        rgba(170,185,162,.17) 44%,
        rgba(170,185,162,0) 74%
      );
  }

  .wash-three{
    width:68vw;
    height:56vw;
    right:-4vw;
    bottom:-10vw;
    background:
      radial-gradient(
        ellipse,
        rgba(244,212,182,.23) 0%,
        rgba(244,212,182,0) 72%
      );
  }

  .wash-four{
    width:62vw;
    height:72vw;
    left:7vw;
    top:12vw;
    background:
      radial-gradient(
        ellipse,
        rgba(179,163,201,.16) 0%,
        rgba(179,163,201,0) 72%
      );
  }

  /* HALTUNG:
     Salbei/Lavendel werden auf Mobil etwas sichtbarer, die Bubble bleibt weich. */
  .holding-wash{
    opacity:.78;
    filter:blur(7px);
  }

  .holding-wash-one{
    width:86vw;
    height:70vw;
    left:-42vw;
    top:2vw;
    background:
      radial-gradient(
        ellipse,
        rgba(170,185,162,.23),
        rgba(170,185,162,0) 72%
      );
  }

  .holding-wash-two{
    width:82vw;
    height:68vw;
    right:-40vw;
    bottom:-4vw;
    background:
      radial-gradient(
        ellipse,
        rgba(179,163,201,.20),
        rgba(179,163,201,0) 72%
      );
  }

  .statement-bubble{
    background:
      linear-gradient(
        145deg,
        rgba(179,163,201,.14),
        rgba(246,242,239,.30) 52%,
        rgba(170,185,162,.11)
      );
  }

  /* DREI KAPITEL:
     Die jeweiligen Lebenswelten bekommen mobil etwas mehr Farbtiefe. */
  .chapter-card::before{
    width:118%;
    height:112%;
    opacity:1;
    filter:blur(7px);
  }

  .chapter-card.grow::before{
    background:
      radial-gradient(ellipse at 42% 44%,
        rgba(170,185,162,.49) 0%,
        rgba(170,185,162,.28) 39%,
        rgba(170,185,162,.10) 61%,
        rgba(170,185,162,0) 79%),
      radial-gradient(ellipse at 66% 66%,
        rgba(244,217,122,.15) 0%,
        rgba(244,217,122,0) 60%);
  }

  .chapter-card.arrive::before{
    background:
      radial-gradient(ellipse at 48% 42%,
        rgba(215,200,232,.53) 0%,
        rgba(215,200,232,.30) 41%,
        rgba(215,200,232,.11) 62%,
        rgba(215,200,232,0) 80%),
      radial-gradient(ellipse at 68% 67%,
        rgba(246,218,229,.18) 0%,
        rgba(246,218,229,0) 59%);
  }

  .chapter-card.remember::before{
    background:
      radial-gradient(ellipse at 48% 45%,
        rgba(129,151,185,.47) 0%,
        rgba(129,151,185,.27) 40%,
        rgba(129,151,185,.10) 62%,
        rgba(129,151,185,0) 80%),
      radial-gradient(ellipse at 36% 69%,
        rgba(233,241,255,.34) 0%,
        rgba(233,241,255,0) 60%);
  }

  /* METHODE:
     Die vier leisen Farbfelder bleiben subtil, sind mobil aber klarer wahrnehmbar. */
  .method-item::before{
    width:88%;
    height:68%;
    opacity:.82;
    filter:blur(8px);
  }

  .method-item:nth-child(1)::before{
    background:radial-gradient(ellipse,rgba(170,185,162,.18),rgba(170,185,162,0) 72%);
  }

  .method-item:nth-child(2)::before{
    background:radial-gradient(ellipse,rgba(179,163,201,.19),rgba(179,163,201,0) 72%);
  }

  .method-item:nth-child(3)::before{
    background:radial-gradient(ellipse,rgba(244,212,182,.17),rgba(244,212,182,0) 72%);
  }

  .method-item:nth-child(4)::before{
    background:radial-gradient(ellipse,rgba(129,151,185,.16),rgba(129,151,185,0) 72%);
  }

  /* ETWAS, DAS BLEIBT:
     Farbspuren etwas kompakter und präsenter. */
  .keepsake::before{
    width:116%;
    height:112%;
    opacity:1;
    filter:blur(11px);
  }

  .keepsake.grow::before{
    background:
      radial-gradient(
        ellipse,
        rgba(170,185,162,.34) 0%,
        rgba(170,185,162,.16) 43%,
        rgba(170,185,162,0) 74%
      );
  }

  .keepsake.arrive::before{
    background:
      radial-gradient(
        ellipse,
        rgba(215,200,232,.36) 0%,
        rgba(246,218,229,.15) 46%,
        rgba(215,200,232,0) 75%
      );
  }

  .keepsake.remember::before{
    background:
      radial-gradient(
        ellipse,
        rgba(129,151,185,.33) 0%,
        rgba(233,241,255,.16) 47%,
        rgba(129,151,185,0) 75%
      );
  }

  /* GESCHICHTE:
     Die organische Profilatmosphäre darf mobil etwas deutlicher tragen. */
  .story::before{
    opacity:1;
    background:
      radial-gradient(ellipse at 48% 44%,
        rgba(179,163,201,.27) 0%,
        rgba(179,163,201,.13) 42%,
        rgba(179,163,201,0) 73%),
      radial-gradient(ellipse at 58% 66%,
        rgba(246,242,239,.94) 0%,
        rgba(246,242,239,0) 72%);
  }

  .story::after{
    opacity:1;
    background:
      radial-gradient(
        ellipse,
        rgba(170,185,162,.14),
        rgba(170,185,162,0) 72%
      );
  }

  /* ABSCHLUSS:
     Randfarben mobil etwas klarer, die Mitte bleibt hell. */
  .final-cta::before{
    background:
      radial-gradient(ellipse 46% 66% at -4% 60%,
        rgba(170,185,162,.20) 0%,
        rgba(170,185,162,.09) 43%,
        rgba(170,185,162,0) 76%),
      radial-gradient(ellipse 44% 64% at 104% 38%,
        rgba(129,151,185,.18) 0%,
        rgba(129,151,185,.075) 44%,
        rgba(129,151,185,0) 76%),
      radial-gradient(ellipse 34% 44% at 94% 82%,
        rgba(246,218,229,.12) 0%,
        rgba(246,218,229,.045) 48%,
        rgba(246,218,229,0) 76%),
      radial-gradient(ellipse 60% 66% at 50% 48%,
        rgba(179,163,201,.085) 0%,
        rgba(179,163,201,.03) 41%,
        rgba(179,163,201,0) 72%),
      radial-gradient(ellipse 82% 66% at 50% 56%,
        rgba(246,242,239,.45) 0%,
        rgba(246,242,239,.20) 46%,
        rgba(246,242,239,0) 78%);
  }
}


/* V15.7 – Mobile Fix gegen horizontales Verschieben */

/* Organische Farbflächen dürfen weiterhin optisch über den Rand laufen,
   sollen aber die tatsächliche Seitenbreite nicht vergrößern. */
html,
body{
  max-width:100%;
  overflow-x:hidden;
}

@supports (overflow:clip){
  html,
  body{
    overflow-x:clip;
  }
}

/* Zusätzliche Absicherung für die mobile Ansicht. */
@media(max-width:900px){
  .site-header,
  main,
  footer,
  .hero,
  .holding,
  .chapters,
  .method,
  .keepsakes,
  .story,
  .final-cta{
    max-width:100%;
  }
}


/* =========================================================
   V16 – MeYouGROW Einstiegsseite
   ========================================================= */

.grow-page{
  background:var(--sand);
}

/* Header on subpages */
.grow-page .site-header{
  background:linear-gradient(
    to bottom,
    rgba(252,251,250,.96),
    rgba(252,251,250,.78) 72%,
    rgba(252,251,250,0)
  );
}

/* HERO */
.grow-hero{
  position:relative;
  min-height:88vh;
  overflow:hidden;
  display:grid;
  place-items:center;
  padding:175px 24px 120px;
  background:
    linear-gradient(
      155deg,
      rgba(255,255,255,.98) 0%,
      rgba(252,251,250,.98) 45%,
      rgba(246,242,239,.90) 100%
    );
  isolation:isolate;
}

.grow-hero::after{
  content:"";
  position:absolute;
  z-index:-3;
  inset:auto 0 -1px;
  height:150px;
  background:linear-gradient(
    to bottom,
    rgba(252,251,250,0),
    rgba(246,242,239,.54) 60%,
    rgba(252,251,250,.22)
  );
}

.grow-hero-wash{
  position:absolute;
  pointer-events:none;
  filter:blur(10px);
  transform:translateZ(0);
  z-index:-2;
}

.grow-hero-wash.one{
  width:66vw;
  height:52vw;
  left:-20vw;
  top:-10vw;
  border-radius:61% 39% 56% 44% / 46% 61% 39% 54%;
  background:
    radial-gradient(
      ellipse at 58% 48%,
      rgba(170,185,162,.47) 0%,
      rgba(170,185,162,.27) 42%,
      rgba(170,185,162,.09) 62%,
      rgba(170,185,162,0) 78%
    );
  transform:rotate(-10deg);
}

.grow-hero-wash.two{
  width:48vw;
  height:38vw;
  right:-11vw;
  bottom:-6vw;
  border-radius:44% 56% 39% 61% / 57% 42% 58% 43%;
  background:
    radial-gradient(
      ellipse at 44% 42%,
      rgba(244,217,122,.27) 0%,
      rgba(244,217,122,.11) 47%,
      rgba(244,217,122,0) 74%
    );
  transform:rotate(13deg);
}

.grow-hero-wash.three{
  width:33vw;
  height:30vw;
  right:13vw;
  top:5vw;
  border-radius:58% 42% 64% 36% / 42% 57% 43% 58%;
  background:
    radial-gradient(
      ellipse,
      rgba(244,212,182,.22) 0%,
      rgba(244,212,182,.07) 47%,
      rgba(244,212,182,0) 74%
    );
  transform:rotate(-14deg);
}

.grow-hero-wash.four{
  width:28vw;
  height:34vw;
  left:39vw;
  bottom:-13vw;
  border-radius:52% 48% 41% 59% / 62% 43% 57% 38%;
  background:
    radial-gradient(
      ellipse,
      rgba(136,109,167,.10) 0%,
      rgba(136,109,167,.03) 48%,
      rgba(136,109,167,0) 74%
    );
}

.grow-hero-content{
  position:relative;
  z-index:2;
  width:min(100%,1020px);
  text-align:center;
}

.grow-hero .kicker{
  font-size:1.05rem;
  letter-spacing:.23em;
  color:#625e5b;
  margin-bottom:22px;
}

.grow-hero h1{
  font-family:var(--serif);
  font-size:clamp(4.4rem,8vw,8.5rem);
  font-weight:400;
  line-height:.9;
  letter-spacing:-.045em;
  margin:0;
}

.grow-claim{
  font-family:var(--serif);
  font-size:clamp(1.85rem,3vw,3.25rem);
  line-height:1.08;
  color:#5f655c;
  margin:20px 0 0;
}

/* COMMON MEYOUGROW SECTION TYPOGRAPHY */
.grow-section{
  position:relative;
  overflow:hidden;
}

.grow-section-heading{
  max-width:960px;
  margin:0 auto 52px;
}

.grow-section-heading.centered{
  text-align:center;
}

.grow-section-heading .kicker{
  font-size:1.05rem;
  letter-spacing:.23em;
  color:#625e5b;
  margin-bottom:20px;
}

.grow-section-heading h2{
  font-family:var(--serif);
  font-size:clamp(2.7rem,4.8vw,5rem);
  font-weight:400;
  line-height:1.02;
  letter-spacing:-.025em;
  margin:0;
}

/* RAUM FÜR DAS, WAS BEWEGT */
.grow-intro{
  padding-top:clamp(120px,13vw,180px);
  padding-bottom:clamp(120px,13vw,180px);
  background:
    linear-gradient(
      180deg,
      rgba(246,242,239,.48),
      rgba(252,251,250,.98) 42%,
      rgba(252,251,250,1)
    );
}

.grow-intro::before{
  content:"";
  position:absolute;
  left:-17%;
  top:12%;
  width:57%;
  height:76%;
  border-radius:61% 39% 54% 46% / 44% 62% 38% 56%;
  background:
    radial-gradient(
      ellipse,
      rgba(170,185,162,.20) 0%,
      rgba(170,185,162,.08) 47%,
      rgba(170,185,162,0) 74%
    );
  filter:blur(9px);
  transform:rotate(-7deg);
  pointer-events:none;
}

.grow-intro::after{
  content:"";
  position:absolute;
  right:-13%;
  bottom:3%;
  width:42%;
  height:48%;
  background:
    radial-gradient(
      ellipse,
      rgba(244,212,182,.11) 0%,
      rgba(244,212,182,0) 72%
    );
  filter:blur(10px);
  pointer-events:none;
}

.grow-intro-inner{
  position:relative;
  z-index:1;
  max-width:1180px;
  margin:auto;
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  gap:clamp(58px,8vw,112px);
  align-items:start;
}

.grow-intro .grow-section-heading{
  margin:0;
}

.grow-intro-copy{
  max-width:660px;
  padding-top:8px;
  font-size:1rem;
  line-height:1.72;
}

.grow-intro-copy p{
  margin-bottom:24px;
}

.grow-intro-copy .grow-benefit{
  font-weight:500;
  color:#343a32;
  margin-top:34px;
}

/* WAS BLEIBT */
.grow-book{
  padding-top:clamp(120px,13vw,180px);
  padding-bottom:clamp(125px,14vw,190px);
  background:
    linear-gradient(
      180deg,
      rgba(252,251,250,1) 0%,
      rgba(248,246,242,.86) 55%,
      rgba(246,242,239,.52) 100%
    );
}

.grow-book-inner{
  position:relative;
  z-index:1;
  max-width:1160px;
  margin:auto;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  gap:clamp(58px,8vw,110px);
}

.grow-book-copy{
  max-width:650px;
}

.grow-book-copy p{
  line-height:1.72;
  margin-bottom:24px;
}

.grow-book-copy p:last-child{
  margin-bottom:0;
}

/* Abstract page-field: not a box, just a soft "something that remains" */
.grow-book-field{
  position:relative;
  min-height:440px;
  display:grid;
  place-items:center;
  isolation:isolate;
}

.grow-book-field::before{
  content:"";
  position:absolute;
  z-index:-3;
  left:50%;
  top:50%;
  width:122%;
  height:112%;
  transform:translate(-50%,-50%) rotate(-5deg);
  border-radius:61% 39% 57% 43% / 45% 62% 38% 55%;
  background:
    radial-gradient(
      ellipse at 42% 45%,
      rgba(170,185,162,.33) 0%,
      rgba(170,185,162,.16) 44%,
      rgba(170,185,162,0) 73%
    ),
    radial-gradient(
      ellipse at 67% 67%,
      rgba(244,217,122,.15) 0%,
      rgba(244,217,122,0) 62%
    );
  filter:blur(8px);
}

.grow-book-field::after{
  content:"";
  position:absolute;
  z-index:-2;
  left:50%;
  top:52%;
  width:86%;
  height:78%;
  transform:translate(-50%,-50%) rotate(4deg);
  border-radius:42% 58% 47% 53% / 56% 44% 61% 39%;
  background:
    radial-gradient(
      ellipse,
      rgba(244,212,182,.14) 0%,
      rgba(244,212,182,.045) 52%,
      rgba(244,212,182,0) 76%
    );
}

.grow-book-note{
  width:min(78%,360px);
  padding:40px 34px 44px;
  text-align:center;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(79,130,87,.09);
  border-radius:43% 57% 39% 61% / 58% 44% 56% 42%;
  box-shadow:0 18px 48px rgba(46,46,46,.045);
  backdrop-filter:blur(4px);
  transform:rotate(-2deg);
}

.grow-book-note span{
  display:block;
  font-size:.72rem;
  letter-spacing:.19em;
  text-transform:uppercase;
  color:#6b7467;
  margin-bottom:14px;
}

.grow-book-note strong{
  display:block;
  font-family:var(--serif);
  font-size:clamp(2rem,3vw,3.2rem);
  line-height:1.02;
  font-weight:400;
  color:#53664f;
}

/* DREI WEGE */
.grow-paths{
  padding-top:clamp(125px,14vw,190px);
  padding-bottom:clamp(135px,15vw,205px);
  background:var(--sand);
}

.grow-paths .grow-section-heading{
  max-width:900px;
  margin-bottom:86px;
}

.grow-paths-intro{
  max-width:700px;
  margin:22px auto 0;
  line-height:1.7;
}

.grow-path-grid{
  position:relative;
  max-width:1400px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:42px;
  align-items:stretch;
  isolation:isolate;
}

.grow-path-card{
  position:relative;
  z-index:1;
  min-height:510px;
  padding:34px 20px 30px;
  display:flex;
  flex-direction:column;
  overflow:visible;
  transition:transform .3s ease;
}

.grow-path-card:hover{
  transform:translateY(-3px);
}

.grow-path-card::before{
  content:"";
  position:absolute;
  z-index:-2;
  left:50%;
  top:50%;
  width:128%;
  height:110%;
  transform:translate(-50%,-50%);
  filter:blur(8px);
  pointer-events:none;
}

.grow-path-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:51%;
  width:104%;
  height:92%;
  transform:translate(-50%,-50%);
  pointer-events:none;
}

.grow-path-card.parents::before{
  border-radius:58% 42% 63% 37% / 44% 61% 39% 56%;
  background:
    radial-gradient(
      ellipse at 42% 45%,
      rgba(170,185,162,.43) 0%,
      rgba(170,185,162,.24) 40%,
      rgba(170,185,162,.08) 62%,
      rgba(170,185,162,0) 79%
    );
  transform:translate(-50%,-50%) rotate(-3deg);
}

.grow-path-card.parents::after{
  border-radius:46% 54% 39% 61% / 58% 43% 57% 42%;
  background:
    radial-gradient(
      ellipse,
      rgba(244,217,122,.11),
      rgba(244,217,122,0) 68%
    );
}

.grow-path-card.schools::before{
  border-radius:42% 58% 38% 62% / 59% 41% 56% 44%;
  background:
    radial-gradient(
      ellipse at 48% 42%,
      rgba(244,217,122,.32) 0%,
      rgba(244,217,122,.15) 42%,
      rgba(244,217,122,.05) 62%,
      rgba(244,217,122,0) 79%
    ),
    radial-gradient(
      ellipse at 68% 67%,
      rgba(170,185,162,.18) 0%,
      rgba(170,185,162,0) 58%
    );
  transform:translate(-50%,-50%) rotate(2deg);
}

.grow-path-card.schools::after{
  border-radius:61% 39% 55% 45% / 43% 58% 42% 57%;
  background:
    radial-gradient(
      ellipse,
      rgba(246,242,239,.28),
      rgba(246,242,239,0) 70%
    );
}

.grow-path-card.foundations::before{
  border-radius:61% 39% 55% 45% / 40% 57% 43% 60%;
  background:
    radial-gradient(
      ellipse at 50% 45%,
      rgba(244,212,182,.34) 0%,
      rgba(244,212,182,.17) 42%,
      rgba(244,212,182,.055) 62%,
      rgba(244,212,182,0) 80%
    ),
    radial-gradient(
      ellipse at 32% 70%,
      rgba(170,185,162,.15) 0%,
      rgba(170,185,162,0) 60%
    );
  transform:translate(-50%,-50%) rotate(-2deg);
}

.grow-path-card.foundations::after{
  border-radius:38% 62% 59% 41% / 55% 42% 58% 45%;
  background:
    radial-gradient(
      ellipse,
      rgba(136,109,167,.055),
      rgba(136,109,167,0) 70%
    );
}

.grow-path-card .audience{
  display:block;
  text-align:center;
  color:#5f635c;
  margin-bottom:21px;
}

.grow-path-card h3{
  font-family:var(--serif);
  font-size:clamp(2rem,2.6vw,3rem);
  font-weight:400;
  line-height:1.04;
  text-align:center;
  margin:0 0 27px;
}

.grow-path-card p{
  max-width:360px;
  margin:0 auto 24px;
  line-height:1.66;
}

.grow-path-link{
  margin-top:auto;
  align-self:center;
  font-size:.88rem;
  font-weight:600;
}

.grow-path-link::after{
  content:" →";
}

/* Subtle return/navigation strip */
.grow-back{
  padding:34px 24px 54px;
  text-align:center;
  background:var(--sand);
}

.grow-back a{
  font-size:.82rem;
  font-weight:500;
  opacity:.72;
}

/* Placeholder child pages, used only until the detailed pages are designed */
.grow-placeholder{
  min-height:78vh;
  display:grid;
  place-items:center;
  padding:170px 24px 100px;
  background:
    radial-gradient(ellipse at 18% 28%,rgba(170,185,162,.20),rgba(170,185,162,0) 42%),
    radial-gradient(ellipse at 86% 72%,rgba(244,212,182,.12),rgba(244,212,182,0) 42%),
    var(--sand);
  text-align:center;
}

.grow-placeholder .narrow{
  max-width:820px;
}

.grow-placeholder h1{
  font-family:var(--serif);
  font-size:clamp(3rem,6vw,6rem);
  font-weight:400;
  line-height:.98;
  margin:14px 0 24px;
}

/* Mobile MeYouGROW */
@media(max-width:900px){
  .grow-intro-inner,
  .grow-book-inner{
    grid-template-columns:1fr;
  }

  .grow-intro-inner{
    gap:42px;
  }

  .grow-book-inner{
    gap:46px;
  }

  .grow-book-field{
    min-height:390px;
    order:-1;
  }

  .grow-path-grid{
    grid-template-columns:1fr;
    gap:58px;
  }

  .grow-path-card{
    max-width:620px;
    width:100%;
    min-height:430px;
    margin:auto;
  }
}

@media(max-width:600px){
  .grow-hero{
    min-height:82vh;
    padding:150px 20px 100px;
  }

  .grow-hero h1{
    font-size:clamp(4rem,20vw,5.4rem);
  }

  .grow-claim{
    font-size:clamp(1.7rem,8vw,2.25rem);
  }

  .grow-hero-wash{
    filter:blur(7px);
  }

  .grow-hero-wash.one{
    width:126vw;
    height:105vw;
    left:-60vw;
    top:-10vw;
    background:
      radial-gradient(
        ellipse at 58% 48%,
        rgba(170,185,162,.52) 0%,
        rgba(170,185,162,.29) 42%,
        rgba(170,185,162,.10) 62%,
        rgba(170,185,162,0) 78%
      );
  }

  .grow-hero-wash.two{
    width:104vw;
    height:86vw;
    right:-48vw;
    bottom:-4vw;
  }

  .grow-hero-wash.three{
    width:78vw;
    height:68vw;
    right:-28vw;
    top:18vw;
  }

  .grow-hero-wash.four{
    width:70vw;
    height:74vw;
    left:16vw;
    bottom:-30vw;
  }

  .grow-section-heading .kicker,
  .grow-hero .kicker{
    font-size:.9rem;
  }

  .grow-intro{
    padding:105px 20px 115px;
  }

  .grow-intro::before{
    left:-40%;
    top:10%;
    width:105%;
    height:48%;
  }

  .grow-intro::after{
    right:-35%;
    bottom:2%;
    width:90%;
    height:40%;
  }

  .grow-book{
    padding:105px 20px 120px;
  }

  .grow-book-field{
    min-height:335px;
  }

  .grow-book-note{
    width:min(84%,330px);
    padding:34px 24px 38px;
  }

  .grow-paths{
    padding:110px 20px 130px;
  }

  .grow-paths .grow-section-heading{
    margin-bottom:68px;
  }

  .grow-path-card{
    min-height:420px;
    padding:30px 12px 28px;
  }

  .grow-path-card::before{
    width:118%;
    height:108%;
  }

  .grow-back{
    padding-bottom:42px;
  }
}


/* V16.1 – Gefühlsreisebuch ruhiger inszeniert + Stiftungstext angepasst */

.grow-book{
  padding-top:clamp(125px,13vw,180px);
  padding-bottom:clamp(130px,14vw,190px);
}

.grow-book-inner{
  display:block;
  max-width:1120px;
  margin:auto;
}

.grow-book-copy{
  position:relative;
  isolation:isolate;
  max-width:830px;
  margin:auto;
  padding:clamp(62px,7vw,92px) clamp(28px,6vw,78px);
  text-align:center;
}

/* Freie MeYouGROW-Farbfläche hinter Überschrift und Text. */
.grow-book-copy::before{
  content:"";
  position:absolute;
  z-index:-2;
  left:50%;
  top:50%;
  width:126%;
  height:118%;
  transform:translate(-50%,-50%) rotate(-2deg);
  border-radius:60% 40% 56% 44% / 44% 62% 38% 56%;
  background:
    radial-gradient(
      ellipse at 43% 44%,
      rgba(170,185,162,.35) 0%,
      rgba(170,185,162,.18) 41%,
      rgba(170,185,162,.065) 61%,
      rgba(170,185,162,0) 78%
    ),
    radial-gradient(
      ellipse at 70% 68%,
      rgba(244,217,122,.16) 0%,
      rgba(244,217,122,.055) 48%,
      rgba(244,217,122,0) 72%
    );
  filter:blur(8px);
  pointer-events:none;
}

.grow-book-copy::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:53%;
  width:92%;
  height:88%;
  transform:translate(-50%,-50%) rotate(3deg);
  border-radius:42% 58% 39% 61% / 59% 43% 57% 41%;
  background:
    radial-gradient(
      ellipse,
      rgba(244,212,182,.10) 0%,
      rgba(244,212,182,.03) 50%,
      rgba(244,212,182,0) 74%
    );
  pointer-events:none;
}

/* Einzelnes Kreissymbol statt der redundanten Gefühlsreisebuch-Bubble. */
.grow-book-symbol{
  position:relative;
  display:block;
  width:50px;
  height:50px;
  margin:0 auto 22px;
  border:1px solid rgba(79,130,87,.42);
  border-radius:54% 46% 59% 41% / 45% 57% 43% 55%;
  transform:rotate(-8deg);
}

.grow-book-symbol::after{
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  right:6px;
  bottom:9px;
  border-radius:50%;
  background:rgba(244,217,122,.68);
}

.grow-book-copy .grow-section-heading{
  max-width:780px;
  margin:0 auto 34px;
}

.grow-book-copy p{
  max-width:700px;
  margin:0 auto 22px;
  line-height:1.72;
}

.grow-book-copy p:last-child{
  margin-bottom:0;
}

.grow-book-field,
.grow-book-note{
  display:none !important;
}

@media(max-width:600px){
  .grow-book-copy{
    padding:62px 18px 68px;
  }

  .grow-book-copy::before{
    width:118%;
    height:110%;
    background:
      radial-gradient(
        ellipse at 45% 44%,
        rgba(170,185,162,.42) 0%,
        rgba(170,185,162,.22) 42%,
        rgba(170,185,162,.075) 62%,
        rgba(170,185,162,0) 79%
      ),
      radial-gradient(
        ellipse at 70% 68%,
        rgba(244,217,122,.19) 0%,
        rgba(244,217,122,.065) 48%,
        rgba(244,217,122,0) 72%
      );
  }

  .grow-book-symbol{
    width:46px;
    height:46px;
    margin-bottom:20px;
  }
}


/* V16.2 – Mobile MeYouGROW Hero: Überschrift vollständig sichtbar */

@media(max-width:600px){
  .grow-hero-content{
    width:100%;
    max-width:100%;
    padding-left:4px;
    padding-right:4px;
  }

  .grow-hero h1{
    font-size:clamp(3.45rem,16vw,4.65rem);
    line-height:.92;
    letter-spacing:-.05em;
    white-space:nowrap;
  }
}

@media(max-width:380px){
  .grow-hero h1{
    font-size:clamp(3.25rem,15.5vw,4.2rem);
  }
}


/* =========================================================
   V17 – MeYouGROW · Für Eltern
   ========================================================= */

.grow-parent-page{
  background:var(--sand);
}

/* HERO – persönlicher und weicher als die MeYouGROW-Übersichtsseite */
.grow-parent-hero{
  position:relative;
  min-height:94vh;
  overflow:hidden;
  isolation:isolate;
  display:flex;
  align-items:center;
  padding:185px 24px 130px;
  background:
    linear-gradient(
      155deg,
      rgba(252,251,250,.99) 0%,
      rgba(246,242,239,.91) 64%,
      rgba(252,251,250,.98) 100%
    );
}

.grow-parent-wash{
  position:absolute;
  z-index:-2;
  pointer-events:none;
  filter:blur(10px);
}

.grow-parent-wash.one{
  left:-18vw;
  top:-9vw;
  width:64vw;
  height:57vw;
  border-radius:62% 38% 55% 45% / 44% 61% 39% 56%;
  background:
    radial-gradient(ellipse at 58% 48%,
      rgba(170,185,162,.43) 0%,
      rgba(170,185,162,.22) 42%,
      rgba(170,185,162,.07) 62%,
      rgba(170,185,162,0) 78%);
  transform:rotate(-8deg);
}

.grow-parent-wash.two{
  right:-15vw;
  bottom:-8vw;
  width:54vw;
  height:46vw;
  border-radius:42% 58% 63% 37% / 58% 42% 56% 44%;
  background:
    radial-gradient(ellipse,
      rgba(244,212,182,.25) 0%,
      rgba(244,212,182,.10) 45%,
      rgba(244,212,182,0) 74%);
  transform:rotate(9deg);
}

.grow-parent-wash.three{
  right:14vw;
  top:4vw;
  width:31vw;
  height:32vw;
  border-radius:58% 42% 47% 53% / 42% 58% 43% 57%;
  background:
    radial-gradient(ellipse,
      rgba(244,217,122,.15) 0%,
      rgba(244,217,122,.04) 48%,
      rgba(244,217,122,0) 73%);
}

.grow-parent-hero-inner{
  position:relative;
  z-index:2;
  width:min(100%,1120px);
  margin:auto;
  text-align:center;
}

.grow-parent-hero .kicker,
.grow-parent-page .kicker{
  font-size:1.05rem;
  letter-spacing:.23em;
  color:#625e5b;
}

.grow-parent-hero h1{
  font-family:var(--serif);
  font-size:clamp(4rem,7.3vw,7.6rem);
  line-height:.92;
  letter-spacing:-.04em;
  font-weight:400;
  margin:22px 0 38px;
}

.grow-parent-question{
  margin:0 auto 36px;
  max-width:790px;
  font-family:var(--serif);
  font-size:clamp(1.7rem,2.8vw,2.85rem);
  line-height:1.15;
  color:#52604e;
}

.grow-parent-question p{
  margin:0 0 7px;
}

.grow-parent-lead{
  max-width:780px;
  margin:auto;
  line-height:1.74;
}

/* DIE GEFÜHLSREISEN */
.grow-parent-story{
  padding:clamp(125px,13vw,185px) 24px clamp(125px,14vw,190px);
  background:rgba(252,251,250,.98);
}

.grow-parent-story::before{
  content:"";
  position:absolute;
  left:-11%;
  top:13%;
  width:48%;
  height:64%;
  background:
    radial-gradient(ellipse,
      rgba(170,185,162,.16),
      rgba(170,185,162,0) 73%);
  filter:blur(10px);
}

.grow-parent-story-inner{
  position:relative;
  z-index:1;
  max-width:1180px;
  margin:auto;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:clamp(62px,8vw,118px);
}

.grow-parent-story-heading h2,
.grow-parent-book-copy h2,
.grow-parent-overview h2,
.grow-parent-cta h2{
  font-family:var(--serif);
  font-size:clamp(2.7rem,4.8vw,5rem);
  font-weight:400;
  line-height:1.02;
  letter-spacing:-.025em;
  margin:20px 0 0;
}

.grow-parent-story-copy{
  max-width:680px;
  line-height:1.74;
}

.grow-parent-story-copy p{
  margin-bottom:24px;
}

.grow-parent-route{
  position:relative;
  z-index:1;
  max-width:1050px;
  margin:92px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  color:#657061;
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.grow-parent-route i{
  width:110px;
  height:34px;
  border-bottom:1px solid rgba(79,130,87,.23);
  border-radius:0 0 52% 48%;
  transform:translateY(-13px) rotate(-3deg);
}

.grow-parent-route i:nth-of-type(2){
  transform:translateY(-12px) rotate(4deg) scaleX(-1);
}

/* BEGLEITER */
.grow-parent-book{
  padding:clamp(120px,13vw,180px) 24px clamp(125px,14vw,190px);
  background:
    linear-gradient(
      180deg,
      rgba(246,242,239,.50),
      rgba(250,248,245,.92) 46%,
      rgba(252,251,250,.98)
    );
}

.grow-parent-book::before{
  content:"";
  position:absolute;
  right:-13%;
  top:8%;
  width:54%;
  height:82%;
  background:
    radial-gradient(ellipse,
      rgba(244,217,122,.12),
      rgba(244,217,122,0) 70%);
  filter:blur(10px);
}

.grow-parent-book-inner{
  position:relative;
  z-index:1;
  max-width:1180px;
  margin:auto;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:clamp(70px,9vw,125px);
  align-items:center;
}

.grow-parent-book-copy{
  max-width:690px;
}

.grow-parent-book-copy p{
  line-height:1.74;
  margin-bottom:24px;
}

.grow-parent-wayfinder{
  position:relative;
  max-width:430px;
  margin:auto;
  padding:68px 42px 60px;
  text-align:center;
  isolation:isolate;
}

.grow-parent-wayfinder::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-10% -14%;
  border-radius:60% 40% 54% 46% / 43% 62% 38% 57%;
  background:
    radial-gradient(ellipse at 45% 45%,
      rgba(170,185,162,.32) 0%,
      rgba(170,185,162,.15) 44%,
      rgba(170,185,162,0) 76%),
    radial-gradient(ellipse at 70% 70%,
      rgba(244,212,182,.13),
      rgba(244,212,182,0) 66%);
  filter:blur(7px);
}

.grow-parent-circle{
  display:block;
  width:62px;
  height:62px;
  margin:0 auto 24px;
  border:1px solid rgba(79,130,87,.40);
  border-radius:54% 46% 59% 41% / 45% 58% 42% 55%;
  transform:rotate(-9deg);
}

.grow-parent-wayfinder p{
  line-height:1.66;
}

.grow-parent-wayfinder strong{
  font-family:var(--serif);
  font-size:1.6rem;
  font-weight:400;
  color:#4f6550;
}

/* AUF EINEN BLICK */
.grow-parent-overview{
  padding:clamp(125px,14vw,190px) 24px clamp(130px,14vw,195px);
  background:var(--sand);
}

.grow-parent-overview .grow-section-heading{
  margin-bottom:78px;
}

.grow-parent-facts{
  max-width:1180px;
  margin:0 auto 76px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}

.grow-parent-facts>div{
  position:relative;
  min-height:185px;
  padding:34px 28px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  isolation:isolate;
}

.grow-parent-facts>div::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-10%;
  border-radius:55% 45% 60% 40% / 45% 58% 42% 55%;
  background:
    radial-gradient(ellipse,
      rgba(170,185,162,.23),
      rgba(170,185,162,.07) 52%,
      rgba(170,185,162,0) 76%);
  filter:blur(5px);
}

.grow-parent-facts>div:nth-child(2)::before{
  background:
    radial-gradient(ellipse,
      rgba(244,217,122,.18),
      rgba(244,217,122,.055) 53%,
      rgba(244,217,122,0) 76%);
}

.grow-parent-facts>div:nth-child(3)::before{
  background:
    radial-gradient(ellipse,
      rgba(244,212,182,.18),
      rgba(244,212,182,.055) 53%,
      rgba(244,212,182,0) 76%);
}

.grow-parent-facts>div:nth-child(4)::before{
  background:
    radial-gradient(ellipse,
      rgba(179,163,201,.11),
      rgba(179,163,201,.03) 54%,
      rgba(179,163,201,0) 76%);
}

.grow-parent-facts span{
  margin-bottom:12px;
  font-size:.72rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#697065;
}

.grow-parent-facts strong{
  font-family:var(--serif);
  font-size:1.35rem;
  line-height:1.18;
  font-weight:400;
}

.grow-parent-lists{
  max-width:1100px;
  margin:0 auto 76px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(54px,8vw,110px);
}

.grow-parent-list{
  position:relative;
  padding:42px 36px 40px;
  isolation:isolate;
}

.grow-parent-list::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-8%;
  background:
    radial-gradient(ellipse at 46% 45%,
      rgba(246,242,239,.72),
      rgba(246,242,239,.20) 58%,
      rgba(246,242,239,0) 80%);
}

.grow-parent-list .kicker{
  margin-bottom:25px;
}

.grow-parent-list ul{
  list-style:none;
  margin:0;
  padding:0;
}

.grow-parent-list li{
  position:relative;
  padding:0 0 14px 23px;
  line-height:1.55;
}

.grow-parent-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:7px;
  height:7px;
  border:1px solid rgba(79,130,87,.48);
  border-radius:50%;
}

.grow-parent-price{
  max-width:650px;
  margin:auto;
  text-align:center;
  padding:62px 40px;
  position:relative;
  isolation:isolate;
}

.grow-parent-price::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-16% -12%;
  border-radius:61% 39% 53% 47% / 45% 58% 42% 55%;
  background:
    radial-gradient(ellipse,
      rgba(170,185,162,.26),
      rgba(170,185,162,.08) 52%,
      rgba(170,185,162,0) 77%);
  filter:blur(7px);
}

.grow-parent-price .kicker{
  margin-bottom:18px;
}

.grow-parent-price-number{
  font-family:var(--serif);
  font-size:clamp(3.4rem,5vw,5.6rem);
  line-height:1;
  color:#4f8257;
  margin:0 0 15px;
}

.grow-parent-price p:not(.grow-parent-price-number):not(.kicker){
  max-width:520px;
  margin:0 auto 10px;
  line-height:1.55;
}

.grow-parent-price small{
  color:#6b6967;
}

/* CTA */
.grow-parent-cta{
  position:relative;
  overflow:hidden;
  padding:clamp(125px,14vw,190px) 24px clamp(125px,14vw,190px);
  background:
    linear-gradient(
      180deg,
      rgba(250,248,246,.96),
      rgba(246,242,239,.95)
    );
}

.grow-parent-cta::before{
  content:"";
  position:absolute;
  inset:-20% -10%;
  background:
    radial-gradient(ellipse 45% 70% at 4% 62%,
      rgba(170,185,162,.15),
      rgba(170,185,162,0) 75%),
    radial-gradient(ellipse 42% 68% at 98% 38%,
      rgba(244,212,182,.13),
      rgba(244,212,182,0) 75%),
    radial-gradient(ellipse 40% 58% at 56% 55%,
      rgba(179,163,201,.065),
      rgba(179,163,201,0) 74%);
  filter:blur(10px);
}

.grow-parent-cta-inner{
  position:relative;
  z-index:1;
  max-width:820px;
  margin:auto;
  text-align:center;
}

.grow-parent-cta h2{
  margin-bottom:30px;
}

.grow-parent-cta-inner>p:not(.kicker){
  max-width:700px;
  margin:0 auto 36px;
  line-height:1.72;
}

.grow-parent-button{
  background:rgba(79,130,87,.85);
  border-color:rgba(79,130,87,.12);
  box-shadow:0 10px 26px rgba(79,130,87,.08);
}

.grow-parent-button:hover{
  background:rgba(79,130,87,.94);
}

.grow-parent-back{
  display:block;
  margin-top:31px;
  font-size:.8rem;
  opacity:.68;
}

/* Responsive */
@media(max-width:900px){
  .grow-parent-story-inner,
  .grow-parent-book-inner,
  .grow-parent-lists{
    grid-template-columns:1fr;
  }

  .grow-parent-story-inner{
    gap:42px;
  }

  .grow-parent-book-inner{
    gap:58px;
  }

  .grow-parent-wayfinder{
    max-width:520px;
  }

  .grow-parent-facts{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .grow-parent-lists{
    gap:34px;
  }
}

@media(max-width:600px){
  .grow-parent-hero{
    min-height:auto;
    padding:158px 20px 110px;
  }

  .grow-parent-wash{
    filter:blur(7px);
  }

  .grow-parent-wash.one{
    left:-66vw;
    top:-6vw;
    width:132vw;
    height:112vw;
  }

  .grow-parent-wash.two{
    right:-60vw;
    bottom:-18vw;
    width:124vw;
    height:102vw;
  }

  .grow-parent-wash.three{
    right:-30vw;
    top:33vw;
    width:84vw;
    height:72vw;
  }

  .grow-parent-hero .kicker,
  .grow-parent-page .kicker{
    font-size:.9rem;
  }

  .grow-parent-hero h1{
    font-size:clamp(3.2rem,15vw,4.55rem);
    line-height:.94;
    margin-bottom:31px;
  }

  .grow-parent-question{
    font-size:clamp(1.55rem,7.6vw,2.15rem);
    margin-bottom:30px;
  }

  .grow-parent-story,
  .grow-parent-book,
  .grow-parent-overview,
  .grow-parent-cta{
    padding-left:20px;
    padding-right:20px;
  }

  .grow-parent-route{
    margin-top:66px;
    flex-direction:column;
    gap:8px;
  }

  .grow-parent-route i{
    width:1px;
    height:38px;
    border:0;
    background:linear-gradient(to bottom,rgba(79,130,87,.10),rgba(79,130,87,.30),rgba(79,130,87,.10));
    transform:none !important;
  }

  .grow-parent-wayfinder{
    padding:56px 24px 48px;
  }

  .grow-parent-facts{
    grid-template-columns:1fr;
    gap:10px;
  }

  .grow-parent-facts>div{
    min-height:150px;
  }

  .grow-parent-list{
    padding:35px 18px;
  }

  .grow-parent-price{
    padding:55px 24px;
  }
}


/* V17.1 – Elternseite Feinschliff + MeYouGROW Übersichtstext */

/* Die beschriftete Beispiel-Route entfällt vollständig. */
.grow-parent-route{
  display:none !important;
}

/* Stattdessen eine rein atmosphärische Kreis-/Linienillustration,
   angelehnt an die organischen Linien der Eigenklang-Methode. */
.grow-parent-orbit{
  position:relative;
  z-index:1;
  width:min(72vw,760px);
  height:190px;
  margin:78px auto 0;
  pointer-events:none;
  isolation:isolate;
}

.grow-parent-orbit::before{
  content:"";
  position:absolute;
  z-index:-3;
  left:50%;
  top:50%;
  width:76%;
  height:88%;
  transform:translate(-50%,-50%);
  background:
    radial-gradient(
      ellipse,
      rgba(170,185,162,.13) 0%,
      rgba(170,185,162,.055) 46%,
      rgba(170,185,162,0) 74%
    );
  filter:blur(10px);
}

.orbit-line{
  position:absolute;
  left:50%;
  top:50%;
  display:block;
  border:1px solid rgba(79,130,87,.22);
  border-radius:50%;
  transform-origin:center;
}

.orbit-one{
  width:72%;
  height:116px;
  transform:translate(-50%,-50%) rotate(-5deg);
  border-radius:58% 42% 53% 47% / 46% 58% 42% 54%;
}

.orbit-two{
  width:58%;
  height:150px;
  transform:translate(-50%,-50%) rotate(9deg);
  border-color:rgba(136,109,167,.13);
  border-radius:44% 56% 61% 39% / 57% 43% 54% 46%;
}

.orbit-glow{
  position:absolute;
  left:50%;
  top:52%;
  width:22%;
  height:72px;
  transform:translate(-50%,-50%) rotate(-8deg);
  border-radius:61% 39% 56% 44% / 45% 58% 42% 55%;
  background:
    radial-gradient(
      ellipse,
      rgba(244,217,122,.12) 0%,
      rgba(244,212,182,.055) 50%,
      rgba(244,212,182,0) 76%
    );
  filter:blur(5px);
}

/* "Wertvolle Wegweiser" darf als eigenständiger Leitgedanke stehen. */
.grow-parent-wayfinder strong{
  display:block;
  margin-bottom:8px;
}

@media(max-width:600px){
  .grow-parent-orbit{
    width:100%;
    height:150px;
    margin-top:58px;
  }

  .orbit-one{
    width:82%;
    height:92px;
  }

  .orbit-two{
    width:66%;
    height:118px;
  }

  .orbit-glow{
    width:34%;
    height:58px;
  }
}


/* V17.2 – Kreisillustration direkt unter dem Text + kompakter Übergang */

/* Die Illustration sitzt nun direkt unter dem Fließtext in der rechten Spalte. */
.grow-parent-story-copy .grow-parent-orbit{
  width:min(100%,520px);
  height:118px;
  margin:28px 0 0;
}

/* Etwas kompaktere Kreislinien, damit sie wie ein leiser Ausklang wirken. */
.grow-parent-story-copy .orbit-one{
  width:76%;
  height:76px;
}

.grow-parent-story-copy .orbit-two{
  width:60%;
  height:98px;
}

.grow-parent-story-copy .orbit-glow{
  width:24%;
  height:48px;
}

/* Weniger Weißraum zwischen "Eine Reise nach innen" und dem nächsten Kapitel. */
.grow-parent-story{
  padding-bottom:clamp(78px,8vw,112px);
}

.grow-parent-book{
  padding-top:clamp(82px,9vw,125px);
}

@media(max-width:900px){
  .grow-parent-story-copy .grow-parent-orbit{
    margin:24px auto 0;
  }
}

@media(max-width:600px){
  .grow-parent-story{
    padding-bottom:76px;
  }

  .grow-parent-book{
    padding-top:82px;
  }

  .grow-parent-story-copy .grow-parent-orbit{
    width:100%;
    height:104px;
    margin-top:22px;
  }

  .grow-parent-story-copy .orbit-one{
    width:82%;
    height:66px;
  }

  .grow-parent-story-copy .orbit-two{
    width:65%;
    height:84px;
  }

  .grow-parent-story-copy .orbit-glow{
    width:30%;
    height:42px;
  }
}


/* V17.3 – Kreisillustration als Texthintergrund */

.grow-parent-story-copy{
  position:relative;
  isolation:isolate;
}

/* Die Illustration liegt nun frei hinter dem Text und erzeugt keinen eigenen Abstand mehr. */
.grow-parent-story-copy .grow-parent-orbit{
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  width:min(118%,620px);
  height:190px;
  margin:0;
  transform:translate(-50%,-48%);
  opacity:.78;
  pointer-events:none;
}

/* Linien größer und noch etwas transparenter, damit sie wie ein Hintergrund wirken. */
.grow-parent-story-copy .orbit-one{
  width:88%;
  height:122px;
  border-color:rgba(79,130,87,.18);
}

.grow-parent-story-copy .orbit-two{
  width:70%;
  height:154px;
  border-color:rgba(136,109,167,.10);
}

.grow-parent-story-copy .orbit-glow{
  width:34%;
  height:78px;
  opacity:.8;
}

/* Text sicher über der Illustration. */
.grow-parent-story-copy > p{
  position:relative;
  z-index:2;
}

/* Kein zusätzlicher Raum mehr durch die Illustration. */
.grow-parent-story{
  padding-bottom:clamp(72px,7vw,98px);
}

.grow-parent-book{
  padding-top:clamp(76px,8vw,112px);
}

@media(max-width:600px){
  .grow-parent-story-copy .grow-parent-orbit{
    width:116%;
    height:160px;
    top:52%;
    transform:translate(-50%,-50%);
  }

  .grow-parent-story-copy .orbit-one{
    width:92%;
    height:102px;
  }

  .grow-parent-story-copy .orbit-two{
    width:74%;
    height:128px;
  }

  .grow-parent-story-copy .orbit-glow{
    width:38%;
    height:62px;
  }

  .grow-parent-story{
    padding-bottom:70px;
  }

  .grow-parent-book{
    padding-top:76px;
  }
}


/* =========================================================
   V18 – MeYouGROW · Schulen & Bildungseinrichtungen
   ========================================================= */

.grow-school-page{
  background:var(--sand);
}

/* HERO – gleiche Familie wie Eltern, klarer und mit mehr warmem Gelb */
.grow-school-hero{
  position:relative;
  min-height:90vh;
  overflow:hidden;
  isolation:isolate;
  display:flex;
  align-items:center;
  padding:185px 24px 130px;
  background:
    linear-gradient(
      155deg,
      rgba(252,251,250,.99) 0%,
      rgba(248,246,241,.94) 60%,
      rgba(252,251,250,.99) 100%
    );
}

.grow-school-wash{
  position:absolute;
  z-index:-2;
  pointer-events:none;
  filter:blur(10px);
}

.grow-school-wash.one{
  left:-17vw;
  top:-10vw;
  width:62vw;
  height:56vw;
  border-radius:61% 39% 55% 45% / 43% 62% 38% 57%;
  background:
    radial-gradient(ellipse at 58% 48%,
      rgba(170,185,162,.37) 0%,
      rgba(170,185,162,.18) 42%,
      rgba(170,185,162,.06) 62%,
      rgba(170,185,162,0) 78%);
  transform:rotate(-8deg);
}

.grow-school-wash.two{
  right:-14vw;
  bottom:-8vw;
  width:56vw;
  height:45vw;
  border-radius:43% 57% 62% 38% / 58% 42% 56% 44%;
  background:
    radial-gradient(ellipse,
      rgba(244,217,122,.31) 0%,
      rgba(244,217,122,.13) 45%,
      rgba(244,217,122,0) 74%);
  transform:rotate(8deg);
}

.grow-school-wash.three{
  right:12vw;
  top:4vw;
  width:30vw;
  height:31vw;
  border-radius:59% 41% 47% 53% / 42% 58% 44% 56%;
  background:
    radial-gradient(ellipse,
      rgba(244,212,182,.10) 0%,
      rgba(244,212,182,.03) 48%,
      rgba(244,212,182,0) 73%);
}

.grow-school-hero-inner{
  position:relative;
  z-index:2;
  width:min(100%,1080px);
  margin:auto;
  text-align:center;
}

.grow-school-page .kicker{
  font-size:1.05rem;
  letter-spacing:.23em;
  color:#625e5b;
}

.grow-school-hero h1{
  font-family:var(--serif);
  font-size:clamp(4rem,7vw,7.3rem);
  line-height:.92;
  letter-spacing:-.04em;
  font-weight:400;
  margin:22px 0 38px;
}

.grow-school-lead{
  max-width:790px;
  margin:auto;
  line-height:1.74;
}

/* Haupttext mit weiter, offener Kreislinie als Hintergrund */
.grow-school-main{
  padding:clamp(125px,13vw,185px) 24px clamp(88px,9vw,125px);
  background:rgba(252,251,250,.98);
}

.grow-school-main-inner{
  max-width:940px;
  margin:auto;
}

.grow-school-main-copy{
  position:relative;
  isolation:isolate;
  max-width:790px;
  margin:auto;
  line-height:1.76;
}

.grow-school-main-copy p{
  position:relative;
  z-index:2;
  margin-bottom:25px;
}

.grow-school-orbit{
  position:absolute;
  z-index:-1;
  left:50%;
  top:52%;
  width:min(128%,820px);
  height:250px;
  transform:translate(-50%,-50%);
  opacity:.78;
  pointer-events:none;
}

.school-orbit-line{
  position:absolute;
  left:50%;
  top:50%;
  display:block;
  border:1px solid rgba(79,130,87,.18);
  transform-origin:center;
}

.school-orbit-line.one{
  width:88%;
  height:160px;
  transform:translate(-50%,-50%) rotate(-4deg);
  border-radius:58% 42% 53% 47% / 46% 58% 42% 54%;
}

.school-orbit-line.two{
  width:70%;
  height:205px;
  transform:translate(-50%,-50%) rotate(8deg);
  border-color:rgba(244,217,122,.20);
  border-radius:44% 56% 61% 39% / 57% 43% 54% 46%;
}

.school-orbit-glow{
  position:absolute;
  left:50%;
  top:54%;
  width:38%;
  height:96px;
  transform:translate(-50%,-50%) rotate(-7deg);
  border-radius:61% 39% 56% 44% / 45% 58% 42% 55%;
  background:
    radial-gradient(ellipse,
      rgba(244,217,122,.12) 0%,
      rgba(170,185,162,.045) 48%,
      rgba(170,185,162,0) 76%);
  filter:blur(7px);
}

/* Transfer / Gefühlsreisebuch */
.grow-school-transfer{
  padding:clamp(88px,9vw,125px) 24px clamp(120px,13vw,180px);
  background:
    linear-gradient(
      180deg,
      rgba(252,251,250,.98),
      rgba(248,246,241,.90) 58%,
      rgba(246,242,239,.60)
    );
}

.grow-school-transfer-inner{
  max-width:1180px;
  margin:auto;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:clamp(70px,9vw,126px);
  align-items:center;
}

.grow-school-transfer-copy{
  max-width:690px;
}

.grow-school-transfer-copy h2,
.grow-school-overview h2,
.grow-school-cta h2{
  font-family:var(--serif);
  font-size:clamp(2.7rem,4.8vw,5rem);
  font-weight:400;
  line-height:1.02;
  letter-spacing:-.025em;
  margin:20px 0 30px;
}

.grow-school-transfer-copy p{
  line-height:1.74;
}

.grow-school-impact{
  position:relative;
  max-width:440px;
  margin:auto;
  padding:70px 42px 62px;
  text-align:center;
  isolation:isolate;
}

.grow-school-impact::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-11% -15%;
  border-radius:61% 39% 54% 46% / 43% 62% 38% 57%;
  background:
    radial-gradient(ellipse at 45% 45%,
      rgba(244,217,122,.25) 0%,
      rgba(244,217,122,.11) 44%,
      rgba(244,217,122,0) 76%),
    radial-gradient(ellipse at 70% 70%,
      rgba(170,185,162,.14),
      rgba(170,185,162,0) 66%);
  filter:blur(7px);
}

.grow-school-impact-circle{
  display:block;
  width:64px;
  height:64px;
  margin:0 auto 25px;
  border:1px solid rgba(79,130,87,.36);
  border-radius:55% 45% 59% 41% / 45% 58% 42% 55%;
  transform:rotate(-8deg);
}

.grow-school-impact p{
  font-family:var(--serif);
  font-size:1.46rem;
  line-height:1.35;
  color:#53634f;
}

/* Überblick */
.grow-school-overview{
  padding:clamp(125px,14vw,190px) 24px clamp(130px,14vw,195px);
  background:var(--sand);
}

.grow-school-overview .grow-section-heading{
  margin-bottom:78px;
}

.grow-school-facts{
  max-width:1220px;
  margin:0 auto 78px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
}

.grow-school-facts>div{
  position:relative;
  min-height:190px;
  padding:32px 22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  isolation:isolate;
}

.grow-school-facts>div::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-9%;
  border-radius:55% 45% 60% 40% / 45% 58% 42% 55%;
  background:
    radial-gradient(ellipse,
      rgba(170,185,162,.20),
      rgba(170,185,162,.06) 52%,
      rgba(170,185,162,0) 76%);
  filter:blur(5px);
}

.grow-school-facts>div:nth-child(2)::before,
.grow-school-facts>div:nth-child(4)::before{
  background:
    radial-gradient(ellipse,
      rgba(244,217,122,.18),
      rgba(244,217,122,.052) 53%,
      rgba(244,217,122,0) 76%);
}

.grow-school-facts>div:nth-child(3)::before{
  background:
    radial-gradient(ellipse,
      rgba(244,212,182,.12),
      rgba(244,212,182,.035) 53%,
      rgba(244,212,182,0) 76%);
}

.grow-school-facts>div:nth-child(5)::before{
  background:
    radial-gradient(ellipse,
      rgba(179,163,201,.09),
      rgba(179,163,201,.025) 54%,
      rgba(179,163,201,0) 76%);
}

.grow-school-facts span{
  margin-bottom:12px;
  font-size:.72rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#697065;
}

.grow-school-facts strong{
  font-family:var(--serif);
  font-size:1.22rem;
  line-height:1.2;
  font-weight:400;
}

.grow-school-info-grid{
  max-width:1180px;
  margin:0 auto 76px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(40px,6vw,76px);
}

.grow-school-info{
  position:relative;
  padding:42px 36px 40px;
  isolation:isolate;
}

.grow-school-info::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-8%;
  background:
    radial-gradient(ellipse at 46% 45%,
      rgba(246,242,239,.75),
      rgba(246,242,239,.22) 58%,
      rgba(246,242,239,0) 80%);
}

.grow-school-info .kicker{
  margin-bottom:25px;
}

.grow-school-info ul{
  list-style:none;
  margin:0;
  padding:0;
}

.grow-school-info li{
  position:relative;
  padding:0 0 14px 23px;
  line-height:1.55;
}

.grow-school-info li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:7px;
  height:7px;
  border:1px solid rgba(79,130,87,.48);
  border-radius:50%;
}

.grow-school-suitable{
  grid-column:1 / -1;
  max-width:760px;
  width:100%;
  margin:auto;
}

.grow-school-suitable ul{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:11px 26px;
}

.grow-school-suitable li{
  padding-bottom:0;
}

.grow-school-cost{
  position:relative;
  isolation:isolate;
  max-width:690px;
  margin:auto;
  padding:58px 42px;
  text-align:center;
}

.grow-school-cost::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-14% -10%;
  border-radius:61% 39% 53% 47% / 45% 58% 42% 55%;
  background:
    radial-gradient(ellipse,
      rgba(244,217,122,.22),
      rgba(170,185,162,.065) 55%,
      rgba(170,185,162,0) 78%);
  filter:blur(7px);
}

.grow-school-cost .kicker{
  margin-bottom:16px;
}

.grow-school-cost p:not(.kicker){
  font-family:var(--serif);
  font-size:clamp(1.7rem,2.5vw,2.5rem);
  line-height:1.2;
  color:#53634f;
}

/* Zusammenarbeit */
.grow-school-cta{
  position:relative;
  overflow:hidden;
  padding:clamp(125px,14vw,190px) 24px clamp(125px,14vw,190px);
  background:
    linear-gradient(
      180deg,
      rgba(250,248,245,.97),
      rgba(246,242,239,.96)
    );
}

.grow-school-cta::before{
  content:"";
  position:absolute;
  inset:-20% -10%;
  background:
    radial-gradient(ellipse 45% 70% at 3% 62%,
      rgba(170,185,162,.14),
      rgba(170,185,162,0) 75%),
    radial-gradient(ellipse 43% 68% at 98% 39%,
      rgba(244,217,122,.15),
      rgba(244,217,122,0) 75%),
    radial-gradient(ellipse 38% 55% at 72% 80%,
      rgba(244,212,182,.07),
      rgba(244,212,182,0) 74%);
  filter:blur(10px);
}

.grow-school-cta-inner{
  position:relative;
  z-index:1;
  max-width:850px;
  margin:auto;
  text-align:center;
}

.grow-school-cta-inner>p:not(.kicker){
  max-width:740px;
  margin:0 auto 22px;
  line-height:1.72;
}

.grow-school-button{
  margin-top:18px;
  background:rgba(79,130,87,.84);
  border-color:rgba(79,130,87,.12);
  box-shadow:0 10px 26px rgba(79,130,87,.08);
}

.grow-school-button:hover{
  background:rgba(79,130,87,.94);
}

.grow-school-back{
  display:block;
  margin-top:31px;
  font-size:.8rem;
  opacity:.68;
}

/* Responsive */
@media(max-width:1000px){
  .grow-school-facts{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .grow-school-facts>div:last-child{
    grid-column:1 / -1;
    max-width:520px;
    width:100%;
    margin:auto;
  }
}

@media(max-width:900px){
  .grow-school-transfer-inner,
  .grow-school-info-grid{
    grid-template-columns:1fr;
  }

  .grow-school-transfer-inner{
    gap:58px;
  }

  .grow-school-impact{
    max-width:520px;
  }

  .grow-school-suitable{
    grid-column:auto;
  }
}

@media(max-width:600px){
  .grow-school-hero{
    min-height:auto;
    padding:158px 20px 110px;
  }

  .grow-school-wash{
    filter:blur(7px);
  }

  .grow-school-wash.one{
    left:-66vw;
    top:-6vw;
    width:132vw;
    height:112vw;
  }

  .grow-school-wash.two{
    right:-60vw;
    bottom:-18vw;
    width:124vw;
    height:102vw;
  }

  .grow-school-wash.three{
    right:-29vw;
    top:34vw;
    width:83vw;
    height:72vw;
  }

  .grow-school-page .kicker{
    font-size:.9rem;
  }

  .grow-school-hero h1{
    font-size:clamp(3.2rem,15vw,4.55rem);
    line-height:.94;
    margin-bottom:31px;
  }

  .grow-school-main,
  .grow-school-transfer,
  .grow-school-overview,
  .grow-school-cta{
    padding-left:20px;
    padding-right:20px;
  }

  .grow-school-orbit{
    width:116%;
    height:185px;
  }

  .school-orbit-line.one{
    width:92%;
    height:116px;
  }

  .school-orbit-line.two{
    width:75%;
    height:148px;
  }

  .school-orbit-glow{
    width:42%;
    height:68px;
  }

  .grow-school-impact{
    padding:58px 24px 50px;
  }

  .grow-school-facts{
    grid-template-columns:1fr;
    gap:10px;
  }

  .grow-school-facts>div,
  .grow-school-facts>div:last-child{
    grid-column:auto;
    min-height:150px;
    max-width:none;
  }

  .grow-school-info{
    padding:35px 18px;
  }

  .grow-school-suitable ul{
    display:block;
  }

  .grow-school-suitable li{
    padding:0 0 14px 23px;
  }

  .grow-school-cost{
    padding:52px 24px;
  }
}


/* =========================================================
   V18.1 – MeYouGROW Schulen · Abstände kompakter
   ========================================================= */

/* Hero endet etwas früher; der Haupttext beginnt näher daran. */
.grow-school-hero{
  padding-bottom:88px;
}

.grow-school-main{
  padding-top:clamp(72px,7vw,100px);
  padding-bottom:clamp(58px,6vw,82px);
}

/* Übergang vom Haupttext zum Gefühlsreisebuch enger führen. */
.grow-school-transfer{
  padding-top:clamp(58px,6vw,82px);
  padding-bottom:clamp(100px,11vw,145px);
}

/* "Auf einen Blick": Überschrift, Fakten und Listen rücken zusammen. */
.grow-school-overview{
  padding-top:clamp(100px,11vw,145px);
  padding-bottom:clamp(82px,9vw,118px);
}

.grow-school-overview .grow-section-heading{
  margin-bottom:44px;
}

.grow-school-facts{
  margin-bottom:44px;
}

.grow-school-info-grid{
  margin-bottom:50px;
}

/* Der Kosten-/Rahmenbedingungen-Bereich liegt näher am folgenden Abschluss. */
.grow-school-cost{
  padding-top:48px;
  padding-bottom:48px;
}

.grow-school-cta{
  padding-top:clamp(78px,8vw,112px);
}

/* Mobile Ansicht: dieselben Übergänge bewusst kompakter. */
@media(max-width:600px){
  .grow-school-hero{
    padding-bottom:78px;
  }

  .grow-school-main{
    padding-top:68px;
    padding-bottom:52px;
  }

  .grow-school-transfer{
    padding-top:52px;
    padding-bottom:92px;
  }

  .grow-school-overview{
    padding-top:92px;
    padding-bottom:72px;
  }

  .grow-school-overview .grow-section-heading{
    margin-bottom:34px;
  }

  .grow-school-facts{
    margin-bottom:32px;
  }

  .grow-school-info-grid{
    margin-bottom:38px;
  }

  .grow-school-cost{
    padding-top:40px;
    padding-bottom:40px;
  }

  .grow-school-cta{
    padding-top:68px;
  }
}


/* =========================================================
   V19 – MeYouGROW · Stiftungen & Förderprogramme
   ========================================================= */

.grow-foundation-page{
  background:var(--sand);
}

/* HERO – etwas weiter, förderorientierter; Salbei + Peach, Lavendel nur als Echo */
.grow-foundation-hero{
  position:relative;
  min-height:90vh;
  overflow:hidden;
  isolation:isolate;
  display:flex;
  align-items:center;
  padding:185px 24px 118px;
  background:
    linear-gradient(
      155deg,
      rgba(252,251,250,.99) 0%,
      rgba(248,245,241,.94) 58%,
      rgba(252,251,250,.99) 100%
    );
}

.grow-foundation-wash{
  position:absolute;
  z-index:-2;
  pointer-events:none;
  filter:blur(10px);
}

.grow-foundation-wash.one{
  left:-18vw;
  top:-9vw;
  width:64vw;
  height:56vw;
  border-radius:62% 38% 55% 45% / 44% 61% 39% 56%;
  background:
    radial-gradient(ellipse at 58% 48%,
      rgba(170,185,162,.39) 0%,
      rgba(170,185,162,.20) 42%,
      rgba(170,185,162,.07) 62%,
      rgba(170,185,162,0) 78%);
  transform:rotate(-8deg);
}

.grow-foundation-wash.two{
  right:-14vw;
  bottom:-7vw;
  width:56vw;
  height:45vw;
  border-radius:43% 57% 62% 38% / 58% 42% 56% 44%;
  background:
    radial-gradient(ellipse,
      rgba(244,212,182,.28) 0%,
      rgba(244,212,182,.11) 45%,
      rgba(244,212,182,0) 74%);
  transform:rotate(8deg);
}

.grow-foundation-wash.three{
  right:13vw;
  top:4vw;
  width:31vw;
  height:31vw;
  border-radius:59% 41% 47% 53% / 42% 58% 44% 56%;
  background:
    radial-gradient(ellipse,
      rgba(179,163,201,.09) 0%,
      rgba(179,163,201,.028) 48%,
      rgba(179,163,201,0) 73%);
}

.grow-foundation-hero-inner{
  position:relative;
  z-index:2;
  width:min(100%,1100px);
  margin:auto;
  text-align:center;
}

.grow-foundation-page .kicker{
  font-size:1.05rem;
  letter-spacing:.23em;
  color:#625e5b;
}

.grow-foundation-hero h1{
  font-family:var(--serif);
  font-size:clamp(4rem,7vw,7.35rem);
  line-height:.92;
  letter-spacing:-.04em;
  font-weight:400;
  margin:22px 0 38px;
}

.grow-foundation-lead{
  max-width:820px;
  margin:auto;
  line-height:1.74;
}

/* Haupttext – große, ruhige Textfläche mit organischer Linienstruktur */
.grow-foundation-story{
  padding:clamp(74px,7vw,102px) 24px clamp(60px,6vw,86px);
  background:rgba(252,251,250,.98);
}

.grow-foundation-story-inner{
  max-width:970px;
  margin:auto;
}

.grow-foundation-story-copy{
  position:relative;
  isolation:isolate;
  max-width:810px;
  margin:auto;
  line-height:1.76;
}

.grow-foundation-story-copy p{
  position:relative;
  z-index:2;
  margin-bottom:25px;
}

.grow-foundation-orbit{
  position:absolute;
  z-index:-1;
  left:50%;
  top:52%;
  width:min(132%,860px);
  height:270px;
  transform:translate(-50%,-50%);
  opacity:.75;
  pointer-events:none;
}

.foundation-orbit-line{
  position:absolute;
  left:50%;
  top:50%;
  display:block;
  border:1px solid rgba(79,130,87,.17);
  transform-origin:center;
}

.foundation-orbit-line.one{
  width:90%;
  height:174px;
  transform:translate(-50%,-50%) rotate(-4deg);
  border-radius:58% 42% 53% 47% / 46% 58% 42% 54%;
}

.foundation-orbit-line.two{
  width:72%;
  height:218px;
  transform:translate(-50%,-50%) rotate(8deg);
  border-color:rgba(244,212,182,.18);
  border-radius:44% 56% 61% 39% / 57% 43% 54% 46%;
}

.foundation-orbit-glow{
  position:absolute;
  left:50%;
  top:54%;
  width:40%;
  height:104px;
  transform:translate(-50%,-50%) rotate(-7deg);
  border-radius:61% 39% 56% 44% / 45% 58% 42% 55%;
  background:
    radial-gradient(ellipse,
      rgba(244,212,182,.11) 0%,
      rgba(170,185,162,.045) 48%,
      rgba(170,185,162,0) 76%);
  filter:blur(7px);
}

/* Präventions-/Wirkungsbereich */
.grow-foundation-impact{
  padding:clamp(60px,6vw,86px) 24px clamp(104px,11vw,150px);
  background:
    linear-gradient(
      180deg,
      rgba(252,251,250,.98),
      rgba(248,245,241,.91) 58%,
      rgba(246,242,239,.62)
    );
}

.grow-foundation-impact-inner{
  max-width:1180px;
  margin:auto;
  display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:clamp(72px,9vw,128px);
  align-items:center;
}

.grow-foundation-impact-copy{
  max-width:710px;
}

.grow-foundation-impact-copy h2,
.grow-foundation-overview h2,
.grow-foundation-cta h2{
  font-family:var(--serif);
  font-size:clamp(2.7rem,4.8vw,5rem);
  font-weight:400;
  line-height:1.02;
  letter-spacing:-.025em;
  margin:20px 0 30px;
}

.grow-foundation-impact-copy p{
  line-height:1.74;
}

.grow-foundation-access{
  position:relative;
  max-width:450px;
  margin:auto;
  padding:70px 42px 62px;
  text-align:center;
  isolation:isolate;
}

.grow-foundation-access::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-11% -15%;
  border-radius:61% 39% 54% 46% / 43% 62% 38% 57%;
  background:
    radial-gradient(ellipse at 45% 45%,
      rgba(244,212,182,.24) 0%,
      rgba(244,212,182,.11) 44%,
      rgba(244,212,182,0) 76%),
    radial-gradient(ellipse at 70% 70%,
      rgba(170,185,162,.14),
      rgba(170,185,162,0) 66%);
  filter:blur(7px);
}

.grow-foundation-circle{
  display:block;
  width:64px;
  height:64px;
  margin:0 auto 25px;
  border:1px solid rgba(79,130,87,.35);
  border-radius:55% 45% 59% 41% / 45% 58% 42% 55%;
  transform:rotate(-8deg);
}

.grow-foundation-access p{
  font-family:var(--serif);
  font-size:1.42rem;
  line-height:1.38;
  color:#53634f;
}

/* Auf einen Blick */
.grow-foundation-overview{
  padding:clamp(102px,11vw,148px) 24px clamp(84px,9vw,120px);
  background:var(--sand);
}

.grow-foundation-overview .grow-section-heading{
  margin-bottom:44px;
}

.grow-foundation-facts{
  max-width:1220px;
  margin:0 auto 44px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
}

.grow-foundation-facts>div{
  position:relative;
  min-height:190px;
  padding:32px 22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  isolation:isolate;
}

.grow-foundation-facts>div::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-9%;
  border-radius:55% 45% 60% 40% / 45% 58% 42% 55%;
  background:
    radial-gradient(ellipse,
      rgba(170,185,162,.20),
      rgba(170,185,162,.06) 52%,
      rgba(170,185,162,0) 76%);
  filter:blur(5px);
}

.grow-foundation-facts>div:nth-child(2)::before,
.grow-foundation-facts>div:nth-child(4)::before{
  background:
    radial-gradient(ellipse,
      rgba(244,212,182,.17),
      rgba(244,212,182,.05) 53%,
      rgba(244,212,182,0) 76%);
}

.grow-foundation-facts>div:nth-child(3)::before{
  background:
    radial-gradient(ellipse,
      rgba(244,217,122,.15),
      rgba(244,217,122,.043) 53%,
      rgba(244,217,122,0) 76%);
}

.grow-foundation-facts>div:nth-child(5)::before{
  background:
    radial-gradient(ellipse,
      rgba(179,163,201,.085),
      rgba(179,163,201,.024) 54%,
      rgba(179,163,201,0) 76%);
}

.grow-foundation-facts span{
  margin-bottom:12px;
  font-size:.72rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#697065;
}

.grow-foundation-facts strong{
  font-family:var(--serif);
  font-size:1.18rem;
  line-height:1.2;
  font-weight:400;
}

.grow-foundation-info-grid{
  max-width:1180px;
  margin:0 auto 50px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(40px,6vw,76px);
}

.grow-foundation-info{
  position:relative;
  padding:42px 36px 40px;
  isolation:isolate;
}

.grow-foundation-info::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-8%;
  background:
    radial-gradient(ellipse at 46% 45%,
      rgba(246,242,239,.75),
      rgba(246,242,239,.22) 58%,
      rgba(246,242,239,0) 80%);
}

.grow-foundation-info .kicker{
  margin-bottom:25px;
}

.grow-foundation-info ul{
  list-style:none;
  margin:0;
  padding:0;
}

.grow-foundation-info li{
  position:relative;
  padding:0 0 14px 23px;
  line-height:1.55;
}

.grow-foundation-info li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:7px;
  height:7px;
  border:1px solid rgba(79,130,87,.48);
  border-radius:50%;
}

.grow-foundation-suitable{
  grid-column:1 / -1;
  max-width:820px;
  width:100%;
  margin:auto;
}

.grow-foundation-suitable ul{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:11px 26px;
}

.grow-foundation-suitable li{
  padding-bottom:0;
}

.grow-foundation-cost{
  position:relative;
  isolation:isolate;
  max-width:700px;
  margin:auto;
  padding:48px 42px;
  text-align:center;
}

.grow-foundation-cost::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-14% -10%;
  border-radius:61% 39% 53% 47% / 45% 58% 42% 55%;
  background:
    radial-gradient(ellipse,
      rgba(244,212,182,.20),
      rgba(170,185,162,.06) 55%,
      rgba(170,185,162,0) 78%);
  filter:blur(7px);
}

.grow-foundation-cost .kicker{
  margin-bottom:16px;
}

.grow-foundation-cost p:not(.kicker){
  font-family:var(--serif);
  font-size:clamp(1.7rem,2.5vw,2.5rem);
  line-height:1.2;
  color:#53634f;
}

/* Förder-CTA */
.grow-foundation-cta{
  position:relative;
  overflow:hidden;
  padding:clamp(78px,8vw,112px) 24px clamp(125px,14vw,190px);
  background:
    linear-gradient(
      180deg,
      rgba(250,248,245,.97),
      rgba(246,242,239,.96)
    );
}

.grow-foundation-cta::before{
  content:"";
  position:absolute;
  inset:-20% -10%;
  background:
    radial-gradient(ellipse 45% 70% at 3% 62%,
      rgba(170,185,162,.14),
      rgba(170,185,162,0) 75%),
    radial-gradient(ellipse 43% 68% at 98% 39%,
      rgba(244,212,182,.14),
      rgba(244,212,182,0) 75%),
    radial-gradient(ellipse 40% 58% at 72% 78%,
      rgba(179,163,201,.055),
      rgba(179,163,201,0) 74%);
  filter:blur(10px);
}

.grow-foundation-cta-inner{
  position:relative;
  z-index:1;
  max-width:850px;
  margin:auto;
  text-align:center;
}

.grow-foundation-cta-inner>p:not(.kicker){
  max-width:740px;
  margin:0 auto 22px;
  line-height:1.72;
}

.grow-foundation-button{
  margin-top:18px;
  background:rgba(79,130,87,.84);
  border-color:rgba(79,130,87,.12);
  box-shadow:0 10px 26px rgba(79,130,87,.08);
}

.grow-foundation-button:hover{
  background:rgba(79,130,87,.94);
}

.grow-foundation-back{
  display:block;
  margin-top:31px;
  font-size:.8rem;
  opacity:.68;
}

/* Responsive */
@media(max-width:1000px){
  .grow-foundation-facts{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .grow-foundation-facts>div:last-child{
    grid-column:1 / -1;
    max-width:540px;
    width:100%;
    margin:auto;
  }
}

@media(max-width:900px){
  .grow-foundation-impact-inner,
  .grow-foundation-info-grid{
    grid-template-columns:1fr;
  }

  .grow-foundation-impact-inner{
    gap:58px;
  }

  .grow-foundation-access{
    max-width:540px;
  }

  .grow-foundation-suitable{
    grid-column:auto;
  }
}

@media(max-width:600px){
  .grow-foundation-hero{
    min-height:auto;
    padding:158px 20px 82px;
  }

  .grow-foundation-wash{
    filter:blur(7px);
  }

  .grow-foundation-wash.one{
    left:-66vw;
    top:-6vw;
    width:132vw;
    height:112vw;
  }

  .grow-foundation-wash.two{
    right:-60vw;
    bottom:-18vw;
    width:124vw;
    height:102vw;
  }

  .grow-foundation-wash.three{
    right:-30vw;
    top:33vw;
    width:84vw;
    height:72vw;
  }

  .grow-foundation-page .kicker{
    font-size:.9rem;
  }

  .grow-foundation-hero h1{
    font-size:clamp(3rem,14vw,4.4rem);
    line-height:.94;
    margin-bottom:31px;
  }

  .grow-foundation-story,
  .grow-foundation-impact,
  .grow-foundation-overview,
  .grow-foundation-cta{
    padding-left:20px;
    padding-right:20px;
  }

  .grow-foundation-story{
    padding-top:68px;
    padding-bottom:52px;
  }

  .grow-foundation-impact{
    padding-top:52px;
    padding-bottom:92px;
  }

  .grow-foundation-orbit{
    width:116%;
    height:188px;
  }

  .foundation-orbit-line.one{
    width:92%;
    height:118px;
  }

  .foundation-orbit-line.two{
    width:75%;
    height:150px;
  }

  .foundation-orbit-glow{
    width:42%;
    height:68px;
  }

  .grow-foundation-access{
    padding:58px 24px 50px;
  }

  .grow-foundation-overview{
    padding-top:92px;
    padding-bottom:72px;
  }

  .grow-foundation-overview .grow-section-heading{
    margin-bottom:34px;
  }

  .grow-foundation-facts{
    grid-template-columns:1fr;
    gap:10px;
    margin-bottom:32px;
  }

  .grow-foundation-facts>div,
  .grow-foundation-facts>div:last-child{
    grid-column:auto;
    min-height:150px;
    max-width:none;
  }

  .grow-foundation-info-grid{
    margin-bottom:38px;
  }

  .grow-foundation-info{
    padding:35px 18px;
  }

  .grow-foundation-suitable ul{
    display:block;
  }

  .grow-foundation-suitable li{
    padding:0 0 14px 23px;
  }

  .grow-foundation-cost{
    padding:40px 24px;
  }

  .grow-foundation-cta{
    padding-top:68px;
  }
}


/* =========================================================
   V19.1 – Stiftungen Feinschliff
   ========================================================= */

/* Hero kompakter, damit der nächste Inhalt schneller erreicht wird. */
.grow-foundation-hero{
  min-height:76vh;
  padding-top:170px;
  padding-bottom:86px;
}

.grow-foundation-hero-inner{
  max-width:1040px;
}

.grow-foundation-lead{
  max-width:790px;
}

/* Der erste Inhaltsbereich rückt etwas näher an den Hero. */
.grow-foundation-story{
  padding-top:clamp(58px,6vw,82px);
}

/* Mobile: Hero deutlich kompakter und Überblick enger geführt. */
@media(max-width:600px){
  .grow-foundation-hero{
    min-height:auto;
    padding-top:150px;
    padding-bottom:66px;
  }

  .grow-foundation-story{
    padding-top:54px;
  }

  /* "Auf einen Blick" kompakter: weniger Leerraum zwischen Fakten, Listen und Kosten. */
  .grow-foundation-overview{
    padding-top:78px;
    padding-bottom:58px;
  }

  .grow-foundation-overview .grow-section-heading{
    margin-bottom:24px;
  }

  .grow-foundation-facts{
    gap:0;
    margin-bottom:18px;
  }

  .grow-foundation-facts>div,
  .grow-foundation-facts>div:last-child{
    min-height:128px;
    padding:24px 18px;
  }

  .grow-foundation-info-grid{
    gap:8px;
    margin-bottom:22px;
  }

  .grow-foundation-info{
    padding:24px 14px 22px;
  }

  .grow-foundation-info .kicker{
    margin-bottom:16px;
  }

  .grow-foundation-info li{
    padding-bottom:10px;
  }

  .grow-foundation-cost{
    padding-top:28px;
    padding-bottom:28px;
  }

  .grow-foundation-cost .kicker{
    margin-bottom:10px;
  }
}


/* V19.2 – Mobile Stiftungs-Hero: Abstand zum Logo */

@media(max-width:600px){
  /* Inhalt etwas tiefer setzen, ohne den Hero insgesamt wieder länger zu machen. */
  .grow-foundation-hero{
    padding-top:184px;
    padding-bottom:32px;
  }
}


/* =========================================================
   V20 – MeYouARRIVE Einstiegsseite
   ========================================================= */
.arrive-page{background:var(--sand)}
.arrive-page .kicker{font-size:1.05rem;letter-spacing:.23em;color:#625e5b}
.arrive-section{position:relative;overflow:hidden}
.arrive-heading{max-width:900px}.arrive-heading.centered{text-align:center;margin-left:auto;margin-right:auto}
.arrive-heading .kicker{margin-bottom:20px}.arrive-heading h2{font-family:var(--serif);font-size:clamp(2.7rem,4.8vw,5rem);font-weight:400;line-height:1.02;letter-spacing:-.025em;margin:0}

.arrive-hero{position:relative;min-height:86vh;overflow:hidden;display:grid;place-items:center;padding:175px 24px 112px;isolation:isolate;background:linear-gradient(155deg,rgba(252,251,250,.99),rgba(249,246,250,.96) 48%,rgba(246,242,239,.9))}
.arrive-wash{position:absolute;z-index:-2;pointer-events:none;filter:blur(10px)}
.arrive-wash-one{width:64vw;height:53vw;left:-19vw;top:-11vw;border-radius:61% 39% 56% 44%/45% 62% 38% 55%;background:radial-gradient(ellipse at 58% 48%,rgba(215,200,232,.54),rgba(215,200,232,.29) 41%,rgba(215,200,232,.09) 62%,rgba(215,200,232,0) 79%);transform:rotate(-9deg)}
.arrive-wash-two{width:50vw;height:41vw;right:-13vw;bottom:-8vw;border-radius:43% 57% 61% 39%/58% 42% 56% 44%;background:radial-gradient(ellipse at 44% 42%,rgba(246,218,229,.42),rgba(246,218,229,.19) 45%,rgba(246,218,229,0) 74%);transform:rotate(11deg)}
.arrive-wash-three{width:29vw;height:29vw;right:15vw;top:6vw;background:radial-gradient(ellipse,rgba(250,81,148,.09),rgba(250,81,148,.025) 48%,rgba(250,81,148,0) 73%)}
.arrive-wash-four{width:28vw;height:34vw;left:39vw;bottom:-14vw;background:radial-gradient(ellipse,rgba(129,151,185,.11),rgba(129,151,185,.032) 48%,rgba(129,151,185,0) 74%)}
.arrive-hero-inner{position:relative;z-index:2;width:min(100%,1080px);text-align:center}.arrive-hero .kicker{margin-bottom:22px}
.arrive-hero h1{font-family:var(--serif);font-size:clamp(4.2rem,7.6vw,8rem);font-weight:400;line-height:.91;letter-spacing:-.045em;margin:0}
.arrive-claim{font-family:var(--serif);font-size:clamp(1.85rem,3vw,3.2rem);line-height:1.08;color:#695d73;margin:20px 0 0}

.arrive-intro{padding:clamp(112px,12vw,165px) 24px clamp(105px,11vw,150px);background:linear-gradient(180deg,rgba(246,242,239,.34),rgba(252,251,250,.98) 40%,#fcfbfa)}
.arrive-intro:before{content:"";position:absolute;left:-15%;top:12%;width:52%;height:72%;background:radial-gradient(ellipse,rgba(215,200,232,.23),rgba(215,200,232,.09) 47%,rgba(215,200,232,0) 74%);filter:blur(9px)}
.arrive-intro:after{content:"";position:absolute;right:-11%;bottom:4%;width:40%;height:45%;background:radial-gradient(ellipse,rgba(246,218,229,.15),rgba(246,218,229,0) 72%);filter:blur(10px)}
.arrive-intro-inner{position:relative;z-index:1;max-width:1180px;margin:auto;display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(58px,8vw,112px);align-items:start}
.arrive-intro-copy{position:relative;isolation:isolate;max-width:680px;padding-top:8px;line-height:1.74}.arrive-intro-copy p{position:relative;z-index:2;margin-bottom:24px}.arrive-intro-copy p:last-of-type{margin-top:34px}
.arrive-orbit{position:absolute;z-index:-1;left:50%;top:54%;width:min(118%,650px);height:220px;transform:translate(-50%,-50%);opacity:.78;pointer-events:none}
.arrive-orbit span{position:absolute;left:50%;top:50%;display:block;border:1px solid rgba(136,109,167,.18);border-radius:50%}.arrive-orbit span:first-child{width:88%;height:142px;transform:translate(-50%,-50%) rotate(-5deg)}.arrive-orbit span:nth-child(2){width:68%;height:184px;transform:translate(-50%,-50%) rotate(8deg);border-color:rgba(129,151,185,.12)}
.arrive-orbit i{position:absolute;right:20%;top:22%;width:8px;height:8px;border-radius:50%;background:rgba(250,81,148,.46);box-shadow:0 0 0 8px rgba(246,218,229,.11)}

.arrive-journal{padding:clamp(108px,11vw,155px) 24px clamp(120px,13vw,175px);background:linear-gradient(180deg,#fcfbfa,rgba(249,246,250,.91) 56%,rgba(246,242,239,.56))}
.arrive-journal-copy{position:relative;isolation:isolate;max-width:850px;margin:auto;padding:clamp(62px,7vw,90px) clamp(30px,6vw,78px);text-align:center}
.arrive-journal-copy:before{content:"";position:absolute;z-index:-3;left:50%;top:50%;width:128%;height:118%;transform:translate(-50%,-50%) rotate(-2deg);border-radius:59% 41% 56% 44%/44% 61% 39% 56%;background:radial-gradient(ellipse at 43% 44%,rgba(215,200,232,.36),rgba(215,200,232,.18) 41%,rgba(215,200,232,.06) 61%,rgba(215,200,232,0) 78%),radial-gradient(ellipse at 71% 68%,rgba(246,218,229,.2),rgba(246,218,229,.06) 48%,rgba(246,218,229,0) 72%);filter:blur(8px)}
.arrive-journal-copy:after{content:"";position:absolute;z-index:-2;left:50%;top:52%;width:92%;height:88%;transform:translate(-50%,-50%) rotate(3deg);background:radial-gradient(ellipse,rgba(129,151,185,.075),rgba(129,151,185,.02) 52%,rgba(129,151,185,0) 76%)}
.arrive-compass{position:relative;display:block;width:64px;height:64px;margin:0 auto 23px;border:1px solid rgba(136,109,167,.43);border-radius:50%;transform:rotate(-8deg)}
.arrive-compass:before,.arrive-compass:after{content:"";position:absolute;left:50%;top:50%;background:rgba(136,109,167,.55);transform:translate(-50%,-50%)}.arrive-compass:before{width:1px;height:31px}.arrive-compass:after{width:31px;height:1px}
.arrive-journal-copy .arrive-heading{margin:0 auto 34px}.arrive-journal-copy p{max-width:710px;margin:0 auto 22px;line-height:1.72}.arrive-journal-end{margin-top:30px!important;color:#5f5269}

.arrive-paths{padding:clamp(125px,14vw,190px) 24px clamp(135px,15vw,200px);background:var(--sand)}.arrive-paths .arrive-heading{max-width:920px;margin-bottom:82px}
.arrive-path-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(50px,7vw,90px) clamp(52px,8vw,105px)}
.arrive-path-card{position:relative;z-index:1;min-height:420px;padding:46px 42px 38px;display:flex;flex-direction:column;text-decoration:none;color:inherit;isolation:isolate;transition:transform .3s ease}.arrive-path-card:hover{transform:translateY(-3px)}
.arrive-path-card:before{content:"";position:absolute;z-index:-2;left:50%;top:50%;width:118%;height:112%;transform:translate(-50%,-50%);filter:blur(8px);pointer-events:none}.arrive-path-card:after{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:98%;height:94%;transform:translate(-50%,-50%);pointer-events:none}
.arrive-path-card.girls:before{background:radial-gradient(ellipse,rgba(215,200,232,.48),rgba(215,200,232,.25) 41%,rgba(215,200,232,.075) 62%,rgba(215,200,232,0) 79%)}.arrive-path-card.girls:after{background:radial-gradient(ellipse,rgba(246,218,229,.15),rgba(246,218,229,0) 69%)}
.arrive-path-card.parents:before{background:radial-gradient(ellipse,rgba(246,218,229,.42),rgba(246,218,229,.2) 42%,rgba(246,218,229,.06) 62%,rgba(246,218,229,0) 79%)}.arrive-path-card.parents:after{background:radial-gradient(ellipse,rgba(215,200,232,.13),rgba(215,200,232,0) 70%)}
.arrive-path-card.schools:before{background:radial-gradient(ellipse,rgba(129,151,185,.25),rgba(215,200,232,.16) 43%,rgba(215,200,232,.045) 62%,rgba(215,200,232,0) 80%)}.arrive-path-card.schools:after{background:radial-gradient(ellipse,rgba(246,218,229,.08),rgba(246,218,229,0) 70%)}
.arrive-path-card.foundations:before{background:radial-gradient(ellipse,rgba(215,200,232,.35),rgba(179,163,201,.15) 43%,rgba(179,163,201,.045) 62%,rgba(179,163,201,0) 80%),radial-gradient(ellipse at 72% 72%,rgba(250,81,148,.055),rgba(250,81,148,0) 62%)}
.arrive-path-card .audience{display:block;text-align:center;margin-bottom:20px;color:#675c6d;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.arrive-path-card h3{font-family:var(--serif);font-size:clamp(2.1rem,3vw,3.35rem);font-weight:400;line-height:1.03;text-align:center;margin:0 0 26px}.arrive-path-card p{max-width:500px;margin:0 auto 24px;line-height:1.68}.arrive-link{margin-top:auto;align-self:center;font-size:.88rem;font-weight:600}.arrive-link:after{content:" →"}
.arrive-back{padding:34px 24px 54px;text-align:center;background:var(--sand)}.arrive-back a{font-size:.82rem;font-weight:500;opacity:.72}

.arrive-placeholder{position:relative;min-height:78vh;overflow:hidden;display:grid;place-items:center;padding:170px 24px 100px;text-align:center;background:radial-gradient(ellipse at 18% 28%,rgba(215,200,232,.23),rgba(215,200,232,0) 43%),radial-gradient(ellipse at 84% 72%,rgba(246,218,229,.17),rgba(246,218,229,0) 43%),var(--sand)}.arrive-placeholder .narrow{max-width:830px}.arrive-placeholder h1{font-family:var(--serif);font-size:clamp(3rem,6vw,6rem);font-weight:400;line-height:.98;margin:14px 0 24px}

@media(max-width:900px){.arrive-intro-inner{grid-template-columns:1fr;gap:42px}.arrive-path-grid{grid-template-columns:1fr;gap:62px}.arrive-path-card{max-width:690px;width:100%;min-height:390px;margin:auto}}
@media(max-width:600px){.arrive-hero{min-height:80vh;padding:154px 20px 92px}.arrive-wash{filter:blur(7px)}.arrive-wash-one{width:130vw;height:108vw;left:-62vw;top:-8vw}.arrive-wash-two{width:112vw;height:92vw;right:-54vw;bottom:-14vw}.arrive-wash-three{width:78vw;height:69vw;right:-30vw;top:25vw}.arrive-wash-four{width:74vw;height:78vw;left:12vw;bottom:-31vw}.arrive-page .kicker{font-size:.9rem}.arrive-hero h1{font-size:clamp(3.2rem,14.2vw,4.4rem);line-height:.94;letter-spacing:-.05em;white-space:nowrap}.arrive-claim{font-size:clamp(1.65rem,7.8vw,2.2rem)}.arrive-intro{padding:96px 20px 92px}.arrive-intro:before{left:-40%;top:10%;width:105%;height:46%}.arrive-intro:after{right:-34%;bottom:3%;width:88%;height:38%}.arrive-orbit{width:116%;height:178px;top:56%}.arrive-orbit span:first-child{width:92%;height:110px}.arrive-orbit span:nth-child(2){width:74%;height:142px}.arrive-journal{padding:96px 20px 108px}.arrive-journal-copy{padding:58px 16px 64px}.arrive-journal-copy:before{width:118%;height:110%}.arrive-compass{width:56px;height:56px}.arrive-paths{padding:104px 20px 124px}.arrive-paths .arrive-heading{margin-bottom:62px}.arrive-path-card{min-height:370px;padding:38px 22px 32px}.arrive-path-card:before{width:112%;height:108%}}
@media(max-width:380px){.arrive-hero h1{font-size:clamp(3rem,13.6vw,4rem)}}


/* =========================================================
   V20.1 – MeYouARRIVE Text- & Farbfeinschliff
   ========================================================= */

/* Insgesamt weniger Flieder, mehr Sand/Natur als ruhige Basis. */
.arrive-hero{
  background:
    linear-gradient(
      155deg,
      rgba(252,251,250,.995) 0%,
      rgba(248,245,242,.975) 52%,
      rgba(246,242,239,.94) 100%
    );
}

.arrive-hero-wash.one{
  background:
    radial-gradient(
      ellipse at 58% 48%,
      rgba(215,200,232,.40) 0%,
      rgba(215,200,232,.20) 41%,
      rgba(215,200,232,.06) 62%,
      rgba(215,200,232,0) 79%
    );
}

.arrive-hero-wash.two{
  background:
    radial-gradient(
      ellipse at 44% 42%,
      rgba(246,218,229,.38) 0%,
      rgba(246,218,229,.16) 45%,
      rgba(246,218,229,0) 74%
    );
}

.arrive-hero-wash.three{
  background:
    radial-gradient(
      ellipse,
      rgba(250,81,148,.055) 0%,
      rgba(250,81,148,.016) 48%,
      rgba(250,81,148,0) 73%
    );
}

.arrive-hero-wash.four{
  background:
    radial-gradient(
      ellipse,
      rgba(129,151,185,.075) 0%,
      rgba(129,151,185,.022) 48%,
      rgba(129,151,185,0) 74%
    );
}

/* Der vierzeilige Zwischen-Abschnitt darf ruhig atmen. */
.arrive-between{
  line-height:1.82;
}

/* Intro ebenfalls etwas sandiger und weniger fliederlastig. */
.arrive-intro{
  background:
    linear-gradient(
      180deg,
      rgba(246,242,239,.52),
      rgba(252,251,250,.99) 42%,
      rgba(252,251,250,1)
    );
}

.arrive-intro::before{
  background:
    radial-gradient(
      ellipse,
      rgba(215,200,232,.17) 0%,
      rgba(215,200,232,.06) 47%,
      rgba(215,200,232,0) 74%
    );
}

.arrive-intro::after{
  background:
    radial-gradient(
      ellipse,
      rgba(246,218,229,.13) 0%,
      rgba(246,218,229,0) 72%
    );
}

/* Kompass-Journal: Rosé + Sand tragen den Bereich stärker. */
.arrive-journal{
  background:
    linear-gradient(
      180deg,
      rgba(252,251,250,1) 0%,
      rgba(249,245,243,.96) 48%,
      rgba(246,242,239,.76) 100%
    );
}

.arrive-journal-copy{
  padding-top:clamp(70px,7.5vw,98px);
}

/* Organische, weiche Form hinter dem Journal – bewusst kein Kreis/Kompasssymbol. */
.arrive-journal-copy::before{
  width:130%;
  height:120%;
  border-radius:63% 37% 54% 46% / 43% 61% 39% 57%;
  background:
    radial-gradient(
      ellipse at 46% 44%,
      rgba(246,218,229,.34) 0%,
      rgba(246,218,229,.17) 42%,
      rgba(246,218,229,.055) 62%,
      rgba(246,218,229,0) 79%
    ),
    radial-gradient(
      ellipse at 68% 66%,
      rgba(246,242,239,.72) 0%,
      rgba(246,242,239,.30) 48%,
      rgba(246,242,239,0) 74%
    );
  transform:translate(-50%,-50%) rotate(-3deg);
}

.arrive-journal-copy::after{
  width:96%;
  height:91%;
  border-radius:38% 62% 57% 43% / 61% 42% 58% 39%;
  background:
    radial-gradient(
      ellipse at 55% 48%,
      rgba(244,212,182,.11) 0%,
      rgba(244,212,182,.035) 50%,
      rgba(244,212,182,0) 74%
    );
  transform:translate(-50%,-50%) rotate(4deg);
}

/* Altes Kompass-Symbol sicher deaktivieren. */
.arrive-journal-symbol{
  display:none !important;
}

/* Zusätzlich eine unregelmäßige, offene organische Kontur im Journal-Bereich. */
.arrive-journal-inner{
  position:relative;
}

.arrive-journal-inner::before{
  content:"";
  position:absolute;
  left:50%;
  top:51%;
  width:min(86%,760px);
  height:220px;
  transform:translate(-50%,-50%) rotate(-4deg);
  border-top:1px solid rgba(136,109,167,.11);
  border-right:1px solid rgba(246,218,229,.18);
  border-bottom:1px solid rgba(129,151,185,.07);
  border-left:0;
  border-radius:62% 38% 58% 42% / 44% 61% 39% 56%;
  pointer-events:none;
  z-index:0;
}

.arrive-journal-copy{
  z-index:1;
}

/* Die vier Wege etwas sandiger/rosiger, weniger fliederlastig. */
.arrive-paths{
  background:
    linear-gradient(
      180deg,
      rgba(250,248,246,.96),
      rgba(252,251,250,1)
    );
}

.arrive-path-card.girls::before{
  background:
    radial-gradient(ellipse at 43% 45%,
      rgba(246,218,229,.40) 0%,
      rgba(246,218,229,.20) 41%,
      rgba(246,218,229,.06) 62%,
      rgba(246,218,229,0) 79%);
}

.arrive-path-card.girls::after{
  background:
    radial-gradient(ellipse,
      rgba(246,242,239,.34),
      rgba(246,242,239,0) 69%);
}

.arrive-path-card.parents::before{
  background:
    radial-gradient(ellipse at 48% 42%,
      rgba(246,218,229,.34) 0%,
      rgba(244,212,182,.13) 44%,
      rgba(244,212,182,.04) 63%,
      rgba(244,212,182,0) 79%);
}

.arrive-path-card.parents::after{
  background:
    radial-gradient(ellipse,
      rgba(246,242,239,.28),
      rgba(246,242,239,0) 70%);
}

.arrive-path-card.schools::before{
  background:
    radial-gradient(ellipse at 50% 45%,
      rgba(129,151,185,.20) 0%,
      rgba(246,242,239,.20) 44%,
      rgba(246,242,239,.06) 63%,
      rgba(246,242,239,0) 80%);
}

.arrive-path-card.schools::after{
  background:
    radial-gradient(ellipse,
      rgba(246,218,229,.06),
      rgba(246,218,229,0) 70%);
}

.arrive-path-card.foundations::before{
  background:
    radial-gradient(ellipse at 48% 43%,
      rgba(246,218,229,.28) 0%,
      rgba(246,242,239,.18) 44%,
      rgba(246,242,239,.055) 62%,
      rgba(246,242,239,0) 80%),
    radial-gradient(ellipse at 72% 72%,
      rgba(250,81,148,.04),
      rgba(250,81,148,0) 62%);
}

/* Mobil: Rosé/Sand ebenfalls präsenter, Flieder etwas zurücknehmen. */
@media(max-width:600px){
  .arrive-hero-wash.one{
    background:
      radial-gradient(ellipse at 58% 48%,
        rgba(215,200,232,.46) 0%,
        rgba(215,200,232,.24) 42%,
        rgba(215,200,232,.075) 62%,
        rgba(215,200,232,0) 79%);
  }

  .arrive-journal-copy::before{
    width:118%;
    height:112%;
    background:
      radial-gradient(ellipse at 45% 44%,
        rgba(246,218,229,.42) 0%,
        rgba(246,218,229,.22) 42%,
        rgba(246,218,229,.07) 62%,
        rgba(246,218,229,0) 79%),
      radial-gradient(ellipse at 70% 68%,
        rgba(246,242,239,.72) 0%,
        rgba(246,242,239,.28) 48%,
        rgba(246,242,239,0) 72%);
  }

  .arrive-journal-inner::before{
    width:94%;
    height:178px;
  }
}


/* =========================================================
   V20.2 – MeYouARRIVE Symbole raus + Abstände kompakter
   ========================================================= */

/* Rosa Punkt/Kreis im Intro vollständig entfernen. */
.arrive-orbit-dot{
  display:none !important;
}

/* Kompass-Kreis mit Kreuz über dem Journal vollständig entfernen,
   auch falls altes HTML noch im Browser-Cache steckt. */
.arrive-journal-symbol,
.arrive-journal-symbol::before,
.arrive-journal-symbol::after{
  display:none !important;
  content:none !important;
}

/* ---------- ABSTÄNDE DESKTOP ---------- */

/* Hero etwas kompakter */
.arrive-hero{
  min-height:76vh;
  padding-top:165px;
  padding-bottom:82px;
}

/* Intro näher an Hero und Journal */
.arrive-intro{
  padding-top:clamp(78px,8vw,112px);
  padding-bottom:clamp(72px,7vw,102px);
}

/* Journal kompakter */
.arrive-journal{
  padding-top:clamp(72px,7vw,102px);
  padding-bottom:clamp(82px,8vw,116px);
}

.arrive-journal-copy{
  padding-top:clamp(48px,5vw,68px);
  padding-bottom:clamp(48px,5vw,68px);
}

.arrive-journal-copy .arrive-section-heading{
  margin-bottom:26px;
}

/* Wege näher ans Journal */
.arrive-paths{
  padding-top:clamp(88px,9vw,126px);
  padding-bottom:clamp(96px,10vw,138px);
}

.arrive-paths .arrive-section-heading{
  margin-bottom:58px;
}

/* Karten etwas kompakter */
.arrive-path-grid{
  gap:clamp(34px,5vw,62px) clamp(38px,6vw,78px);
}

.arrive-path-card{
  min-height:375px;
  padding-top:38px;
  padding-bottom:32px;
}

/* ---------- MOBILE ---------- */
@media(max-width:600px){
  .arrive-hero{
    min-height:auto;
    padding-top:148px;
    padding-bottom:66px;
  }

  .arrive-intro{
    padding-top:72px;
    padding-bottom:66px;
  }

  .arrive-intro-inner{
    gap:30px;
  }

  .arrive-journal{
    padding-top:66px;
    padding-bottom:78px;
  }

  .arrive-journal-copy{
    padding-top:44px;
    padding-bottom:48px;
  }

  .arrive-journal-copy .arrive-section-heading{
    margin-bottom:22px;
  }

  .arrive-paths{
    padding-top:76px;
    padding-bottom:92px;
  }

  .arrive-paths .arrive-section-heading{
    margin-bottom:46px;
  }

  .arrive-path-grid{
    gap:42px;
  }

  .arrive-path-card{
    min-height:330px;
    padding-top:30px;
    padding-bottom:28px;
  }
}


/* =========================================================
   V20.3 – Korrektur: tatsächliche ARRIVE-Symbole ausblenden
   ========================================================= */

/* Auf der echten Seite steckt der rosa Kreis als <i> in .arrive-orbit. */
.arrive-orbit i{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

/* Das Symbol über dem Kompass-Journal heißt in der HTML-Datei .arrive-compass. */
.arrive-compass,
.arrive-compass::before,
.arrive-compass::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

/* Damit der Journalbereich trotz entferntem Symbol sauber anschließt. */
.arrive-journal-copy{
  padding-top:clamp(40px,4.5vw,58px);
}

@media(max-width:600px){
  .arrive-journal-copy{
    padding-top:38px;
  }
}


/* =========================================================
   V21 – MeYouARRIVE · Für Mädchen
   ========================================================= */

.arrive-girls-page{
  background:var(--sand);
}

/* HERO */
.arrive-girls-hero{
  position:relative;
  min-height:88vh;
  overflow:hidden;
  display:flex;
  align-items:center;
  padding:178px 24px 105px;
  isolation:isolate;
  background:
    linear-gradient(
      155deg,
      rgba(252,251,250,.995) 0%,
      rgba(249,245,243,.97) 52%,
      rgba(246,242,239,.94) 100%
    );
}

.arrive-girls-wash{
  position:absolute;
  z-index:-2;
  pointer-events:none;
  filter:blur(10px);
}

.arrive-girls-wash.one{
  width:62vw;
  height:54vw;
  left:-18vw;
  top:-12vw;
  border-radius:61% 39% 55% 45% / 43% 62% 38% 57%;
  background:
    radial-gradient(ellipse at 58% 48%,
      rgba(215,200,232,.39) 0%,
      rgba(215,200,232,.19) 42%,
      rgba(215,200,232,.06) 62%,
      rgba(215,200,232,0) 79%);
  transform:rotate(-8deg);
}

.arrive-girls-wash.two{
  width:51vw;
  height:43vw;
  right:-13vw;
  bottom:-8vw;
  border-radius:43% 57% 62% 38% / 58% 42% 56% 44%;
  background:
    radial-gradient(ellipse at 44% 43%,
      rgba(246,218,229,.38) 0%,
      rgba(246,218,229,.16) 45%,
      rgba(246,218,229,0) 74%);
  transform:rotate(10deg);
}

.arrive-girls-wash.three{
  width:30vw;
  height:31vw;
  right:16vw;
  top:5vw;
  border-radius:58% 42% 47% 53% / 42% 58% 43% 57%;
  background:
    radial-gradient(ellipse,
      rgba(129,151,185,.08) 0%,
      rgba(129,151,185,.022) 49%,
      rgba(129,151,185,0) 74%);
}

.arrive-girls-hero-inner{
  position:relative;
  z-index:2;
  width:min(100%,1120px);
  margin:auto;
  text-align:center;
}

.arrive-girls-page .kicker{
  font-size:1.02rem;
  letter-spacing:.22em;
  color:#625e5b;
}

.arrive-girls-hero h1{
  max-width:1040px;
  margin:22px auto 42px;
  font-family:var(--serif);
  font-size:clamp(3.4rem,5.8vw,6.3rem);
  line-height:.99;
  letter-spacing:-.035em;
  font-weight:400;
}

.arrive-girls-between{
  max-width:760px;
  margin:auto;
  font-family:var(--serif);
  font-size:clamp(1.38rem,2vw,1.95rem);
  line-height:1.55;
  color:#695e70;
}

.arrive-girls-between p{
  margin:0 0 7px;
}

/* INTRO */
.arrive-girls-intro{
  position:relative;
  overflow:hidden;
  padding:clamp(82px,8vw,116px) 24px clamp(74px,7vw,102px);
  background:rgba(252,251,250,.99);
}

.arrive-girls-intro::before{
  content:"";
  position:absolute;
  left:-18%;
  top:10%;
  width:50%;
  height:75%;
  border-radius:61% 39% 54% 46% / 44% 62% 38% 56%;
  background:
    radial-gradient(ellipse,
      rgba(246,218,229,.16),
      rgba(246,218,229,.05) 48%,
      rgba(246,218,229,0) 74%);
  filter:blur(9px);
}

.arrive-girls-intro-inner{
  position:relative;
  z-index:1;
  max-width:1180px;
  margin:auto;
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:clamp(58px,8vw,110px);
  align-items:start;
}

.arrive-girls-intro-heading h2,
.arrive-girls-section-heading h2,
.arrive-girls-cta h2{
  font-family:var(--serif);
  font-size:clamp(2.7rem,4.8vw,5rem);
  font-weight:400;
  line-height:1.02;
  letter-spacing:-.025em;
  margin:18px 0 0;
}

.arrive-girls-intro-copy{
  position:relative;
  isolation:isolate;
  max-width:720px;
  line-height:1.73;
}

.arrive-girls-intro-copy p{
  position:relative;
  z-index:2;
  margin-bottom:22px;
}

.arrive-girls-opening{
  font-family:var(--serif);
  font-size:clamp(1.45rem,2.1vw,2rem);
  line-height:1.36;
  color:#64566e;
}

.arrive-girls-end{
  margin-top:30px;
  color:#65566f;
}

.arrive-girls-line-art{
  position:absolute;
  z-index:-1;
  left:50%;
  top:55%;
  width:min(118%,700px);
  height:230px;
  transform:translate(-50%,-50%);
  opacity:.72;
  pointer-events:none;
}

.arrive-girls-line-art span{
  position:absolute;
  left:50%;
  top:50%;
  display:block;
  border:1px solid rgba(136,109,167,.14);
  transform-origin:center;
}

.arrive-girls-line-art span:first-child{
  width:91%;
  height:150px;
  transform:translate(-50%,-50%) rotate(-5deg);
  border-radius:58% 42% 53% 47% / 46% 58% 42% 54%;
}

.arrive-girls-line-art span:last-child{
  width:69%;
  height:194px;
  transform:translate(-50%,-50%) rotate(7deg);
  border-color:rgba(246,218,229,.16);
  border-radius:44% 56% 61% 39% / 57% 43% 54% 46%;
}

/* JOURNEY */
.arrive-girls-journey{
  position:relative;
  overflow:hidden;
  padding:clamp(88px,9vw,126px) 24px clamp(94px,10vw,136px);
  background:
    linear-gradient(
      180deg,
      rgba(252,251,250,1),
      rgba(249,245,243,.95) 55%,
      rgba(246,242,239,.78)
    );
}

.arrive-girls-section-heading{
  max-width:920px;
}

.arrive-girls-section-heading.centered{
  margin:0 auto 64px;
  text-align:center;
}

.arrive-girls-section-heading .kicker{
  margin-bottom:18px;
}

.arrive-girls-journey-flow{
  position:relative;
  max-width:980px;
  margin:auto;
}

.arrive-girls-journey-flow::before{
  content:"";
  position:absolute;
  left:53px;
  top:38px;
  bottom:42px;
  width:1px;
  background:
    linear-gradient(
      to bottom,
      rgba(215,200,232,.0),
      rgba(136,109,167,.18) 12%,
      rgba(246,218,229,.22) 48%,
      rgba(129,151,185,.12) 80%,
      rgba(129,151,185,0)
    );
}

.arrive-girls-step{
  position:relative;
  display:grid;
  grid-template-columns:106px 1fr;
  gap:38px;
  align-items:start;
  padding:34px 0;
}

.arrive-girls-step-no{
  position:relative;
  z-index:2;
  width:72px;
  height:72px;
  margin:0 auto;
  display:grid;
  place-items:center;
  font-family:var(--serif);
  font-size:1.35rem;
  color:#675a70;
}

.arrive-girls-step-no::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-12px;
  border-radius:61% 39% 55% 45% / 43% 62% 38% 57%;
  background:
    radial-gradient(ellipse,
      rgba(215,200,232,.30),
      rgba(215,200,232,.10) 50%,
      rgba(215,200,232,0) 75%);
  filter:blur(4px);
}

.arrive-girls-step:nth-child(2) .arrive-girls-step-no::before{
  background:
    radial-gradient(ellipse,
      rgba(246,218,229,.29),
      rgba(246,218,229,.09) 50%,
      rgba(246,218,229,0) 75%);
}

.arrive-girls-step:nth-child(3) .arrive-girls-step-no::before{
  background:
    radial-gradient(ellipse,
      rgba(244,212,182,.18),
      rgba(244,212,182,.055) 52%,
      rgba(244,212,182,0) 76%);
}

.arrive-girls-step:nth-child(4) .arrive-girls-step-no::before{
  background:
    radial-gradient(ellipse,
      rgba(129,151,185,.17),
      rgba(129,151,185,.05) 52%,
      rgba(129,151,185,0) 76%);
}

.arrive-girls-step-copy{
  max-width:720px;
  padding-top:9px;
}

.arrive-girls-step-copy h3{
  font-family:var(--serif);
  font-size:clamp(2rem,3vw,3rem);
  font-weight:400;
  line-height:1.05;
  margin:0 0 16px;
}

.arrive-girls-step-copy p{
  line-height:1.7;
  margin:0;
}

/* AUF EINEN BLICK */
.arrive-girls-overview{
  padding:clamp(96px,10vw,138px) 24px clamp(82px,9vw,118px);
  background:var(--sand);
}

.arrive-girls-overview .arrive-girls-section-heading{
  margin-bottom:44px;
}

.arrive-girls-facts{
  max-width:980px;
  margin:0 auto 46px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.arrive-girls-facts > div{
  position:relative;
  min-height:178px;
  padding:30px 24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  isolation:isolate;
}

.arrive-girls-facts > div::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-10%;
  border-radius:58% 42% 55% 45% / 43% 60% 40% 57%;
  background:
    radial-gradient(ellipse,
      rgba(215,200,232,.22),
      rgba(215,200,232,.065) 53%,
      rgba(215,200,232,0) 77%);
  filter:blur(5px);
}

.arrive-girls-facts > div:nth-child(2)::before{
  background:
    radial-gradient(ellipse,
      rgba(246,218,229,.22),
      rgba(246,218,229,.06) 53%,
      rgba(246,218,229,0) 77%);
}

.arrive-girls-facts > div:nth-child(3)::before{
  background:
    radial-gradient(ellipse,
      rgba(244,212,182,.14),
      rgba(244,212,182,.04) 53%,
      rgba(244,212,182,0) 77%);
}

.arrive-girls-facts span{
  margin-bottom:12px;
  font-size:.72rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#6d6470;
}

.arrive-girls-facts strong{
  font-family:var(--serif);
  font-size:1.28rem;
  line-height:1.22;
  font-weight:400;
}

.arrive-girls-info-grid{
  max-width:1180px;
  margin:0 auto 42px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(42px,6vw,78px);
}

.arrive-girls-info{
  position:relative;
  padding:38px 34px 34px;
  isolation:isolate;
}

.arrive-girls-info::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-8%;
  background:
    radial-gradient(ellipse at 46% 45%,
      rgba(246,242,239,.78),
      rgba(246,242,239,.24) 58%,
      rgba(246,242,239,0) 80%);
}

.arrive-girls-info .kicker{
  margin-bottom:22px;
}

.arrive-girls-info ul{
  list-style:none;
  margin:0;
  padding:0;
}

.arrive-girls-info li{
  position:relative;
  padding:0 0 13px 23px;
  line-height:1.55;
}

.arrive-girls-info li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:7px;
  height:7px;
  border:1px solid rgba(136,109,167,.43);
  border-radius:50%;
}

.arrive-girls-investment{
  position:relative;
  isolation:isolate;
  max-width:620px;
  margin:auto;
  padding:44px 34px;
  text-align:center;
}

.arrive-girls-investment::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-14% -10%;
  border-radius:61% 39% 53% 47% / 45% 58% 42% 55%;
  background:
    radial-gradient(ellipse,
      rgba(246,218,229,.22),
      rgba(244,212,182,.065) 55%,
      rgba(244,212,182,0) 78%);
  filter:blur(7px);
}

.arrive-girls-investment .kicker{
  margin-bottom:12px;
}

.arrive-girls-investment p:not(.kicker){
  font-family:var(--serif);
  font-size:clamp(1.9rem,2.7vw,2.7rem);
  line-height:1.2;
  color:#63556c;
}

/* CTA */
.arrive-girls-cta{
  position:relative;
  overflow:hidden;
  padding:clamp(82px,9vw,118px) 24px clamp(118px,13vw,175px);
  background:
    linear-gradient(
      180deg,
      rgba(250,247,245,.98),
      rgba(246,242,239,.96)
    );
}

.arrive-girls-cta::before{
  content:"";
  position:absolute;
  inset:-20% -10%;
  background:
    radial-gradient(ellipse 45% 70% at 3% 62%,
      rgba(215,200,232,.12),
      rgba(215,200,232,0) 75%),
    radial-gradient(ellipse 43% 68% at 98% 39%,
      rgba(246,218,229,.17),
      rgba(246,218,229,0) 75%),
    radial-gradient(ellipse 38% 55% at 72% 80%,
      rgba(244,212,182,.06),
      rgba(244,212,182,0) 74%);
  filter:blur(10px);
}

.arrive-girls-cta-inner{
  position:relative;
  z-index:1;
  max-width:800px;
  margin:auto;
  text-align:center;
}

.arrive-girls-cta-inner > p:not(.kicker){
  max-width:720px;
  margin:0 auto 21px;
  line-height:1.72;
}

.arrive-girls-button{
  margin-top:17px;
  background:rgba(136,109,167,.83);
  border-color:rgba(136,109,167,.12);
  box-shadow:0 10px 26px rgba(136,109,167,.08);
}

.arrive-girls-button:hover{
  background:rgba(136,109,167,.94);
}

.arrive-girls-back{
  display:block;
  margin-top:30px;
  font-size:.8rem;
  opacity:.68;
}

/* RESPONSIVE */
@media(max-width:900px){
  .arrive-girls-intro-inner{
    grid-template-columns:1fr;
    gap:38px;
  }

  .arrive-girls-info-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .arrive-girls-facts{
    grid-template-columns:1fr;
    gap:8px;
  }

  .arrive-girls-facts > div{
    min-height:138px;
  }
}

@media(max-width:600px){
  .arrive-girls-hero{
    min-height:auto;
    padding:168px 20px 72px;
  }

  .arrive-girls-wash{
    filter:blur(7px);
  }

  .arrive-girls-wash.one{
    width:132vw;
    height:112vw;
    left:-66vw;
    top:-5vw;
  }

  .arrive-girls-wash.two{
    width:122vw;
    height:101vw;
    right:-62vw;
    bottom:-22vw;
  }

  .arrive-girls-wash.three{
    width:82vw;
    height:74vw;
    right:-31vw;
    top:35vw;
  }

  .arrive-girls-page .kicker{
    font-size:.9rem;
  }

  .arrive-girls-hero h1{
    font-size:clamp(2.85rem,12.5vw,4.1rem);
    line-height:.99;
    margin-bottom:32px;
  }

  .arrive-girls-between{
    font-size:1.25rem;
    line-height:1.5;
  }

  .arrive-girls-intro,
  .arrive-girls-journey,
  .arrive-girls-overview,
  .arrive-girls-cta{
    padding-left:20px;
    padding-right:20px;
  }

  .arrive-girls-intro{
    padding-top:68px;
    padding-bottom:62px;
  }

  .arrive-girls-intro-inner{
    gap:28px;
  }

  .arrive-girls-line-art{
    width:114%;
    height:180px;
  }

  .arrive-girls-line-art span:first-child{
    height:112px;
  }

  .arrive-girls-line-art span:last-child{
    height:145px;
  }

  .arrive-girls-journey{
    padding-top:74px;
    padding-bottom:80px;
  }

  .arrive-girls-section-heading.centered{
    margin-bottom:43px;
  }

  .arrive-girls-journey-flow::before{
    left:28px;
    top:28px;
    bottom:34px;
  }

  .arrive-girls-step{
    grid-template-columns:58px 1fr;
    gap:20px;
    padding:25px 0;
  }

  .arrive-girls-step-no{
    width:48px;
    height:48px;
    font-size:1.08rem;
  }

  .arrive-girls-step-no::before{
    inset:-8px;
  }

  .arrive-girls-step-copy{
    padding-top:4px;
  }

  .arrive-girls-overview{
    padding-top:78px;
    padding-bottom:64px;
  }

  .arrive-girls-overview .arrive-girls-section-heading{
    margin-bottom:28px;
  }

  .arrive-girls-facts{
    margin-bottom:28px;
  }

  .arrive-girls-facts > div{
    min-height:124px;
    padding:22px 18px;
  }

  .arrive-girls-info-grid{
    gap:8px;
    margin-bottom:24px;
  }

  .arrive-girls-info{
    padding:24px 14px 22px;
  }

  .arrive-girls-info .kicker{
    margin-bottom:15px;
  }

  .arrive-girls-info li{
    padding-bottom:10px;
  }

  .arrive-girls-investment{
    padding:31px 24px;
  }

  .arrive-girls-cta{
    padding-top:68px;
    padding-bottom:108px;
  }
}


/* =========================================================
   V21.1 – MeYouARRIVE Mädchen · Headlines & Faktenfarben
   ========================================================= */

/* Der neue, kurze Hero darf etwas ruhiger und kompakter wirken. */
.arrive-girls-hero{
  min-height:76vh;
  padding-bottom:82px;
}

.arrive-girls-hero h1{
  max-width:780px;
  font-size:clamp(4.2rem,7vw,7rem);
  margin-bottom:36px;
}

/* Fakten-Bubbles kräftiger, ohne die ruhige ARRIVE-Farbwelt zu verlassen. */
.arrive-girls-facts > div::before{
  background:
    radial-gradient(ellipse,
      rgba(215,200,232,.34),
      rgba(215,200,232,.13) 52%,
      rgba(215,200,232,.035) 68%,
      rgba(215,200,232,0) 79%);
}

.arrive-girls-facts > div:nth-child(2)::before{
  background:
    radial-gradient(ellipse,
      rgba(246,218,229,.34),
      rgba(246,218,229,.13) 52%,
      rgba(246,218,229,.035) 68%,
      rgba(246,218,229,0) 79%);
}

.arrive-girls-facts > div:nth-child(3)::before{
  background:
    radial-gradient(ellipse,
      rgba(244,212,182,.25),
      rgba(244,212,182,.095) 52%,
      rgba(244,212,182,.025) 68%,
      rgba(244,212,182,0) 79%);
}

/* Mobil ebenfalls etwas intensiver sichtbar. */
@media(max-width:600px){
  .arrive-girls-hero{
    min-height:auto;
    padding-bottom:62px;
  }

  .arrive-girls-hero h1{
    font-size:clamp(3.7rem,16vw,5.2rem);
    margin-bottom:30px;
  }

  .arrive-girls-facts > div::before{
    background:
      radial-gradient(ellipse,
        rgba(215,200,232,.39),
        rgba(215,200,232,.15) 52%,
        rgba(215,200,232,.04) 68%,
        rgba(215,200,232,0) 79%);
  }

  .arrive-girls-facts > div:nth-child(2)::before{
    background:
      radial-gradient(ellipse,
        rgba(246,218,229,.39),
        rgba(246,218,229,.15) 52%,
        rgba(246,218,229,.04) 68%,
        rgba(246,218,229,0) 79%);
  }

  .arrive-girls-facts > div:nth-child(3)::before{
    background:
      radial-gradient(ellipse,
        rgba(244,212,182,.30),
        rgba(244,212,182,.115) 52%,
        rgba(244,212,182,.03) 68%,
        rgba(244,212,182,0) 79%);
  }
}


/* =========================================================
   V22 – MeYouARRIVE · Für Eltern
   ========================================================= */

.arrive-parents-page{
  background:var(--sand);
}

/* HERO – erwachsener und ruhiger als die Mädchen-Seite */
.arrive-parents-hero{
  position:relative;
  min-height:78vh;
  overflow:hidden;
  display:flex;
  align-items:center;
  padding:174px 24px 86px;
  isolation:isolate;
  background:
    linear-gradient(
      155deg,
      rgba(252,251,250,.995) 0%,
      rgba(249,246,243,.975) 52%,
      rgba(246,242,239,.95) 100%
    );
}

.arrive-parents-wash{
  position:absolute;
  z-index:-2;
  pointer-events:none;
  filter:blur(10px);
}

.arrive-parents-wash.one{
  width:60vw;
  height:51vw;
  left:-17vw;
  top:-11vw;
  border-radius:61% 39% 55% 45% / 43% 62% 38% 57%;
  background:
    radial-gradient(ellipse at 58% 48%,
      rgba(215,200,232,.31) 0%,
      rgba(215,200,232,.14) 42%,
      rgba(215,200,232,.045) 62%,
      rgba(215,200,232,0) 79%);
  transform:rotate(-8deg);
}

.arrive-parents-wash.two{
  width:51vw;
  height:42vw;
  right:-13vw;
  bottom:-7vw;
  border-radius:43% 57% 62% 38% / 58% 42% 56% 44%;
  background:
    radial-gradient(ellipse at 44% 43%,
      rgba(246,218,229,.31) 0%,
      rgba(246,218,229,.13) 45%,
      rgba(246,218,229,0) 74%);
  transform:rotate(10deg);
}

.arrive-parents-wash.three{
  width:28vw;
  height:30vw;
  right:17vw;
  top:5vw;
  border-radius:58% 42% 47% 53% / 42% 58% 43% 57%;
  background:
    radial-gradient(ellipse,
      rgba(129,151,185,.065) 0%,
      rgba(129,151,185,.018) 49%,
      rgba(129,151,185,0) 74%);
}

.arrive-parents-hero-inner{
  position:relative;
  z-index:2;
  width:min(100%,1080px);
  margin:auto;
  text-align:center;
}

.arrive-parents-page .kicker{
  font-size:1.02rem;
  letter-spacing:.22em;
  color:#625e5b;
}

.arrive-parents-hero h1{
  max-width:960px;
  margin:22px auto 34px;
  font-family:var(--serif);
  font-size:clamp(4rem,6.8vw,7rem);
  line-height:.94;
  letter-spacing:-.04em;
  font-weight:400;
}

.arrive-parents-lead{
  max-width:760px;
  margin:0 auto 18px;
  font-family:var(--serif);
  font-size:clamp(1.55rem,2.35vw,2.3rem);
  line-height:1.32;
  color:#655a69;
}

.arrive-parents-wishes{
  max-width:840px;
  margin:auto;
  line-height:1.72;
}

/* INTRO */
.arrive-parents-intro{
  position:relative;
  overflow:hidden;
  padding:clamp(76px,8vw,108px) 24px clamp(66px,7vw,94px);
  background:rgba(252,251,250,.99);
}

.arrive-parents-intro::before{
  content:"";
  position:absolute;
  left:-17%;
  top:12%;
  width:49%;
  height:70%;
  border-radius:61% 39% 54% 46% / 44% 62% 38% 56%;
  background:
    radial-gradient(ellipse,
      rgba(246,218,229,.13),
      rgba(246,218,229,.045) 48%,
      rgba(246,218,229,0) 74%);
  filter:blur(9px);
}

.arrive-parents-intro-inner{
  position:relative;
  z-index:1;
  max-width:1180px;
  margin:auto;
  display:grid;
  grid-template-columns:.87fr 1.13fr;
  gap:clamp(58px,8vw,108px);
  align-items:start;
}

.arrive-parents-intro-heading h2,
.arrive-parents-journal-copy h2,
.arrive-parents-heading h2,
.arrive-parents-cta h2{
  font-family:var(--serif);
  font-size:clamp(2.65rem,4.5vw,4.8rem);
  font-weight:400;
  line-height:1.03;
  letter-spacing:-.025em;
  margin:18px 0 0;
}

.arrive-parents-intro-copy{
  position:relative;
  isolation:isolate;
  max-width:720px;
  line-height:1.74;
}

.arrive-parents-intro-copy p{
  position:relative;
  z-index:2;
  margin-bottom:23px;
}

.arrive-parents-line-art{
  position:absolute;
  z-index:-1;
  left:50%;
  top:54%;
  width:min(119%,710px);
  height:225px;
  transform:translate(-50%,-50%);
  opacity:.66;
  pointer-events:none;
}

.arrive-parents-line-art span{
  position:absolute;
  left:50%;
  top:50%;
  display:block;
  border:1px solid rgba(136,109,167,.12);
  transform-origin:center;
}

.arrive-parents-line-art span:first-child{
  width:91%;
  height:148px;
  transform:translate(-50%,-50%) rotate(-5deg);
  border-radius:58% 42% 53% 47% / 46% 58% 42% 54%;
}

.arrive-parents-line-art span:last-child{
  width:70%;
  height:190px;
  transform:translate(-50%,-50%) rotate(7deg);
  border-color:rgba(246,218,229,.14);
  border-radius:44% 56% 61% 39% / 57% 43% 54% 46%;
}

/* JOURNAL */
.arrive-parents-journal{
  position:relative;
  overflow:hidden;
  padding:clamp(70px,7vw,100px) 24px clamp(78px,8vw,110px);
  background:
    linear-gradient(
      180deg,
      rgba(252,251,250,1) 0%,
      rgba(249,245,243,.96) 48%,
      rgba(246,242,239,.78) 100%
    );
}

.arrive-parents-journal-inner{
  max-width:1100px;
  margin:auto;
}

.arrive-parents-journal-copy{
  position:relative;
  isolation:isolate;
  max-width:850px;
  margin:auto;
  padding:54px clamp(28px,5vw,70px);
  text-align:center;
}

.arrive-parents-journal-copy::before{
  content:"";
  position:absolute;
  z-index:-2;
  left:50%;
  top:50%;
  width:128%;
  height:118%;
  transform:translate(-50%,-50%) rotate(-3deg);
  border-radius:63% 37% 54% 46% / 43% 61% 39% 57%;
  background:
    radial-gradient(ellipse at 46% 44%,
      rgba(246,218,229,.30) 0%,
      rgba(246,218,229,.14) 42%,
      rgba(246,218,229,.045) 62%,
      rgba(246,218,229,0) 79%),
    radial-gradient(ellipse at 68% 66%,
      rgba(246,242,239,.74) 0%,
      rgba(246,242,239,.31) 48%,
      rgba(246,242,239,0) 74%);
  filter:blur(8px);
}

.arrive-parents-journal-copy::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:52%;
  width:94%;
  height:88%;
  transform:translate(-50%,-50%) rotate(4deg);
  border-top:1px solid rgba(136,109,167,.08);
  border-right:1px solid rgba(246,218,229,.13);
  border-bottom:1px solid rgba(129,151,185,.055);
  border-radius:38% 62% 57% 43% / 61% 42% 58% 39%;
}

.arrive-parents-journal-copy .kicker{
  margin-bottom:16px;
}

.arrive-parents-journal-copy h2{
  margin-top:0;
  margin-bottom:30px;
}

.arrive-parents-journal-copy p{
  max-width:730px;
  margin:0 auto 21px;
  line-height:1.72;
}

.arrive-parents-journal-end{
  margin-top:29px !important;
  color:#615468;
}

/* OVERVIEW */
.arrive-parents-overview{
  padding:clamp(92px,10vw,132px) 24px clamp(78px,8vw,110px);
  background:var(--sand);
}

.arrive-parents-heading{
  max-width:900px;
}

.arrive-parents-heading.centered{
  margin:0 auto 42px;
  text-align:center;
}

.arrive-parents-heading .kicker{
  margin-bottom:16px;
}

.arrive-parents-heading h2{
  margin-top:0;
}

.arrive-parents-facts{
  max-width:980px;
  margin:0 auto 44px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.arrive-parents-facts > div{
  position:relative;
  min-height:174px;
  padding:29px 24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  isolation:isolate;
}

.arrive-parents-facts > div::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-10%;
  border-radius:58% 42% 55% 45% / 43% 60% 40% 57%;
  background:
    radial-gradient(ellipse,
      rgba(215,200,232,.30),
      rgba(215,200,232,.11) 52%,
      rgba(215,200,232,.03) 68%,
      rgba(215,200,232,0) 79%);
  filter:blur(5px);
}

.arrive-parents-facts > div:nth-child(2)::before{
  background:
    radial-gradient(ellipse,
      rgba(246,218,229,.31),
      rgba(246,218,229,.115) 52%,
      rgba(246,218,229,.03) 68%,
      rgba(246,218,229,0) 79%);
}

.arrive-parents-facts > div:nth-child(3)::before{
  background:
    radial-gradient(ellipse,
      rgba(244,212,182,.22),
      rgba(244,212,182,.08) 52%,
      rgba(244,212,182,.022) 68%,
      rgba(244,212,182,0) 79%);
}

.arrive-parents-facts span{
  margin-bottom:12px;
  font-size:.72rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#6d6470;
}

.arrive-parents-facts strong{
  font-family:var(--serif);
  font-size:1.28rem;
  line-height:1.22;
  font-weight:400;
}

.arrive-parents-info-grid{
  max-width:1120px;
  margin:0 auto 40px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(42px,6vw,76px);
}

.arrive-parents-info{
  position:relative;
  padding:36px 34px 32px;
  isolation:isolate;
}

.arrive-parents-info::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-8%;
  background:
    radial-gradient(ellipse at 46% 45%,
      rgba(246,242,239,.80),
      rgba(246,242,239,.25) 58%,
      rgba(246,242,239,0) 80%);
}

.arrive-parents-info .kicker{
  margin-bottom:21px;
}

.arrive-parents-info ul{
  list-style:none;
  margin:0;
  padding:0;
}

.arrive-parents-info li{
  position:relative;
  padding:0 0 13px 23px;
  line-height:1.55;
}

.arrive-parents-info li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:7px;
  height:7px;
  border:1px solid rgba(136,109,167,.40);
  border-radius:50%;
}

.arrive-parents-investment{
  position:relative;
  isolation:isolate;
  max-width:620px;
  margin:auto;
  padding:42px 34px;
  text-align:center;
}

.arrive-parents-investment::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-14% -10%;
  border-radius:61% 39% 53% 47% / 45% 58% 42% 55%;
  background:
    radial-gradient(ellipse,
      rgba(246,218,229,.20),
      rgba(244,212,182,.055) 55%,
      rgba(244,212,182,0) 78%);
  filter:blur(7px);
}

.arrive-parents-investment .kicker{
  margin-bottom:12px;
}

.arrive-parents-investment p:not(.kicker){
  font-family:var(--serif);
  font-size:clamp(1.9rem,2.7vw,2.7rem);
  line-height:1.2;
  color:#63556c;
}

/* CTA */
.arrive-parents-cta{
  position:relative;
  overflow:hidden;
  padding:clamp(76px,8vw,108px) 24px clamp(112px,12vw,165px);
  background:
    linear-gradient(
      180deg,
      rgba(250,247,245,.98),
      rgba(246,242,239,.96)
    );
}

.arrive-parents-cta::before{
  content:"";
  position:absolute;
  inset:-20% -10%;
  background:
    radial-gradient(ellipse 45% 70% at 3% 62%,
      rgba(215,200,232,.10),
      rgba(215,200,232,0) 75%),
    radial-gradient(ellipse 43% 68% at 98% 39%,
      rgba(246,218,229,.15),
      rgba(246,218,229,0) 75%),
    radial-gradient(ellipse 38% 55% at 72% 80%,
      rgba(244,212,182,.055),
      rgba(244,212,182,0) 74%);
  filter:blur(10px);
}

.arrive-parents-cta-inner{
  position:relative;
  z-index:1;
  max-width:800px;
  margin:auto;
  text-align:center;
}

.arrive-parents-cta-inner > p:not(.kicker){
  max-width:720px;
  margin:0 auto 21px;
  line-height:1.72;
}

.arrive-parents-button{
  margin-top:17px;
  background:rgba(136,109,167,.82);
  border-color:rgba(136,109,167,.12);
  box-shadow:0 10px 26px rgba(136,109,167,.08);
}

.arrive-parents-button:hover{
  background:rgba(136,109,167,.93);
}

.arrive-parents-back{
  display:block;
  margin-top:30px;
  font-size:.8rem;
  opacity:.68;
}

/* RESPONSIVE */
@media(max-width:900px){
  .arrive-parents-intro-inner{
    grid-template-columns:1fr;
    gap:36px;
  }

  .arrive-parents-info-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .arrive-parents-facts{
    grid-template-columns:1fr;
    gap:8px;
  }

  .arrive-parents-facts > div{
    min-height:136px;
  }
}

@media(max-width:600px){
  .arrive-parents-hero{
    min-height:auto;
    padding:168px 20px 68px;
  }

  .arrive-parents-wash{
    filter:blur(7px);
  }

  .arrive-parents-wash.one{
    width:132vw;
    height:112vw;
    left:-66vw;
    top:-5vw;
  }

  .arrive-parents-wash.two{
    width:122vw;
    height:101vw;
    right:-62vw;
    bottom:-22vw;
  }

  .arrive-parents-wash.three{
    width:82vw;
    height:74vw;
    right:-31vw;
    top:35vw;
  }

  .arrive-parents-page .kicker{
    font-size:.9rem;
  }

  .arrive-parents-hero h1{
    font-size:clamp(3.3rem,14vw,4.65rem);
    line-height:.95;
    margin-bottom:28px;
  }

  .arrive-parents-lead{
    font-size:1.4rem;
  }

  .arrive-parents-intro,
  .arrive-parents-journal,
  .arrive-parents-overview,
  .arrive-parents-cta{
    padding-left:20px;
    padding-right:20px;
  }

  .arrive-parents-intro{
    padding-top:66px;
    padding-bottom:58px;
  }

  .arrive-parents-intro-inner{
    gap:27px;
  }

  .arrive-parents-line-art{
    width:114%;
    height:178px;
  }

  .arrive-parents-line-art span:first-child{
    height:110px;
  }

  .arrive-parents-line-art span:last-child{
    height:143px;
  }

  .arrive-parents-journal{
    padding-top:60px;
    padding-bottom:72px;
  }

  .arrive-parents-journal-copy{
    padding:42px 14px 46px;
  }

  .arrive-parents-journal-copy::before{
    width:118%;
    height:112%;
  }

  .arrive-parents-overview{
    padding-top:76px;
    padding-bottom:62px;
  }

  .arrive-parents-heading.centered{
    margin-bottom:27px;
  }

  .arrive-parents-facts{
    margin-bottom:27px;
  }

  .arrive-parents-facts > div{
    min-height:122px;
    padding:21px 18px;
  }

  .arrive-parents-info-grid{
    gap:8px;
    margin-bottom:23px;
  }

  .arrive-parents-info{
    padding:23px 14px 21px;
  }

  .arrive-parents-info .kicker{
    margin-bottom:15px;
  }

  .arrive-parents-info li{
    padding-bottom:10px;
  }

  .arrive-parents-investment{
    padding:30px 24px;
  }

  .arrive-parents-cta{
    padding-top:66px;
    padding-bottom:105px;
  }
}


/* =========================================================
   V23 – MeYouARRIVE · Schulen & Bildungseinrichtungen
   ========================================================= */

.arrive-school-page{
  background:var(--sand);
}

/* HERO – klar, institutionell, aber weich */
.arrive-school-hero{
  position:relative;
  min-height:78vh;
  overflow:hidden;
  display:flex;
  align-items:center;
  padding:172px 24px 86px;
  isolation:isolate;
  background:
    linear-gradient(
      155deg,
      rgba(252,251,250,.995) 0%,
      rgba(248,246,244,.975) 52%,
      rgba(246,242,239,.95) 100%
    );
}

.arrive-school-wash{
  position:absolute;
  z-index:-2;
  pointer-events:none;
  filter:blur(10px);
}

.arrive-school-wash.one{
  width:60vw;
  height:50vw;
  left:-17vw;
  top:-11vw;
  border-radius:61% 39% 55% 45% / 43% 62% 38% 57%;
  background:
    radial-gradient(ellipse at 58% 48%,
      rgba(129,151,185,.20) 0%,
      rgba(215,200,232,.14) 42%,
      rgba(215,200,232,.04) 62%,
      rgba(215,200,232,0) 79%);
  transform:rotate(-8deg);
}

.arrive-school-wash.two{
  width:50vw;
  height:42vw;
  right:-13vw;
  bottom:-7vw;
  border-radius:43% 57% 62% 38% / 58% 42% 56% 44%;
  background:
    radial-gradient(ellipse at 44% 43%,
      rgba(246,218,229,.26) 0%,
      rgba(246,218,229,.11) 45%,
      rgba(246,218,229,0) 74%);
  transform:rotate(10deg);
}

.arrive-school-wash.three{
  width:28vw;
  height:29vw;
  right:18vw;
  top:5vw;
  border-radius:58% 42% 47% 53% / 42% 58% 43% 57%;
  background:
    radial-gradient(ellipse,
      rgba(244,212,182,.09) 0%,
      rgba(244,212,182,.025) 49%,
      rgba(244,212,182,0) 74%);
}

.arrive-school-hero-inner{
  position:relative;
  z-index:2;
  width:min(100%,1080px);
  margin:auto;
  text-align:center;
}

.arrive-school-page .kicker{
  font-size:1.02rem;
  letter-spacing:.22em;
  color:#625e5b;
}

.arrive-school-hero h1{
  max-width:960px;
  margin:22px auto 34px;
  font-family:var(--serif);
  font-size:clamp(4rem,6.8vw,7rem);
  line-height:.94;
  letter-spacing:-.04em;
  font-weight:400;
}

.arrive-school-lead{
  max-width:840px;
  margin:auto;
  line-height:1.72;
}

/* INTRO */
.arrive-school-intro{
  position:relative;
  overflow:hidden;
  padding:clamp(76px,8vw,108px) 24px clamp(66px,7vw,94px);
  background:rgba(252,251,250,.99);
}

.arrive-school-intro-inner{
  position:relative;
  z-index:1;
  max-width:1180px;
  margin:auto;
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:clamp(58px,8vw,108px);
  align-items:start;
}

.arrive-school-intro-heading h2,
.arrive-school-journal-copy h2,
.arrive-school-impact-heading h2,
.arrive-school-heading h2,
.arrive-school-cta h2{
  font-family:var(--serif);
  font-size:clamp(2.65rem,4.5vw,4.8rem);
  font-weight:400;
  line-height:1.03;
  letter-spacing:-.025em;
  margin:18px 0 0;
}

.arrive-school-intro-copy{
  position:relative;
  isolation:isolate;
  max-width:720px;
  line-height:1.74;
}

.arrive-school-intro-copy p{
  position:relative;
  z-index:2;
  margin-bottom:23px;
}

.arrive-school-line-art{
  position:absolute;
  z-index:-1;
  left:50%;
  top:54%;
  width:min(119%,710px);
  height:225px;
  transform:translate(-50%,-50%);
  opacity:.64;
  pointer-events:none;
}

.arrive-school-line-art span{
  position:absolute;
  left:50%;
  top:50%;
  display:block;
  border:1px solid rgba(129,151,185,.13);
  transform-origin:center;
}

.arrive-school-line-art span:first-child{
  width:91%;
  height:148px;
  transform:translate(-50%,-50%) rotate(-5deg);
  border-radius:58% 42% 53% 47% / 46% 58% 42% 54%;
}

.arrive-school-line-art span:last-child{
  width:70%;
  height:190px;
  transform:translate(-50%,-50%) rotate(7deg);
  border-color:rgba(246,218,229,.13);
  border-radius:44% 56% 61% 39% / 57% 43% 54% 46%;
}

/* JOURNAL */
.arrive-school-journal{
  position:relative;
  overflow:hidden;
  padding:clamp(68px,7vw,96px) 24px clamp(72px,8vw,104px);
  background:
    linear-gradient(
      180deg,
      rgba(252,251,250,1) 0%,
      rgba(249,245,243,.95) 50%,
      rgba(246,242,239,.80) 100%
    );
}

.arrive-school-journal-inner{
  max-width:1100px;
  margin:auto;
}

.arrive-school-journal-copy{
  position:relative;
  isolation:isolate;
  max-width:860px;
  margin:auto;
  padding:52px clamp(28px,5vw,70px);
  text-align:center;
}

.arrive-school-journal-copy::before{
  content:"";
  position:absolute;
  z-index:-2;
  left:50%;
  top:50%;
  width:128%;
  height:118%;
  transform:translate(-50%,-50%) rotate(-3deg);
  border-radius:63% 37% 54% 46% / 43% 61% 39% 57%;
  background:
    radial-gradient(ellipse at 46% 44%,
      rgba(246,218,229,.25) 0%,
      rgba(246,218,229,.11) 42%,
      rgba(246,218,229,.035) 62%,
      rgba(246,218,229,0) 79%),
    radial-gradient(ellipse at 68% 66%,
      rgba(246,242,239,.76) 0%,
      rgba(246,242,239,.32) 48%,
      rgba(246,242,239,0) 74%);
  filter:blur(8px);
}

.arrive-school-journal-copy::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:52%;
  width:94%;
  height:88%;
  transform:translate(-50%,-50%) rotate(4deg);
  border-top:1px solid rgba(129,151,185,.075);
  border-right:1px solid rgba(246,218,229,.12);
  border-bottom:1px solid rgba(136,109,167,.05);
  border-radius:38% 62% 57% 43% / 61% 42% 58% 39%;
}

.arrive-school-journal-copy .kicker{
  margin-bottom:16px;
}

.arrive-school-journal-copy h2{
  margin-top:0;
  margin-bottom:30px;
}

.arrive-school-journal-copy p{
  max-width:740px;
  margin:0 auto 21px;
  line-height:1.72;
}

/* IMPACT */
.arrive-school-impact{
  position:relative;
  overflow:hidden;
  padding:clamp(76px,8vw,108px) 24px clamp(84px,9vw,120px);
  background:rgba(252,251,250,.99);
}

.arrive-school-impact-inner{
  max-width:1160px;
  margin:0 auto 52px;
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:clamp(58px,8vw,104px);
  align-items:start;
}

.arrive-school-impact-copy{
  max-width:710px;
  line-height:1.72;
}

.arrive-school-impact-copy p{
  margin-bottom:22px;
}

.arrive-school-impact-terms{
  max-width:1100px;
  margin:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:18px 24px;
}

.arrive-school-impact-terms span{
  position:relative;
  min-width:170px;
  padding:24px 26px;
  text-align:center;
  font-family:var(--serif);
  font-size:1.3rem;
  color:#5e5a63;
  isolation:isolate;
}

.arrive-school-impact-terms span::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-10%;
  border-radius:61% 39% 55% 45% / 43% 60% 40% 57%;
  background:
    radial-gradient(ellipse,
      rgba(215,200,232,.18),
      rgba(215,200,232,.05) 54%,
      rgba(215,200,232,0) 78%);
  filter:blur(5px);
}

.arrive-school-impact-terms span:nth-child(2n)::before{
  background:
    radial-gradient(ellipse,
      rgba(246,218,229,.18),
      rgba(246,218,229,.05) 54%,
      rgba(246,218,229,0) 78%);
}

.arrive-school-impact-terms span:nth-child(3)::before{
  background:
    radial-gradient(ellipse,
      rgba(129,151,185,.14),
      rgba(129,151,185,.04) 54%,
      rgba(129,151,185,0) 78%);
}

/* OVERVIEW */
.arrive-school-overview{
  padding:clamp(92px,10vw,132px) 24px clamp(78px,8vw,110px);
  background:var(--sand);
}

.arrive-school-heading{
  max-width:900px;
}

.arrive-school-heading.centered{
  margin:0 auto 42px;
  text-align:center;
}

.arrive-school-heading .kicker{
  margin-bottom:16px;
}

.arrive-school-heading h2{
  margin-top:0;
}

.arrive-school-facts{
  max-width:980px;
  margin:0 auto 44px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.arrive-school-facts > div{
  position:relative;
  min-height:174px;
  padding:29px 24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  isolation:isolate;
}

.arrive-school-facts > div::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-10%;
  border-radius:58% 42% 55% 45% / 43% 60% 40% 57%;
  background:
    radial-gradient(ellipse,
      rgba(129,151,185,.25),
      rgba(129,151,185,.09) 52%,
      rgba(129,151,185,.025) 68%,
      rgba(129,151,185,0) 79%);
  filter:blur(5px);
}

.arrive-school-facts > div:nth-child(2)::before{
  background:
    radial-gradient(ellipse,
      rgba(215,200,232,.29),
      rgba(215,200,232,.105) 52%,
      rgba(215,200,232,.028) 68%,
      rgba(215,200,232,0) 79%);
}

.arrive-school-facts > div:nth-child(3)::before{
  background:
    radial-gradient(ellipse,
      rgba(246,218,229,.27),
      rgba(246,218,229,.10) 52%,
      rgba(246,218,229,.026) 68%,
      rgba(246,218,229,0) 79%);
}

.arrive-school-facts span{
  margin-bottom:12px;
  font-size:.72rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#6d6470;
}

.arrive-school-facts strong{
  font-family:var(--serif);
  font-size:1.28rem;
  line-height:1.22;
  font-weight:400;
}

.arrive-school-info-grid{
  max-width:1120px;
  margin:0 auto 40px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(42px,6vw,76px);
}

.arrive-school-info{
  position:relative;
  padding:36px 34px 32px;
  isolation:isolate;
}

.arrive-school-info::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-8%;
  background:
    radial-gradient(ellipse at 46% 45%,
      rgba(246,242,239,.80),
      rgba(246,242,239,.25) 58%,
      rgba(246,242,239,0) 80%);
}

.arrive-school-info .kicker{
  margin-bottom:21px;
}

.arrive-school-info ul{
  list-style:none;
  margin:0;
  padding:0;
}

.arrive-school-info li{
  position:relative;
  padding:0 0 13px 23px;
  line-height:1.55;
}

.arrive-school-info li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:7px;
  height:7px;
  border:1px solid rgba(129,151,185,.43);
  border-radius:50%;
}

.arrive-school-suitable{
  grid-column:1 / -1;
  max-width:790px;
  width:100%;
  margin:auto;
  text-align:center;
}

.arrive-school-suitable p:not(.kicker){
  font-family:var(--serif);
  font-size:1.35rem;
  line-height:1.45;
}

.arrive-school-cost{
  position:relative;
  isolation:isolate;
  max-width:700px;
  margin:auto;
  padding:42px 34px;
  text-align:center;
}

.arrive-school-cost::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-14% -10%;
  border-radius:61% 39% 53% 47% / 45% 58% 42% 55%;
  background:
    radial-gradient(ellipse,
      rgba(246,218,229,.19),
      rgba(129,151,185,.045) 55%,
      rgba(129,151,185,0) 78%);
  filter:blur(7px);
}

.arrive-school-cost .kicker{
  margin-bottom:12px;
}

.arrive-school-cost p:not(.kicker){
  font-family:var(--serif);
  font-size:clamp(1.75rem,2.5vw,2.5rem);
  line-height:1.2;
  color:#63556c;
}

/* CTA */
.arrive-school-cta{
  position:relative;
  overflow:hidden;
  padding:clamp(76px,8vw,108px) 24px clamp(112px,12vw,165px);
  background:
    linear-gradient(
      180deg,
      rgba(250,247,245,.98),
      rgba(246,242,239,.96)
    );
}

.arrive-school-cta::before{
  content:"";
  position:absolute;
  inset:-20% -10%;
  background:
    radial-gradient(ellipse 45% 70% at 3% 62%,
      rgba(129,151,185,.09),
      rgba(129,151,185,0) 75%),
    radial-gradient(ellipse 43% 68% at 98% 39%,
      rgba(246,218,229,.14),
      rgba(246,218,229,0) 75%),
    radial-gradient(ellipse 38% 55% at 72% 80%,
      rgba(215,200,232,.055),
      rgba(215,200,232,0) 74%);
  filter:blur(10px);
}

.arrive-school-cta-inner{
  position:relative;
  z-index:1;
  max-width:820px;
  margin:auto;
  text-align:center;
}

.arrive-school-cta-inner > p:not(.kicker){
  max-width:740px;
  margin:0 auto 21px;
  line-height:1.72;
}

.arrive-school-button{
  margin-top:17px;
  background:rgba(129,151,185,.88);
  border-color:rgba(129,151,185,.14);
  box-shadow:0 10px 26px rgba(129,151,185,.08);
}

.arrive-school-button:hover{
  background:rgba(108,130,166,.95);
}

.arrive-school-back{
  display:block;
  margin-top:30px;
  font-size:.8rem;
  opacity:.68;
}

/* RESPONSIVE */
@media(max-width:900px){
  .arrive-school-intro-inner,
  .arrive-school-impact-inner,
  .arrive-school-info-grid{
    grid-template-columns:1fr;
  }

  .arrive-school-intro-inner,
  .arrive-school-impact-inner{
    gap:36px;
  }

  .arrive-school-suitable{
    grid-column:auto;
  }
}

@media(max-width:700px){
  .arrive-school-facts{
    grid-template-columns:1fr;
    gap:8px;
  }

  .arrive-school-facts > div{
    min-height:136px;
  }
}

@media(max-width:600px){
  .arrive-school-hero{
    min-height:auto;
    padding:168px 20px 68px;
  }

  .arrive-school-wash{
    filter:blur(7px);
  }

  .arrive-school-wash.one{
    width:132vw;
    height:112vw;
    left:-66vw;
    top:-5vw;
  }

  .arrive-school-wash.two{
    width:122vw;
    height:101vw;
    right:-62vw;
    bottom:-22vw;
  }

  .arrive-school-wash.three{
    width:82vw;
    height:74vw;
    right:-31vw;
    top:35vw;
  }

  .arrive-school-page .kicker{
    font-size:.9rem;
  }

  .arrive-school-hero h1{
    font-size:clamp(3.25rem,13.7vw,4.6rem);
    line-height:.95;
    margin-bottom:28px;
  }

  .arrive-school-intro,
  .arrive-school-journal,
  .arrive-school-impact,
  .arrive-school-overview,
  .arrive-school-cta{
    padding-left:20px;
    padding-right:20px;
  }

  .arrive-school-intro{
    padding-top:66px;
    padding-bottom:58px;
  }

  .arrive-school-intro-inner{
    gap:27px;
  }

  .arrive-school-line-art{
    width:114%;
    height:178px;
  }

  .arrive-school-line-art span:first-child{
    height:110px;
  }

  .arrive-school-line-art span:last-child{
    height:143px;
  }

  .arrive-school-journal{
    padding-top:60px;
    padding-bottom:68px;
  }

  .arrive-school-journal-copy{
    padding:42px 14px 46px;
  }

  .arrive-school-journal-copy::before{
    width:118%;
    height:112%;
  }

  .arrive-school-impact{
    padding-top:64px;
    padding-bottom:72px;
  }

  .arrive-school-impact-inner{
    gap:27px;
    margin-bottom:34px;
  }

  .arrive-school-impact-terms{
    gap:8px 12px;
  }

  .arrive-school-impact-terms span{
    min-width:145px;
    padding:20px 18px;
    font-size:1.16rem;
  }

  .arrive-school-overview{
    padding-top:76px;
    padding-bottom:62px;
  }

  .arrive-school-heading.centered{
    margin-bottom:27px;
  }

  .arrive-school-facts{
    margin-bottom:27px;
  }

  .arrive-school-facts > div{
    min-height:122px;
    padding:21px 18px;
  }

  .arrive-school-info-grid{
    gap:8px;
    margin-bottom:23px;
  }

  .arrive-school-info{
    padding:23px 14px 21px;
  }

  .arrive-school-info .kicker{
    margin-bottom:15px;
  }

  .arrive-school-info li{
    padding-bottom:10px;
  }

  .arrive-school-cost{
    padding:30px 24px;
  }

  .arrive-school-cta{
    padding-top:66px;
    padding-bottom:105px;
  }
}


/* =========================================================
   V21.5 – MeYouARRIVE Mädchen · Farbe & Abstände
   ========================================================= */

/* Kennenlernen: mehr Luft zwischen Headline und erstem Absatz. */
.arrive-girls-cta h2{
  margin-bottom:38px;
}

/* Insgesamt etwas mehr sichtbare Farbe – weiterhin weich und edel. */
.arrive-girls-intro{
  background:
    linear-gradient(
      180deg,
      rgba(252,251,250,.99) 0%,
      rgba(250,247,245,.98) 58%,
      rgba(252,251,250,.99) 100%
    );
}

.arrive-girls-intro::before{
  background:
    radial-gradient(
      ellipse,
      rgba(246,218,229,.22),
      rgba(246,218,229,.075) 48%,
      rgba(246,218,229,0) 74%
    );
}

/* Reisebereich erhält eine etwas sichtbarere Rosé-/Sandstimmung. */
.arrive-girls-journey{
  background:
    radial-gradient(
      ellipse 42% 58% at 13% 32%,
      rgba(215,200,232,.11),
      rgba(215,200,232,0) 74%
    ),
    radial-gradient(
      ellipse 46% 54% at 88% 66%,
      rgba(246,218,229,.18),
      rgba(246,218,229,0) 74%
    ),
    linear-gradient(
      180deg,
      rgba(252,251,250,1) 0%,
      rgba(249,245,243,.98) 54%,
      rgba(246,242,239,.86) 100%
    );
}

/* Die vier Schritt-Hinterlegungen werden sichtbar stärker,
   bleiben aber weich statt "Bubble"-artig. */
.arrive-girls-step-no::before{
  inset:-15px;
  background:
    radial-gradient(
      ellipse,
      rgba(215,200,232,.42),
      rgba(215,200,232,.16) 50%,
      rgba(215,200,232,.035) 67%,
      rgba(215,200,232,0) 78%
    );
}

.arrive-girls-step:nth-child(2) .arrive-girls-step-no::before{
  background:
    radial-gradient(
      ellipse,
      rgba(246,218,229,.42),
      rgba(246,218,229,.16) 50%,
      rgba(246,218,229,.035) 67%,
      rgba(246,218,229,0) 78%
    );
}

.arrive-girls-step:nth-child(3) .arrive-girls-step-no::before{
  background:
    radial-gradient(
      ellipse,
      rgba(244,212,182,.31),
      rgba(244,212,182,.12) 51%,
      rgba(244,212,182,.028) 68%,
      rgba(244,212,182,0) 79%
    );
}

.arrive-girls-step:nth-child(4) .arrive-girls-step-no::before{
  background:
    radial-gradient(
      ellipse,
      rgba(129,151,185,.27),
      rgba(129,151,185,.10) 51%,
      rgba(129,151,185,.024) 68%,
      rgba(129,151,185,0) 79%
    );
}

/* Auch die Verbindungslinie darf minimal präsenter sein. */
.arrive-girls-journey-flow::before{
  background:
    linear-gradient(
      to bottom,
      rgba(215,200,232,0),
      rgba(136,109,167,.23) 12%,
      rgba(246,218,229,.29) 48%,
      rgba(129,151,185,.17) 80%,
      rgba(129,151,185,0)
    );
}

@media(max-width:600px){
  .arrive-girls-cta h2{
    margin-bottom:30px;
  }

  .arrive-girls-step-no::before{
    inset:-10px;
  }

  .arrive-girls-journey{
    background:
      radial-gradient(
        ellipse 72% 40% at 8% 30%,
        rgba(215,200,232,.14),
        rgba(215,200,232,0) 74%
      ),
      radial-gradient(
        ellipse 78% 42% at 96% 68%,
        rgba(246,218,229,.22),
        rgba(246,218,229,0) 74%
      ),
      linear-gradient(
        180deg,
        rgba(252,251,250,1) 0%,
        rgba(249,245,243,.99) 54%,
        rgba(246,242,239,.90) 100%
      );
  }
}


/* =========================================================
   V21.6 – MeYouARRIVE Mädchen · fließendere Farbräume
   ========================================================= */

/* GEMEINSAM ENTDECKEN:
   Rosé/Sand bleibt die Basis, Blau ersetzt hier bewusst Lavendel. */
.arrive-girls-intro{
  background:
    radial-gradient(
      ellipse 46% 64% at 6% 38%,
      rgba(246,218,229,.25),
      rgba(246,218,229,.075) 49%,
      rgba(246,218,229,0) 76%
    ),
    radial-gradient(
      ellipse 42% 58% at 94% 62%,
      rgba(129,151,185,.18),
      rgba(129,151,185,.05) 50%,
      rgba(129,151,185,0) 76%
    ),
    linear-gradient(
      180deg,
      rgba(252,251,250,.99) 0%,
      rgba(249,246,243,.99) 56%,
      rgba(252,251,250,.99) 100%
    );
}

/* Die bisherige weiche Fläche links bekommt etwas mehr Präsenz. */
.arrive-girls-intro::before{
  left:-24%;
  top:3%;
  width:61%;
  height:88%;
  background:
    radial-gradient(
      ellipse,
      rgba(246,218,229,.28),
      rgba(246,218,229,.095) 48%,
      rgba(246,218,229,0) 75%
    );
  filter:blur(10px);
}

/* Zusätzliche organische Langform hinter dem Abschnitt:
   keine Kreisform, eher wie eine freie, angeschnittene Schleife. */
.arrive-girls-intro-inner::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-13%;
  top:47%;
  width:54%;
  height:250px;
  transform:translateY(-50%) rotate(-7deg);
  border-top:1px solid rgba(129,151,185,.16);
  border-right:1px solid rgba(129,151,185,.12);
  border-bottom:1px solid rgba(246,218,229,.13);
  border-left:0;
  border-radius:68% 32% 58% 42% / 39% 65% 35% 61%;
  opacity:.9;
  pointer-events:none;
}

/* Vier Schritte:
   Die vier Stationen liegen jetzt stärker in EINEM gemeinsamen Farbraum. */
.arrive-girls-journey::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-6% -12%;
  background:
    radial-gradient(
      ellipse 46% 34% at 20% 27%,
      rgba(246,218,229,.16),
      rgba(246,218,229,0) 72%
    ),
    radial-gradient(
      ellipse 44% 34% at 78% 54%,
      rgba(244,212,182,.13),
      rgba(244,212,182,0) 73%
    ),
    radial-gradient(
      ellipse 42% 31% at 34% 82%,
      rgba(129,151,185,.105),
      rgba(129,151,185,0) 74%
    );
  filter:blur(7px);
  pointer-events:none;
}

.arrive-girls-journey > *{
  position:relative;
  z-index:1;
}

/* Die vier Nummern bleiben einzelne Akzente, aber etwas stärker sichtbar. */
.arrive-girls-step-no::before{
  inset:-17px;
}

.arrive-girls-step:nth-child(1) .arrive-girls-step-no::before{
  background:
    radial-gradient(
      ellipse,
      rgba(215,200,232,.46),
      rgba(215,200,232,.18) 50%,
      rgba(215,200,232,.04) 68%,
      rgba(215,200,232,0) 80%
    );
}

.arrive-girls-step:nth-child(2) .arrive-girls-step-no::before{
  background:
    radial-gradient(
      ellipse,
      rgba(246,218,229,.48),
      rgba(246,218,229,.19) 50%,
      rgba(246,218,229,.04) 68%,
      rgba(246,218,229,0) 80%
    );
}

.arrive-girls-step:nth-child(3) .arrive-girls-step-no::before{
  background:
    radial-gradient(
      ellipse,
      rgba(244,212,182,.36),
      rgba(244,212,182,.14) 50%,
      rgba(244,212,182,.03) 68%,
      rgba(244,212,182,0) 80%
    );
}

.arrive-girls-step:nth-child(4) .arrive-girls-step-no::before{
  background:
    radial-gradient(
      ellipse,
      rgba(129,151,185,.31),
      rgba(129,151,185,.12) 50%,
      rgba(129,151,185,.03) 68%,
      rgba(129,151,185,0) 80%
    );
}

/* KENNENLERNEN:
   Sand bleibt tragend, dazu Rosé + Blau und ein kleiner Lavendel-Echo. */
.arrive-girls-cta{
  background:
    radial-gradient(
      ellipse 48% 72% at 2% 48%,
      rgba(246,218,229,.19),
      rgba(246,218,229,0) 74%
    ),
    radial-gradient(
      ellipse 44% 67% at 98% 34%,
      rgba(129,151,185,.12),
      rgba(129,151,185,0) 75%
    ),
    radial-gradient(
      ellipse 36% 52% at 76% 86%,
      rgba(215,200,232,.11),
      rgba(215,200,232,0) 74%
    ),
    linear-gradient(
      180deg,
      rgba(250,247,244,.985),
      rgba(246,242,239,.98)
    );
}

/* Eine angeschnittene organische Kontur am Rand statt eines Symbols. */
.arrive-girls-cta::after{
  content:"";
  position:absolute;
  right:-10%;
  top:46%;
  width:38%;
  height:220px;
  transform:translateY(-50%) rotate(9deg);
  border-top:1px solid rgba(215,200,232,.14);
  border-left:1px solid rgba(129,151,185,.08);
  border-bottom:1px solid rgba(246,218,229,.11);
  border-right:0;
  border-radius:34% 66% 58% 42% / 62% 41% 59% 38%;
  pointer-events:none;
  opacity:.9;
}

.arrive-girls-cta-inner{
  position:relative;
  z-index:1;
}

/* MOBILE:
   größere, weiter angeschnittene Flächen erzeugen den Eindruck,
   dass die Farben beim Scrollen noch etwas stärker durchs Display wandern. */
@media(max-width:600px){
  .arrive-girls-intro{
    background:
      radial-gradient(
        ellipse 92% 46% at -5% 32%,
        rgba(246,218,229,.31),
        rgba(246,218,229,.09) 48%,
        rgba(246,218,229,0) 76%
      ),
      radial-gradient(
        ellipse 88% 45% at 108% 68%,
        rgba(129,151,185,.22),
        rgba(129,151,185,.065) 49%,
        rgba(129,151,185,0) 76%
      ),
      linear-gradient(
        180deg,
        rgba(252,251,250,.995),
        rgba(249,246,243,.995) 58%,
        rgba(252,251,250,.995)
      );
  }

  .arrive-girls-intro::before{
    left:-58%;
    top:4%;
    width:126%;
    height:78%;
  }

  .arrive-girls-intro-inner::after{
    right:-45%;
    top:52%;
    width:92%;
    height:190px;
    opacity:.82;
  }

  .arrive-girls-journey::before{
    inset:-4% -35%;
    background:
      radial-gradient(
        ellipse 78% 28% at 18% 24%,
        rgba(246,218,229,.21),
        rgba(246,218,229,0) 72%
      ),
      radial-gradient(
        ellipse 74% 28% at 82% 53%,
        rgba(244,212,182,.17),
        rgba(244,212,182,0) 73%
      ),
      radial-gradient(
        ellipse 72% 26% at 32% 83%,
        rgba(129,151,185,.14),
        rgba(129,151,185,0) 74%
      );
  }

  .arrive-girls-step-no::before{
    inset:-12px;
  }

  .arrive-girls-cta{
    background:
      radial-gradient(
        ellipse 92% 43% at -7% 43%,
        rgba(246,218,229,.24),
        rgba(246,218,229,0) 74%
      ),
      radial-gradient(
        ellipse 86% 42% at 108% 32%,
        rgba(129,151,185,.16),
        rgba(129,151,185,0) 75%
      ),
      radial-gradient(
        ellipse 72% 34% at 75% 92%,
        rgba(215,200,232,.14),
        rgba(215,200,232,0) 74%
      ),
      linear-gradient(
        180deg,
        rgba(250,247,244,.99),
        rgba(246,242,239,.985)
      );
  }

  .arrive-girls-cta::after{
    right:-46%;
    top:48%;
    width:88%;
    height:176px;
    opacity:.8;
  }
}


/* =========================================================
   V21.7 – MeYouARRIVE Mädchen · Mobile Farben intensiver
   ========================================================= */

@media(max-width:600px){

  /* Hero: Farben auf kleinen Displays etwas satter sichtbar */
  .arrive-girls-wash.one{
    background:
      radial-gradient(
        ellipse at 58% 48%,
        rgba(215,200,232,.52) 0%,
        rgba(215,200,232,.29) 42%,
        rgba(215,200,232,.09) 62%,
        rgba(215,200,232,0) 79%
      );
  }

  .arrive-girls-wash.two{
    background:
      radial-gradient(
        ellipse at 44% 43%,
        rgba(246,218,229,.48) 0%,
        rgba(246,218,229,.23) 45%,
        rgba(246,218,229,.06) 62%,
        rgba(246,218,229,0) 75%
      );
  }

  .arrive-girls-wash.three{
    background:
      radial-gradient(
        ellipse,
        rgba(129,151,185,.14) 0%,
        rgba(129,151,185,.05) 49%,
        rgba(129,151,185,0) 74%
      );
  }

  /* Gemeinsam entdecken: Rosé + Blau deutlicher wahrnehmbar */
  .arrive-girls-intro{
    background:
      radial-gradient(
        ellipse 94% 48% at -5% 30%,
        rgba(246,218,229,.39),
        rgba(246,218,229,.14) 48%,
        rgba(246,218,229,0) 76%
      ),
      radial-gradient(
        ellipse 90% 47% at 109% 69%,
        rgba(129,151,185,.29),
        rgba(129,151,185,.10) 49%,
        rgba(129,151,185,0) 76%
      ),
      linear-gradient(
        180deg,
        rgba(252,251,250,.995),
        rgba(249,246,243,.995) 58%,
        rgba(252,251,250,.995)
      );
  }

  .arrive-girls-intro::before{
    background:
      radial-gradient(
        ellipse,
        rgba(246,218,229,.38),
        rgba(246,218,229,.14) 48%,
        rgba(246,218,229,0) 75%
      );
  }

  .arrive-girls-intro-inner::after{
    border-top-color:rgba(129,151,185,.22);
    border-right-color:rgba(129,151,185,.18);
    border-bottom-color:rgba(246,218,229,.18);
    opacity:.92;
  }

  /* Vier Schritte: gemeinsamer Farbraum deutlicher */
  .arrive-girls-journey{
    background:
      radial-gradient(
        ellipse 80% 31% at 12% 24%,
        rgba(246,218,229,.27),
        rgba(246,218,229,0) 72%
      ),
      radial-gradient(
        ellipse 78% 31% at 88% 53%,
        rgba(244,212,182,.23),
        rgba(244,212,182,0) 73%
      ),
      radial-gradient(
        ellipse 76% 29% at 27% 84%,
        rgba(129,151,185,.20),
        rgba(129,151,185,0) 74%
      ),
      linear-gradient(
        180deg,
        rgba(252,251,250,1) 0%,
        rgba(249,245,243,.995) 54%,
        rgba(246,242,239,.93) 100%
      );
  }

  .arrive-girls-journey::before{
    background:
      radial-gradient(
        ellipse 80% 29% at 18% 24%,
        rgba(246,218,229,.28),
        rgba(246,218,229,0) 72%
      ),
      radial-gradient(
        ellipse 76% 29% at 82% 53%,
        rgba(244,212,182,.23),
        rgba(244,212,182,0) 73%
      ),
      radial-gradient(
        ellipse 74% 27% at 32% 83%,
        rgba(129,151,185,.19),
        rgba(129,151,185,0) 74%
      );
  }

  .arrive-girls-step:nth-child(1) .arrive-girls-step-no::before{
    background:
      radial-gradient(
        ellipse,
        rgba(215,200,232,.58),
        rgba(215,200,232,.24) 50%,
        rgba(215,200,232,.06) 68%,
        rgba(215,200,232,0) 80%
      );
  }

  .arrive-girls-step:nth-child(2) .arrive-girls-step-no::before{
    background:
      radial-gradient(
        ellipse,
        rgba(246,218,229,.60),
        rgba(246,218,229,.25) 50%,
        rgba(246,218,229,.06) 68%,
        rgba(246,218,229,0) 80%
      );
  }

  .arrive-girls-step:nth-child(3) .arrive-girls-step-no::before{
    background:
      radial-gradient(
        ellipse,
        rgba(244,212,182,.46),
        rgba(244,212,182,.19) 50%,
        rgba(244,212,182,.05) 68%,
        rgba(244,212,182,0) 80%
      );
  }

  .arrive-girls-step:nth-child(4) .arrive-girls-step-no::before{
    background:
      radial-gradient(
        ellipse,
        rgba(129,151,185,.40),
        rgba(129,151,185,.17) 50%,
        rgba(129,151,185,.045) 68%,
        rgba(129,151,185,0) 80%
      );
  }

  /* Auf einen Blick: Bubbles etwas kräftiger */
  .arrive-girls-facts > div::before{
    background:
      radial-gradient(
        ellipse,
        rgba(215,200,232,.49),
        rgba(215,200,232,.20) 52%,
        rgba(215,200,232,.055) 68%,
        rgba(215,200,232,0) 79%
      );
  }

  .arrive-girls-facts > div:nth-child(2)::before{
    background:
      radial-gradient(
        ellipse,
        rgba(246,218,229,.50),
        rgba(246,218,229,.21) 52%,
        rgba(246,218,229,.055) 68%,
        rgba(246,218,229,0) 79%
      );
  }

  .arrive-girls-facts > div:nth-child(3)::before{
    background:
      radial-gradient(
        ellipse,
        rgba(244,212,182,.39),
        rgba(244,212,182,.16) 52%,
        rgba(244,212,182,.045) 68%,
        rgba(244,212,182,0) 79%
      );
  }

  /* Kennenlernen: Rosé, Blau und Lavendel klarer, aber weiterhin weich */
  .arrive-girls-cta{
    background:
      radial-gradient(
        ellipse 94% 46% at -8% 43%,
        rgba(246,218,229,.33),
        rgba(246,218,229,.10) 50%,
        rgba(246,218,229,0) 74%
      ),
      radial-gradient(
        ellipse 90% 45% at 109% 32%,
        rgba(129,151,185,.23),
        rgba(129,151,185,.07) 50%,
        rgba(129,151,185,0) 75%
      ),
      radial-gradient(
        ellipse 76% 37% at 75% 93%,
        rgba(215,200,232,.21),
        rgba(215,200,232,.065) 50%,
        rgba(215,200,232,0) 74%
      ),
      linear-gradient(
        180deg,
        rgba(250,247,244,.995),
        rgba(246,242,239,.99)
      );
  }

  .arrive-girls-cta::after{
    border-top-color:rgba(215,200,232,.20);
    border-left-color:rgba(129,151,185,.13);
    border-bottom-color:rgba(246,218,229,.17);
    opacity:.92;
  }
}


/* =========================================================
   V21.8 – MeYouARRIVE Mädchen · Mobile Rosé sichtbarer
   ========================================================= */

@media(max-width:600px){

  /* Hero: Rosé klarer gegen Sand und Flieder absetzen */
  .arrive-girls-wash.two{
    width:128vw;
    height:108vw;
    right:-63vw;
    bottom:-18vw;
    background:
      radial-gradient(
        ellipse at 42% 42%,
        rgba(246,218,229,.62) 0%,
        rgba(246,218,229,.32) 43%,
        rgba(246,218,229,.11) 61%,
        rgba(246,218,229,0) 77%
      );
  }

  /* Gemeinsam entdecken: ein sichtbarerer Rosé-Strom von links */
  .arrive-girls-intro{
    background:
      radial-gradient(
        ellipse 105% 54% at -12% 29%,
        rgba(246,218,229,.50),
        rgba(246,218,229,.20) 47%,
        rgba(246,218,229,.055) 62%,
        rgba(246,218,229,0) 78%
      ),
      radial-gradient(
        ellipse 88% 44% at 109% 69%,
        rgba(129,151,185,.26),
        rgba(129,151,185,.085) 49%,
        rgba(129,151,185,0) 76%
      ),
      linear-gradient(
        180deg,
        rgba(252,251,250,.995),
        rgba(249,246,243,.995) 58%,
        rgba(252,251,250,.995)
      );
  }

  .arrive-girls-intro::before{
    left:-64%;
    width:138%;
    background:
      radial-gradient(
        ellipse,
        rgba(246,218,229,.50),
        rgba(246,218,229,.20) 47%,
        rgba(246,218,229,.055) 64%,
        rgba(246,218,229,0) 77%
      );
  }

  /* Vier Schritte: Rosé als verbindende Grundfarbe klarer sichtbar */
  .arrive-girls-journey{
    background:
      radial-gradient(
        ellipse 88% 34% at 8% 21%,
        rgba(246,218,229,.34),
        rgba(246,218,229,.10) 51%,
        rgba(246,218,229,0) 74%
      ),
      radial-gradient(
        ellipse 84% 32% at 93% 54%,
        rgba(244,212,182,.20),
        rgba(244,212,182,0) 73%
      ),
      radial-gradient(
        ellipse 82% 30% at 22% 83%,
        rgba(246,218,229,.22),
        rgba(246,218,229,.055) 49%,
        rgba(246,218,229,0) 74%
      ),
      radial-gradient(
        ellipse 72% 27% at 84% 82%,
        rgba(129,151,185,.17),
        rgba(129,151,185,0) 74%
      ),
      linear-gradient(
        180deg,
        rgba(252,251,250,1) 0%,
        rgba(249,245,243,.995) 54%,
        rgba(246,242,239,.93) 100%
      );
  }

  .arrive-girls-step:nth-child(2) .arrive-girls-step-no::before{
    background:
      radial-gradient(
        ellipse,
        rgba(246,218,229,.72),
        rgba(246,218,229,.33) 49%,
        rgba(246,218,229,.09) 67%,
        rgba(246,218,229,0) 80%
      );
  }

  /* Auf einen Blick: mittlere Rosé-Bubble bewusst am deutlichsten */
  .arrive-girls-facts > div:nth-child(2)::before{
    background:
      radial-gradient(
        ellipse,
        rgba(246,218,229,.66),
        rgba(246,218,229,.29) 51%,
        rgba(246,218,229,.08) 68%,
        rgba(246,218,229,0) 80%
      );
  }

  /* Kennenlernen: Rosé wird zur klaren Hauptfarbe, Blau/Lavendel nur Begleiter */
  .arrive-girls-cta{
    background:
      radial-gradient(
        ellipse 106% 52% at -14% 42%,
        rgba(246,218,229,.45),
        rgba(246,218,229,.17) 49%,
        rgba(246,218,229,.04) 64%,
        rgba(246,218,229,0) 77%
      ),
      radial-gradient(
        ellipse 88% 43% at 111% 31%,
        rgba(129,151,185,.19),
        rgba(129,151,185,.055) 50%,
        rgba(129,151,185,0) 75%
      ),
      radial-gradient(
        ellipse 76% 37% at 72% 94%,
        rgba(215,200,232,.17),
        rgba(215,200,232,.05) 50%,
        rgba(215,200,232,0) 74%
      ),
      linear-gradient(
        180deg,
        rgba(250,247,244,.995),
        rgba(246,242,239,.99)
      );
  }
}


/* =========================================================
   V21.9 – MeYouARRIVE Mädchen · Mobile Rosé neu gewichtet
   ========================================================= */

@media(max-width:600px){

  /* HERO:
     Rosé wird am Anfang klar sichtbarer und fließt stärker ins Bild. */
  .arrive-girls-wash.two{
    width:142vw;
    height:118vw;
    right:-61vw;
    bottom:-10vw;
    background:
      radial-gradient(
        ellipse at 40% 40%,
        rgba(246,218,229,.76) 0%,
        rgba(246,218,229,.42) 40%,
        rgba(246,218,229,.17) 59%,
        rgba(246,218,229,.045) 70%,
        rgba(246,218,229,0) 80%
      );
  }

  /* Ein zweiter, weicher Rosé-Schimmer oben links sorgt dafür,
     dass die Farbe nicht erst am unteren Rand sichtbar wird. */
  .arrive-girls-hero::after{
    content:"";
    position:absolute;
    z-index:-1;
    left:-42%;
    top:16%;
    width:112%;
    height:54%;
    border-radius:64% 36% 58% 42% / 42% 61% 39% 58%;
    background:
      radial-gradient(
        ellipse,
        rgba(246,218,229,.34) 0%,
        rgba(246,218,229,.12) 48%,
        rgba(246,218,229,0) 76%
      );
    filter:blur(9px);
    pointer-events:none;
  }

  /* GEMEINSAM ENTDECKEN:
     Rosé noch stärker als erste Farbe, Blau bleibt nur als Gegenpol. */
  .arrive-girls-intro{
    background:
      radial-gradient(
        ellipse 118% 60% at -18% 26%,
        rgba(246,218,229,.62),
        rgba(246,218,229,.28) 45%,
        rgba(246,218,229,.09) 62%,
        rgba(246,218,229,0) 79%
      ),
      radial-gradient(
        ellipse 84% 42% at 112% 71%,
        rgba(129,151,185,.19),
        rgba(129,151,185,.055) 50%,
        rgba(129,151,185,0) 76%
      ),
      linear-gradient(
        180deg,
        rgba(252,251,250,.995),
        rgba(250,246,245,.995) 56%,
        rgba(252,251,250,.995)
      );
  }

  .arrive-girls-intro::before{
    left:-72%;
    top:0;
    width:152%;
    height:86%;
    background:
      radial-gradient(
        ellipse,
        rgba(246,218,229,.56),
        rgba(246,218,229,.23) 47%,
        rgba(246,218,229,.07) 63%,
        rgba(246,218,229,0) 78%
      );
  }

  /* VIER SCHRITTE:
     04 Blau deutlich zurücknehmen, Rosé/Sand insgesamt stärker gewichten. */
  .arrive-girls-step:nth-child(4) .arrive-girls-step-no::before{
    background:
      radial-gradient(
        ellipse,
        rgba(129,151,185,.25),
        rgba(129,151,185,.09) 50%,
        rgba(129,151,185,.02) 68%,
        rgba(129,151,185,0) 80%
      );
  }

  .arrive-girls-journey{
    background:
      radial-gradient(
        ellipse 92% 36% at 8% 20%,
        rgba(246,218,229,.40),
        rgba(246,218,229,.14) 50%,
        rgba(246,218,229,0) 74%
      ),
      radial-gradient(
        ellipse 82% 31% at 91% 53%,
        rgba(244,212,182,.20),
        rgba(244,212,182,0) 73%
      ),
      radial-gradient(
        ellipse 86% 31% at 24% 83%,
        rgba(246,218,229,.28),
        rgba(246,218,229,.08) 49%,
        rgba(246,218,229,0) 74%
      ),
      radial-gradient(
        ellipse 68% 25% at 87% 83%,
        rgba(129,151,185,.10),
        rgba(129,151,185,0) 74%
      ),
      linear-gradient(
        180deg,
        rgba(252,251,250,1) 0%,
        rgba(250,246,245,.995) 54%,
        rgba(247,243,240,.94) 100%
      );
  }

  /* KENNENLERNEN:
     Sand deutlich zurücknehmen, Rosé als sichtbarste Fläche setzen.
     Blau und Lavendel bleiben nur kleine Begleiter. */
  .arrive-girls-cta{
    background:
      radial-gradient(
        ellipse 118% 58% at -18% 39%,
        rgba(246,218,229,.56),
        rgba(246,218,229,.24) 47%,
        rgba(246,218,229,.075) 63%,
        rgba(246,218,229,0) 78%
      ),
      radial-gradient(
        ellipse 82% 39% at 112% 29%,
        rgba(129,151,185,.12),
        rgba(129,151,185,.035) 50%,
        rgba(129,151,185,0) 75%
      ),
      radial-gradient(
        ellipse 72% 34% at 76% 94%,
        rgba(215,200,232,.16),
        rgba(215,200,232,.045) 50%,
        rgba(215,200,232,0) 74%
      ),
      linear-gradient(
        180deg,
        rgba(252,248,247,.995),
        rgba(249,245,243,.99)
      );
  }

  .arrive-girls-cta::after{
    border-top-color:rgba(215,200,232,.16);
    border-left-color:rgba(129,151,185,.07);
    border-bottom-color:rgba(246,218,229,.20);
  }
}


/* =========================================================
   V22.3 – MeYouARRIVE Eltern · Mobile Farben kräftiger
   ========================================================= */

@media(max-width:600px){

  /* HERO: weniger Beige, mehr Rosé + weiches Blau */
  .arrive-parents-hero{
    background:
      radial-gradient(
        ellipse 110% 58% at -12% 28%,
        rgba(246,218,229,.42),
        rgba(246,218,229,.16) 47%,
        rgba(246,218,229,0) 77%
      ),
      radial-gradient(
        ellipse 88% 46% at 108% 70%,
        rgba(129,151,185,.19),
        rgba(129,151,185,.055) 50%,
        rgba(129,151,185,0) 76%
      ),
      linear-gradient(
        180deg,
        rgba(252,251,250,.995),
        rgba(249,246,244,.99)
      );
  }

  .arrive-parents-wash.one{
    background:
      radial-gradient(
        ellipse at 58% 48%,
        rgba(215,200,232,.42) 0%,
        rgba(215,200,232,.20) 42%,
        rgba(215,200,232,.055) 62%,
        rgba(215,200,232,0) 79%
      );
  }

  .arrive-parents-wash.two{
    width:130vw;
    height:106vw;
    right:-61vw;
    bottom:-18vw;
    background:
      radial-gradient(
        ellipse at 42% 42%,
        rgba(246,218,229,.56) 0%,
        rgba(246,218,229,.27) 43%,
        rgba(246,218,229,.075) 62%,
        rgba(246,218,229,0) 77%
      );
  }

  .arrive-parents-wash.three{
    background:
      radial-gradient(
        ellipse,
        rgba(129,151,185,.13) 0%,
        rgba(129,151,185,.04) 49%,
        rgba(129,151,185,0) 74%
      );
  }

  /* Kreative Einzelbegleitung: Rosé und Blau klarer sichtbar */
  .arrive-parents-intro{
    background:
      radial-gradient(
        ellipse 112% 56% at -16% 34%,
        rgba(246,218,229,.34),
        rgba(246,218,229,.12) 49%,
        rgba(246,218,229,0) 76%
      ),
      radial-gradient(
        ellipse 88% 44% at 110% 70%,
        rgba(129,151,185,.19),
        rgba(129,151,185,.055) 50%,
        rgba(129,151,185,0) 76%
      ),
      linear-gradient(
        180deg,
        rgba(252,251,250,.995),
        rgba(250,247,245,.995)
      );
  }

  .arrive-parents-intro::before{
    left:-58%;
    width:126%;
    background:
      radial-gradient(
        ellipse,
        rgba(246,218,229,.38),
        rgba(246,218,229,.14) 48%,
        rgba(246,218,229,0) 75%
      );
  }

  .arrive-parents-line-art span:first-child{
    border-color:rgba(129,151,185,.19);
  }

  .arrive-parents-line-art span:last-child{
    border-color:rgba(246,218,229,.21);
  }

  /* Kompass-Journal: deutlich mehr Rosé, Sand nur als ruhige Basis */
  .arrive-parents-journal{
    background:
      radial-gradient(
        ellipse 110% 52% at -14% 34%,
        rgba(246,218,229,.32),
        rgba(246,218,229,.11) 49%,
        rgba(246,218,229,0) 76%
      ),
      radial-gradient(
        ellipse 84% 42% at 108% 78%,
        rgba(215,200,232,.14),
        rgba(215,200,232,.04) 50%,
        rgba(215,200,232,0) 75%
      ),
      linear-gradient(
        180deg,
        rgba(252,250,249,.995),
        rgba(249,245,243,.99)
      );
  }

  .arrive-parents-journal-copy::before{
    background:
      radial-gradient(
        ellipse at 44% 42%,
        rgba(246,218,229,.46) 0%,
        rgba(246,218,229,.21) 43%,
        rgba(246,218,229,.06) 62%,
        rgba(246,218,229,0) 79%
      ),
      radial-gradient(
        ellipse at 72% 70%,
        rgba(215,200,232,.13) 0%,
        rgba(215,200,232,.04) 50%,
        rgba(215,200,232,0) 74%
      );
  }

  /* Auf einen Blick: Bubbles kräftiger und klarer voneinander unterscheidbar */
  .arrive-parents-facts > div::before{
    background:
      radial-gradient(
        ellipse,
        rgba(215,200,232,.46),
        rgba(215,200,232,.18) 52%,
        rgba(215,200,232,.05) 68%,
        rgba(215,200,232,0) 79%
      );
  }

  .arrive-parents-facts > div:nth-child(2)::before{
    background:
      radial-gradient(
        ellipse,
        rgba(246,218,229,.54),
        rgba(246,218,229,.23) 52%,
        rgba(246,218,229,.06) 68%,
        rgba(246,218,229,0) 79%
      );
  }

  .arrive-parents-facts > div:nth-child(3)::before{
    background:
      radial-gradient(
        ellipse,
        rgba(129,151,185,.27),
        rgba(129,151,185,.10) 52%,
        rgba(129,151,185,.025) 68%,
        rgba(129,151,185,0) 79%
      );
  }

  /* Kennenlernen: weniger Beige, Rosé als Hauptfarbe, Lavendel/Blau als Echo */
  .arrive-parents-cta{
    background:
      radial-gradient(
        ellipse 116% 58% at -16% 40%,
        rgba(246,218,229,.46),
        rgba(246,218,229,.18) 48%,
        rgba(246,218,229,.05) 64%,
        rgba(246,218,229,0) 78%
      ),
      radial-gradient(
        ellipse 86% 42% at 109% 31%,
        rgba(129,151,185,.16),
        rgba(129,151,185,.045) 50%,
        rgba(129,151,185,0) 75%
      ),
      radial-gradient(
        ellipse 74% 36% at 75% 94%,
        rgba(215,200,232,.17),
        rgba(215,200,232,.05) 50%,
        rgba(215,200,232,0) 74%
      ),
      linear-gradient(
        180deg,
        rgba(252,248,247,.995),
        rgba(249,245,243,.99)
      );
  }
}


/* =========================================================
   V23.2 – MeYouARRIVE Schulen · Textfeinschliff
   ========================================================= */

/* Auf Desktop bleibt der Alterszusatz im normalen Satzfluss. */
.arrive-school-age-line{
  display:inline;
}

/* Auf Mobile beginnt "13 und 17 Jahren Raum" bewusst in einer neuen Zeile. */
@media(max-width:600px){
  .arrive-school-age-line{
    display:block;
  }
}


/* =========================================================
   V23.3 – MeYouARRIVE Schulen · Zeilenumbruch & CTA-Abstand
   ========================================================= */

/* Der Alterszusatz beginnt jetzt auch in der Webansicht
   bewusst in einer neuen Zeile. */
.arrive-school-age-line{
  display:block;
}

/* Mehr Luft zwischen der Kennenlernen-Headline
   und dem ersten Absatz – wichtig bei Unterlängen wie dem "g". */
.arrive-schools-cta h2{
  margin-bottom:40px;
}

@media(max-width:600px){
  .arrive-schools-cta h2{
    margin-bottom:32px;
  }
}


/* =========================================================
   V23.4 – MeYouARRIVE Schulen · sauberer Umbruch & CTA-Luft
   ========================================================= */

/* Der harte Umbruch sitzt jetzt direkt VOR der 13.
   Dadurch bleibt das Komma sauber in derselben Zeile wie der Folgesatz. */
.arrive-school-age-break{
  display:block;
}

/* Korrektur des CTA-Selectors:
   die tatsächliche Klasse heißt .arrive-school-cta (ohne s).
   Jetzt bekommt die Headline wirklich Abstand zum ersten Absatz. */
.arrive-school-cta h2{
  margin:18px 0 48px;
}

@media(max-width:600px){
  .arrive-school-cta h2{
    margin:18px 0 40px;
  }
}


/* =========================================================
   V24 – MeYouARRIVE · Stiftungen & Förderprogramme
   ========================================================= */

.arrive-foundation-page{
  background:var(--sand);
}

.arrive-foundation-page .kicker{
  font-size:1.02rem;
  letter-spacing:.22em;
  color:#625e5b;
}

/* HERO */
.arrive-foundation-hero{
  position:relative;
  min-height:77vh;
  overflow:hidden;
  display:flex;
  align-items:center;
  padding:174px 24px 88px;
  isolation:isolate;
  background:
    linear-gradient(
      155deg,
      rgba(252,251,250,.995) 0%,
      rgba(248,247,247,.98) 51%,
      rgba(246,243,241,.95) 100%
    );
}

.arrive-foundation-wash{
  position:absolute;
  z-index:-2;
  pointer-events:none;
  filter:blur(10px);
}

.arrive-foundation-wash.one{
  width:62vw;
  height:52vw;
  left:-18vw;
  top:-12vw;
  border-radius:61% 39% 55% 45% / 43% 62% 38% 57%;
  background:
    radial-gradient(ellipse at 58% 48%,
      rgba(129,151,185,.29) 0%,
      rgba(129,151,185,.13) 43%,
      rgba(129,151,185,.035) 62%,
      rgba(129,151,185,0) 79%);
  transform:rotate(-8deg);
}

.arrive-foundation-wash.two{
  width:52vw;
  height:44vw;
  right:-13vw;
  bottom:-8vw;
  border-radius:43% 57% 62% 38% / 58% 42% 56% 44%;
  background:
    radial-gradient(ellipse at 43% 42%,
      rgba(246,218,229,.31) 0%,
      rgba(246,218,229,.13) 45%,
      rgba(246,218,229,.035) 62%,
      rgba(246,218,229,0) 76%);
  transform:rotate(10deg);
}

.arrive-foundation-wash.three{
  width:31vw;
  height:31vw;
  right:19vw;
  top:3vw;
  border-radius:58% 42% 47% 53% / 42% 58% 43% 57%;
  background:
    radial-gradient(ellipse,
      rgba(215,200,232,.16) 0%,
      rgba(215,200,232,.05) 49%,
      rgba(215,200,232,0) 74%);
}

.arrive-foundation-hero-inner{
  position:relative;
  z-index:2;
  width:min(100%,1080px);
  margin:auto;
  text-align:center;
}

.arrive-foundation-hero h1{
  max-width:880px;
  margin:22px auto 34px;
  font-family:var(--serif);
  font-size:clamp(4.25rem,7vw,7rem);
  line-height:.94;
  letter-spacing:-.04em;
  font-weight:400;
}

.arrive-foundation-lead{
  max-width:840px;
  margin:auto;
  line-height:1.72;
}

/* BEDARF / ZAHLEN */
.arrive-foundation-need{
  position:relative;
  overflow:hidden;
  padding:clamp(78px,8vw,110px) 24px clamp(74px,8vw,106px);
  background:
    radial-gradient(ellipse 45% 62% at 5% 45%,
      rgba(246,218,229,.13),
      rgba(246,218,229,0) 75%),
    radial-gradient(ellipse 40% 58% at 97% 70%,
      rgba(129,151,185,.10),
      rgba(129,151,185,0) 75%),
    rgba(252,251,250,.99);
}

.arrive-foundation-need-inner{
  position:relative;
  z-index:1;
  max-width:1180px;
  margin:auto;
  display:grid;
  grid-template-columns:.87fr 1.13fr;
  gap:clamp(58px,8vw,108px);
  align-items:start;
}

.arrive-foundation-need-heading h2,
.arrive-foundation-future-heading h2,
.arrive-foundation-heading h2,
.arrive-foundation-cta h2{
  font-family:var(--serif);
  font-size:clamp(2.65rem,4.5vw,4.8rem);
  font-weight:400;
  line-height:1.03;
  letter-spacing:-.025em;
  margin:18px 0 0;
}

.arrive-foundation-need-copy{
  position:relative;
  isolation:isolate;
  max-width:720px;
  line-height:1.74;
}

.arrive-foundation-need-copy p{
  position:relative;
  z-index:2;
  margin:0 0 24px;
}

.arrive-foundation-emphasis{
  font-family:var(--serif);
  font-size:clamp(1.45rem,2vw,1.9rem);
  line-height:1.42 !important;
  color:#554f58;
}

.arrive-foundation-source{
  margin-top:30px !important;
  font-size:.78rem;
  opacity:.66;
}

.arrive-foundation-line-art{
  position:absolute;
  z-index:-1;
  left:50%;
  top:48%;
  width:min(121%,720px);
  height:260px;
  transform:translate(-50%,-50%);
  opacity:.72;
  pointer-events:none;
}

.arrive-foundation-line-art span{
  position:absolute;
  left:50%;
  top:50%;
  display:block;
  border:1px solid rgba(129,151,185,.15);
  transform-origin:center;
}

.arrive-foundation-line-art span:first-child{
  width:92%;
  height:164px;
  transform:translate(-50%,-50%) rotate(-5deg);
  border-radius:58% 42% 53% 47% / 46% 58% 42% 54%;
}

.arrive-foundation-line-art span:last-child{
  width:71%;
  height:205px;
  transform:translate(-50%,-50%) rotate(8deg);
  border-color:rgba(246,218,229,.18);
  border-radius:44% 56% 61% 39% / 57% 43% 54% 46%;
}

/* SELBSTBESTIMMTE ZUKUNFT */
.arrive-foundation-future{
  position:relative;
  overflow:hidden;
  padding:clamp(78px,8vw,108px) 24px clamp(82px,9vw,120px);
  background:
    radial-gradient(ellipse 44% 58% at 100% 25%,
      rgba(215,200,232,.11),
      rgba(215,200,232,0) 74%),
    linear-gradient(
      180deg,
      rgba(250,247,245,.94),
      rgba(246,242,239,.88)
    );
}

.arrive-foundation-future-inner{
  max-width:1160px;
  margin:0 auto 64px;
  display:grid;
  grid-template-columns:.87fr 1.13fr;
  gap:clamp(58px,8vw,104px);
  align-items:start;
}

.arrive-foundation-future-copy{
  max-width:710px;
  line-height:1.74;
}

.arrive-foundation-future-copy p{
  margin:0;
}

.arrive-foundation-journal{
  position:relative;
  isolation:isolate;
  max-width:930px;
  margin:auto;
  padding:56px clamp(30px,6vw,78px);
  text-align:center;
}

.arrive-foundation-journal::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-14% -10%;
  border-radius:63% 37% 54% 46% / 43% 61% 39% 57%;
  background:
    radial-gradient(ellipse at 38% 43%,
      rgba(246,218,229,.28) 0%,
      rgba(246,218,229,.11) 43%,
      rgba(246,218,229,.03) 62%,
      rgba(246,218,229,0) 79%),
    radial-gradient(ellipse at 74% 64%,
      rgba(129,151,185,.11) 0%,
      rgba(129,151,185,.035) 50%,
      rgba(129,151,185,0) 75%);
  filter:blur(8px);
}

.arrive-foundation-journal::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  width:95%;
  height:91%;
  transform:translate(-50%,-50%) rotate(3deg);
  border-top:1px solid rgba(129,151,185,.10);
  border-right:1px solid rgba(246,218,229,.15);
  border-bottom:1px solid rgba(215,200,232,.10);
  border-radius:40% 60% 56% 44% / 61% 42% 58% 39%;
}

.arrive-foundation-journal-copy{
  max-width:760px;
  margin:auto;
  line-height:1.72;
}

.arrive-foundation-journal-copy p{
  margin:0 auto 22px;
}

.arrive-foundation-journal-copy p:last-child{
  margin-bottom:0;
}

/* ÜBERBLICK */
.arrive-foundation-overview{
  position:relative;
  overflow:hidden;
  padding:clamp(92px,10vw,132px) 24px clamp(80px,9vw,116px);
  background:
    radial-gradient(ellipse 36% 38% at 9% 22%,
      rgba(246,218,229,.10),
      rgba(246,218,229,0) 75%),
    radial-gradient(ellipse 32% 35% at 92% 76%,
      rgba(129,151,185,.075),
      rgba(129,151,185,0) 75%),
    var(--sand);
}

.arrive-foundation-heading{
  max-width:900px;
}

.arrive-foundation-heading.centered{
  margin:0 auto 42px;
  text-align:center;
}

.arrive-foundation-heading .kicker{
  margin-bottom:16px;
}

.arrive-foundation-heading h2{
  margin-top:0;
}

.arrive-foundation-facts{
  max-width:980px;
  margin:0 auto 30px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.arrive-foundation-facts > div{
  position:relative;
  min-height:174px;
  padding:29px 24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  isolation:isolate;
}

.arrive-foundation-facts > div::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-10%;
  border-radius:58% 42% 55% 45% / 43% 60% 40% 57%;
  background:
    radial-gradient(ellipse,
      rgba(129,151,185,.29),
      rgba(129,151,185,.105) 52%,
      rgba(129,151,185,.028) 68%,
      rgba(129,151,185,0) 79%);
  filter:blur(5px);
}

.arrive-foundation-facts > div:nth-child(2)::before{
  background:
    radial-gradient(ellipse,
      rgba(215,200,232,.31),
      rgba(215,200,232,.115) 52%,
      rgba(215,200,232,.03) 68%,
      rgba(215,200,232,0) 79%);
}

.arrive-foundation-facts > div:nth-child(3)::before{
  background:
    radial-gradient(ellipse,
      rgba(246,218,229,.31),
      rgba(246,218,229,.115) 52%,
      rgba(246,218,229,.03) 68%,
      rgba(246,218,229,0) 79%);
}

.arrive-foundation-facts span,
.arrive-foundation-location span{
  margin-bottom:12px;
  font-size:.72rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#6d6470;
}

.arrive-foundation-facts strong,
.arrive-foundation-location strong{
  font-family:var(--serif);
  font-size:1.28rem;
  line-height:1.22;
  font-weight:400;
}

.arrive-foundation-location{
  position:relative;
  isolation:isolate;
  max-width:780px;
  margin:0 auto 48px;
  padding:34px 40px;
  display:flex;
  flex-direction:column;
  text-align:center;
}

.arrive-foundation-location::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-13% -8%;
  border-radius:62% 38% 55% 45% / 43% 58% 42% 57%;
  background:
    radial-gradient(ellipse,
      rgba(244,212,182,.16),
      rgba(246,218,229,.06) 53%,
      rgba(246,218,229,0) 79%);
  filter:blur(6px);
}

.arrive-foundation-info-grid{
  max-width:1120px;
  margin:0 auto 40px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(42px,6vw,76px);
}

.arrive-foundation-info{
  position:relative;
  padding:36px 34px 32px;
  isolation:isolate;
}

.arrive-foundation-info::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-8%;
  background:
    radial-gradient(ellipse at 46% 45%,
      rgba(252,251,250,.78),
      rgba(246,242,239,.20) 58%,
      rgba(246,242,239,0) 80%);
}

.arrive-foundation-info .kicker{
  margin-bottom:21px;
}

.arrive-foundation-info ul{
  list-style:none;
  margin:0;
  padding:0;
}

.arrive-foundation-info li{
  position:relative;
  padding:0 0 13px 23px;
  line-height:1.55;
}

.arrive-foundation-info li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:7px;
  height:7px;
  border:1px solid rgba(129,151,185,.48);
  border-radius:50%;
}

.arrive-foundation-info:nth-child(2) li::before{
  border-color:rgba(215,180,207,.54);
}

.arrive-foundation-suitable{
  grid-column:1 / -1;
  max-width:850px;
  width:100%;
  margin:auto;
  text-align:center;
}

.arrive-foundation-suitable p:not(.kicker){
  font-family:var(--serif);
  font-size:1.35rem;
  line-height:1.45;
}

.arrive-foundation-cost{
  position:relative;
  isolation:isolate;
  max-width:700px;
  margin:auto;
  padding:42px 34px;
  text-align:center;
}

.arrive-foundation-cost::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-14% -10%;
  border-radius:61% 39% 53% 47% / 45% 58% 42% 55%;
  background:
    radial-gradient(ellipse,
      rgba(246,218,229,.22),
      rgba(129,151,185,.055) 55%,
      rgba(129,151,185,0) 78%);
  filter:blur(7px);
}

.arrive-foundation-cost .kicker{
  margin-bottom:12px;
}

.arrive-foundation-cost p:not(.kicker){
  font-family:var(--serif);
  font-size:clamp(1.75rem,2.5vw,2.5rem);
  line-height:1.2;
  color:#63556c;
}

/* CTA */
.arrive-foundation-cta{
  position:relative;
  overflow:hidden;
  padding:clamp(82px,9vw,116px) 24px clamp(114px,12vw,165px);
  background:
    radial-gradient(ellipse 48% 70% at 2% 48%,
      rgba(246,218,229,.18),
      rgba(246,218,229,0) 74%),
    radial-gradient(ellipse 43% 68% at 99% 35%,
      rgba(129,151,185,.11),
      rgba(129,151,185,0) 75%),
    radial-gradient(ellipse 38% 55% at 72% 82%,
      rgba(215,200,232,.09),
      rgba(215,200,232,0) 74%),
    linear-gradient(
      180deg,
      rgba(250,247,245,.985),
      rgba(246,242,239,.96)
    );
}

.arrive-foundation-cta::after{
  content:"";
  position:absolute;
  right:-8%;
  top:45%;
  width:38%;
  height:250px;
  transform:translateY(-50%) rotate(8deg);
  border-top:1px solid rgba(215,200,232,.15);
  border-left:1px solid rgba(129,151,185,.09);
  border-bottom:1px solid rgba(246,218,229,.15);
  border-right:0;
  border-radius:34% 66% 58% 42% / 62% 41% 59% 38%;
  opacity:.9;
  pointer-events:none;
}

.arrive-foundation-cta-inner{
  position:relative;
  z-index:1;
  max-width:840px;
  margin:auto;
  text-align:center;
}

.arrive-foundation-cta h2{
  margin:0 0 46px;
}

.arrive-foundation-cta-inner > p{
  max-width:760px;
  margin:0 auto 22px;
  line-height:1.72;
}

.arrive-foundation-button{
  margin-top:18px;
  background:rgba(129,151,185,.88);
  border-color:rgba(129,151,185,.14);
  box-shadow:0 10px 26px rgba(129,151,185,.08);
}

.arrive-foundation-button:hover{
  background:rgba(108,130,166,.95);
}

.arrive-foundation-back{
  display:block;
  margin-top:30px;
  font-size:.8rem;
  opacity:.68;
}

/* RESPONSIVE */
@media(max-width:900px){
  .arrive-foundation-need-inner,
  .arrive-foundation-future-inner,
  .arrive-foundation-info-grid{
    grid-template-columns:1fr;
  }

  .arrive-foundation-need-inner,
  .arrive-foundation-future-inner{
    gap:34px;
  }

  .arrive-foundation-suitable{
    grid-column:auto;
  }
}

@media(max-width:700px){
  .arrive-foundation-facts{
    grid-template-columns:1fr;
    gap:8px;
  }

  .arrive-foundation-facts > div{
    min-height:132px;
  }
}

@media(max-width:600px){
  .arrive-foundation-hero{
    min-height:auto;
    padding:168px 20px 72px;
    background:
      linear-gradient(
        155deg,
        rgba(252,251,250,.995) 0%,
        rgba(250,247,247,.985) 48%,
        rgba(248,244,243,.97) 100%
      );
  }

  .arrive-foundation-page .kicker{
    font-size:.9rem;
  }

  .arrive-foundation-wash{
    filter:blur(7px);
  }

  .arrive-foundation-wash.one{
    width:138vw;
    height:116vw;
    left:-66vw;
    top:-6vw;
    background:
      radial-gradient(ellipse at 58% 48%,
        rgba(129,151,185,.42) 0%,
        rgba(129,151,185,.20) 43%,
        rgba(129,151,185,.055) 62%,
        rgba(129,151,185,0) 79%);
  }

  .arrive-foundation-wash.two{
    width:132vw;
    height:108vw;
    right:-64vw;
    bottom:-21vw;
    background:
      radial-gradient(ellipse at 42% 42%,
        rgba(246,218,229,.53) 0%,
        rgba(246,218,229,.25) 44%,
        rgba(246,218,229,.07) 62%,
        rgba(246,218,229,0) 77%);
  }

  .arrive-foundation-wash.three{
    width:86vw;
    height:76vw;
    right:-34vw;
    top:30vw;
    background:
      radial-gradient(ellipse,
        rgba(215,200,232,.23) 0%,
        rgba(215,200,232,.075) 49%,
        rgba(215,200,232,0) 74%);
  }

  .arrive-foundation-hero h1{
    font-size:clamp(3.5rem,15.5vw,5rem);
    line-height:.97;
    margin-bottom:31px;
  }

  .arrive-foundation-need,
  .arrive-foundation-future,
  .arrive-foundation-overview,
  .arrive-foundation-cta{
    padding-left:20px;
    padding-right:20px;
  }

  .arrive-foundation-need{
    padding-top:68px;
    padding-bottom:66px;
    background:
      radial-gradient(ellipse 108% 48% at -12% 30%,
        rgba(246,218,229,.35),
        rgba(246,218,229,.10) 50%,
        rgba(246,218,229,0) 76%),
      radial-gradient(ellipse 92% 44% at 110% 72%,
        rgba(129,151,185,.23),
        rgba(129,151,185,.065) 50%,
        rgba(129,151,185,0) 76%),
      rgba(252,251,250,.99);
  }

  .arrive-foundation-need-heading h2,
  .arrive-foundation-future-heading h2,
  .arrive-foundation-heading h2,
  .arrive-foundation-cta h2{
    font-size:clamp(2.55rem,12vw,3.7rem);
  }

  .arrive-foundation-need-inner,
  .arrive-foundation-future-inner{
    gap:28px;
  }

  .arrive-foundation-emphasis{
    font-size:1.35rem;
  }

  .arrive-foundation-line-art{
    width:118%;
    height:210px;
    opacity:.82;
  }

  .arrive-foundation-line-art span:first-child{
    height:126px;
  }

  .arrive-foundation-line-art span:last-child{
    height:165px;
  }

  .arrive-foundation-future{
    padding-top:70px;
    padding-bottom:84px;
    background:
      radial-gradient(ellipse 110% 45% at -12% 25%,
        rgba(246,218,229,.23),
        rgba(246,218,229,0) 74%),
      radial-gradient(ellipse 96% 42% at 110% 73%,
        rgba(215,200,232,.19),
        rgba(215,200,232,0) 74%),
      linear-gradient(
        180deg,
        rgba(250,247,245,.96),
        rgba(248,244,243,.92)
      );
  }

  .arrive-foundation-future-inner{
    margin-bottom:42px;
  }

  .arrive-foundation-journal{
    padding:45px 20px;
  }

  .arrive-foundation-journal::before{
    inset:-8% -22%;
    background:
      radial-gradient(ellipse at 35% 42%,
        rgba(246,218,229,.40) 0%,
        rgba(246,218,229,.16) 44%,
        rgba(246,218,229,.045) 63%,
        rgba(246,218,229,0) 79%),
      radial-gradient(ellipse at 76% 66%,
        rgba(129,151,185,.17) 0%,
        rgba(129,151,185,.05) 50%,
        rgba(129,151,185,0) 75%);
  }

  .arrive-foundation-overview{
    padding-top:78px;
    padding-bottom:72px;
    background:
      radial-gradient(ellipse 105% 36% at -8% 18%,
        rgba(246,218,229,.24),
        rgba(246,218,229,0) 72%),
      radial-gradient(ellipse 94% 34% at 108% 73%,
        rgba(129,151,185,.17),
        rgba(129,151,185,0) 74%),
      var(--sand);
  }

  .arrive-foundation-heading.centered{
    margin-bottom:30px;
  }

  .arrive-foundation-facts{
    margin-bottom:22px;
  }

  .arrive-foundation-facts > div{
    min-height:122px;
    padding:22px 18px;
  }

  .arrive-foundation-facts > div::before{
    background:
      radial-gradient(ellipse,
        rgba(129,151,185,.40),
        rgba(129,151,185,.16) 52%,
        rgba(129,151,185,.045) 68%,
        rgba(129,151,185,0) 79%);
  }

  .arrive-foundation-facts > div:nth-child(2)::before{
    background:
      radial-gradient(ellipse,
        rgba(215,200,232,.43),
        rgba(215,200,232,.17) 52%,
        rgba(215,200,232,.045) 68%,
        rgba(215,200,232,0) 79%);
  }

  .arrive-foundation-facts > div:nth-child(3)::before{
    background:
      radial-gradient(ellipse,
        rgba(246,218,229,.46),
        rgba(246,218,229,.19) 52%,
        rgba(246,218,229,.05) 68%,
        rgba(246,218,229,0) 79%);
  }

  .arrive-foundation-location{
    margin-bottom:30px;
    padding:28px 20px;
  }

  .arrive-foundation-location::before{
    background:
      radial-gradient(ellipse,
        rgba(246,218,229,.26),
        rgba(244,212,182,.08) 54%,
        rgba(246,218,229,0) 79%);
  }

  .arrive-foundation-info-grid{
    gap:8px;
    margin-bottom:25px;
  }

  .arrive-foundation-info{
    padding:25px 14px 23px;
  }

  .arrive-foundation-info .kicker{
    margin-bottom:16px;
  }

  .arrive-foundation-info li{
    padding-bottom:10px;
  }

  .arrive-foundation-cost{
    padding:34px 24px;
  }

  .arrive-foundation-cta{
    padding-top:72px;
    padding-bottom:108px;
    background:
      radial-gradient(ellipse 112% 50% at -14% 38%,
        rgba(246,218,229,.39),
        rgba(246,218,229,.13) 49%,
        rgba(246,218,229,0) 76%),
      radial-gradient(ellipse 96% 44% at 110% 31%,
        rgba(129,151,185,.19),
        rgba(129,151,185,.055) 50%,
        rgba(129,151,185,0) 75%),
      radial-gradient(ellipse 82% 37% at 73% 94%,
        rgba(215,200,232,.18),
        rgba(215,200,232,.05) 50%,
        rgba(215,200,232,0) 74%),
      linear-gradient(
        180deg,
        rgba(252,248,247,.995),
        rgba(249,245,243,.99)
      );
  }

  .arrive-foundation-cta::after{
    right:-47%;
    width:90%;
    height:180px;
    opacity:.86;
  }

  .arrive-foundation-cta h2{
    margin-bottom:38px;
  }
}


/* =========================================================
   V24.1 – MeYouARRIVE Stiftungen · mehr Lavendel & Rosé
   Blau wird deutlich zurückgenommen und bleibt nur Akzent.
   ========================================================= */

/* HERO – Lavendel wird Hauptfarbe, Rosé ergänzt, Blau nur als Hauch */
.arrive-foundation-wash.one{
  background:
    radial-gradient(
      ellipse at 58% 48%,
      rgba(215,200,232,.34) 0%,
      rgba(215,200,232,.16) 43%,
      rgba(215,200,232,.045) 62%,
      rgba(215,200,232,0) 79%
    );
}

.arrive-foundation-wash.two{
  background:
    radial-gradient(
      ellipse at 43% 42%,
      rgba(246,218,229,.37) 0%,
      rgba(246,218,229,.16) 45%,
      rgba(246,218,229,.045) 62%,
      rgba(246,218,229,0) 76%
    );
}

.arrive-foundation-wash.three{
  background:
    radial-gradient(
      ellipse,
      rgba(136,109,167,.13) 0%,
      rgba(215,200,232,.08) 48%,
      rgba(215,200,232,0) 74%
    );
}

/* Bedarf / Zahlen – Rosé und Lavendel stärker, Blau zurückhaltender */
.arrive-foundation-need{
  background:
    radial-gradient(
      ellipse 47% 64% at 4% 43%,
      rgba(246,218,229,.18),
      rgba(246,218,229,0) 75%
    ),
    radial-gradient(
      ellipse 43% 60% at 97% 72%,
      rgba(215,200,232,.15),
      rgba(215,200,232,0) 75%
    ),
    rgba(252,251,250,.99);
}

.arrive-foundation-line-art span:first-child{
  border-color:rgba(215,200,232,.19);
}

.arrive-foundation-line-art span:last-child{
  border-color:rgba(246,218,229,.21);
}

/* Selbstbestimmte Zukunft – weicher Lavendel-Rosé-Raum */
.arrive-foundation-future{
  background:
    radial-gradient(
      ellipse 46% 60% at 100% 24%,
      rgba(215,200,232,.16),
      rgba(215,200,232,0) 74%
    ),
    radial-gradient(
      ellipse 38% 48% at 2% 76%,
      rgba(246,218,229,.13),
      rgba(246,218,229,0) 74%
    ),
    linear-gradient(
      180deg,
      rgba(250,247,247,.95),
      rgba(247,243,242,.90)
    );
}

.arrive-foundation-journal::before{
  background:
    radial-gradient(
      ellipse at 38% 43%,
      rgba(246,218,229,.32) 0%,
      rgba(246,218,229,.13) 43%,
      rgba(246,218,229,.035) 62%,
      rgba(246,218,229,0) 79%
    ),
    radial-gradient(
      ellipse at 74% 64%,
      rgba(215,200,232,.17) 0%,
      rgba(215,200,232,.055) 50%,
      rgba(215,200,232,0) 75%
    );
}

.arrive-foundation-journal::after{
  border-top-color:rgba(215,200,232,.14);
  border-right-color:rgba(246,218,229,.18);
  border-bottom-color:rgba(136,109,167,.08);
}

/* Überblick – mehr Rosé/Lavendel im Hintergrund */
.arrive-foundation-overview{
  background:
    radial-gradient(
      ellipse 38% 40% at 8% 22%,
      rgba(246,218,229,.14),
      rgba(246,218,229,0) 75%
    ),
    radial-gradient(
      ellipse 34% 38% at 92% 76%,
      rgba(215,200,232,.12),
      rgba(215,200,232,0) 75%
    ),
    var(--sand);
}

/* Fakten-Bubbles: Lavendel → Rosé → warmes Lavendel statt Blau */
.arrive-foundation-facts > div::before{
  background:
    radial-gradient(
      ellipse,
      rgba(215,200,232,.36),
      rgba(215,200,232,.14) 52%,
      rgba(215,200,232,.035) 68%,
      rgba(215,200,232,0) 79%
    );
}

.arrive-foundation-facts > div:nth-child(2)::before{
  background:
    radial-gradient(
      ellipse,
      rgba(246,218,229,.38),
      rgba(246,218,229,.15) 52%,
      rgba(246,218,229,.04) 68%,
      rgba(246,218,229,0) 79%
    );
}

.arrive-foundation-facts > div:nth-child(3)::before{
  background:
    radial-gradient(
      ellipse,
      rgba(179,163,201,.30),
      rgba(179,163,201,.11) 52%,
      rgba(179,163,201,.03) 68%,
      rgba(179,163,201,0) 79%
    );
}

/* Listenpunkte ebenfalls weniger blau */
.arrive-foundation-info li::before{
  border-color:rgba(136,109,167,.34);
}

.arrive-foundation-info:nth-child(2) li::before{
  border-color:rgba(215,180,207,.58);
}

/* Ort + Kosten: Rosé/Lavendel klarer wahrnehmbar */
.arrive-foundation-location::before{
  background:
    radial-gradient(
      ellipse,
      rgba(246,218,229,.20),
      rgba(215,200,232,.08) 53%,
      rgba(215,200,232,0) 79%
    );
}

.arrive-foundation-cost::before{
  background:
    radial-gradient(
      ellipse,
      rgba(246,218,229,.25),
      rgba(215,200,232,.09) 55%,
      rgba(215,200,232,0) 78%
    );
}

/* CTA – Rosé und Lavendel tragend, Blau nur noch sehr dezent */
.arrive-foundation-cta{
  background:
    radial-gradient(
      ellipse 50% 72% at 2% 48%,
      rgba(246,218,229,.23),
      rgba(246,218,229,0) 74%
    ),
    radial-gradient(
      ellipse 44% 68% at 99% 35%,
      rgba(215,200,232,.15),
      rgba(215,200,232,0) 75%
    ),
    radial-gradient(
      ellipse 38% 55% at 72% 82%,
      rgba(179,163,201,.08),
      rgba(179,163,201,0) 74%
    ),
    linear-gradient(
      180deg,
      rgba(251,247,247,.99),
      rgba(247,243,242,.97)
    );
}

.arrive-foundation-cta::after{
  border-top-color:rgba(215,200,232,.18);
  border-left-color:rgba(136,109,167,.08);
  border-bottom-color:rgba(246,218,229,.18);
}

/* Button ebenfalls stärker in Eigenklang-Lavendel statt Blau */
.arrive-foundation-button{
  background:rgba(136,109,167,.88);
  border-color:rgba(136,109,167,.14);
  box-shadow:0 10px 26px rgba(136,109,167,.09);
}

.arrive-foundation-button:hover{
  background:rgba(124,92,158,.95);
}


/* MOBILE – Rosé und Lavendel deutlich sichtbar,
   ohne die Seite pastellig-bunt wirken zu lassen. */
@media(max-width:600px){

  .arrive-foundation-wash.one{
    background:
      radial-gradient(
        ellipse at 58% 48%,
        rgba(215,200,232,.54) 0%,
        rgba(215,200,232,.27) 43%,
        rgba(215,200,232,.075) 62%,
        rgba(215,200,232,0) 79%
      );
  }

  .arrive-foundation-wash.two{
    background:
      radial-gradient(
        ellipse at 42% 42%,
        rgba(246,218,229,.61) 0%,
        rgba(246,218,229,.31) 44%,
        rgba(246,218,229,.09) 62%,
        rgba(246,218,229,0) 77%
      );
  }

  .arrive-foundation-wash.three{
    background:
      radial-gradient(
        ellipse,
        rgba(136,109,167,.22) 0%,
        rgba(215,200,232,.10) 49%,
        rgba(215,200,232,0) 74%
      );
  }

  .arrive-foundation-need{
    background:
      radial-gradient(
        ellipse 110% 50% at -12% 30%,
        rgba(246,218,229,.43),
        rgba(246,218,229,.13) 50%,
        rgba(246,218,229,0) 76%
      ),
      radial-gradient(
        ellipse 94% 46% at 110% 72%,
        rgba(215,200,232,.29),
        rgba(215,200,232,.08) 50%,
        rgba(215,200,232,0) 76%
      ),
      rgba(252,251,250,.99);
  }

  .arrive-foundation-future{
    background:
      radial-gradient(
        ellipse 112% 46% at -12% 25%,
        rgba(246,218,229,.29),
        rgba(246,218,229,0) 74%
      ),
      radial-gradient(
        ellipse 98% 44% at 110% 73%,
        rgba(215,200,232,.26),
        rgba(215,200,232,0) 74%
      ),
      linear-gradient(
        180deg,
        rgba(250,247,247,.97),
        rgba(248,244,243,.93)
      );
  }

  .arrive-foundation-journal::before{
    background:
      radial-gradient(
        ellipse at 35% 42%,
        rgba(246,218,229,.48) 0%,
        rgba(246,218,229,.20) 44%,
        rgba(246,218,229,.055) 63%,
        rgba(246,218,229,0) 79%
      ),
      radial-gradient(
        ellipse at 76% 66%,
        rgba(215,200,232,.23) 0%,
        rgba(215,200,232,.07) 50%,
        rgba(215,200,232,0) 75%
      );
  }

  .arrive-foundation-overview{
    background:
      radial-gradient(
        ellipse 108% 38% at -8% 18%,
        rgba(246,218,229,.31),
        rgba(246,218,229,0) 72%
      ),
      radial-gradient(
        ellipse 96% 36% at 108% 73%,
        rgba(215,200,232,.23),
        rgba(215,200,232,0) 74%
      ),
      var(--sand);
  }

  .arrive-foundation-facts > div::before{
    background:
      radial-gradient(
        ellipse,
        rgba(215,200,232,.50),
        rgba(215,200,232,.20) 52%,
        rgba(215,200,232,.055) 68%,
        rgba(215,200,232,0) 79%
      );
  }

  .arrive-foundation-facts > div:nth-child(2)::before{
    background:
      radial-gradient(
        ellipse,
        rgba(246,218,229,.53),
        rgba(246,218,229,.22) 52%,
        rgba(246,218,229,.06) 68%,
        rgba(246,218,229,0) 79%
      );
  }

  .arrive-foundation-facts > div:nth-child(3)::before{
    background:
      radial-gradient(
        ellipse,
        rgba(179,163,201,.43),
        rgba(179,163,201,.17) 52%,
        rgba(179,163,201,.045) 68%,
        rgba(179,163,201,0) 79%
      );
  }

  .arrive-foundation-cta{
    background:
      radial-gradient(
        ellipse 114% 52% at -14% 38%,
        rgba(246,218,229,.48),
        rgba(246,218,229,.17) 49%,
        rgba(246,218,229,0) 76%
      ),
      radial-gradient(
        ellipse 98% 46% at 110% 31%,
        rgba(215,200,232,.27),
        rgba(215,200,232,.08) 50%,
        rgba(215,200,232,0) 75%
      ),
      radial-gradient(
        ellipse 84% 38% at 73% 94%,
        rgba(179,163,201,.15),
        rgba(179,163,201,.04) 50%,
        rgba(179,163,201,0) 74%
      ),
      linear-gradient(
        180deg,
        rgba(252,248,248,.995),
        rgba(249,245,244,.99)
      );
  }
}


/* =========================================================
   V24.2 – MeYouARRIVE Stiftungen · Blau wieder als Akzent
   Mix orientiert sich stärker an Schule/Eltern:
   Blau + Rosé + Lavendel, ohne den Hero blau zu dominieren.
   ========================================================= */

/* Hero bleibt bewusst lavendel-/roségeführt.
   Nur ein sehr feiner Blauton bleibt als Gegenpol erhalten. */
.arrive-foundation-wash.three{
  background:
    radial-gradient(
      ellipse,
      rgba(129,151,185,.10) 0%,
      rgba(215,200,232,.085) 45%,
      rgba(215,200,232,0) 74%
    );
}

/* Zahlenbereich: kleines Blau-Echo auf der rechten Seite */
.arrive-foundation-need{
  background:
    radial-gradient(
      ellipse 47% 64% at 4% 43%,
      rgba(246,218,229,.18),
      rgba(246,218,229,0) 75%
    ),
    radial-gradient(
      ellipse 43% 60% at 97% 72%,
      rgba(215,200,232,.14),
      rgba(129,151,185,.035) 55%,
      rgba(129,151,185,0) 76%
    ),
    rgba(252,251,250,.99);
}

/* Auf einen Blick:
   1 = Blau, 2 = Rosé, 3 = Lavendel – wie bei Schule/Eltern ausgewogen. */
.arrive-foundation-facts > div::before{
  background:
    radial-gradient(
      ellipse,
      rgba(129,151,185,.30),
      rgba(129,151,185,.11) 52%,
      rgba(129,151,185,.03) 68%,
      rgba(129,151,185,0) 79%
    );
}

.arrive-foundation-facts > div:nth-child(2)::before{
  background:
    radial-gradient(
      ellipse,
      rgba(246,218,229,.38),
      rgba(246,218,229,.15) 52%,
      rgba(246,218,229,.04) 68%,
      rgba(246,218,229,0) 79%
    );
}

.arrive-foundation-facts > div:nth-child(3)::before{
  background:
    radial-gradient(
      ellipse,
      rgba(215,200,232,.34),
      rgba(215,200,232,.13) 52%,
      rgba(215,200,232,.035) 68%,
      rgba(215,200,232,0) 79%
    );
}

/* Kleine blaue Akzente in den Listenpunkten der ersten Spalte */
.arrive-foundation-info:first-child li::before{
  border-color:rgba(129,151,185,.42);
}

/* CTA: minimaler Blauanteil als Gegenfarbe, Lavendel/Rosé bleiben führend */
.arrive-foundation-cta{
  background:
    radial-gradient(
      ellipse 50% 72% at 2% 48%,
      rgba(246,218,229,.23),
      rgba(246,218,229,0) 74%
    ),
    radial-gradient(
      ellipse 44% 68% at 99% 35%,
      rgba(215,200,232,.15),
      rgba(215,200,232,0) 75%
    ),
    radial-gradient(
      ellipse 34% 48% at 91% 82%,
      rgba(129,151,185,.055),
      rgba(129,151,185,0) 74%
    ),
    linear-gradient(
      180deg,
      rgba(251,247,247,.99),
      rgba(247,243,242,.97)
    );
}

@media(max-width:600px){

  /* Hero mobil: Blau nur als sanfter Akzent */
  .arrive-foundation-wash.three{
    background:
      radial-gradient(
        ellipse,
        rgba(129,151,185,.16) 0%,
        rgba(215,200,232,.10) 47%,
        rgba(215,200,232,0) 74%
      );
  }

  /* Auf einen Blick mobil deutlich genug sichtbar:
     Blau → Rosé → Lavendel */
  .arrive-foundation-facts > div::before{
    background:
      radial-gradient(
        ellipse,
        rgba(129,151,185,.41),
        rgba(129,151,185,.16) 52%,
        rgba(129,151,185,.045) 68%,
        rgba(129,151,185,0) 79%
      );
  }

  .arrive-foundation-facts > div:nth-child(2)::before{
    background:
      radial-gradient(
        ellipse,
        rgba(246,218,229,.53),
        rgba(246,218,229,.22) 52%,
        rgba(246,218,229,.06) 68%,
        rgba(246,218,229,0) 79%
      );
  }

  .arrive-foundation-facts > div:nth-child(3)::before{
    background:
      radial-gradient(
        ellipse,
        rgba(215,200,232,.47),
        rgba(215,200,232,.18) 52%,
        rgba(215,200,232,.05) 68%,
        rgba(215,200,232,0) 79%
      );
  }

  .arrive-foundation-need{
    background:
      radial-gradient(
        ellipse 110% 50% at -12% 30%,
        rgba(246,218,229,.43),
        rgba(246,218,229,.13) 50%,
        rgba(246,218,229,0) 76%
      ),
      radial-gradient(
        ellipse 94% 46% at 110% 72%,
        rgba(215,200,232,.24),
        rgba(129,151,185,.075) 53%,
        rgba(129,151,185,0) 77%
      ),
      rgba(252,251,250,.99);
  }

  .arrive-foundation-cta{
    background:
      radial-gradient(
        ellipse 114% 52% at -14% 38%,
        rgba(246,218,229,.48),
        rgba(246,218,229,.17) 49%,
        rgba(246,218,229,0) 76%
      ),
      radial-gradient(
        ellipse 98% 46% at 110% 31%,
        rgba(215,200,232,.27),
        rgba(215,200,232,.08) 50%,
        rgba(215,200,232,0) 75%
      ),
      radial-gradient(
        ellipse 82% 36% at 82% 94%,
        rgba(129,151,185,.10),
        rgba(129,151,185,.025) 50%,
        rgba(129,151,185,0) 74%
      ),
      linear-gradient(
        180deg,
        rgba(252,248,248,.995),
        rgba(249,245,244,.99)
      );
  }
}


/* =========================================================
   V25 – MeYouREMEMBER · Reiseklang
   Eine zusammenhängende, atmosphärische Reise statt Unterseiten.
   Farbwelt: Blau als Leitfarbe, Lavendel als Echo, Sand/Rosé nur warm begleitend.
   ========================================================= */

.remember-page{
  background:#FCFBFA;
  color:#454244;
}

.remember-page .kicker{
  margin:0;
  font-size:1rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#68748a;
}

/* HERO */
.remember-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:94vh;
  padding:174px 24px 110px;
  display:flex;
  align-items:center;
  background:
    linear-gradient(
      160deg,
      rgba(252,251,250,.99) 0%,
      rgba(244,247,252,.96) 52%,
      rgba(248,246,249,.95) 100%
    );
}

.remember-hero-wash{
  position:absolute;
  z-index:-3;
  pointer-events:none;
  filter:blur(11px);
}

.remember-hero-wash.one{
  width:67vw;
  height:59vw;
  left:-22vw;
  top:-12vw;
  border-radius:62% 38% 54% 46% / 45% 61% 39% 55%;
  transform:rotate(-9deg);
  background:
    radial-gradient(
      ellipse at 58% 48%,
      rgba(129,151,185,.48) 0%,
      rgba(129,151,185,.22) 42%,
      rgba(129,151,185,.065) 61%,
      rgba(129,151,185,0) 79%
    );
}

.remember-hero-wash.two{
  width:54vw;
  height:47vw;
  right:-16vw;
  bottom:-9vw;
  border-radius:42% 58% 61% 39% / 57% 43% 55% 45%;
  transform:rotate(8deg);
  background:
    radial-gradient(
      ellipse at 43% 44%,
      rgba(93,115,152,.24) 0%,
      rgba(129,151,185,.10) 45%,
      rgba(129,151,185,.025) 64%,
      rgba(129,151,185,0) 78%
    );
}

.remember-hero-wash.three{
  width:35vw;
  height:34vw;
  right:21vw;
  top:1vw;
  border-radius:57% 43% 47% 53% / 43% 57% 42% 58%;
  background:
    radial-gradient(
      ellipse,
      rgba(215,200,232,.20) 0%,
      rgba(215,200,232,.065) 49%,
      rgba(215,200,232,0) 75%
    );
}

.remember-hero-inner{
  position:relative;
  z-index:2;
  width:min(100%,1080px);
  margin:auto;
  text-align:center;
}

.remember-claim{
  margin:13px 0 0;
  font-family:var(--serif);
  font-size:clamp(1.35rem,2.1vw,1.9rem);
  color:#6b6570;
}

.remember-hero h1{
  max-width:980px;
  margin:36px auto 43px;
  font-family:var(--serif);
  font-size:clamp(3.8rem,6.9vw,7rem);
  font-weight:400;
  line-height:.96;
  letter-spacing:-.04em;
}

.remember-hero-copy{
  max-width:800px;
  margin:auto;
  line-height:1.78;
}

.remember-hero-copy p{
  margin:0 auto 23px;
}

.remember-hero-emphasis{
  margin-top:35px !important;
  font-family:var(--serif);
  font-size:clamp(1.55rem,2.25vw,2.05rem);
  color:#536784;
}

.remember-route{
  position:absolute;
  pointer-events:none;
  z-index:-1;
}

.hero-route{
  left:50%;
  bottom:40px;
  width:min(56vw,760px);
  height:100px;
  transform:translateX(-50%);
  opacity:.62;
}

.hero-route span{
  position:absolute;
  left:2%;
  top:50%;
  width:96%;
  height:56px;
  border-top:1px solid rgba(93,115,152,.20);
  border-radius:50%;
  transform:rotate(-2deg);
}

.hero-route i{
  position:absolute;
  width:7px;
  height:7px;
  border:1px solid rgba(93,115,152,.33);
  border-radius:50%;
  background:rgba(252,251,250,.62);
}

.hero-route i:nth-of-type(1){left:19%;top:48%}
.hero-route i:nth-of-type(2){left:50%;top:35%}
.hero-route i:nth-of-type(3){left:81%;top:49%}

/* BRÜCKE */
.remember-space{
  position:relative;
  overflow:hidden;
  padding:90px 24px 98px;
  background:#FCFBFA;
}

.remember-space-shape{
  position:absolute;
  left:-15%;
  top:4%;
  width:63%;
  height:92%;
  border-radius:63% 37% 58% 42% / 42% 62% 38% 58%;
  background:
    radial-gradient(
      ellipse,
      rgba(233,241,255,.92) 0%,
      rgba(215,227,247,.40) 45%,
      rgba(233,241,255,.10) 65%,
      rgba(233,241,255,0) 80%
    );
  filter:blur(8px);
  pointer-events:none;
}

.remember-space-inner{
  position:relative;
  z-index:1;
  max-width:860px;
  margin:auto;
  text-align:center;
  font-family:var(--serif);
  font-size:clamp(1.75rem,2.8vw,2.7rem);
  line-height:1.42;
  color:#4e5662;
}

.remember-space-inner p{
  margin:0;
}

/* REISEKLANG */
.remember-journey{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:110px 24px 125px;
  background:
    linear-gradient(
      180deg,
      rgba(245,248,253,.96) 0%,
      rgba(248,249,252,.93) 48%,
      rgba(250,248,248,.96) 100%
    );
}

.remember-journey-wash{
  position:absolute;
  z-index:-2;
  pointer-events:none;
  filter:blur(10px);
}

.remember-journey-wash.one{
  width:50vw;
  height:54vw;
  right:-12vw;
  top:7vw;
  border-radius:46% 54% 64% 36% / 59% 41% 54% 46%;
  background:
    radial-gradient(
      ellipse,
      rgba(129,151,185,.25),
      rgba(129,151,185,.08) 52%,
      rgba(129,151,185,0) 77%
    );
}

.remember-journey-wash.two{
  width:42vw;
  height:45vw;
  left:-11vw;
  bottom:-8vw;
  border-radius:62% 38% 47% 53% / 42% 58% 45% 55%;
  background:
    radial-gradient(
      ellipse,
      rgba(215,200,232,.17),
      rgba(215,200,232,.055) 52%,
      rgba(215,200,232,0) 77%
    );
}

.remember-journey-intro{
  max-width:850px;
  margin:0 auto 80px;
  text-align:center;
}

.remember-journey-intro h2,
.remember-map h2,
.remember-support h2,
.remember-offer h2,
.remember-cta h2{
  margin:18px 0 35px;
  font-family:var(--serif);
  font-size:clamp(3.15rem,5vw,5.4rem);
  font-weight:400;
  line-height:1.01;
  letter-spacing:-.035em;
}

.remember-journey-intro > p:not(.kicker){
  max-width:760px;
  margin:0 auto 24px;
  line-height:1.76;
}

.remember-journey-quote{
  margin:0 auto 42px !important;
  font-family:var(--serif);
  font-size:clamp(1.65rem,2.5vw,2.35rem);
  line-height:1.38 !important;
  color:#52647d;
}

.remember-landscape{
  position:relative;
  max-width:1050px;
  min-height:510px;
  margin:10px auto 90px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:70px 80px;
  isolation:isolate;
}

.remember-path{
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
}

.remember-path .path-line{
  position:absolute;
  left:7%;
  top:47%;
  width:86%;
  height:170px;
  border-top:1px solid rgba(93,115,152,.28);
  border-radius:50%;
  transform:rotate(-4deg);
}

.remember-path::before,
.remember-path::after{
  content:"";
  position:absolute;
  border:1px solid rgba(129,151,185,.12);
  border-radius:62% 38% 57% 43% / 43% 62% 38% 57%;
}

.remember-path::before{
  left:13%;
  top:14%;
  width:70%;
  height:62%;
  transform:rotate(6deg);
}

.remember-path::after{
  left:25%;
  top:29%;
  width:61%;
  height:49%;
  transform:rotate(-9deg);
  border-color:rgba(215,200,232,.15);
}

.remember-path i{
  position:absolute;
  width:12px;
  height:12px;
  border:1px solid rgba(93,115,152,.38);
  border-radius:50%;
  background:#F9FBFF;
  box-shadow:0 0 0 10px rgba(233,241,255,.38);
}

.remember-path .p1{left:9%;top:49%}
.remember-path .p2{left:20%;top:35%}
.remember-path .p3{left:32%;top:27%}
.remember-path .p4{left:45%;top:30%}
.remember-path .p5{left:57%;top:42%}
.remember-path .p6{left:69%;top:51%}
.remember-path .p7{left:80%;top:47%}
.remember-path .p8{left:90%;top:36%}

.remember-landscape-text{
  max-width:720px;
  margin:0;
  text-align:center;
  font-family:var(--serif);
  font-size:clamp(2rem,3.45vw,3.45rem);
  line-height:1.34;
  color:#46566c;
}

.remember-method{
  max-width:850px;
  margin:auto;
  text-align:center;
  line-height:1.72;
}

.remember-method > p:first-child{
  margin:0 auto 42px;
}

.remember-next-step{
  max-width:690px;
  margin:auto;
  font-family:var(--serif);
  font-size:clamp(1.75rem,2.8vw,2.6rem);
  line-height:1.35;
  color:#5d7398;
}

/* REISEKLANG-KARTE */
.remember-map{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:125px 24px 130px;
  background:
    linear-gradient(
      175deg,
      rgba(252,251,250,.99) 0%,
      rgba(248,246,248,.97) 48%,
      rgba(245,248,252,.96) 100%
    );
}

.remember-map-wash{
  position:absolute;
  z-index:-2;
  left:-13%;
  top:5%;
  width:64%;
  height:93%;
  border-radius:67% 33% 55% 45% / 44% 61% 39% 56%;
  background:
    radial-gradient(
      ellipse,
      rgba(215,200,232,.25),
      rgba(215,200,232,.09) 48%,
      rgba(215,200,232,0) 76%
    );
  filter:blur(9px);
}

.remember-map-line{
  position:absolute;
  z-index:-1;
  right:-8%;
  top:46%;
  width:47%;
  height:270px;
  transform:translateY(-50%) rotate(7deg);
  border-top:1px solid rgba(93,115,152,.18);
  border-left:1px solid rgba(129,151,185,.11);
  border-bottom:1px solid rgba(215,200,232,.16);
  border-radius:34% 66% 58% 42% / 62% 41% 59% 38%;
}

.remember-map-inner{
  max-width:820px;
  margin:auto;
  text-align:center;
}

.remember-map-inner p:not(.kicker){
  max-width:760px;
  margin:auto;
  line-height:1.78;
}

/* BEGLEITUNG */
.remember-support{
  position:relative;
  overflow:hidden;
  padding:110px 24px 118px;
  background:
    radial-gradient(
      ellipse 40% 55% at 8% 40%,
      rgba(233,241,255,.70),
      rgba(233,241,255,0) 74%
    ),
    radial-gradient(
      ellipse 36% 48% at 94% 69%,
      rgba(215,200,232,.13),
      rgba(215,200,232,0) 75%
    ),
    #FCFBFA;
}

.remember-support-inner{
  max-width:1120px;
  margin:auto;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:clamp(60px,8vw,110px);
  align-items:start;
}

.remember-support-heading{
  position:sticky;
  top:150px;
}

.remember-support-heading h2{
  margin-bottom:0;
}

.remember-support-list ul{
  list-style:none;
  margin:0;
  padding:0;
}

.remember-support-list li{
  position:relative;
  padding:20px 0 20px 38px;
  border-bottom:1px solid rgba(93,115,152,.10);
  line-height:1.62;
}

.remember-support-list li:first-child{
  border-top:1px solid rgba(93,115,152,.10);
}

.remember-support-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:27px;
  width:10px;
  height:10px;
  border:1px solid rgba(93,115,152,.45);
  border-radius:50%;
  box-shadow:0 0 0 8px rgba(233,241,255,.45);
}

/* STARTANGEBOT */
.remember-offer{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:120px 24px 125px;
  background:
    radial-gradient(
      ellipse 42% 44% at 9% 20%,
      rgba(215,200,232,.15),
      rgba(215,200,232,0) 74%
    ),
    radial-gradient(
      ellipse 39% 47% at 94% 78%,
      rgba(129,151,185,.16),
      rgba(129,151,185,0) 74%
    ),
    linear-gradient(
      180deg,
      rgba(248,249,252,.96),
      rgba(246,248,252,.94)
    );
}

.remember-offer-heading{
  max-width:850px;
}

.remember-offer-heading.centered{
  margin:0 auto 55px;
  text-align:center;
}

.remember-offer-heading h2{
  margin-bottom:29px;
}

.remember-offer-heading > p:last-child{
  max-width:670px;
  margin:auto;
  line-height:1.68;
}

.remember-offer-facts{
  max-width:1020px;
  margin:0 auto 68px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:25px;
}

.remember-offer-facts > div{
  position:relative;
  min-height:180px;
  padding:34px 25px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  isolation:isolate;
}

.remember-offer-facts > div::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-11%;
  border-radius:58% 42% 55% 45% / 43% 60% 40% 57%;
  background:
    radial-gradient(
      ellipse,
      rgba(129,151,185,.34),
      rgba(129,151,185,.13) 52%,
      rgba(129,151,185,.035) 68%,
      rgba(129,151,185,0) 80%
    );
  filter:blur(5px);
}

.remember-offer-facts > div:nth-child(2)::before{
  background:
    radial-gradient(
      ellipse,
      rgba(215,200,232,.28),
      rgba(215,200,232,.105) 52%,
      rgba(215,200,232,.028) 68%,
      rgba(215,200,232,0) 80%
    );
}

.remember-offer-facts > div:nth-child(3)::before{
  background:
    radial-gradient(
      ellipse,
      rgba(93,115,152,.23),
      rgba(129,151,185,.10) 52%,
      rgba(129,151,185,.028) 68%,
      rgba(129,151,185,0) 80%
    );
}

.remember-offer-facts span{
  margin-bottom:12px;
  font-size:.73rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#667286;
}

.remember-offer-facts strong{
  font-family:var(--serif);
  font-size:1.32rem;
  line-height:1.25;
  font-weight:400;
}

.remember-offer-details{
  max-width:1060px;
  margin:auto;
  display:grid;
  grid-template-columns:.94fr 1.06fr;
  gap:clamp(52px,7vw,90px);
  align-items:start;
}

.remember-included,
.remember-investment{
  position:relative;
  padding:43px 42px;
  isolation:isolate;
}

.remember-included::before,
.remember-investment::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-8%;
  border-radius:63% 37% 54% 46% / 43% 61% 39% 57%;
  background:
    radial-gradient(
      ellipse,
      rgba(252,251,250,.83),
      rgba(233,241,255,.27) 55%,
      rgba(233,241,255,0) 79%
    );
}

.remember-investment::before{
  background:
    radial-gradient(
      ellipse,
      rgba(252,251,250,.86),
      rgba(215,200,232,.18) 55%,
      rgba(215,200,232,0) 79%
    );
}

.remember-included .kicker,
.remember-investment .kicker{
  margin-bottom:24px;
}

.remember-included ul{
  list-style:none;
  margin:0;
  padding:0;
}

.remember-included li{
  position:relative;
  padding:0 0 16px 25px;
  line-height:1.6;
}

.remember-included li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:7px;
  height:7px;
  border:1px solid rgba(93,115,152,.44);
  border-radius:50%;
}

.remember-price{
  margin:0 0 7px;
}

.remember-price strong{
  font-family:var(--serif);
  font-size:clamp(3.6rem,5vw,5rem);
  font-weight:400;
  line-height:1;
  color:#5d7398;
}

.remember-investment > p{
  line-height:1.62;
}

.remember-extra{
  margin-top:34px;
}

.remember-tax{
  margin-top:26px;
  font-size:.8rem;
  opacity:.67;
}

/* KENNENLERNEN */
.remember-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:115px 24px 155px;
  background:
    radial-gradient(
      ellipse 48% 70% at 2% 47%,
      rgba(233,241,255,.72),
      rgba(233,241,255,0) 74%
    ),
    radial-gradient(
      ellipse 43% 65% at 99% 34%,
      rgba(215,200,232,.16),
      rgba(215,200,232,0) 75%
    ),
    linear-gradient(
      180deg,
      rgba(252,251,250,.995),
      rgba(247,249,252,.97)
    );
}

.remember-cta-line{
  position:absolute;
  z-index:-1;
  right:-9%;
  top:45%;
  width:42%;
  height:280px;
  transform:translateY(-50%) rotate(8deg);
  border-top:1px solid rgba(93,115,152,.18);
  border-left:1px solid rgba(129,151,185,.11);
  border-bottom:1px solid rgba(215,200,232,.14);
  border-radius:34% 66% 58% 42% / 62% 41% 59% 38%;
}

.remember-cta-inner{
  max-width:840px;
  margin:auto;
  text-align:center;
}

.remember-cta h2{
  margin-bottom:47px;
}

.remember-cta-inner > p{
  max-width:760px;
  margin:0 auto 22px;
  line-height:1.74;
}

.remember-button{
  margin-top:19px;
  background:#5d7398;
  border-color:rgba(93,115,152,.18);
  box-shadow:0 10px 26px rgba(93,115,152,.10);
}

.remember-button:hover{
  background:#506787;
}

/* RESPONSIVE */
@media(max-width:900px){
  .remember-support-inner,
  .remember-offer-details{
    grid-template-columns:1fr;
  }

  .remember-support-heading{
    position:relative;
    top:auto;
  }

  .remember-support-inner{
    gap:35px;
  }

  .remember-offer-details{
    gap:30px;
  }
}

@media(max-width:720px){
  .remember-offer-facts{
    grid-template-columns:1fr;
    gap:7px;
  }

  .remember-offer-facts > div{
    min-height:133px;
  }
}

@media(max-width:600px){

  .remember-page .kicker{
    font-size:.89rem;
  }

  .remember-hero{
    min-height:auto;
    padding:166px 20px 82px;
  }

  .remember-hero-wash{
    filter:blur(7px);
  }

  .remember-hero-wash.one{
    width:148vw;
    height:128vw;
    left:-72vw;
    top:-3vw;
    background:
      radial-gradient(
        ellipse at 58% 48%,
        rgba(129,151,185,.60) 0%,
        rgba(129,151,185,.29) 42%,
        rgba(129,151,185,.085) 61%,
        rgba(129,151,185,0) 79%
      );
  }

  .remember-hero-wash.two{
    width:132vw;
    height:112vw;
    right:-66vw;
    bottom:-19vw;
    background:
      radial-gradient(
        ellipse at 43% 44%,
        rgba(93,115,152,.33) 0%,
        rgba(129,151,185,.14) 45%,
        rgba(129,151,185,.04) 64%,
        rgba(129,151,185,0) 78%
      );
  }

  .remember-hero-wash.three{
    width:93vw;
    height:82vw;
    right:-37vw;
    top:35vw;
    background:
      radial-gradient(
        ellipse,
        rgba(215,200,232,.29) 0%,
        rgba(215,200,232,.09) 49%,
        rgba(215,200,232,0) 75%
      );
  }

  .remember-claim{
    font-size:1.25rem;
  }

  .remember-hero h1{
    margin-top:29px;
    font-size:clamp(3.2rem,14.7vw,4.7rem);
    line-height:.98;
  }

  .remember-hero-copy{
    line-height:1.72;
  }

  .hero-route{
    width:88vw;
    bottom:25px;
  }

  .remember-space,
  .remember-journey,
  .remember-map,
  .remember-support,
  .remember-offer,
  .remember-cta{
    padding-left:20px;
    padding-right:20px;
  }

  .remember-space{
    padding-top:70px;
    padding-bottom:75px;
  }

  .remember-space-shape{
    left:-58%;
    width:137%;
    height:90%;
    background:
      radial-gradient(
        ellipse,
        rgba(233,241,255,.96) 0%,
        rgba(215,227,247,.48) 45%,
        rgba(233,241,255,.12) 65%,
        rgba(233,241,255,0) 80%
      );
  }

  .remember-space-inner{
    font-size:clamp(1.55rem,7.3vw,2.15rem);
  }

  .remember-journey{
    padding-top:78px;
    padding-bottom:88px;
    background:
      radial-gradient(
        ellipse 105% 37% at -8% 29%,
        rgba(233,241,255,.72),
        rgba(233,241,255,0) 74%
      ),
      radial-gradient(
        ellipse 96% 37% at 108% 77%,
        rgba(215,200,232,.24),
        rgba(215,200,232,0) 74%
      ),
      linear-gradient(
        180deg,
        rgba(245,248,253,.97),
        rgba(250,248,250,.97)
      );
  }

  .remember-journey-wash.one{
    width:120vw;
    height:130vw;
    right:-70vw;
    top:22vw;
    background:
      radial-gradient(
        ellipse,
        rgba(129,151,185,.34),
        rgba(129,151,185,.11) 52%,
        rgba(129,151,185,0) 77%
      );
  }

  .remember-journey-wash.two{
    width:108vw;
    height:112vw;
    left:-62vw;
    bottom:-10vw;
    background:
      radial-gradient(
        ellipse,
        rgba(215,200,232,.25),
        rgba(215,200,232,.08) 52%,
        rgba(215,200,232,0) 77%
      );
  }

  .remember-journey-intro{
    margin-bottom:51px;
  }

  .remember-journey-intro h2,
  .remember-map h2,
  .remember-support h2,
  .remember-offer h2,
  .remember-cta h2{
    font-size:clamp(2.75rem,12.3vw,4rem);
  }

  .remember-journey-quote{
    font-size:1.5rem;
  }

  .remember-landscape{
    min-height:430px;
    margin-bottom:56px;
    padding:58px 16px;
  }

  .remember-landscape-text{
    font-size:clamp(1.8rem,8.5vw,2.75rem);
  }

  .remember-path .path-line{
    left:-8%;
    width:116%;
    top:49%;
  }

  .remember-path::before{
    left:-17%;
    width:118%;
  }

  .remember-path::after{
    left:16%;
    width:95%;
  }

  .remember-path i{
    width:9px;
    height:9px;
    box-shadow:0 0 0 7px rgba(233,241,255,.45);
  }

  .remember-path .p1{left:2%;top:51%}
  .remember-path .p2{left:14%;top:36%}
  .remember-path .p3{left:28%;top:28%}
  .remember-path .p4{left:42%;top:31%}
  .remember-path .p5{left:56%;top:43%}
  .remember-path .p6{left:70%;top:52%}
  .remember-path .p7{left:83%;top:48%}
  .remember-path .p8{left:96%;top:37%}

  .remember-next-step{
    font-size:1.65rem;
  }

  .remember-map{
    padding-top:84px;
    padding-bottom:91px;
  }

  .remember-map-wash{
    left:-60%;
    width:138%;
    height:92%;
    background:
      radial-gradient(
        ellipse,
        rgba(215,200,232,.34),
        rgba(215,200,232,.12) 48%,
        rgba(215,200,232,0) 76%
      );
  }

  .remember-map-line{
    right:-50%;
    width:94%;
    height:185px;
  }

  .remember-support{
    padding-top:84px;
    padding-bottom:86px;
    background:
      radial-gradient(
        ellipse 115% 36% at -12% 23%,
        rgba(233,241,255,.84),
        rgba(233,241,255,0) 74%
      ),
      radial-gradient(
        ellipse 104% 34% at 110% 78%,
        rgba(215,200,232,.22),
        rgba(215,200,232,0) 74%
      ),
      #FCFBFA;
  }

  .remember-support-list li{
    padding-left:33px;
  }

  .remember-offer{
    padding-top:84px;
    padding-bottom:91px;
    background:
      radial-gradient(
        ellipse 110% 37% at -10% 17%,
        rgba(215,200,232,.26),
        rgba(215,200,232,0) 73%
      ),
      radial-gradient(
        ellipse 102% 36% at 108% 78%,
        rgba(129,151,185,.29),
        rgba(129,151,185,0) 74%
      ),
      linear-gradient(
        180deg,
        rgba(248,249,252,.98),
        rgba(246,248,252,.96)
      );
  }

  .remember-offer-heading.centered{
    margin-bottom:35px;
  }

  .remember-offer-facts{
    margin-bottom:42px;
  }

  .remember-offer-facts > div{
    min-height:125px;
    padding:24px 18px;
  }

  .remember-offer-facts > div::before{
    background:
      radial-gradient(
        ellipse,
        rgba(129,151,185,.48),
        rgba(129,151,185,.19) 52%,
        rgba(129,151,185,.05) 68%,
        rgba(129,151,185,0) 80%
      );
  }

  .remember-offer-facts > div:nth-child(2)::before{
    background:
      radial-gradient(
        ellipse,
        rgba(215,200,232,.42),
        rgba(215,200,232,.17) 52%,
        rgba(215,200,232,.045) 68%,
        rgba(215,200,232,0) 80%
      );
  }

  .remember-offer-facts > div:nth-child(3)::before{
    background:
      radial-gradient(
        ellipse,
        rgba(93,115,152,.34),
        rgba(129,151,185,.14) 52%,
        rgba(129,151,185,.04) 68%,
        rgba(129,151,185,0) 80%
      );
  }

  .remember-included,
  .remember-investment{
    padding:32px 20px;
  }

  .remember-price strong{
    font-size:3.7rem;
  }

  .remember-cta{
    padding-top:84px;
    padding-bottom:118px;
    background:
      radial-gradient(
        ellipse 116% 48% at -14% 39%,
        rgba(233,241,255,.94),
        rgba(233,241,255,.28) 49%,
        rgba(233,241,255,0) 76%
      ),
      radial-gradient(
        ellipse 98% 43% at 109% 29%,
        rgba(215,200,232,.26),
        rgba(215,200,232,.075) 50%,
        rgba(215,200,232,0) 75%
      ),
      linear-gradient(
        180deg,
        rgba(252,251,250,.995),
        rgba(247,249,252,.98)
      );
  }

  .remember-cta-line{
    right:-49%;
    width:95%;
    height:190px;
  }

  .remember-cta h2{
    margin-bottom:38px;
  }
}


/* =========================================================
   V25.1 – MeYouREMEMBER · Feinschliff Reiseklang
   ========================================================= */

/* Reiseklang-Einstieg kompakter:
   Landschaft und Folgeabschnitt rücken näher an den Introtext. */
.remember-journey-intro{
  margin-bottom:42px;
}

.remember-landscape{
  min-height:405px;
  margin-top:0;
  margin-bottom:48px;
  padding-top:46px;
  padding-bottom:46px;
}

/* Atmosphärischer Text etwas kleiner und ruhiger. */
.remember-landscape-text{
  max-width:700px;
  font-size:clamp(1.75rem,2.75vw,2.8rem);
  line-height:1.38;
}

/* Alle acht Reisestationen klar sichtbar und nicht zu nah am Rand. */
.remember-path{
  z-index:0;
}

.remember-landscape-text{
  position:relative;
  z-index:1;
}

.remember-path i{
  z-index:2;
  width:13px;
  height:13px;
  box-shadow:0 0 0 9px rgba(233,241,255,.52);
}

.remember-path .p1{left:7%;top:51%}
.remember-path .p2{left:18%;top:36%}
.remember-path .p3{left:30%;top:26%}
.remember-path .p4{left:42%;top:31%}
.remember-path .p5{left:55%;top:43%}
.remember-path .p6{left:67%;top:53%}
.remember-path .p7{left:79%;top:48%}
.remember-path .p8{left:91%;top:35%}

/* "Deine Begleitung" links etwas höher setzen,
   damit der Block optisch mit dem ersten Listenpunkt startet. */
.remember-support-heading{
  transform:translateY(-18px);
}

/* MOBILE */
@media(max-width:600px){
  .remember-journey-intro{
    margin-bottom:32px;
  }

  .remember-landscape{
    min-height:345px;
    margin-top:0;
    margin-bottom:38px;
    padding-top:34px;
    padding-bottom:34px;
  }

  .remember-landscape-text{
    font-size:clamp(1.6rem,7.2vw,2.25rem);
    line-height:1.4;
  }

  .remember-path i{
    width:10px;
    height:10px;
    box-shadow:0 0 0 7px rgba(233,241,255,.53);
  }

  .remember-path .p1{left:4%;top:52%}
  .remember-path .p2{left:16%;top:37%}
  .remember-path .p3{left:28%;top:27%}
  .remember-path .p4{left:40%;top:31%}
  .remember-path .p5{left:53%;top:44%}
  .remember-path .p6{left:66%;top:53%}
  .remember-path .p7{left:79%;top:48%}
  .remember-path .p8{left:92%;top:36%}

  .remember-support-heading{
    transform:none;
  }
}


/* =========================================================
   V25.2 – MeYouREMEMBER · Hero an Angebotslogik angepasst
   ========================================================= */

/* MeYouREMEMBER ist jetzt die klare Hauptüberschrift im Hero. */
.remember-hero h1{
  max-width:980px;
  margin:22px auto 12px;
  font-family:var(--serif);
  font-size:clamp(4.5rem,7.2vw,7.4rem);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.04em;
}

/* Claim direkt unter dem Produktnamen – wie bei GROW / ARRIVE. */
.remember-claim{
  margin:0 auto;
  font-family:var(--serif);
  font-size:clamp(1.35rem,2.1vw,1.9rem);
  color:#6b6570;
}

/* Redaktionelle Einstiegsheadline bewusst eine Stufe kleiner. */
.remember-hero-statement{
  max-width:900px;
  margin:54px auto 38px;
  font-family:var(--serif);
  font-size:clamp(2.65rem,4.2vw,4.25rem);
  font-weight:400;
  line-height:1.04;
  letter-spacing:-.025em;
  color:#454244;
}

@media(max-width:600px){
  .remember-hero h1{
    margin-top:20px;
    font-size:clamp(3.55rem,16vw,5rem);
    line-height:.96;
  }

  .remember-claim{
    font-size:1.23rem;
  }

  .remember-hero-statement{
    margin:42px auto 31px;
    font-size:clamp(2.15rem,10.5vw,3.15rem);
    line-height:1.05;
  }
}


/* =========================================================
   V25.3 – MeYouREMEMBER · Begleitung & Kennenlernen
   ========================================================= */

/* Überschriftenblock im Begleitungsbereich klar nach oben ziehen,
   sodass sein Beginn optisch auf Höhe des ersten Listenpunkts sitzt. */
.remember-support-heading{
  transform:translateY(-42px);
}

@media(max-width:900px){
  .remember-support-heading{
    transform:none;
  }
}


/* =========================================================
   V25.4 – MeYouREMEMBER · Begleitung exakt ausrichten
   ========================================================= */

/* Keine Verschiebung mehr nach Augenmaß:
   Der linke Block bekommt exakt denselben oberen Abstand
   wie der erste Listenpunkt rechts. */
.remember-support-heading{
  transform:none;
  padding-top:20px;
}

/* Auf schmaleren Ansichten stehen Überschrift und Liste untereinander. */
@media(max-width:900px){
  .remember-support-heading{
    padding-top:0;
  }
}


/* =========================================================
   V25.5 – MeYouREMEMBER · Sticky-Verhalten entfernt
   ========================================================= */

/* Der Sticky-Wert hat den linken Überschriftenblock beim Scrollen
   nach unten gedrückt. Jetzt bleibt er statisch am oberen Rand
   seiner Grid-Spalte und startet auf Höhe des ersten Listenpunkts. */
.remember-support-heading{
  position:relative;
  top:auto;
  transform:none;
  padding-top:20px;
  align-self:start;
}

@media(max-width:900px){
  .remember-support-heading{
    position:relative;
    top:auto;
    padding-top:0;
  }
}


/* =========================================================
   V25.6 – MeYouREMEMBER · Mobile Hero-Headline
   ========================================================= */

@media(max-width:600px){
  .remember-hero h1{
    font-size:clamp(3rem,13.2vw,4.25rem);
    max-width:100%;
    letter-spacing:-.045em;
    white-space:nowrap;
  }
}

@media(max-width:390px){
  .remember-hero h1{
    font-size:clamp(2.75rem,12.5vw,3.7rem);
  }
}


/* =========================================================
   V25.7 – MeYouREMEMBER · Mobile Hero sicher einzeilig
   ========================================================= */

/* Das lange Wort bekommt auf Mobile bewusst etwas weniger Größe,
   damit es auch auf schmalen Geräten komplett sichtbar bleibt. */
@media(max-width:600px){
  .remember-hero h1{
    width:100%;
    max-width:100%;
    font-size:clamp(2.55rem,10.8vw,3.85rem);
    line-height:.98;
    letter-spacing:-.055em;
    white-space:nowrap;
  }
}

@media(max-width:390px){
  .remember-hero h1{
    font-size:10.4vw;
    letter-spacing:-.06em;
  }
}

@media(max-width:340px){
  .remember-hero h1{
    font-size:10vw;
  }
}


/* =========================================================
   V25.8 – MeYouREMEMBER · Claim typografisch vereinheitlicht
   ========================================================= */

/* Gleiche Hierarchie wie bei MeYouGROW / MeYouARRIVE. */
.remember-claim{
  margin:20px 0 0;
  font-family:var(--serif);
  font-size:clamp(1.85rem,3vw,3.2rem);
  line-height:1.08;
  color:#6b6570;
}

@media(max-width:600px){
  .remember-claim{
    font-size:clamp(1.65rem,7.8vw,2.2rem);
    line-height:1.08;
    white-space:nowrap;
  }
}

/* =========================================================
   V25.9 – MeYouREMEMBER · Text- & Abstandsfeinschliff
   ========================================================= */

/* Reiseklang-Abschnitt enger zusammenführen. */
.remember-journey-intro{
  margin-bottom:46px;
}

.remember-landscape{
  min-height:370px;
  margin-top:0;
  margin-bottom:34px;
  padding-top:40px;
  padding-bottom:40px;
}

/* Atmosphärischer Absatz bewusst auf die Größe des Mottos zurücknehmen. */
.remember-landscape-text{
  max-width:700px;
  font-size:clamp(1.65rem,2.5vw,2.35rem);
  line-height:1.38;
}

.remember-method > p:first-child{
  margin-bottom:36px;
}

/* "Was bleibt" näher an den Reiseklang-Teil heranziehen. */
.remember-journey{
  padding-bottom:84px;
}

.remember-map{
  padding-top:92px;
}

@media(max-width:600px){
  .remember-journey-intro{
    margin-bottom:30px;
  }

  .remember-landscape{
    min-height:315px;
    margin-bottom:28px;
    padding-top:28px;
    padding-bottom:28px;
  }

  .remember-landscape-text{
    font-size:1.5rem;
    line-height:1.4;
  }

  .remember-method > p:first-child{
    margin-bottom:30px;
  }

  .remember-journey{
    padding-bottom:62px;
  }

  .remember-map{
    padding-top:68px;
  }
}


/* =========================================================
   V25.10 – MeYouREMEMBER · letzter Hero- und Textfeinschliff
   ========================================================= */

/* Die redaktionelle Einstiegsheadline soll hinter Produktname und Claim
   zurücktreten: etwas kleiner und in einem weicheren REMEMBER-Blau. */
.remember-hero-statement{
  max-width:850px;
  margin:50px auto 36px;
  font-size:clamp(2.3rem,3.55vw,3.6rem);
  line-height:1.08;
  letter-spacing:-.02em;
  color:rgba(93,115,152,.94);
}

@media(max-width:600px){
  .remember-hero-statement{
    margin:39px auto 29px;
    font-size:clamp(1.95rem,8.7vw,2.7rem);
    line-height:1.08;
    color:rgba(93,115,152,.96);
  }
}

/* =========================================================
   V26 – ÜBER EIGENKLANG & MICH
   Dachmarke: neutraler Sand als Basis, alle Lebenswelten nur als Echo.
   Keine vierte Farbwelt.
   ========================================================= */

.about-page{
  background:#FCFBFA;
  color:#454244;
}

.about-page .kicker{
  margin:0;
  font-size:1rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#706a72;
}

/* HERO */
.about-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:184px 24px 118px;
  background:
    linear-gradient(
      155deg,
      rgba(252,251,250,.995) 0%,
      rgba(249,247,246,.98) 55%,
      rgba(248,247,248,.96) 100%
    );
}

.about-hero-wash{
  position:absolute;
  z-index:-2;
  pointer-events:none;
  filter:blur(12px);
}

.about-hero-wash.sage{
  width:52vw;
  height:47vw;
  left:-19vw;
  top:-10vw;
  border-radius:62% 38% 54% 46% / 45% 61% 39% 55%;
  background:
    radial-gradient(ellipse,
      rgba(170,185,162,.24),
      rgba(170,185,162,.08) 52%,
      rgba(170,185,162,0) 77%);
}

.about-hero-wash.lavender{
  width:42vw;
  height:38vw;
  right:-10vw;
  top:1vw;
  border-radius:44% 56% 62% 38% / 58% 42% 56% 44%;
  background:
    radial-gradient(ellipse,
      rgba(215,200,232,.26),
      rgba(215,200,232,.085) 52%,
      rgba(215,200,232,0) 76%);
}

.about-hero-wash.rose{
  width:39vw;
  height:34vw;
  right:8vw;
  bottom:-12vw;
  border-radius:61% 39% 46% 54% / 43% 57% 41% 59%;
  background:
    radial-gradient(ellipse,
      rgba(246,218,229,.19),
      rgba(246,218,229,.06) 52%,
      rgba(246,218,229,0) 76%);
}

.about-hero-wash.blue{
  width:28vw;
  height:28vw;
  left:17vw;
  bottom:-11vw;
  border-radius:48% 52% 61% 39% / 55% 45% 58% 42%;
  background:
    radial-gradient(ellipse,
      rgba(129,151,185,.11),
      rgba(129,151,185,.03) 54%,
      rgba(129,151,185,0) 77%);
}

.about-hero-inner{
  max-width:1050px;
  margin:auto;
  text-align:center;
}

.about-hero h1{
  max-width:980px;
  margin:27px auto 43px;
  font-family:var(--serif);
  font-size:clamp(4rem,6.6vw,6.9rem);
  line-height:.96;
  letter-spacing:-.04em;
  font-weight:400;
}

.about-hero-statement{
  max-width:790px;
  margin:0 auto 45px;
  font-family:var(--serif);
  font-size:clamp(1.7rem,2.6vw,2.45rem);
  line-height:1.35;
  color:#5d5662;
}

.about-hero-copy{
  max-width:820px;
  margin:auto;
  line-height:1.78;
}

.about-hero-copy p{
  margin:0 auto 25px;
}

.about-hero-core{
  margin-top:38px !important;
  color:#4f4a50;
}

.about-hero-end{
  max-width:700px;
  margin-top:40px !important;
  font-family:var(--serif);
  font-size:clamp(1.6rem,2.4vw,2.25rem);
  line-height:1.4;
  color:#6e5d76;
}

/* PROZESS */
.about-process{
  position:relative;
  overflow:hidden;
  padding:105px 24px 122px;
  background:
    radial-gradient(ellipse 38% 48% at 4% 19%,
      rgba(170,185,162,.11),
      rgba(170,185,162,0) 74%),
    radial-gradient(ellipse 39% 50% at 97% 77%,
      rgba(215,200,232,.12),
      rgba(215,200,232,0) 74%),
    #FCFBFA;
}

.about-process-heading,
.about-takeaway-heading,
.about-elements-heading,
.about-competence-heading{
  max-width:870px;
  margin:0 auto 66px;
  text-align:center;
}

.about-process-heading h2,
.about-takeaway-heading h2,
.about-method-heading h2,
.about-elements-heading h2,
.about-boundary h2,
.about-story-heading h2,
.about-me-heading h2,
.about-competence-heading h2,
.about-final h2{
  margin:18px 0 31px;
  font-family:var(--serif);
  font-size:clamp(3.15rem,5vw,5.3rem);
  font-weight:400;
  line-height:1.02;
  letter-spacing:-.035em;
}

.about-process-heading > p:last-child{
  max-width:760px;
  margin:auto;
  line-height:1.68;
}

.about-process-flow{
  position:relative;
  max-width:1120px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:55px 48px;
}

.about-process-line{
  position:absolute;
  z-index:0;
  left:3%;
  top:29%;
  width:94%;
  height:44%;
  border-top:1px solid rgba(136,109,167,.12);
  border-bottom:1px solid rgba(129,151,185,.08);
  border-radius:50% 45% 55% 50%;
  transform:rotate(-2deg);
  pointer-events:none;
}

.about-process-line::before{
  content:"";
  position:absolute;
  inset:-25% 10% 2% 7%;
  border-top:1px solid rgba(170,185,162,.13);
  border-radius:52%;
  transform:rotate(5deg);
}

.about-step{
  position:relative;
  z-index:1;
  min-height:238px;
  padding:26px 28px 30px;
  isolation:isolate;
}

.about-step::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-7%;
  border-radius:61% 39% 54% 46% / 43% 60% 40% 57%;
  background:
    radial-gradient(ellipse,
      rgba(252,251,250,.90),
      rgba(246,242,239,.33) 55%,
      rgba(246,242,239,0) 80%);
}

.about-step:nth-of-type(2)::before,
.about-step:nth-of-type(5)::before{
  background:
    radial-gradient(ellipse,
      rgba(252,251,250,.88),
      rgba(215,200,232,.12) 55%,
      rgba(215,200,232,0) 80%);
}

.about-step:nth-of-type(3)::before,
.about-step:nth-of-type(6)::before{
  background:
    radial-gradient(ellipse,
      rgba(252,251,250,.88),
      rgba(233,241,255,.18) 55%,
      rgba(233,241,255,0) 80%);
}

.about-step > span,
.about-outcome > span,
.about-element > span,
.about-competence-label > span{
  display:block;
  margin-bottom:18px;
  font-family:var(--serif);
  font-size:1.2rem;
  color:#886DA7;
}

.about-step h3,
.about-outcome h3,
.about-element h3,
.about-competence-label h3{
  margin:0 0 16px;
  font-family:var(--serif);
  font-size:clamp(1.75rem,2.5vw,2.35rem);
  line-height:1.08;
  font-weight:400;
}

.about-step p{
  margin:0;
  line-height:1.65;
}

/* WAS DU MITNIMMST */
.about-takeaway{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:115px 24px 126px;
  background:
    linear-gradient(
      180deg,
      rgba(249,247,245,.95),
      rgba(252,251,250,.99)
    );
}

.about-takeaway-wash{
  position:absolute;
  z-index:-2;
  left:-12%;
  top:4%;
  width:70%;
  height:90%;
  border-radius:64% 36% 52% 48% / 44% 61% 39% 56%;
  background:
    radial-gradient(ellipse,
      rgba(246,218,229,.18),
      rgba(215,200,232,.08) 49%,
      rgba(215,200,232,0) 77%);
  filter:blur(10px);
}

.about-takeaway-heading > p:last-child{
  max-width:820px;
  margin:auto;
  line-height:1.74;
}

.about-keepsakes{
  position:relative;
  max-width:1000px;
  margin:0 auto 75px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}

.about-keepsakes::before{
  content:"";
  position:absolute;
  z-index:0;
  left:7%;
  right:7%;
  top:51%;
  height:1px;
  background:
    linear-gradient(
      90deg,
      rgba(170,185,162,.30),
      rgba(136,109,167,.25),
      rgba(129,151,185,.27)
    );
}

.about-keepsakes > div{
  position:relative;
  z-index:1;
  min-height:158px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  isolation:isolate;
  padding:24px 16px;
}

.about-keepsakes > div::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-10%;
  border-radius:60% 40% 54% 46% / 43% 60% 40% 57%;
  background:
    radial-gradient(ellipse,
      rgba(170,185,162,.29),
      rgba(170,185,162,.10) 53%,
      rgba(170,185,162,0) 79%);
  filter:blur(4px);
}

.about-keepsakes > div:nth-child(2)::before{
  background:
    radial-gradient(ellipse,
      rgba(246,218,229,.32),
      rgba(215,200,232,.12) 53%,
      rgba(215,200,232,0) 79%);
}

.about-keepsakes > div:nth-child(3)::before{
  background:
    radial-gradient(ellipse,
      rgba(129,151,185,.30),
      rgba(129,151,185,.10) 53%,
      rgba(129,151,185,0) 79%);
}

.about-keepsakes span{
  margin-bottom:10px;
  font-size:.71rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#6e6871;
}

.about-keepsakes strong{
  font-family:var(--serif);
  font-size:1.46rem;
  line-height:1.2;
  font-weight:400;
}

.about-outcomes{
  max-width:1060px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:55px 75px;
}

.about-outcome{
  position:relative;
  padding-left:34px;
}

.about-outcome::before{
  content:"";
  position:absolute;
  left:0;
  top:7px;
  width:9px;
  height:9px;
  border:1px solid rgba(136,109,167,.39);
  border-radius:50%;
  box-shadow:0 0 0 9px rgba(215,200,232,.15);
}

.about-outcome:nth-child(1)::before{border-color:rgba(79,130,87,.42);box-shadow:0 0 0 9px rgba(170,185,162,.17)}
.about-outcome:nth-child(2)::before{border-color:rgba(215,180,207,.58);box-shadow:0 0 0 9px rgba(246,218,229,.19)}
.about-outcome:nth-child(3)::before{border-color:rgba(136,109,167,.43);box-shadow:0 0 0 9px rgba(215,200,232,.18)}
.about-outcome:nth-child(4)::before{border-color:rgba(93,115,152,.40);box-shadow:0 0 0 9px rgba(233,241,255,.42)}

.about-outcome p{
  margin:0;
  line-height:1.7;
}

/* METHODE */
.about-method{
  position:relative;
  overflow:hidden;
  padding:120px 24px 128px;
  background:
    radial-gradient(ellipse 42% 58% at 98% 20%,
      rgba(215,200,232,.12),
      rgba(215,200,232,0) 74%),
    radial-gradient(ellipse 38% 53% at 3% 73%,
      rgba(170,185,162,.11),
      rgba(170,185,162,0) 74%),
    #FCFBFA;
}

.about-method-intro{
  max-width:1140px;
  margin:0 auto 110px;
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  gap:clamp(58px,8vw,108px);
  align-items:start;
}

.about-method-copy{
  position:relative;
  isolation:isolate;
  padding:12px 0;
  line-height:1.76;
}

.about-method-copy::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-15% -18%;
  border-radius:63% 37% 54% 46% / 43% 61% 39% 57%;
  background:
    radial-gradient(ellipse,
      rgba(215,200,232,.20),
      rgba(246,218,229,.07) 55%,
      rgba(246,218,229,0) 79%);
  filter:blur(8px);
}

.about-method-copy p{
  margin:0 0 24px;
}

.about-method-end{
  margin-top:35px !important;
  font-family:var(--serif);
  font-size:clamp(1.55rem,2.2vw,2rem);
  line-height:1.42;
  color:#66566e;
}

.about-elements{
  max-width:1150px;
  margin:auto;
}

.about-elements-heading{
  margin-bottom:55px;
}

.about-elements-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:38px 70px;
}

.about-element{
  position:relative;
  padding:31px 34px 34px;
  border-top:1px solid rgba(136,109,167,.10);
}

.about-element:nth-child(2){border-top-color:rgba(215,180,207,.18)}
.about-element:nth-child(3){border-top-color:rgba(170,185,162,.20)}
.about-element:nth-child(4){border-top-color:rgba(129,151,185,.17)}

.about-element p{
  margin:0;
  line-height:1.7;
}

/* PROFESSIONELLER RAHMEN */
.about-boundary{
  position:relative;
  overflow:hidden;
  padding:92px 24px 102px;
  background:
    linear-gradient(
      180deg,
      rgba(247,244,242,.95),
      rgba(249,247,246,.98)
    );
}

.about-boundary::before{
  content:"";
  position:absolute;
  left:-14%;
  top:4%;
  width:56%;
  height:91%;
  border:1px solid rgba(136,109,167,.09);
  border-radius:63% 37% 58% 42% / 43% 61% 39% 57%;
  transform:rotate(-7deg);
}

.about-boundary-inner{
  position:relative;
  z-index:1;
  max-width:840px;
  margin:auto;
  text-align:center;
}

.about-boundary h2{
  margin-bottom:40px;
  font-size:clamp(2.7rem,4.2vw,4.35rem);
}

.about-boundary-inner p{
  margin:0 auto 22px;
  line-height:1.72;
}

/* GESCHICHTE */
.about-story{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:125px 24px 138px;
  background:#FCFBFA;
}

.about-story-wash{
  position:absolute;
  z-index:-2;
  pointer-events:none;
  filter:blur(10px);
}

.about-story-wash.one{
  width:58vw;
  height:64vw;
  left:-17vw;
  top:4vw;
  border-radius:64% 36% 53% 47% / 44% 61% 39% 56%;
  background:
    radial-gradient(ellipse,
      rgba(244,212,182,.22),
      rgba(246,218,229,.08) 50%,
      rgba(246,218,229,0) 77%);
}

.about-story-wash.two{
  width:47vw;
  height:53vw;
  right:-15vw;
  bottom:-6vw;
  border-radius:43% 57% 61% 39% / 57% 43% 55% 45%;
  background:
    radial-gradient(ellipse,
      rgba(215,200,232,.20),
      rgba(215,200,232,.06) 52%,
      rgba(215,200,232,0) 77%);
}

.about-story-inner{
  max-width:1040px;
  margin:auto;
}

.about-story-heading{
  max-width:870px;
  margin:0 auto 56px;
  text-align:center;
}

.about-story-copy{
  max-width:770px;
  margin:auto;
  line-height:1.78;
}

.about-story-copy p{
  margin:0 auto 24px;
}

.about-story-triad{
  max-width:950px;
  margin:72px auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:34px;
}

.about-story-triad p{
  position:relative;
  min-height:220px;
  margin:0;
  padding:38px 28px;
  display:flex;
  align-items:center;
  text-align:center;
  font-family:var(--serif);
  font-size:clamp(1.45rem,2.1vw,1.95rem);
  line-height:1.43;
  isolation:isolate;
}

.about-story-triad p::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-6%;
  border-radius:63% 37% 54% 46% / 43% 61% 39% 57%;
  background:
    radial-gradient(ellipse,
      rgba(246,218,229,.26),
      rgba(246,218,229,.08) 55%,
      rgba(246,218,229,0) 79%);
}

.about-story-triad p:nth-child(2)::before{
  background:
    radial-gradient(ellipse,
      rgba(215,200,232,.23),
      rgba(215,200,232,.07) 55%,
      rgba(215,200,232,0) 79%);
}

.about-story-triad p:nth-child(3)::before{
  background:
    radial-gradient(ellipse,
      rgba(170,185,162,.20),
      rgba(170,185,162,.06) 55%,
      rgba(170,185,162,0) 79%);
}

.about-story-copy-lower{
  margin-top:12px;
}

.about-story-core{
  margin:38px auto !important;
  font-family:var(--serif);
  font-size:clamp(1.55rem,2.35vw,2.15rem);
  line-height:1.42 !important;
  color:#64566a;
}

.about-life-stages{
  max-width:1010px;
  margin:62px auto 68px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}

.about-life-stages > div{
  position:relative;
  min-height:178px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  isolation:isolate;
  padding:28px 22px;
}

.about-life-stages > div::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-8%;
  border-radius:60% 40% 55% 45% / 43% 60% 40% 57%;
  background:
    radial-gradient(ellipse,
      rgba(170,185,162,.29),
      rgba(170,185,162,.10) 53%,
      rgba(170,185,162,0) 79%);
}

.about-life-stages > div:nth-child(2)::before{
  background:
    radial-gradient(ellipse,
      rgba(246,218,229,.31),
      rgba(215,200,232,.11) 53%,
      rgba(215,200,232,0) 79%);
}

.about-life-stages > div:nth-child(3)::before{
  background:
    radial-gradient(ellipse,
      rgba(129,151,185,.27),
      rgba(129,151,185,.09) 53%,
      rgba(129,151,185,0) 79%);
}

.about-life-stages span{
  margin-bottom:11px;
  font-size:.7rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#6d6670;
}

.about-life-stages strong{
  font-family:var(--serif);
  font-size:1.35rem;
  line-height:1.34;
  font-weight:400;
}

.about-story-final{
  max-width:770px;
  margin:auto;
  text-align:center;
  font-family:var(--serif);
  font-size:clamp(1.75rem,2.65vw,2.45rem);
  line-height:1.4;
  color:#554e58;
}

.about-story-final p{
  margin:0 auto 22px;
}

/* ÜBER MICH */
.about-me{
  position:relative;
  overflow:hidden;
  padding:120px 24px 132px;
  background:
    radial-gradient(ellipse 42% 57% at 3% 31%,
      rgba(246,218,229,.13),
      rgba(246,218,229,0) 74%),
    radial-gradient(ellipse 41% 54% at 98% 73%,
      rgba(170,185,162,.11),
      rgba(170,185,162,0) 74%),
    linear-gradient(
      180deg,
      rgba(249,247,246,.96),
      rgba(252,251,250,.995)
    );
}

.about-me-line{
  position:absolute;
  right:-10%;
  top:48%;
  width:43%;
  height:280px;
  transform:translateY(-50%) rotate(7deg);
  border-top:1px solid rgba(136,109,167,.14);
  border-left:1px solid rgba(246,218,229,.14);
  border-bottom:1px solid rgba(170,185,162,.13);
  border-radius:34% 66% 58% 42% / 62% 41% 59% 38%;
}

.about-me-inner{
  position:relative;
  z-index:1;
  max-width:1140px;
  margin:auto;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:clamp(62px,8vw,112px);
  align-items:start;
}

.about-me-copy{
  line-height:1.78;
}

.about-me-copy p{
  margin:0 0 25px;
}

.about-me-lead,
.about-me-end{
  font-family:var(--serif);
  font-size:clamp(1.4rem,2.1vw,1.9rem);
  line-height:1.48;
  color:#575059;
}

.about-me-end{
  margin-top:38px !important;
}

/* BLOG */
.about-blog{
  position:relative;
  overflow:hidden;
  padding:78px 24px 86px;
  background:
    linear-gradient(
      180deg,
      rgba(247,244,242,.95),
      rgba(249,247,246,.98)
    );
}

.about-blog-inner{
  max-width:760px;
  margin:auto;
  text-align:center;
}

.about-blog .kicker{
  margin-bottom:28px;
  color:#7a6478;
}

.about-blog-inner p:not(.kicker){
  margin:0 auto 20px;
  line-height:1.72;
}

.about-text-link{
  display:inline-block;
  margin-top:12px;
  font-size:.83rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#725879;
}

/* KOMPETENZ */
.about-competence{
  position:relative;
  overflow:hidden;
  padding:122px 24px 128px;
  background:
    radial-gradient(ellipse 38% 42% at 8% 12%,
      rgba(233,241,255,.30),
      rgba(233,241,255,0) 74%),
    radial-gradient(ellipse 40% 46% at 94% 84%,
      rgba(215,200,232,.10),
      rgba(215,200,232,0) 74%),
    #FCFBFA;
}

.about-competence-heading{
  margin-bottom:76px;
}

.about-competence-block{
  max-width:1140px;
  margin:0 auto 96px;
  display:grid;
  grid-template-columns:.74fr 1.26fr;
  gap:clamp(56px,7vw,100px);
  align-items:start;
  padding-top:55px;
  border-top:1px solid rgba(136,109,167,.10);
}

.about-competence-block:nth-of-type(3){
  border-top-color:rgba(129,151,185,.12);
}

.about-competence-block:nth-of-type(4){
  border-top-color:rgba(170,185,162,.17);
}

.about-competence-label{
  position:sticky;
  top:140px;
}

.about-competence-label h3{
  margin-bottom:16px;
}

.about-competence-label p{
  margin:0;
  font-size:.8rem;
  line-height:1.55;
  color:#756f76;
}

.about-competence-copy{
  line-height:1.76;
}

.about-competence-copy p{
  margin:0 0 23px;
}

.about-competence-copy h4{
  margin:44px 0 17px;
  font-family:var(--serif);
  font-size:clamp(1.65rem,2.2vw,2.1rem);
  font-weight:400;
  color:#5f5364;
}

.about-compact-list{
  columns:2;
  column-gap:48px;
  list-style:none;
  margin:25px 0 38px;
  padding:0;
}

.about-compact-list li{
  position:relative;
  break-inside:avoid;
  padding:0 0 13px 22px;
  line-height:1.5;
}

.about-compact-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:7px;
  height:7px;
  border:1px solid rgba(136,109,167,.40);
  border-radius:50%;
}

.about-competence-block:nth-of-type(3) .about-compact-list li::before{
  border-color:rgba(93,115,152,.38);
}

.about-competence-short{
  margin-bottom:0;
}

/* FINAL */
.about-final{
  position:relative;
  overflow:hidden;
  padding:108px 24px 142px;
  background:
    radial-gradient(ellipse 50% 68% at 1% 45%,
      rgba(170,185,162,.17),
      rgba(170,185,162,0) 74%),
    radial-gradient(ellipse 45% 65% at 99% 34%,
      rgba(215,200,232,.16),
      rgba(215,200,232,0) 75%),
    radial-gradient(ellipse 34% 45% at 73% 88%,
      rgba(129,151,185,.07),
      rgba(129,151,185,0) 74%),
    linear-gradient(
      180deg,
      rgba(249,247,246,.98),
      rgba(246,242,239,.96)
    );
}

.about-final-inner{
  max-width:780px;
  margin:auto;
  text-align:center;
}

.about-final h2{
  margin-bottom:30px;
}

.about-final-inner > p:not(.kicker){
  max-width:700px;
  margin:0 auto 29px;
  font-family:var(--serif);
  font-size:clamp(1.45rem,2.1vw,1.9rem);
  line-height:1.48;
}

.about-button{
  margin-top:12px;
  background:#886DA7;
  border-color:rgba(136,109,167,.15);
  box-shadow:0 10px 26px rgba(136,109,167,.08);
}

.about-button:hover{
  background:#7c5b9c;
}

/* RESPONSIVE */
@media(max-width:900px){
  .about-method-intro,
  .about-me-inner,
  .about-competence-block{
    grid-template-columns:1fr;
  }

  .about-elements-grid{
    grid-template-columns:1fr;
  }

  .about-method-intro{
    gap:35px;
    margin-bottom:78px;
  }

  .about-me-inner{
    gap:38px;
  }

  .about-competence-block{
    gap:30px;
  }

  .about-competence-label{
    position:relative;
    top:auto;
  }
}

@media(max-width:760px){
  .about-process-flow,
  .about-keepsakes,
  .about-story-triad,
  .about-life-stages{
    grid-template-columns:1fr;
  }

  .about-outcomes{
    grid-template-columns:1fr;
  }

  .about-process-line,
  .about-keepsakes::before{
    display:none;
  }

  .about-story-triad{
    gap:12px;
  }

  .about-story-triad p{
    min-height:auto;
  }
}

@media(max-width:600px){
  .about-page .kicker{
    font-size:.89rem;
  }

  .about-hero{
    padding:168px 20px 86px;
  }

  .about-hero-wash{
    filter:blur(8px);
  }

  .about-hero-wash.sage{
    width:140vw;
    height:125vw;
    left:-74vw;
    top:-4vw;
    background:
      radial-gradient(ellipse,
        rgba(170,185,162,.34),
        rgba(170,185,162,.12) 52%,
        rgba(170,185,162,0) 77%);
  }

  .about-hero-wash.lavender{
    width:120vw;
    height:104vw;
    right:-64vw;
    top:24vw;
    background:
      radial-gradient(ellipse,
        rgba(215,200,232,.38),
        rgba(215,200,232,.14) 52%,
        rgba(215,200,232,0) 76%);
  }

  .about-hero-wash.rose{
    width:112vw;
    height:92vw;
    right:-58vw;
    bottom:-15vw;
    background:
      radial-gradient(ellipse,
        rgba(246,218,229,.28),
        rgba(246,218,229,.09) 52%,
        rgba(246,218,229,0) 76%);
  }

  .about-hero-wash.blue{
    width:94vw;
    height:80vw;
    left:-46vw;
    bottom:-22vw;
    background:
      radial-gradient(ellipse,
        rgba(129,151,185,.16),
        rgba(129,151,185,.045) 54%,
        rgba(129,151,185,0) 77%);
  }

  .about-hero h1{
    margin-top:24px;
    font-size:clamp(3.15rem,13.8vw,4.7rem);
    line-height:.98;
  }

  .about-hero-statement{
    margin-bottom:36px;
    font-size:1.55rem;
  }

  .about-process,
  .about-takeaway,
  .about-method,
  .about-boundary,
  .about-story,
  .about-me,
  .about-blog,
  .about-competence,
  .about-final{
    padding-left:20px;
    padding-right:20px;
  }

  .about-process{
    padding-top:78px;
    padding-bottom:82px;
  }

  .about-process-heading,
  .about-takeaway-heading,
  .about-elements-heading,
  .about-competence-heading{
    margin-bottom:42px;
  }

  .about-process-heading h2,
  .about-takeaway-heading h2,
  .about-method-heading h2,
  .about-elements-heading h2,
  .about-boundary h2,
  .about-story-heading h2,
  .about-me-heading h2,
  .about-competence-heading h2,
  .about-final h2{
    font-size:clamp(2.75rem,12.3vw,4rem);
  }

  .about-process-flow{
    gap:18px;
  }

  .about-step{
    min-height:auto;
    padding:24px 18px 27px;
  }

  .about-step::before{
    inset:-4%;
  }

  .about-takeaway{
    padding-top:82px;
    padding-bottom:88px;
  }

  .about-takeaway-wash{
    left:-58%;
    width:140%;
  }

  .about-keepsakes{
    gap:5px;
    margin-bottom:48px;
  }

  .about-keepsakes > div{
    min-height:130px;
  }

  .about-outcomes{
    gap:38px;
  }

  .about-method{
    padding-top:84px;
    padding-bottom:90px;
  }

  .about-method-copy::before{
    inset:-8% -25%;
    background:
      radial-gradient(ellipse,
        rgba(215,200,232,.27),
        rgba(246,218,229,.09) 55%,
        rgba(246,218,229,0) 79%);
  }

  .about-elements-grid{
    gap:8px;
  }

  .about-element{
    padding:27px 15px 30px;
  }

  .about-boundary{
    padding-top:70px;
    padding-bottom:76px;
  }

  .about-boundary::before{
    left:-55%;
    width:122%;
  }

  .about-story{
    padding-top:86px;
    padding-bottom:94px;
  }

  .about-story-wash.one{
    width:130vw;
    height:145vw;
    left:-72vw;
    top:20vw;
    background:
      radial-gradient(ellipse,
        rgba(244,212,182,.28),
        rgba(246,218,229,.11) 50%,
        rgba(246,218,229,0) 77%);
  }

  .about-story-wash.two{
    width:120vw;
    height:135vw;
    right:-68vw;
    bottom:2vw;
    background:
      radial-gradient(ellipse,
        rgba(215,200,232,.28),
        rgba(215,200,232,.09) 52%,
        rgba(215,200,232,0) 77%);
  }

  .about-story-heading{
    margin-bottom:38px;
  }

  .about-story-triad{
    margin:45px auto;
  }

  .about-story-triad p{
    padding:30px 21px;
    font-size:1.45rem;
  }

  .about-life-stages{
    margin:46px auto 52px;
    gap:4px;
  }

  .about-life-stages > div{
    min-height:142px;
  }

  .about-story-final{
    font-size:1.62rem;
  }

  .about-me{
    padding-top:84px;
    padding-bottom:92px;
  }

  .about-me-line{
    right:-50%;
    width:96%;
    height:190px;
  }

  .about-me-lead,
  .about-me-end{
    font-size:1.35rem;
  }

  .about-blog{
    padding-top:62px;
    padding-bottom:68px;
  }

  .about-competence{
    padding-top:84px;
    padding-bottom:88px;
  }

  .about-competence-block{
    margin-bottom:68px;
    padding-top:36px;
  }

  .about-compact-list{
    columns:1;
  }

  .about-competence-copy h4{
    margin-top:34px;
  }

  .about-final{
    padding-top:82px;
    padding-bottom:112px;
  }
}


/* =========================================================
   V26.1 – Über Eigenklang & mich · Farbräume, Linien, Sprungpfeile
   Mehr fließende Farbe, weniger Sand – ohne eine vierte Farbwelt zu bauen.
   ========================================================= */

/* ---------- Sprungpfeile für die lange Seite ---------- */

.about-hero,
.about-takeaway,
.about-boundary,
.about-blog{
  position:relative;
}

.about-skip{
  position:absolute;
  z-index:8;
  left:50%;
  bottom:24px;
  width:34px;
  height:54px;
  transform:translateX(-50%);
  display:block;
  opacity:.88;
}

.about-skip span{
  position:absolute;
  left:50%;
  top:2px;
  width:1px;
  height:35px;
  transform:translateX(-50%);
  background:
    linear-gradient(
      to bottom,
      rgba(136,109,167,.06),
      rgba(136,109,167,.47),
      rgba(136,109,167,.08)
    );
}

.about-skip span::after{
  content:"";
  position:absolute;
  left:50%;
  top:23px;
  width:10px;
  height:10px;
  border-right:1.4px solid rgba(136,109,167,.82);
  border-bottom:1.4px solid rgba(136,109,167,.82);
  transform:translateX(-50%) rotate(45deg);
  animation:aboutSkipArrow 2.15s ease-in-out infinite;
}

@keyframes aboutSkipArrow{
  0%{
    opacity:.15;
    transform:translate(-50%,-5px) rotate(45deg);
  }
  30%{
    opacity:1;
  }
  75%{
    opacity:.9;
  }
  100%{
    opacity:0;
    transform:translate(-50%,10px) rotate(45deg);
  }
}

.about-skip-compact{
  bottom:15px;
}

/* ---------- Hero: Dachmarke bekommt deutlichere Farbräume ---------- */

.about-hero{
  padding-bottom:142px;
  background:
    radial-gradient(
      ellipse 54% 56% at 0% 40%,
      rgba(170,185,162,.11),
      rgba(170,185,162,0) 73%
    ),
    radial-gradient(
      ellipse 52% 58% at 100% 30%,
      rgba(215,200,232,.14),
      rgba(215,200,232,0) 74%
    ),
    radial-gradient(
      ellipse 46% 40% at 70% 100%,
      rgba(246,218,229,.12),
      rgba(246,218,229,0) 73%
    ),
    linear-gradient(
      155deg,
      rgba(252,251,250,.995) 0%,
      rgba(249,247,249,.985) 53%,
      rgba(247,249,248,.97) 100%
    );
}

.about-hero-wash.sage{
  background:
    radial-gradient(
      ellipse,
      rgba(170,185,162,.33),
      rgba(170,185,162,.13) 49%,
      rgba(170,185,162,.03) 65%,
      rgba(170,185,162,0) 78%
    );
}

.about-hero-wash.lavender{
  background:
    radial-gradient(
      ellipse,
      rgba(215,200,232,.37),
      rgba(215,200,232,.15) 49%,
      rgba(215,200,232,.04) 65%,
      rgba(215,200,232,0) 78%
    );
}

.about-hero-wash.rose{
  background:
    radial-gradient(
      ellipse,
      rgba(246,218,229,.28),
      rgba(246,218,229,.11) 49%,
      rgba(246,218,229,.025) 65%,
      rgba(246,218,229,0) 78%
    );
}

.about-hero-wash.blue{
  background:
    radial-gradient(
      ellipse,
      rgba(129,151,185,.17),
      rgba(129,151,185,.055) 51%,
      rgba(129,151,185,0) 77%
    );
}

/* ---------- Prozess: Salbei + Lavendel stärker durch die Fläche ---------- */

.about-process{
  background:
    radial-gradient(
      ellipse 58% 62% at -10% 18%,
      rgba(170,185,162,.22),
      rgba(170,185,162,.065) 50%,
      rgba(170,185,162,0) 75%
    ),
    radial-gradient(
      ellipse 54% 58% at 106% 74%,
      rgba(215,200,232,.21),
      rgba(215,200,232,.06) 50%,
      rgba(215,200,232,0) 75%
    ),
    radial-gradient(
      ellipse 38% 34% at 58% 48%,
      rgba(246,218,229,.09),
      rgba(246,218,229,0) 73%
    ),
    #FCFBFA;
}

/* ---------- Etwas, das bleibt: mehr Rosé/Lavendel + organische Kontur ---------- */

.about-takeaway{
  padding-bottom:150px;
  background:
    radial-gradient(
      ellipse 56% 64% at -8% 30%,
      rgba(246,218,229,.24),
      rgba(246,218,229,.075) 50%,
      rgba(246,218,229,0) 76%
    ),
    radial-gradient(
      ellipse 47% 54% at 103% 74%,
      rgba(129,151,185,.13),
      rgba(129,151,185,.035) 51%,
      rgba(129,151,185,0) 76%
    ),
    radial-gradient(
      ellipse 38% 44% at 72% 18%,
      rgba(215,200,232,.15),
      rgba(215,200,232,0) 74%
    ),
    linear-gradient(
      180deg,
      rgba(250,247,248,.98),
      rgba(252,251,250,.995)
    );
}

.about-takeaway-wash{
  background:
    radial-gradient(
      ellipse,
      rgba(246,218,229,.30),
      rgba(215,200,232,.12) 48%,
      rgba(215,200,232,.025) 65%,
      rgba(215,200,232,0) 78%
    );
}

.about-takeaway::after{
  content:"";
  position:absolute;
  z-index:0;
  right:-11%;
  top:43%;
  width:43%;
  height:290px;
  transform:translateY(-50%) rotate(8deg);
  border-top:1px solid rgba(215,200,232,.18);
  border-left:1px solid rgba(246,218,229,.15);
  border-bottom:1px solid rgba(129,151,185,.10);
  border-right:0;
  border-radius:34% 66% 58% 42% / 62% 41% 59% 38%;
  pointer-events:none;
}

.about-takeaway > *{
  position:relative;
  z-index:1;
}

/* ---------- Methode: deutlichere Dachmarken-Farben + zweite freie Linie ---------- */

.about-method{
  background:
    radial-gradient(
      ellipse 54% 60% at 105% 18%,
      rgba(215,200,232,.22),
      rgba(215,200,232,.065) 49%,
      rgba(215,200,232,0) 74%
    ),
    radial-gradient(
      ellipse 54% 61% at -8% 72%,
      rgba(170,185,162,.19),
      rgba(170,185,162,.055) 50%,
      rgba(170,185,162,0) 75%
    ),
    radial-gradient(
      ellipse 39% 37% at 61% 55%,
      rgba(246,218,229,.09),
      rgba(246,218,229,0) 74%
    ),
    #FCFBFA;
}

.about-method::after{
  content:"";
  position:absolute;
  left:-13%;
  bottom:8%;
  width:45%;
  height:260px;
  transform:rotate(-8deg);
  border-top:1px solid rgba(170,185,162,.18);
  border-right:1px solid rgba(136,109,167,.11);
  border-bottom:1px solid rgba(246,218,229,.10);
  border-left:0;
  border-radius:65% 35% 55% 45% / 40% 63% 37% 60%;
  pointer-events:none;
  opacity:.9;
}

/* ---------- Professioneller Rahmen: weniger beige, mehr ruhiges Lavendel/Rosé ---------- */

.about-boundary{
  padding-bottom:126px;
  background:
    radial-gradient(
      ellipse 58% 70% at -10% 43%,
      rgba(215,200,232,.18),
      rgba(215,200,232,.045) 53%,
      rgba(215,200,232,0) 76%
    ),
    radial-gradient(
      ellipse 48% 58% at 105% 68%,
      rgba(246,218,229,.16),
      rgba(246,218,229,.04) 52%,
      rgba(246,218,229,0) 76%
    ),
    linear-gradient(
      180deg,
      rgba(250,248,249,.985),
      rgba(249,248,247,.985)
    );
}

/* ---------- Geschichte: Peach bleibt warm, Rosé/Lavendel sichtbarer ---------- */

.about-story{
  background:
    radial-gradient(
      ellipse 48% 48% at 10% 22%,
      rgba(244,212,182,.13),
      rgba(244,212,182,0) 73%
    ),
    radial-gradient(
      ellipse 48% 52% at 92% 68%,
      rgba(215,200,232,.13),
      rgba(215,200,232,0) 74%
    ),
    #FCFBFA;
}

.about-story-wash.one{
  background:
    radial-gradient(
      ellipse,
      rgba(244,212,182,.30),
      rgba(246,218,229,.14) 49%,
      rgba(246,218,229,.035) 65%,
      rgba(246,218,229,0) 78%
    );
}

.about-story-wash.two{
  background:
    radial-gradient(
      ellipse,
      rgba(215,200,232,.28),
      rgba(215,200,232,.10) 51%,
      rgba(215,200,232,.02) 66%,
      rgba(215,200,232,0) 78%
    );
}

/* ---------- Über mich: deutlich mehr fließendes Rosé / Salbei / Lavendel ---------- */

.about-me{
  background:
    radial-gradient(
      ellipse 57% 66% at -10% 27%,
      rgba(246,218,229,.23),
      rgba(246,218,229,.065) 50%,
      rgba(246,218,229,0) 75%
    ),
    radial-gradient(
      ellipse 52% 60% at 106% 70%,
      rgba(170,185,162,.18),
      rgba(170,185,162,.05) 51%,
      rgba(170,185,162,0) 75%
    ),
    radial-gradient(
      ellipse 36% 38% at 71% 15%,
      rgba(215,200,232,.13),
      rgba(215,200,232,0) 74%
    ),
    linear-gradient(
      180deg,
      rgba(250,248,249,.98),
      rgba(252,251,250,.995)
    );
}

/* ---------- Blog: nicht mehr sandfarbenes Zwischenband ---------- */

.about-blog{
  padding-bottom:102px;
  background:
    radial-gradient(
      ellipse 72% 90% at 15% 50%,
      rgba(246,218,229,.18),
      rgba(246,218,229,0) 74%
    ),
    radial-gradient(
      ellipse 60% 85% at 92% 48%,
      rgba(215,200,232,.17),
      rgba(215,200,232,0) 75%
    ),
    rgba(251,249,250,.99);
}

/* ---------- Kompetenz: Blau/Lavendel als kühler fachlicher Gegenpol ---------- */

.about-competence{
  background:
    radial-gradient(
      ellipse 53% 50% at -6% 12%,
      rgba(233,241,255,.65),
      rgba(233,241,255,.15) 50%,
      rgba(233,241,255,0) 75%
    ),
    radial-gradient(
      ellipse 50% 54% at 104% 55%,
      rgba(215,200,232,.18),
      rgba(215,200,232,.05) 50%,
      rgba(215,200,232,0) 75%
    ),
    radial-gradient(
      ellipse 40% 38% at 16% 92%,
      rgba(170,185,162,.10),
      rgba(170,185,162,0) 74%
    ),
    #FCFBFA;
}

.about-competence::after{
  content:"";
  position:absolute;
  z-index:0;
  right:-12%;
  top:43%;
  width:42%;
  height:320px;
  transform:rotate(7deg);
  border-top:1px solid rgba(129,151,185,.16);
  border-left:1px solid rgba(215,200,232,.14);
  border-bottom:1px solid rgba(170,185,162,.09);
  border-right:0;
  border-radius:36% 64% 57% 43% / 63% 40% 60% 37%;
  pointer-events:none;
}

.about-competence > *{
  position:relative;
  z-index:1;
}

/* ---------- Abschluss: Dachmarkenfarben gleichwertiger ---------- */

.about-final{
  background:
    radial-gradient(
      ellipse 56% 72% at -8% 42%,
      rgba(170,185,162,.24),
      rgba(170,185,162,.065) 50%,
      rgba(170,185,162,0) 74%
    ),
    radial-gradient(
      ellipse 52% 69% at 106% 31%,
      rgba(215,200,232,.23),
      rgba(215,200,232,.065) 50%,
      rgba(215,200,232,0) 75%
    ),
    radial-gradient(
      ellipse 40% 48% at 76% 91%,
      rgba(129,151,185,.12),
      rgba(129,151,185,.025) 51%,
      rgba(129,151,185,0) 74%
    ),
    radial-gradient(
      ellipse 38% 42% at 24% 95%,
      rgba(246,218,229,.13),
      rgba(246,218,229,0) 74%
    ),
    linear-gradient(
      180deg,
      rgba(250,248,249,.985),
      rgba(248,247,246,.97)
    );
}


/* =========================================================
   MOBILE – Farbräume größer, angeschnittener und sichtbarer
   ========================================================= */

@media(max-width:600px){

  .about-hero{
    padding-bottom:112px;
    background:
      radial-gradient(
        ellipse 108% 43% at -8% 28%,
        rgba(170,185,162,.19),
        rgba(170,185,162,0) 73%
      ),
      radial-gradient(
        ellipse 108% 46% at 108% 50%,
        rgba(215,200,232,.22),
        rgba(215,200,232,0) 74%
      ),
      radial-gradient(
        ellipse 92% 38% at 70% 100%,
        rgba(246,218,229,.17),
        rgba(246,218,229,0) 73%
      ),
      linear-gradient(
        155deg,
        rgba(252,251,250,.995),
        rgba(249,247,249,.99)
      );
  }

  .about-hero-wash.sage{
    background:
      radial-gradient(
        ellipse,
        rgba(170,185,162,.48),
        rgba(170,185,162,.19) 49%,
        rgba(170,185,162,.05) 65%,
        rgba(170,185,162,0) 78%
      );
  }

  .about-hero-wash.lavender{
    background:
      radial-gradient(
        ellipse,
        rgba(215,200,232,.50),
        rgba(215,200,232,.21) 49%,
        rgba(215,200,232,.055) 65%,
        rgba(215,200,232,0) 78%
      );
  }

  .about-hero-wash.rose{
    background:
      radial-gradient(
        ellipse,
        rgba(246,218,229,.40),
        rgba(246,218,229,.16) 49%,
        rgba(246,218,229,.04) 65%,
        rgba(246,218,229,0) 78%
      );
  }

  .about-hero-wash.blue{
    background:
      radial-gradient(
        ellipse,
        rgba(129,151,185,.23),
        rgba(129,151,185,.075) 51%,
        rgba(129,151,185,0) 77%
      );
  }

  .about-process{
    background:
      radial-gradient(
        ellipse 116% 40% at -12% 16%,
        rgba(170,185,162,.31),
        rgba(170,185,162,.085) 51%,
        rgba(170,185,162,0) 75%
      ),
      radial-gradient(
        ellipse 110% 39% at 112% 76%,
        rgba(215,200,232,.30),
        rgba(215,200,232,.08) 50%,
        rgba(215,200,232,0) 75%
      ),
      radial-gradient(
        ellipse 80% 25% at 60% 48%,
        rgba(246,218,229,.13),
        rgba(246,218,229,0) 73%
      ),
      #FCFBFA;
  }

  .about-takeaway{
    padding-bottom:118px;
    background:
      radial-gradient(
        ellipse 118% 43% at -14% 27%,
        rgba(246,218,229,.36),
        rgba(246,218,229,.10) 50%,
        rgba(246,218,229,0) 76%
      ),
      radial-gradient(
        ellipse 106% 39% at 111% 73%,
        rgba(129,151,185,.20),
        rgba(129,151,185,.05) 51%,
        rgba(129,151,185,0) 76%
      ),
      radial-gradient(
        ellipse 86% 28% at 72% 12%,
        rgba(215,200,232,.21),
        rgba(215,200,232,0) 74%
      ),
      rgba(251,249,250,.99);
  }

  .about-takeaway-wash{
    left:-70%;
    width:160%;
    background:
      radial-gradient(
        ellipse,
        rgba(246,218,229,.42),
        rgba(215,200,232,.17) 48%,
        rgba(215,200,232,.04) 65%,
        rgba(215,200,232,0) 78%
      );
  }

  .about-takeaway::after{
    right:-54%;
    top:45%;
    width:103%;
    height:190px;
    opacity:.9;
  }

  .about-method{
    background:
      radial-gradient(
        ellipse 115% 42% at 112% 17%,
        rgba(215,200,232,.32),
        rgba(215,200,232,.085) 50%,
        rgba(215,200,232,0) 74%
      ),
      radial-gradient(
        ellipse 116% 43% at -13% 73%,
        rgba(170,185,162,.28),
        rgba(170,185,162,.075) 50%,
        rgba(170,185,162,0) 75%
      ),
      radial-gradient(
        ellipse 78% 27% at 62% 54%,
        rgba(246,218,229,.14),
        rgba(246,218,229,0) 74%
      ),
      #FCFBFA;
  }

  .about-method::after{
    left:-58%;
    bottom:8%;
    width:108%;
    height:185px;
  }

  .about-boundary{
    padding-bottom:103px;
    background:
      radial-gradient(
        ellipse 118% 48% at -15% 38%,
        rgba(215,200,232,.30),
        rgba(215,200,232,.08) 52%,
        rgba(215,200,232,0) 76%
      ),
      radial-gradient(
        ellipse 105% 42% at 112% 70%,
        rgba(246,218,229,.27),
        rgba(246,218,229,.07) 52%,
        rgba(246,218,229,0) 76%
      ),
      rgba(251,249,250,.99);
  }

  .about-story{
    background:
      radial-gradient(
        ellipse 110% 36% at -8% 20%,
        rgba(244,212,182,.19),
        rgba(244,212,182,0) 73%
      ),
      radial-gradient(
        ellipse 112% 40% at 109% 69%,
        rgba(215,200,232,.20),
        rgba(215,200,232,0) 74%
      ),
      #FCFBFA;
  }

  .about-story-wash.one{
    background:
      radial-gradient(
        ellipse,
        rgba(244,212,182,.38),
        rgba(246,218,229,.17) 49%,
        rgba(246,218,229,.045) 65%,
        rgba(246,218,229,0) 78%
      );
  }

  .about-story-wash.two{
    background:
      radial-gradient(
        ellipse,
        rgba(215,200,232,.38),
        rgba(215,200,232,.14) 51%,
        rgba(215,200,232,.035) 66%,
        rgba(215,200,232,0) 78%
      );
  }

  .about-me{
    background:
      radial-gradient(
        ellipse 118% 46% at -14% 25%,
        rgba(246,218,229,.34),
        rgba(246,218,229,.09) 50%,
        rgba(246,218,229,0) 75%
      ),
      radial-gradient(
        ellipse 112% 43% at 113% 72%,
        rgba(170,185,162,.27),
        rgba(170,185,162,.07) 51%,
        rgba(170,185,162,0) 75%
      ),
      radial-gradient(
        ellipse 84% 28% at 69% 11%,
        rgba(215,200,232,.20),
        rgba(215,200,232,0) 74%
      ),
      rgba(251,249,250,.99);
  }

  .about-blog{
    padding-bottom:91px;
    background:
      radial-gradient(
        ellipse 120% 82% at -13% 48%,
        rgba(246,218,229,.28),
        rgba(246,218,229,0) 74%
      ),
      radial-gradient(
        ellipse 112% 78% at 113% 48%,
        rgba(215,200,232,.27),
        rgba(215,200,232,0) 75%
      ),
      rgba(251,249,250,.995);
  }

  .about-competence{
    background:
      radial-gradient(
        ellipse 118% 34% at -14% 10%,
        rgba(233,241,255,.88),
        rgba(233,241,255,.22) 51%,
        rgba(233,241,255,0) 75%
      ),
      radial-gradient(
        ellipse 112% 37% at 112% 55%,
        rgba(215,200,232,.28),
        rgba(215,200,232,.075) 50%,
        rgba(215,200,232,0) 75%
      ),
      radial-gradient(
        ellipse 100% 30% at -4% 93%,
        rgba(170,185,162,.17),
        rgba(170,185,162,0) 74%
      ),
      #FCFBFA;
  }

  .about-competence::after{
    right:-58%;
    top:43%;
    width:108%;
    height:205px;
  }

  .about-final{
    background:
      radial-gradient(
        ellipse 116% 47% at -14% 40%,
        rgba(170,185,162,.34),
        rgba(170,185,162,.09) 50%,
        rgba(170,185,162,0) 74%
      ),
      radial-gradient(
        ellipse 110% 45% at 112% 29%,
        rgba(215,200,232,.33),
        rgba(215,200,232,.09) 50%,
        rgba(215,200,232,0) 75%
      ),
      radial-gradient(
        ellipse 92% 33% at 74% 94%,
        rgba(129,151,185,.18),
        rgba(129,151,185,0) 74%
      ),
      radial-gradient(
        ellipse 86% 31% at 18% 94%,
        rgba(246,218,229,.20),
        rgba(246,218,229,0) 74%
      ),
      rgba(250,248,249,.99);
  }

  .about-skip{
    bottom:18px;
    height:48px;
  }

  .about-skip span{
    height:31px;
  }

  .about-skip span::after{
    top:20px;
  }

  .about-skip-compact{
    bottom:10px;
  }
}

@media(prefers-reduced-motion:reduce){
  .about-skip span::after{
    animation:none;
    opacity:.8;
  }
}


/* =========================================================
   V26.2 – CSS-MERGE + MOBILE-STABILISIERUNG + STARTSEITE-NAV
   Wichtig: Dieser Stand verbindet die letzten REMEMBER-Anpassungen
   mit der vollständigen Gestaltung von „Über Eigenklang & mich“.
   ========================================================= */

/* Zusätzlicher Startseiten-Link bleibt bewusst schlicht. */
.main-nav .nav-home{
  white-space:nowrap;
}

/* Mit dem zusätzlichen Menüpunkt bleibt die Desktop-Navigation
   auch auf kleineren Laptops ruhig in einer Zeile. */
@media (min-width:901px) and (max-width:1180px){
  .main-nav{
    gap:18px;
    font-size:.78rem;
  }
}

/* About-Seite: keine seitlichen Überläufe durch die großen organischen Flächen. */
.about-page{
  overflow-x:hidden;
}

.about-page main{
  overflow:hidden;
}

/* Die V26.1-Farbräume bleiben erhalten, werden aber in langen Textbereichen
   optisch etwas ruhiger zusammengebunden. */
.about-story-copy,
.about-me-copy,
.about-competence-copy,
.about-method-copy,
.about-hero-copy{
  text-wrap:pretty;
}

@media(max-width:900px){
  /* Der Header scrollt mobil weg; genug Luft unter Logo/Menu. */
  .about-page .site-header,
  .remember-page .site-header{
    position:absolute;
  }

  .about-hero{
    padding-top:150px;
  }

  .about-method-intro,
  .about-me-inner,
  .about-competence-block{
    grid-template-columns:1fr;
  }

  .about-method-heading,
  .about-me-heading,
  .about-competence-label{
    max-width:760px;
  }

  .about-competence-label{
    position:relative;
    top:auto;
  }
}

@media(max-width:760px){
  /* Klare Einspaltigkeit: keine Desktop-Komposition wird nur schmalgedrückt. */
  .about-process-flow,
  .about-keepsakes,
  .about-story-triad,
  .about-life-stages,
  .about-outcomes,
  .about-elements-grid{
    grid-template-columns:1fr;
  }

  .about-process-line,
  .about-keepsakes::before{
    display:none;
  }

  .about-step,
  .about-outcome,
  .about-element,
  .about-story-triad p,
  .about-life-stages > div{
    width:100%;
  }
}

@media(max-width:600px){
  /* HERO – deutlich ruhiger und lesbarer als die Desktop-Version. */
  .about-hero{
    min-height:auto;
    padding:142px 20px 104px;
  }

  .about-hero-inner{
    width:100%;
  }

  .about-hero h1{
    max-width:350px;
    margin:22px auto 31px;
    font-size:clamp(2.9rem,13vw,4rem);
    line-height:1;
    letter-spacing:-.035em;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:auto;
  }

  .about-hero-statement{
    max-width:335px;
    margin-bottom:32px;
    font-size:1.48rem;
    line-height:1.34;
  }

  .about-hero-copy{
    max-width:350px;
    line-height:1.7;
  }

  .about-hero-copy p{
    margin-bottom:20px;
  }

  .about-hero-core{
    margin-top:30px !important;
  }

  .about-hero-end{
    max-width:335px;
    margin-top:31px !important;
    font-size:1.52rem;
  }

  /* Überschriften: auf langen Mobilseiten weniger monumentale Sprünge. */
  .about-process-heading h2,
  .about-takeaway-heading h2,
  .about-method-heading h2,
  .about-elements-heading h2,
  .about-boundary h2,
  .about-story-heading h2,
  .about-me-heading h2,
  .about-competence-heading h2,
  .about-final h2{
    font-size:clamp(2.55rem,11.6vw,3.55rem);
    line-height:1.03;
  }

  /* Vertikaler Rhythmus – kompakt, aber nicht gedrängt. */
  .about-process,
  .about-takeaway,
  .about-method,
  .about-story,
  .about-me,
  .about-competence{
    padding-top:76px;
    padding-bottom:82px;
  }

  .about-boundary{
    padding-top:66px;
    padding-bottom:92px;
  }

  .about-blog{
    padding-top:58px;
    padding-bottom:86px;
  }

  .about-final{
    padding-top:76px;
    padding-bottom:104px;
  }

  .about-process-heading,
  .about-takeaway-heading,
  .about-elements-heading,
  .about-competence-heading,
  .about-story-heading{
    margin-bottom:36px;
  }

  /* Prozess: sechs Stationen wie eine ruhige vertikale Folge. */
  .about-process-flow{
    gap:10px;
  }

  .about-step{
    min-height:0;
    padding:23px 17px 26px;
  }

  .about-step h3,
  .about-outcome h3,
  .about-element h3,
  .about-competence-label h3{
    font-size:1.82rem;
  }

  /* Persönliche Begleiter: stärker als drei Farbmomente, nicht als Karten. */
  .about-keepsakes{
    gap:0;
    margin-bottom:42px;
  }

  .about-keepsakes > div{
    min-height:118px;
    padding:20px 14px;
  }

  .about-keepsakes strong{
    font-size:1.38rem;
  }

  .about-outcomes{
    gap:30px;
  }

  .about-outcome{
    padding-left:29px;
  }

  /* Methode / Vier Elemente */
  .about-method-intro{
    gap:26px;
    margin-bottom:66px;
  }

  .about-method-copy{
    padding-top:0;
  }

  .about-method-end{
    margin-top:28px !important;
    font-size:1.48rem;
  }

  .about-elements-grid{
    gap:0;
  }

  .about-element{
    padding:24px 11px 27px;
  }

  /* Geschichte: die drei Kerngedanken und Lebensphasen fließen untereinander. */
  .about-story-triad{
    margin:38px auto 42px;
    gap:2px;
  }

  .about-story-triad p{
    min-height:0;
    padding:27px 18px;
    font-size:1.38rem;
  }

  .about-story-core{
    margin:30px auto !important;
    font-size:1.48rem;
  }

  .about-life-stages{
    margin:39px auto 43px;
    gap:0;
  }

  .about-life-stages > div{
    min-height:126px;
    padding:23px 17px;
  }

  .about-life-stages strong{
    font-size:1.25rem;
  }

  .about-story-final{
    font-size:1.48rem;
  }

  /* Über mich – der persönliche Teil darf Luft behalten. */
  .about-me-inner{
    gap:28px;
  }

  .about-me-lead,
  .about-me-end{
    font-size:1.30rem;
    line-height:1.48;
  }

  .about-me-copy p{
    margin-bottom:21px;
  }

  /* Kompetenzbereich: lange Inhalte scanbar und ohne technische Enge. */
  .about-competence-block{
    gap:22px;
    margin-bottom:57px;
    padding-top:31px;
  }

  .about-competence-label p{
    font-size:.76rem;
  }

  .about-competence-copy{
    line-height:1.68;
  }

  .about-competence-copy p{
    margin-bottom:20px;
  }

  .about-compact-list{
    columns:1;
    margin:21px 0 31px;
  }

  .about-compact-list li{
    padding-bottom:10px;
  }

  .about-competence-copy h4{
    margin-top:31px;
    font-size:1.65rem;
  }

  /* Pfeile klein halten, damit sie keine zusätzliche Leerzone erzeugen. */
  .about-skip{
    bottom:13px;
    height:43px;
  }

  .about-skip span{
    height:28px;
  }

  .about-skip span::after{
    top:17px;
  }

  /* Organische Konturlinien dürfen mobil nur angeschnitten auftauchen. */
  .about-takeaway::after{
    right:-72%;
    width:118%;
    opacity:.62;
  }

  .about-method::after{
    left:-72%;
    width:126%;
    opacity:.58;
  }

  .about-competence::after{
    right:-74%;
    width:126%;
    opacity:.55;
  }

  .about-me-line{
    right:-63%;
    width:110%;
    opacity:.62;
  }
}


/* =========================================================
   V26.3 – ÜBER-BEREICH AUFGETEILT
   Hub + Über Eigenklang + Über mich
   Dazu: ruhigere Hub-H1, mobiler Logo-Abstand und deutlichere Pfeile.
   ========================================================= */

/* ---------------------------------------------------------
   Globale Scroll-/Sprungpfeile: deutlicher auf Startseite
   und Über-Seiten, ohne dominant zu werden.
   --------------------------------------------------------- */

.scroll-hint{
  bottom:22px;
  width:34px;
  height:72px;
}

.scroll-line{
  height:54px;
  width:1.4px;
  background:linear-gradient(
    to bottom,
    rgba(136,109,167,.08),
    rgba(136,109,167,.72),
    rgba(136,109,167,.12)
  );
}

.scroll-arrow{
  width:13px;
  height:13px;
  border-right:1.8px solid rgba(136,109,167,.98);
  border-bottom:1.8px solid rgba(136,109,167,.98);
}

.about-skip{
  bottom:22px;
  width:42px;
  height:62px;
  opacity:1;
}

.about-skip span{
  width:1.4px;
  height:42px;
  background:linear-gradient(
    to bottom,
    rgba(136,109,167,.08),
    rgba(136,109,167,.70),
    rgba(136,109,167,.10)
  );
}

.about-skip span::after{
  top:28px;
  width:13px;
  height:13px;
  border-right:1.8px solid rgba(136,109,167,.98);
  border-bottom:1.8px solid rgba(136,109,167,.98);
}

/* ---------------------------------------------------------
   HUB – Über Eigenklang & mich
   --------------------------------------------------------- */

.about-hub-page .about-hero{
  min-height:0;
  padding-top:190px;
  padding-bottom:138px;
}

.about-hub-page .about-hero h1{
  max-width:900px;
  margin-top:25px;
  margin-bottom:37px;
  font-size:clamp(3.15rem,5.2vw,5.45rem);
  line-height:1.01;
  letter-spacing:-.035em;
  color:#6E5D76;
}

.about-hub-page .about-hero-statement{
  margin-bottom:36px;
}

.about-hub-page .about-hero-copy{
  max-width:760px;
}

.about-hub-paths{
  position:relative;
  overflow:hidden;
  padding:112px 24px 128px;
  background:
    radial-gradient(
      ellipse 58% 70% at -10% 40%,
      rgba(170,185,162,.23),
      rgba(170,185,162,.06) 50%,
      rgba(170,185,162,0) 75%
    ),
    radial-gradient(
      ellipse 56% 68% at 108% 55%,
      rgba(215,200,232,.25),
      rgba(215,200,232,.07) 50%,
      rgba(215,200,232,0) 75%
    ),
    radial-gradient(
      ellipse 38% 38% at 52% 90%,
      rgba(246,218,229,.12),
      rgba(246,218,229,0) 73%
    ),
    #FCFBFA;
}

.about-hub-paths::before{
  content:"";
  position:absolute;
  left:9%;
  right:9%;
  top:56%;
  height:1px;
  background:linear-gradient(
    90deg,
    rgba(170,185,162,.18),
    rgba(136,109,167,.22),
    rgba(215,200,232,.18)
  );
  transform:rotate(-2deg);
}

.about-hub-paths-heading{
  max-width:780px;
  margin:0 auto 72px;
  text-align:center;
}

.about-hub-paths-heading h2{
  margin:18px 0 0;
  font-family:var(--serif);
  font-size:clamp(3rem,4.7vw,5rem);
  line-height:1.03;
  letter-spacing:-.035em;
  font-weight:400;
}

.about-hub-path-grid{
  position:relative;
  z-index:1;
  max-width:1060px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(42px,7vw,90px);
}

.about-hub-path{
  position:relative;
  isolation:isolate;
  min-height:390px;
  padding:54px 52px 50px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.about-hub-path::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-5%;
  border-radius:61% 39% 54% 46% / 43% 60% 40% 57%;
  transition:transform .35s ease;
}

.about-hub-path-eigenklang::before{
  background:radial-gradient(
    ellipse,
    rgba(170,185,162,.34),
    rgba(170,185,162,.12) 52%,
    rgba(170,185,162,0) 78%
  );
}

.about-hub-path-person::before{
  border-radius:43% 57% 61% 39% / 57% 42% 58% 43%;
  background:radial-gradient(
    ellipse,
    rgba(215,200,232,.34),
    rgba(246,218,229,.12) 52%,
    rgba(246,218,229,0) 78%
  );
}

.about-hub-path:hover::before{
  transform:scale(1.025) rotate(1deg);
}

.about-hub-path-number{
  display:block;
  margin-bottom:18px;
  font-family:var(--serif);
  font-size:1.2rem;
  color:#886DA7;
}

.about-hub-path-kicker{
  margin-bottom:13px;
  font-size:.72rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#706a72;
}

.about-hub-path h3{
  max-width:390px;
  margin:0 0 23px;
  font-family:var(--serif);
  font-size:clamp(2.45rem,3.7vw,3.8rem);
  line-height:1.02;
  font-weight:400;
}

.about-hub-path p:not(.about-hub-path-kicker){
  max-width:420px;
  margin-bottom:26px;
  line-height:1.7;
}

.about-hub-path-link{
  margin-top:auto;
  padding-top:18px;
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#6d5873;
}

/* ---------------------------------------------------------
   SUBHERO – Über Eigenklang
   --------------------------------------------------------- */

.about-subhero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:190px 24px 126px;
  background:
    radial-gradient(
      ellipse 55% 65% at -8% 32%,
      rgba(170,185,162,.25),
      rgba(170,185,162,.07) 50%,
      rgba(170,185,162,0) 75%
    ),
    radial-gradient(
      ellipse 54% 64% at 107% 62%,
      rgba(215,200,232,.24),
      rgba(215,200,232,.07) 50%,
      rgba(215,200,232,0) 75%
    ),
    #FCFBFA;
}

.about-subhero-wash{
  position:absolute;
  z-index:-2;
  pointer-events:none;
  filter:blur(10px);
}

.about-subhero-wash.one{
  left:-18vw;
  top:-10vw;
  width:54vw;
  height:48vw;
  border-radius:62% 38% 54% 46% / 44% 61% 39% 56%;
  background:radial-gradient(
    ellipse,
    rgba(170,185,162,.29),
    rgba(170,185,162,.09) 53%,
    rgba(170,185,162,0) 78%
  );
}

.about-subhero-wash.two{
  right:-17vw;
  bottom:-18vw;
  width:51vw;
  height:48vw;
  border-radius:43% 57% 61% 39% / 57% 43% 55% 45%;
  background:radial-gradient(
    ellipse,
    rgba(215,200,232,.28),
    rgba(246,218,229,.08) 53%,
    rgba(246,218,229,0) 78%
  );
}

.about-subhero-inner{
  max-width:900px;
  margin:auto;
  text-align:center;
}

.about-subhero h1{
  max-width:860px;
  margin:24px auto 36px;
  font-family:var(--serif);
  font-size:clamp(3.15rem,5.2vw,5.35rem);
  line-height:1.01;
  letter-spacing:-.035em;
  font-weight:400;
  color:#5f5364;
}

.about-subhero-inner > p:not(.kicker){
  max-width:760px;
  margin:0 auto 23px;
  line-height:1.73;
}

.about-subhero-lead{
  font-family:var(--serif);
  font-size:clamp(1.48rem,2vw,1.9rem);
  line-height:1.48 !important;
  color:#575059;
}

.about-subhero-end{
  max-width:690px !important;
  margin-top:35px !important;
  font-family:var(--serif);
  font-size:clamp(1.5rem,2.2vw,2rem);
  line-height:1.43 !important;
  color:#6E5D76;
}

.about-eigenklang-page .about-process{
  padding-top:100px;
}

/* ---------------------------------------------------------
   ÜBER MICH – als eigenständige Seite
   --------------------------------------------------------- */

.about-person-page .about-me{
  padding-top:192px;
  padding-bottom:126px;
}

.about-person-page .about-me-heading h2{
  color:#6E5D76;
}

.about-person-page .about-me::before{
  content:"";
  position:absolute;
  left:-18%;
  top:-7%;
  width:54%;
  height:42%;
  border:1px solid rgba(246,218,229,.16);
  border-radius:61% 39% 53% 47% / 43% 61% 39% 57%;
  transform:rotate(-8deg);
  pointer-events:none;
}

.about-person-page .about-competence{
  padding-bottom:118px;
}

/* Die Abschlusssektion bleibt auf den beiden Unterseiten als ruhiger Rückklang. */
.about-eigenklang-page .about-final,
.about-person-page .about-final{
  padding-top:92px;
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:900px){
  .about-hub-path-grid{
    grid-template-columns:1fr;
    max-width:690px;
  }

  .about-hub-paths::before{
    display:none;
  }
}

@media(max-width:600px){
  /* Das Logo reicht optisch tiefer als der Header selbst.
     Daher bekommen alle drei Über-Seiten bewusst mehr Startluft. */
  .about-hub-page .about-hero{
    padding-top:178px;
    padding-bottom:108px;
  }

  .about-hub-page .about-hero .kicker{
    margin-top:4px;
  }

  .about-hub-page .about-hero h1{
    max-width:345px;
    margin:21px auto 29px;
    font-size:clamp(2.55rem,11.7vw,3.45rem);
    line-height:1.02;
    color:#6E5D76;
  }

  .about-hub-page .about-hero-statement{
    max-width:330px;
    font-size:1.42rem;
  }

  .about-hub-page .about-hero-copy{
    max-width:345px;
  }

  .about-hub-paths{
    padding:78px 20px 88px;
    background:
      radial-gradient(
        ellipse 118% 48% at -15% 24%,
        rgba(170,185,162,.34),
        rgba(170,185,162,.09) 50%,
        rgba(170,185,162,0) 75%
      ),
      radial-gradient(
        ellipse 112% 50% at 114% 76%,
        rgba(215,200,232,.36),
        rgba(215,200,232,.10) 50%,
        rgba(215,200,232,0) 75%
      ),
      rgba(251,249,250,.99);
  }

  .about-hub-paths-heading{
    margin-bottom:42px;
  }

  .about-hub-paths-heading h2{
    font-size:clamp(2.55rem,11.5vw,3.55rem);
  }

  .about-hub-path-grid{
    gap:12px;
  }

  .about-hub-path{
    min-height:0;
    padding:38px 25px 42px;
  }

  .about-hub-path::before{
    inset:-3%;
  }

  .about-hub-path h3{
    font-size:2.35rem;
  }

  .about-subhero{
    padding:176px 20px 106px;
    background:
      radial-gradient(
        ellipse 118% 50% at -16% 27%,
        rgba(170,185,162,.34),
        rgba(170,185,162,.09) 50%,
        rgba(170,185,162,0) 75%
      ),
      radial-gradient(
        ellipse 112% 48% at 114% 72%,
        rgba(215,200,232,.34),
        rgba(215,200,232,.09) 50%,
        rgba(215,200,232,0) 75%
      ),
      #FCFBFA;
  }

  .about-subhero-wash.one{
    width:130vw;
    height:110vw;
    left:-75vw;
    top:15vw;
  }

  .about-subhero-wash.two{
    width:125vw;
    height:112vw;
    right:-74vw;
    bottom:-20vw;
  }

  .about-subhero h1{
    max-width:345px;
    margin:21px auto 29px;
    font-size:clamp(2.55rem,11.4vw,3.45rem);
    line-height:1.02;
  }

  .about-subhero-inner > p:not(.kicker){
    max-width:345px;
  }

  .about-subhero-lead{
    font-size:1.35rem;
  }

  .about-subhero-end{
    font-size:1.42rem;
  }

  .about-eigenklang-page .about-process{
    padding-top:74px;
  }

  .about-person-page .about-me{
    padding-top:176px;
    padding-bottom:84px;
  }

  .about-person-page .about-me-heading{
    max-width:345px;
  }

  .about-person-page .about-me-heading h2{
    font-size:clamp(2.55rem,11.5vw,3.55rem);
  }

  /* Pfeile auf kleinen Displays etwas größer und satter. */
  .scroll-hint{
    bottom:17px;
    width:38px;
    height:65px;
  }

  .scroll-line{
    height:47px;
  }

  .scroll-arrow{
    width:14px;
    height:14px;
    border-width:0 1.9px 1.9px 0;
  }

  .about-skip{
    bottom:14px;
    width:44px;
    height:54px;
  }

  .about-skip span{
    height:35px;
  }

  .about-skip span::after{
    top:22px;
    width:14px;
    height:14px;
    border-right-width:1.9px;
    border-bottom-width:1.9px;
  }
}

@media(prefers-reduced-motion:reduce){
  .about-hub-path::before{
    transition:none;
  }
}


/* =========================================================
   V26.4 – Über-Bereich Feinschliff
   Hub reduziert + Eigenklang-Hero neu gewichtet
   ========================================================= */

/* HUB: kein eigener "Zwei Wege"-Block mehr, sondern zwei fließende Entscheidungen */
.about-hub-paths{
  padding-top:96px;
  padding-bottom:130px;
}

.about-hub-paths::before{
  left:12%;
  right:13%;
  top:49%;
  transform:rotate(-3deg);
  opacity:.72;
}

.about-hub-path-stack{
  position:relative;
  z-index:1;
  max-width:980px;
  margin:auto;
  display:flex;
  flex-direction:column;
  gap:76px;
}

.about-hub-path{
  min-height:0;
  width:min(720px,88%);
  padding:54px 58px 50px;
}

.about-hub-path-eigenklang{
  align-self:flex-start;
  margin-left:2%;
}

.about-hub-path-person{
  align-self:flex-end;
  margin-right:2%;
}

.about-hub-path h2{
  max-width:520px;
  margin:0 0 18px;
  font-family:var(--serif);
  font-size:clamp(2.9rem,4.8vw,4.9rem);
  line-height:1.02;
  letter-spacing:-.035em;
  font-weight:400;
  color:#5f5364;
}

.about-hub-path p{
  max-width:470px !important;
  margin:0 0 24px !important;
  font-size:1.02rem;
  line-height:1.67;
}

.about-hub-path-link{
  padding-top:6px;
}

/* Eigenklang-Hero: Mantra übernimmt die emotionale Führung */
.about-eigenklang-page .about-subhero{
  padding-top:190px;
  padding-bottom:132px;
}

.about-eigenklang-page .about-subhero h1{
  max-width:820px;
  margin-bottom:28px;
  color:#6E5D76;
}

.about-subhero-mantra{
  max-width:760px !important;
  margin:0 auto 46px !important;
  font-family:var(--serif);
  font-size:clamp(1.55rem,2.3vw,2.1rem);
  line-height:1.45 !important;
  color:#565058;
}

.about-subhero-copy{
  max-width:760px;
  margin:auto;
}

.about-subhero-copy > p{
  max-width:760px;
  margin:0 auto 23px;
  line-height:1.73;
}

/* Die frühere Lead-Regel wird auf dieser Seite bewusst neutralisiert. */
.about-eigenklang-page .about-subhero-lead{
  font-family:inherit;
  font-size:inherit;
  line-height:inherit !important;
  color:inherit;
}

@media(max-width:760px){
  .about-hub-path-stack{
    gap:34px;
  }

  .about-hub-path{
    width:100%;
    align-self:stretch;
    margin-left:0;
    margin-right:0;
  }
}

@media(max-width:600px){
  .about-hub-paths{
    padding-top:72px;
    padding-bottom:82px;
  }

  .about-hub-path-stack{
    gap:24px;
  }

  .about-hub-path{
    padding:38px 27px 40px;
  }

  .about-hub-path h2{
    font-size:clamp(2.45rem,11.2vw,3.35rem);
  }

  .about-hub-path p{
    font-size:.98rem;
  }

  .about-eigenklang-page .about-subhero{
    padding-top:176px;
    padding-bottom:106px;
  }

  .about-eigenklang-page .about-subhero h1{
    font-size:clamp(2.7rem,12vw,3.65rem);
    margin-bottom:24px;
  }

  .about-subhero-mantra{
    max-width:345px !important;
    margin-bottom:37px !important;
    font-size:1.42rem;
  }

  .about-subhero-copy{
    max-width:345px;
  }
}


/* =========================================================
   V26.5 – Eigenklang entschlackt + Geschichte zu Über mich
   ========================================================= */

.about-elements-heading{
  margin-top:0;
  margin-bottom:46px;
  text-align:left;
  max-width:760px;
}

.about-elements-heading h2{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(2.65rem,4.4vw,4.6rem);
  line-height:1.03;
  letter-spacing:-.035em;
  font-weight:400;
  color:#5f5364;
}

.about-elements-grid{
  margin-top:0;
}

.about-eigenklang-page .about-boundary{
  padding-bottom:108px;
}

.about-person-page .about-story{
  padding-top:112px;
  padding-bottom:118px;
}

.about-person-page .about-story-heading{
  max-width:850px;
}

@media(max-width:600px){
  .about-elements-heading{
    margin-bottom:34px;
  }

  .about-elements-heading h2{
    font-size:clamp(2.5rem,11.2vw,3.45rem);
  }

  .about-person-page .about-story{
    padding-top:82px;
    padding-bottom:88px;
  }

  .about-eigenklang-page .about-boundary{
    padding-bottom:78px;
  }
}


/* =========================================================
   V26.6 – "Was du mitnimmst" neu sortiert
   Erst Wirkung, dann das bleibende persönliche Element.
   ========================================================= */

.about-takeaway-heading{
  max-width:870px;
  margin:0 auto 58px;
  text-align:center;
}

.about-takeaway-heading h2{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(3.15rem,5vw,5.3rem);
  font-weight:400;
  line-height:1.02;
  letter-spacing:-.035em;
  color:#5f5364;
}

.about-takeaway .about-outcomes{
  margin-bottom:88px;
}

/* "Etwas, das bleibt" ist kein neuer Seitenbereich,
   sondern die zweite Hälfte derselben fließenden Section. */
.about-keepsake-intro{
  position:relative;
  max-width:830px;
  margin:0 auto 46px;
  padding-top:70px;
  text-align:center;
}

.about-keepsake-intro::before{
  content:"";
  position:absolute;
  left:18%;
  right:18%;
  top:0;
  height:1px;
  background:linear-gradient(
    90deg,
    rgba(170,185,162,0),
    rgba(136,109,167,.18),
    rgba(129,151,185,.14),
    rgba(129,151,185,0)
  );
}

.about-keepsake-intro h2{
  margin:0 0 27px;
  font-family:var(--serif);
  font-size:clamp(2.8rem,4.5vw,4.65rem);
  font-weight:400;
  line-height:1.03;
  letter-spacing:-.035em;
  color:#5f5364;
}

.about-keepsake-intro p{
  max-width:790px;
  margin:0 auto;
  line-height:1.74;
}

.about-takeaway .about-keepsakes{
  margin-top:0;
  margin-bottom:54px;
}

@media(max-width:600px){
  .about-takeaway-heading{
    margin-bottom:42px;
  }

  .about-takeaway-heading h2{
    font-size:clamp(2.75rem,12.3vw,4rem);
  }

  .about-takeaway .about-outcomes{
    margin-bottom:60px;
  }

  .about-keepsake-intro{
    padding-top:48px;
    margin-bottom:35px;
  }

  .about-keepsake-intro::before{
    left:10%;
    right:10%;
  }

  .about-keepsake-intro h2{
    font-size:clamp(2.55rem,11.5vw,3.6rem);
    margin-bottom:22px;
  }

  .about-takeaway .about-keepsakes{
    margin-bottom:36px;
  }
}


/* =========================================================
   V26.7 – Geschichte persönlich schließen + Startseiten-Statement
   ========================================================= */

/* Über mich: Die Geschichte endet dort, wo Eigenklang aus der
   persönlichen Erfahrung heraus entsteht. */
.about-story-origin{
  max-width:720px;
  margin:42px auto 0 !important;
  text-align:center;
  font-family:var(--serif);
  font-size:clamp(1.75rem,2.6vw,2.4rem);
  line-height:1.4 !important;
  color:#66566e;
}

/* Startseite: emotionaler Abschluss von "Was Eigenklang besonders macht".
   Kein neuer Lebensphasen-Block, sondern ein ruhiger Zielpunkt der Section. */
.method-closing{
  position:relative;
  isolation:isolate;
  max-width:850px;
  margin:78px auto 48px;
  padding:48px 54px 44px;
  text-align:center;
  font-family:var(--serif);
  font-size:clamp(1.65rem,2.35vw,2.2rem);
  line-height:1.47;
  color:#55505a;
}

.method-closing::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-14% -9%;
  border-radius:61% 39% 54% 46% / 43% 60% 40% 57%;
  background:
    radial-gradient(
      ellipse,
      rgba(215,200,232,.22),
      rgba(246,218,229,.09) 53%,
      rgba(246,218,229,0) 79%
    );
  pointer-events:none;
}

.method-closing p{
  margin:0 auto 20px;
}

.method-closing-end{
  margin-bottom:0 !important;
  color:#6E5D76;
}

@media(max-width:600px){
  .about-story-origin{
    margin-top:34px !important;
    font-size:1.55rem;
  }

  .method-closing{
    margin:56px auto 38px;
    padding:36px 22px 32px;
    font-size:1.48rem;
    line-height:1.45;
  }

  .method-closing::before{
    inset:-9% -12%;
    background:
      radial-gradient(
        ellipse,
        rgba(215,200,232,.31),
        rgba(246,218,229,.12) 53%,
        rgba(246,218,229,0) 79%
      );
  }
}


/* =========================================================
   V26.8 – Startseiten-Dramaturgie + persönlicher Story-Schluss
   ========================================================= */

/* Das erste Eigenklang-Statement und "Ein Ort ..." bilden jetzt
   bewusst einen einzigen, zusammenhängenden Raum. */
.statement-bubble-expanded{
  max-width:1040px;
  padding-top:clamp(46px,6vw,74px);
  padding-bottom:clamp(44px,6vw,70px);
}

.holding-message{
  position:relative;
  z-index:1;
  max-width:850px;
  margin:0 auto;
  text-align:center;
}

.holding-message-main{
  margin:0 auto 24px;
  font-family:var(--serif);
  font-size:clamp(1.85rem,2.75vw,2.85rem);
  line-height:1.38;
  color:#55505A;
}

.holding-message-main strong,
.holding-message-end strong{
  font-weight:400;
}

.holding-message-end{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(1.55rem,2.2vw,2.15rem);
  line-height:1.4;
  color:#6E5D76;
}

.holding-message-divider{
  position:relative;
  z-index:1;
  width:min(340px,58%);
  height:1px;
  margin:44px auto 42px;
  background:linear-gradient(
    90deg,
    rgba(136,109,167,0),
    rgba(136,109,167,.24),
    rgba(170,185,162,.20),
    rgba(136,109,167,0)
  );
}

.statement-secondary{
  max-width:850px;
  font-size:clamp(1.65rem,2.55vw,2.65rem);
  line-height:1.34;
  color:#3f3a40;
}

/* Der Methodenbereich folgt jetzt direkt auf den Haltungsraum.
   Ein minimal weicherer Übergang hält die neue Dramaturgie zusammen. */
.holding + .method{
  position:relative;
}

/* Die alte V26.7-Schlussgestaltung ist nicht mehr im HTML;
   diese Regeln werden neutralisiert, damit sie nicht versehentlich
   bei späteren Wiederverwendungen eingreifen. */
.method-closing{
  display:none;
}

/* Persönlicher Abschluss der Geschichte */
.about-story-origin{
  margin-top:38px !important;
}

@media(max-width:600px){
  .statement-bubble-expanded{
    padding:40px 23px 39px;
  }

  .holding-message-main{
    font-size:1.62rem;
    line-height:1.42;
  }

  .holding-message-end{
    font-size:1.38rem;
  }

  .holding-message-divider{
    width:62%;
    margin:34px auto 32px;
  }

  .statement-secondary{
    font-size:1.48rem;
    line-height:1.38;
  }

  .about-story-origin{
    margin-top:31px !important;
  }
}


/* =========================================================
   V26.9 – Startseite: fließendes Eigenklang-Manifest
   Der erste Abschnitt nach dem Hero wirkt jetzt wie ein offener,
   organischer Markenraum statt wie eine Textblase.
   ========================================================= */

.holding-manifest-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-top:clamp(105px,10vw,150px);
  padding-bottom:clamp(112px,11vw,160px);
  background:
    radial-gradient(
      ellipse 58% 68% at -9% 28%,
      rgba(170,185,162,.24),
      rgba(170,185,162,.07) 50%,
      rgba(170,185,162,0) 75%
    ),
    radial-gradient(
      ellipse 56% 70% at 108% 72%,
      rgba(215,200,232,.29),
      rgba(215,200,232,.08) 50%,
      rgba(215,200,232,0) 76%
    ),
    radial-gradient(
      ellipse 42% 36% at 66% 13%,
      rgba(246,218,229,.15),
      rgba(246,218,229,0) 74%
    ),
    #FCFBFA;
}

/* Die alten Bubble-Flächen bleiben für andere Stellen verfügbar,
   werden in diesem Abschnitt aber bewusst nicht mehr genutzt. */
.holding-manifest-section .holding-wash-one{
  width:62vw;
  height:52vw;
  left:-30vw;
  top:-12vw;
  opacity:.72;
}

.holding-manifest-section .holding-wash-two{
  width:58vw;
  height:50vw;
  right:-28vw;
  bottom:-16vw;
  opacity:.72;
}

.holding-manifest{
  position:relative;
  z-index:2;
  max-width:1120px;
  margin:auto;
  padding:0 24px;
}

/* Große, aber ruhige Markenbotschaft */
.holding-manifest-core{
  position:relative;
  max-width:880px;
  margin:0 auto;
  text-align:center;
}

.holding-manifest-core::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  width:112%;
  height:150%;
  transform:translate(-50%,-50%) rotate(-2deg);
  border-top:1px solid rgba(136,109,167,.15);
  border-right:1px solid rgba(170,185,162,.11);
  border-bottom:1px solid rgba(129,151,185,.08);
  border-left:0;
  border-radius:58% 42% 63% 37% / 45% 61% 39% 55%;
  pointer-events:none;
}

.holding-manifest-main{
  margin:0 auto 26px;
  font-family:var(--serif);
  font-size:clamp(2rem,3vw,3.15rem);
  line-height:1.34;
  letter-spacing:-.018em;
  color:#575059;
}

.holding-manifest-main strong,
.holding-manifest-end strong,
.holding-flow-line strong{
  font-weight:400;
}

.holding-manifest-end{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(1.55rem,2.25vw,2.25rem);
  line-height:1.4;
  color:#755E7B;
}

/* Statt eines Kastens entsteht darunter ein kleiner "Weg" aus drei
   versetzten Aussagen. Eine feine Linie verbindet sie optisch. */
.holding-manifest-flow{
  position:relative;
  max-width:1000px;
  margin:clamp(82px,8vw,112px) auto 0;
  padding:8px 0 12px;
}

.holding-manifest-flow::before{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  top:50%;
  height:1px;
  transform:translateY(-50%) rotate(-4deg);
  background:linear-gradient(
    90deg,
    rgba(170,185,162,0),
    rgba(170,185,162,.27) 25%,
    rgba(136,109,167,.25) 55%,
    rgba(129,151,185,.20) 78%,
    rgba(129,151,185,0)
  );
}

.holding-manifest-flow::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:8%;
  top:-25%;
  width:43%;
  height:145%;
  border:1px solid rgba(215,200,232,.13);
  border-radius:40% 60% 54% 46% / 62% 41% 59% 38%;
  transform:rotate(8deg);
  pointer-events:none;
}

.holding-flow-line{
  position:relative;
  z-index:1;
  width:72%;
  margin:0;
  padding:24px 38px 25px;
  font-family:var(--serif);
  font-size:clamp(1.65rem,2.45vw,2.45rem);
  line-height:1.28;
  color:#484249;
  isolation:isolate;
}

.holding-flow-line::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-12% -5%;
  border-radius:61% 39% 54% 46% / 43% 60% 40% 57%;
  filter:blur(2px);
}

.holding-flow-one{
  margin-left:0;
  text-align:left;
}

.holding-flow-one::before{
  background:radial-gradient(
    ellipse,
    rgba(170,185,162,.27),
    rgba(170,185,162,.08) 52%,
    rgba(170,185,162,0) 78%
  );
}

.holding-flow-two{
  margin:28px 0 28px auto;
  text-align:right;
}

.holding-flow-two::before{
  border-radius:43% 57% 61% 39% / 57% 43% 55% 45%;
  background:radial-gradient(
    ellipse,
    rgba(246,218,229,.28),
    rgba(246,218,229,.085) 52%,
    rgba(246,218,229,0) 78%
  );
}

.holding-flow-three{
  width:82%;
  margin-left:8%;
  text-align:center;
}

.holding-flow-three::before{
  border-radius:54% 46% 39% 61% / 45% 58% 42% 55%;
  background:radial-gradient(
    ellipse,
    rgba(215,200,232,.30),
    rgba(215,200,232,.09) 52%,
    rgba(215,200,232,0) 78%
  );
}

/* ---------------------------------------------------------
   MOBILE: eigenständige Komposition statt zusammengeschobener Desktop-Fläche
   --------------------------------------------------------- */
@media(max-width:600px){
  .holding-manifest-section{
    padding-top:82px;
    padding-bottom:92px;
    background:
      radial-gradient(
        ellipse 118% 45% at -16% 20%,
        rgba(170,185,162,.34),
        rgba(170,185,162,.09) 51%,
        rgba(170,185,162,0) 75%
      ),
      radial-gradient(
        ellipse 114% 46% at 115% 76%,
        rgba(215,200,232,.38),
        rgba(215,200,232,.10) 51%,
        rgba(215,200,232,0) 76%
      ),
      radial-gradient(
        ellipse 86% 29% at 68% 6%,
        rgba(246,218,229,.20),
        rgba(246,218,229,0) 74%
      ),
      #FCFBFA;
  }

  .holding-manifest{
    padding:0 20px;
  }

  .holding-manifest-core{
    max-width:345px;
  }

  .holding-manifest-core::before{
    width:124%;
    height:126%;
    left:48%;
    border-top-color:rgba(136,109,167,.19);
  }

  .holding-manifest-main{
    font-size:1.72rem;
    line-height:1.4;
  }

  .holding-manifest-end{
    font-size:1.42rem;
  }

  .holding-manifest-flow{
    max-width:360px;
    margin-top:70px;
  }

  .holding-manifest-flow::before{
    left:49%;
    right:auto;
    top:8%;
    bottom:8%;
    width:1px;
    height:auto;
    transform:rotate(6deg);
    background:linear-gradient(
      180deg,
      rgba(170,185,162,0),
      rgba(170,185,162,.26),
      rgba(136,109,167,.28),
      rgba(129,151,185,.17),
      rgba(129,151,185,0)
    );
  }

  .holding-manifest-flow::after{
    right:-29%;
    top:11%;
    width:78%;
    height:77%;
  }

  .holding-flow-line{
    width:94%;
    padding:22px 20px 23px;
    font-size:1.5rem;
    line-height:1.33;
  }

  .holding-flow-one{
    margin-left:0;
    text-align:left;
  }

  .holding-flow-two{
    width:92%;
    margin:25px 0 25px auto;
    text-align:right;
  }

  .holding-flow-three{
    width:98%;
    margin:0 auto;
    text-align:center;
  }

  .holding-flow-line::before{
    inset:-9% -6%;
  }
}


/* =========================================================
   V26.10 – letzter Feinschliff vor Rechtlichem
   Keepsakes greifen die Farbintensität der drei Lebenswelten auf.
   ========================================================= */

.keepsake::before{
  opacity:1;
  filter:blur(9px);
}

.keepsake.grow::before{
  background:
    radial-gradient(
      ellipse at 42% 44%,
      rgba(170,185,162,.49) 0%,
      rgba(170,185,162,.28) 39%,
      rgba(170,185,162,.10) 61%,
      rgba(170,185,162,0) 79%
    ),
    radial-gradient(
      ellipse at 66% 66%,
      rgba(244,217,122,.15) 0%,
      rgba(244,217,122,0) 60%
    );
}

.keepsake.arrive::before{
  background:
    radial-gradient(
      ellipse at 48% 42%,
      rgba(215,200,232,.53) 0%,
      rgba(215,200,232,.30) 41%,
      rgba(215,200,232,.11) 62%,
      rgba(215,200,232,0) 80%
    ),
    radial-gradient(
      ellipse at 68% 67%,
      rgba(246,218,229,.18) 0%,
      rgba(246,218,229,0) 59%
    );
}

.keepsake.remember::before{
  background:
    radial-gradient(
      ellipse at 48% 45%,
      rgba(129,151,185,.47) 0%,
      rgba(129,151,185,.27) 40%,
      rgba(129,151,185,.10) 62%,
      rgba(129,151,185,0) 80%
    ),
    radial-gradient(
      ellipse at 36% 69%,
      rgba(233,241,255,.34) 0%,
      rgba(233,241,255,0) 60%
    );
}

/* Mobil bewusst dieselbe Farbintensität, damit die Verbindung
   zu MeYouGROW / MeYouARRIVE / MeYouREMEMBER sofort sichtbar bleibt. */
@media(max-width:600px){
  .keepsake::before{
    width:116%;
    height:112%;
    opacity:1;
    filter:blur(9px);
  }
}


/* =========================================================
   V27 – Rechtliche Seiten · Impressum
   Ruhig, klar und leicht auffindbar; gestalterisch Eigenklang,
   aber bewusst zurückhaltender als die Angebotsseiten.
   ========================================================= */

.legal-page{
  background:#FCFBFA;
  color:#454244;
}

.legal-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:190px 24px 92px;
  background:
    radial-gradient(
      ellipse 54% 70% at -10% 28%,
      rgba(170,185,162,.18),
      rgba(170,185,162,.04) 52%,
      rgba(170,185,162,0) 76%
    ),
    radial-gradient(
      ellipse 53% 70% at 108% 67%,
      rgba(215,200,232,.23),
      rgba(215,200,232,.06) 52%,
      rgba(215,200,232,0) 76%
    ),
    #FCFBFA;
}

.legal-wash{
  position:absolute;
  z-index:-1;
  pointer-events:none;
  filter:blur(9px);
}

.legal-wash-one{
  width:48vw;
  height:42vw;
  left:-21vw;
  top:-12vw;
  border-radius:62% 38% 55% 45% / 44% 61% 39% 56%;
  background:radial-gradient(
    ellipse,
    rgba(170,185,162,.24),
    rgba(170,185,162,.07) 53%,
    rgba(170,185,162,0) 78%
  );
}

.legal-wash-two{
  width:45vw;
  height:42vw;
  right:-20vw;
  bottom:-16vw;
  border-radius:43% 57% 61% 39% / 57% 43% 55% 45%;
  background:radial-gradient(
    ellipse,
    rgba(215,200,232,.28),
    rgba(246,218,229,.07) 52%,
    rgba(215,200,232,0) 78%
  );
}

.legal-hero-inner{
  max-width:900px;
  margin:auto;
  text-align:center;
}

.legal-hero h1{
  margin:19px auto 24px;
  font-family:var(--serif);
  font-size:clamp(3.5rem,5.8vw,6rem);
  line-height:1;
  letter-spacing:-.035em;
  font-weight:400;
  color:#5f5364;
}

.legal-intro{
  margin:0;
  font-size:.92rem;
  letter-spacing:.035em;
  color:#686268;
}

.legal-content{
  position:relative;
  overflow:hidden;
  padding:88px 24px 128px;
  background:
    radial-gradient(
      ellipse 45% 48% at 102% 58%,
      rgba(233,241,255,.26),
      rgba(233,241,255,0) 75%
    ),
    #FCFBFA;
}

.legal-content-inner{
  max-width:820px;
  margin:auto;
}

.legal-block{
  position:relative;
  padding:0 0 48px;
  margin:0 0 48px;
  border-bottom:1px solid rgba(136,109,167,.11);
}

.legal-block:last-child{
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:0;
}

.legal-block h2{
  margin:0 0 20px;
  font-family:var(--serif);
  font-size:clamp(2rem,3vw,2.8rem);
  line-height:1.08;
  font-weight:400;
  color:#5f5364;
}

.legal-block p{
  margin:0;
  line-height:1.75;
}

.legal-block a{
  text-decoration:underline;
  text-decoration-color:rgba(136,109,167,.32);
  text-underline-offset:3px;
}

.legal-block a:hover{
  text-decoration-color:rgba(136,109,167,.75);
}

.legal-law-note{
  margin:-9px 0 19px !important;
  font-size:.82rem;
  color:#756f76;
}

.legal-responsibility{
  position:relative;
  isolation:isolate;
}

.legal-responsibility::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-18% -12%;
  border-radius:61% 39% 54% 46% / 43% 60% 40% 57%;
  background:radial-gradient(
    ellipse,
    rgba(215,200,232,.14),
    rgba(215,200,232,.035) 55%,
    rgba(215,200,232,0) 79%
  );
  pointer-events:none;
}

@media(max-width:600px){
  .legal-hero{
    padding:176px 20px 68px;
    background:
      radial-gradient(
        ellipse 118% 50% at -16% 24%,
        rgba(170,185,162,.27),
        rgba(170,185,162,.07) 52%,
        rgba(170,185,162,0) 76%
      ),
      radial-gradient(
        ellipse 112% 50% at 114% 72%,
        rgba(215,200,232,.32),
        rgba(215,200,232,.08) 52%,
        rgba(215,200,232,0) 76%
      ),
      #FCFBFA;
  }

  .legal-hero h1{
    font-size:clamp(3rem,13vw,4.2rem);
  }

  .legal-intro{
    max-width:310px;
    margin:auto;
    line-height:1.55;
  }

  .legal-content{
    padding:68px 20px 88px;
  }

  .legal-block{
    padding-bottom:38px;
    margin-bottom:38px;
  }

  .legal-block h2{
    font-size:2rem;
  }

  .legal-responsibility::before{
    inset:-10% -19%;
  }
}


/* =========================================================
   V28 – Datenschutz + Cookie-/Consent-Management
   ========================================================= */

.legal-paragraph{
  margin-top:18px !important;
}

.legal-category-list{
  display:grid;
  gap:18px;
  margin-top:28px;
}

.legal-category-list > div{
  position:relative;
  padding:22px 25px;
  border-top:1px solid rgba(136,109,167,.12);
}

.legal-category-list h3{
  margin:0 0 8px;
  font-family:var(--serif);
  font-size:1.55rem;
  line-height:1.1;
  font-weight:400;
  color:#5f5364;
}

.legal-category-list p{
  margin:0;
}

.legal-inline-button,
.footer-consent-link{
  appearance:none;
  border:0;
  padding:0;
  margin:0;
  background:none;
  color:inherit;
  font:inherit;
  cursor:pointer;
  text-decoration:underline;
  text-decoration-color:rgba(136,109,167,.34);
  text-underline-offset:3px;
}

.legal-inline-button:hover,
.footer-consent-link:hover{
  text-decoration-color:rgba(136,109,167,.78);
}

.site-footer nav .footer-consent-link{
  display:inline;
}

/* Cookie Banner */
.consent-banner[hidden],
.consent-modal[hidden]{
  display:none !important;
}

.consent-banner{
  position:fixed;
  z-index:9990;
  left:20px;
  right:20px;
  bottom:20px;
  display:flex;
  justify-content:center;
  pointer-events:none;
}

.consent-banner-inner{
  position:relative;
  width:min(860px,100%);
  padding:34px 38px 28px;
  border:1px solid rgba(136,109,167,.13);
  border-radius:34px 44px 31px 46px / 38px 31px 45px 35px;
  background:rgba(252,251,250,.97);
  box-shadow:0 20px 70px rgba(46,46,46,.16);
  backdrop-filter:blur(14px);
  pointer-events:auto;
  overflow:hidden;
}

.consent-banner-inner::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-30% 50% 30% -18%;
  border-radius:60%;
  background:radial-gradient(ellipse,rgba(215,200,232,.25),rgba(215,200,232,0) 72%);
}

.consent-kicker{
  margin:0 0 9px;
  font-size:.72rem;
  letter-spacing:.17em;
  text-transform:uppercase;
  color:#756b77;
}

.consent-banner h2,
.consent-modal h2{
  margin:0 0 14px;
  font-family:var(--serif);
  font-size:clamp(2rem,3.1vw,2.75rem);
  line-height:1.03;
  font-weight:400;
  color:#5f5364;
}

.consent-banner-inner > p:not(.consent-kicker):not(.consent-links){
  max-width:720px;
  margin:0;
  line-height:1.62;
}

.consent-actions,
.consent-modal-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:25px;
}

.consent-button{
  appearance:none;
  min-height:45px;
  padding:11px 20px;
  border-radius:999px;
  font-family:var(--sans);
  font-size:.83rem;
  letter-spacing:.025em;
  cursor:pointer;
}

.consent-button-primary{
  border:1px solid #886DA7;
  background:#886DA7;
  color:white;
}

.consent-button-secondary{
  border:1px solid rgba(136,109,167,.48);
  background:rgba(252,251,250,.82);
  color:#5e4d65;
}

.consent-text-button{
  appearance:none;
  border:0;
  background:none;
  padding:10px 6px;
  color:#645469;
  font:inherit;
  font-size:.83rem;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
}

.consent-links{
  margin:19px 0 0;
  font-size:.76rem;
  color:#777176;
}

.consent-links a{
  text-decoration:underline;
  text-underline-offset:3px;
}

.consent-close{
  appearance:none;
  position:absolute;
  right:18px;
  top:13px;
  width:34px;
  height:34px;
  border:0;
  background:transparent;
  color:#756d77;
  font-size:1.7rem;
  line-height:1;
  cursor:pointer;
}

/* Settings modal */
.consent-modal{
  position:fixed;
  z-index:10000;
  inset:0;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:22px;
}

.consent-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(46,46,46,.42);
  backdrop-filter:blur(5px);
}

.consent-modal-panel{
  position:relative;
  z-index:1;
  width:min(760px,100%);
  max-height:min(86vh,820px);
  overflow:auto;
  padding:38px 40px 34px;
  border-radius:38px 48px 34px 44px / 42px 35px 46px 39px;
  background:#FCFBFA;
  box-shadow:0 28px 90px rgba(46,46,46,.23);
}

.consent-modal-intro{
  margin:0 0 26px;
  line-height:1.62;
}

.consent-category{
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  align-items:center;
  padding:20px 2px;
  border-top:1px solid rgba(136,109,167,.11);
}

.consent-category h3{
  margin:0 0 6px;
  font-family:var(--serif);
  font-size:1.48rem;
  font-weight:400;
  color:#5f5364;
}

.consent-category p{
  margin:0;
  font-size:.88rem;
  line-height:1.48;
  color:#6f696e;
}

.consent-status-fixed{
  font-size:.73rem;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#75816f;
}

.consent-category-toggle{
  cursor:pointer;
}

.consent-category-toggle input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.consent-switch{
  position:relative;
  width:50px;
  height:28px;
  border-radius:999px;
  border:1px solid rgba(136,109,167,.28);
  background:#e9e5e8;
  transition:.2s ease;
}

.consent-switch::after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:white;
  box-shadow:0 2px 8px rgba(46,46,46,.18);
  transition:.2s ease;
}

.consent-category-toggle input:checked + .consent-switch{
  background:#886DA7;
  border-color:#886DA7;
}

.consent-category-toggle input:checked + .consent-switch::after{
  transform:translateX(22px);
}

.consent-open{
  overflow:hidden;
}

/* Platzhalter für externe Medien */
.consent-media{
  position:relative;
}

.consent-media-placeholder{
  display:flex;
  min-height:260px;
  align-items:center;
  justify-content:center;
  padding:34px;
  text-align:center;
  border-radius:38px;
  background:rgba(215,200,232,.13);
}

.consent-media.is-active .consent-media-placeholder{
  display:none;
}

@media(max-width:600px){
  .consent-banner{
    left:10px;
    right:10px;
    bottom:10px;
  }

  .consent-banner-inner{
    padding:29px 22px 23px;
    border-radius:28px;
  }

  .consent-banner h2,
  .consent-modal h2{
    font-size:2rem;
  }

  .consent-actions,
  .consent-modal-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .consent-button,
  .consent-text-button{
    width:100%;
  }

  .consent-modal{
    padding:10px;
    align-items:flex-end;
  }

  .consent-modal-panel{
    max-height:91vh;
    padding:31px 21px 25px;
    border-radius:30px 30px 20px 20px;
  }

  .consent-category{
    gap:14px;
  }

  .legal-category-list > div{
    padding-left:10px;
    padding-right:10px;
  }
}
\n\n/* =========================================================\n   V28.1 – Stabilitätsfix Datenschutz / Consent\n   Rechtliche Inhalte dürfen niemals von JS-Animationen abhängen.\n   ========================================================= */\n.legal-page .reveal,\n.legal-page .legal-hero-inner,\n.legal-page .legal-block{\n  opacity:1 !important;\n  transform:none !important;\n  visibility:visible !important;\n}\n

/* =========================================================
   V29 – AGB & Widerruf
   ========================================================= */

.legal-terms-page .legal-hero h1{
  max-width:980px;
  font-size:clamp(3.1rem,5.2vw,5.5rem);
}

.legal-address-block{
  margin:20px 0 0 !important;
  padding:22px 26px;
  border-left:1px solid rgba(136,109,167,.24);
  background:rgba(215,200,232,.065);
}

.legal-form-intro{
  margin-bottom:26px !important;
}

.legal-form-paper{
  position:relative;
  overflow:hidden;
  padding:38px clamp(24px,5vw,48px);
  border:1px solid rgba(136,109,167,.13);
  border-radius:34px 43px 31px 46px / 38px 31px 45px 35px;
  background:rgba(255,255,255,.48);
}

.legal-form-paper::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:55%;
  height:52%;
  right:-20%;
  top:-20%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(215,200,232,.17),rgba(215,200,232,0) 72%);
}

.legal-form-paper p{
  line-height:1.65;
}

.legal-form-gap{
  margin-top:32px !important;
}

.legal-form-line{
  min-height:24px;
  margin:5px 0 16px !important;
  border-bottom:1px solid rgba(46,46,46,.23);
}

.legal-form-line-short{
  max-width:250px;
}

.legal-form-footnote{
  margin-top:30px !important;
  font-size:.78rem;
  color:#777176;
}

@media(max-width:600px){
  .legal-terms-page .legal-hero h1{
    font-size:clamp(2.7rem,11.5vw,3.8rem);
  }

  .legal-form-paper{
    padding:27px 20px;
    border-radius:26px;
  }

  .legal-address-block{
    padding:18px 20px;
  }
}


/* =========================================================
   V30 – Kontaktseite & Kontaktformular
   ========================================================= */

.contact-page{
  background:#FCFBFA;
  color:#454244;
}

.contact-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:620px;
  display:flex;
  align-items:center;
  padding:190px 24px 105px;
  background:
    radial-gradient(
      ellipse 55% 72% at -9% 30%,
      rgba(170,185,162,.24),
      rgba(170,185,162,.06) 53%,
      rgba(170,185,162,0) 77%
    ),
    radial-gradient(
      ellipse 56% 70% at 108% 73%,
      rgba(215,200,232,.30),
      rgba(215,200,232,.07) 53%,
      rgba(215,200,232,0) 77%
    ),
    radial-gradient(
      ellipse 38% 34% at 71% 16%,
      rgba(246,218,229,.16),
      rgba(246,218,229,0) 76%
    ),
    #FCFBFA;
}

.contact-wash{
  position:absolute;
  z-index:-1;
  pointer-events:none;
  filter:blur(8px);
}

.contact-wash-one{
  width:52vw;
  height:45vw;
  left:-25vw;
  top:-12vw;
  border-radius:61% 39% 56% 44% / 45% 59% 41% 55%;
  background:radial-gradient(
    ellipse,
    rgba(170,185,162,.24),
    rgba(170,185,162,.05) 57%,
    rgba(170,185,162,0) 78%
  );
}

.contact-wash-two{
  width:49vw;
  height:45vw;
  right:-21vw;
  bottom:-17vw;
  border-radius:42% 58% 61% 39% / 58% 42% 55% 45%;
  background:radial-gradient(
    ellipse,
    rgba(215,200,232,.28),
    rgba(215,200,232,.06) 55%,
    rgba(215,200,232,0) 78%
  );
}

.contact-hero-inner{
  width:min(100%,960px);
  margin:auto;
  text-align:center;
}

.contact-hero h1{
  max-width:900px;
  margin:18px auto 28px;
  font-family:var(--serif);
  font-size:clamp(3.3rem,5.7vw,5.9rem);
  line-height:1.02;
  letter-spacing:-.035em;
  font-weight:400;
  color:#5f5364;
}

.contact-hero-inner > p:not(.kicker){
  max-width:720px;
  margin:0 auto 12px;
  font-size:1.02rem;
  line-height:1.75;
  color:#5d595c;
}

.contact-section{
  position:relative;
  overflow:hidden;
  padding:110px 24px 140px;
  background:
    radial-gradient(
      ellipse 39% 48% at 97% 78%,
      rgba(233,241,255,.34),
      rgba(233,241,255,0) 75%
    ),
    #FCFBFA;
}

.contact-layout{
  width:min(100%,1180px);
  margin:auto;
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);
  gap:clamp(58px,7vw,100px);
  align-items:start;
}

.contact-form-heading{
  max-width:690px;
  margin-bottom:44px;
}

.contact-form-heading h2,
.contact-direct h2{
  margin:12px 0 15px;
  font-family:var(--serif);
  font-size:clamp(2.55rem,4vw,4rem);
  line-height:1.03;
  font-weight:400;
  color:#5f5364;
}

.contact-form-heading p:not(.kicker),
.contact-direct-inner > p:not(.kicker){
  margin:0;
  line-height:1.7;
  color:#696367;
}

.contact-form{
  position:relative;
  padding:48px clamp(26px,4vw,52px) 44px;
  border:1px solid rgba(136,109,167,.10);
  border-radius:55% 45% 48% 52% / 5% 5% 5% 5%;
  background:rgba(255,255,255,.48);
  box-shadow:0 18px 55px rgba(46,46,46,.055);
}

.contact-form::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-7% -5%;
  border-radius:56% 44% 61% 39% / 45% 57% 43% 55%;
  background:radial-gradient(
    ellipse at 42% 42%,
    rgba(215,200,232,.15),
    rgba(215,200,232,.035) 56%,
    rgba(215,200,232,0) 78%
  );
  pointer-events:none;
}

.contact-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px 28px;
}

.contact-field{
  display:flex;
  flex-direction:column;
  gap:9px;
  margin-bottom:27px;
}

.contact-field-full{
  width:100%;
}

.contact-field label{
  font-size:.79rem;
  letter-spacing:.04em;
  color:#514d50;
}

.contact-optional{
  margin-left:5px;
  font-size:.71rem;
  color:#8a8388;
  letter-spacing:0;
}

.contact-field input,
.contact-field select,
.contact-field textarea{
  width:100%;
  appearance:none;
  border:0;
  border-bottom:1px solid rgba(79,74,78,.25);
  border-radius:0;
  padding:11px 2px 12px;
  background:transparent;
  color:#454244;
  font:inherit;
  line-height:1.45;
  outline:none;
  transition:border-color .2s ease, background .2s ease;
}

.contact-field select{
  cursor:pointer;
  background-image:
    linear-gradient(45deg,transparent 50%,#756b77 50%),
    linear-gradient(135deg,#756b77 50%,transparent 50%);
  background-position:
    calc(100% - 15px) 50%,
    calc(100% - 10px) 50%;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
  padding-right:32px;
}

.contact-field textarea{
  min-height:170px;
  resize:vertical;
  border:1px solid rgba(79,74,78,.19);
  border-radius:22px 28px 20px 26px / 24px 20px 27px 22px;
  padding:16px 18px;
  background:rgba(252,251,250,.60);
}

.contact-field input:focus,
.contact-field select:focus{
  border-bottom-color:#886DA7;
}

.contact-field textarea:focus{
  border-color:rgba(136,109,167,.62);
  background:rgba(252,251,250,.92);
}

.contact-field-note{
  margin:0;
  font-size:.74rem;
  line-height:1.55;
  color:#7b7479;
}

.contact-honeypot{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
}

.contact-privacy-note{
  max-width:680px;
  margin:8px 0 0;
  font-size:.78rem;
  line-height:1.62;
  color:#767075;
}

.contact-privacy-note a{
  text-decoration:underline;
  text-decoration-color:rgba(136,109,167,.36);
  text-underline-offset:3px;
}

.contact-submit-row{
  display:flex;
  align-items:center;
  gap:20px;
  margin-top:28px;
}

.contact-submit{
  cursor:pointer;
}

.contact-required-note{
  margin:0;
  font-size:.72rem;
  color:#8a8388;
}

.contact-status{
  margin-top:28px;
  padding:18px 20px;
  border-radius:20px 25px 18px 23px;
  font-size:.85rem;
  line-height:1.58;
}

.contact-status-info{
  border:1px solid rgba(136,109,167,.16);
  background:rgba(215,200,232,.13);
  color:#5e5661;
}

.contact-status a{
  text-decoration:underline;
  text-underline-offset:3px;
}

.contact-direct{
  position:sticky;
  top:130px;
}

.contact-direct-inner{
  position:relative;
  isolation:isolate;
  padding:50px 36px 46px;
}

.contact-direct-inner::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-10% -12%;
  border-radius:59% 41% 52% 48% / 43% 61% 39% 57%;
  background:
    radial-gradient(
      ellipse at 44% 42%,
      rgba(170,185,162,.29),
      rgba(170,185,162,.10) 46%,
      rgba(170,185,162,0) 75%
    ),
    radial-gradient(
      ellipse at 73% 72%,
      rgba(246,218,229,.14),
      rgba(246,218,229,0) 65%
    );
  filter:blur(5px);
}

.contact-direct-list{
  margin:36px 0 38px;
  display:grid;
  gap:24px;
}

.contact-direct-list div{
  display:grid;
  gap:5px;
}

.contact-direct-list span{
  font-size:.68rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#756f72;
}

.contact-direct-list a{
  font-family:var(--serif);
  font-size:1.35rem;
  line-height:1.2;
  color:#514c52;
  text-decoration:none;
}

.contact-direct-list a:hover{
  color:#886DA7;
}

.contact-soft-note{
  padding-top:27px;
  border-top:1px solid rgba(79,74,78,.12);
}

.contact-soft-note p{
  margin:0 0 12px;
  font-size:.86rem;
  line-height:1.65;
  color:#676166;
}

@media(max-width:900px){
  .contact-layout{
    grid-template-columns:1fr;
    max-width:760px;
  }

  .contact-direct{
    position:relative;
    top:auto;
    max-width:620px;
    margin:12px auto 0;
  }

  .contact-direct-inner{
    text-align:center;
  }

  .contact-direct-list{
    max-width:390px;
    margin-left:auto;
    margin-right:auto;
  }
}

@media(max-width:600px){
  .contact-hero{
    min-height:auto;
    padding:176px 20px 82px;
    background:
      radial-gradient(
        ellipse 120% 49% at -17% 25%,
        rgba(170,185,162,.33),
        rgba(170,185,162,.08) 52%,
        rgba(170,185,162,0) 76%
      ),
      radial-gradient(
        ellipse 116% 49% at 116% 75%,
        rgba(215,200,232,.38),
        rgba(215,200,232,.10) 52%,
        rgba(215,200,232,0) 76%
      ),
      #FCFBFA;
  }

  .contact-hero h1{
    font-size:clamp(2.8rem,12vw,4rem);
    line-height:1.06;
  }

  .contact-hero-inner > p:not(.kicker){
    font-size:.96rem;
  }

  .contact-section{
    padding:76px 20px 96px;
  }

  .contact-layout{
    gap:48px;
  }

  .contact-form-heading{
    margin-bottom:32px;
  }

  .contact-form-heading h2,
  .contact-direct h2{
    font-size:2.55rem;
  }

  .contact-form{
    padding:35px 21px 32px;
    border-radius:28px 34px 26px 32px;
  }

  .contact-form-grid{
    grid-template-columns:1fr;
    gap:0;
  }

  .contact-field{
    margin-bottom:24px;
  }

  .contact-submit-row{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }

  .contact-submit{
    width:100%;
    text-align:center;
  }

  .contact-direct-inner{
    padding:38px 18px 34px;
  }

  .contact-direct-list a{
    font-size:1.2rem;
    overflow-wrap:anywhere;
  }
}


/* =========================================================
   V31 – Launch-Audit Punkt 1
   Semantisches H1 auf „Über mich“ ohne sichtbare Designänderung
   ========================================================= */
.about-me-heading h1{
  margin:18px 0 31px;
  font-family:var(--serif);
  font-size:clamp(3.15rem,5vw,5.3rem);
  font-weight:400;
  line-height:1.02;
  letter-spacing:-.035em;
  color:#6E5D76;
}
@media(max-width:900px){
  .about-me-heading h1{
    font-size:clamp(2.75rem,12.3vw,4rem);
  }
}
@media(max-width:600px){
  .about-me-heading h1{
    font-size:clamp(2.55rem,11.5vw,3.55rem);
    line-height:1.03;
  }
}


/* =========================================================
   V33 – kurzer professioneller Rahmen auf Angebotsseiten
   ========================================================= */

.offer-legal-note{
  max-width:720px;
  margin:30px auto 24px !important;
  padding-top:22px;
  border-top:1px solid rgba(136,109,167,.14);
  font-size:.76rem !important;
  line-height:1.62 !important;
  color:#777075 !important;
}

.grow-parent-cta .offer-legal-note,
.grow-school-cta .offer-legal-note,
.grow-foundation-cta .offer-legal-note{
  border-top-color:rgba(79,130,87,.18);
}

.arrive-girls-cta .offer-legal-note,
.arrive-parents-cta .offer-legal-note,
.arrive-school-cta .offer-legal-note,
.arrive-foundation-cta .offer-legal-note{
  border-top-color:rgba(136,109,167,.17);
}

.remember-cta .offer-legal-note{
  border-top-color:rgba(93,115,152,.18);
}

@media(max-width:600px){
  .offer-legal-note{
    margin-top:26px !important;
    margin-bottom:21px !important;
    padding-top:19px;
    font-size:.73rem !important;
    line-height:1.58 !important;
  }
}


/* =========================================================
   V34 – Breathing · erster Hero-Test
   Lizenzierte Webfont-Dateien aus dem originalen MyFonts-Kit:
   /BreathingRegular/font.woff2
   /BreathingRegular/font.woff
   ========================================================= */

/**
 * @license
 * MyFonts Webfont Build ID 3867246
 * Webfont: Breathing Regular by Din Studio
 * © 2026 MyFonts Inc.
 */
@font-face{
  font-family:"BreathingRegular";
  src:
    url("BreathingRegular/font.woff2") format("woff2"),
    url("BreathingRegular/font.woff") format("woff");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

/* Die positive zweite Hero-Zeile wird zur persönlichen Eigenklang-Stimme. */
.hero .hero-sub{
  max-width:940px;
  margin:0 auto 36px;
  font-family:"BreathingRegular", cursive;
  font-size:clamp(2.65rem,4.25vw,4.15rem);
  font-weight:400;
  line-height:.98;
  letter-spacing:0;
  color:#454244;
}

/* Ohne Dachzeile darf die Hauptheadline etwas natürlicher ansetzen. */
.hero .hero-content > h1:first-child{
  margin-top:0;
}

@media(max-width:700px){
  .hero .hero-sub{
    max-width:340px;
    margin-bottom:32px;
    font-size:clamp(2.2rem,10.5vw,3rem);
    line-height:.96;
  }
}


/* V34.2 – Breathing Hero Feinschliff */
.hero .hero-sub-period{
  display:inline-block;
  transform:translateY(-.09em);
}


/* =========================================================
   V34.3 – Hero-Hierarchie
   Cormorant ruhiger, Breathing bewusst präsent
   ========================================================= */

.hero h1{
  color:#4A4647;
  font-size:clamp(3.35rem,6.35vw,6.6rem);
  margin-bottom:26px;
}

@media(max-width:700px){
  .hero h1{
    font-size:clamp(2.85rem,13.5vw,3.85rem);
    margin-bottom:22px;
  }
}


/* =========================================================
   V34.4 – Hero: optische Gleichgröße + mehr Luft
   ========================================================= */

/* Cormorant einen Tick zurücknehmen, damit beide Schriftwelten
   in Kombination optisch gleichwertiger wirken. */
.hero h1{
  font-size:clamp(3.15rem,5.8vw,6.05rem);
  margin-bottom:30px;
}

/* Breathing darf bei Umbrüchen etwas mehr Luft bekommen. */
.hero .hero-sub{
  line-height:1.08;
}

@media(max-width:700px){
  .hero h1{
    font-size:clamp(2.6rem,12.2vw,3.55rem);
    margin-bottom:34px;
  }

  .hero .hero-sub{
    line-height:1.12;
  }
}


/* =========================================================
   V34.5 – Hero: optische Gleichgröße + mehr Luft bei Breathing
   ========================================================= */

/* Cormorant auf Desktop noch etwas zurücknehmen. */
.hero h1{
  font-size:clamp(3rem,5.35vw,5.65rem);
}

/* Breathing bei mehrzeiligen Headlines deutlich luftiger setzen. */
.hero .hero-sub{
  line-height:1.18;
}

@media(max-width:700px){
  .hero h1{
    font-size:clamp(2.5rem,11.5vw,3.35rem);
  }

  .hero .hero-sub{
    line-height:1.2;
  }
}


/* =========================================================
   V35 – Breathing als feste Markenebene auf der Startseite
   Regel:
   - positive / persönliche Markenbotschaften = Breathing Regular
   - in Kombination mit Cormorant immer optisch gleich groß
   - eigenständiger Markenname „Eigenklang“ = Breathing Regular
   ========================================================= */

.breathing-positive{
  font-family:"BreathingRegular", cursive;
  font-weight:400 !important;
  letter-spacing:0;
  color:#454244;
}

/* Manifest:
   Cormorant und Breathing sollen nicht technisch, sondern optisch gleich groß wirken. */
.holding-manifest-end.breathing-positive{
  font-family:"BreathingRegular", cursive;
  font-size:clamp(1.82rem,2.45vw,2.62rem);
  line-height:1.16;
  color:#454244;
  margin-top:30px;
}

/* Die drei festen Claims bilden in allen Lebenswelten dieselbe Markenebene. */
.chapter-card .claim.breathing-positive{
  font-family:"BreathingRegular", cursive;
  font-size:clamp(1.72rem,2.25vw,2.42rem);
  line-height:1.16;
  color:#454244;
  margin-top:6px;
}

/* Eigenklang als eigenständiger Markenname – z. B. im Footer. */
.site-footer > div > strong{
  font-family:"BreathingRegular", cursive;
  font-size:1.72rem;
  line-height:1;
  font-weight:400;
  letter-spacing:0;
  color:#454244;
}

@media(max-width:700px){
  .holding-manifest-end.breathing-positive{
    font-size:1.82rem;
    line-height:1.2;
    margin-top:28px;
  }

  .chapter-card .claim.breathing-positive{
    font-size:2rem;
    line-height:1.18;
  }

  .site-footer > div > strong{
    font-size:1.58rem;
  }
}


/* =========================================================
   V35.1 – Test: MeYou-Namen in Breathing Rough
   Die Claims bleiben wieder in der bisherigen Typografie.
   ========================================================= */

/**
 * @license
 * MyFonts Webfont Build ID 3867246
 * Webfont: Breathing Rough by Din Studio
 * © 2026 MyFonts Inc.
 */
@font-face{
  font-family:"BreathingRough";
  src:
    url("BreathingRough/font.woff2") format("woff2"),
    url("BreathingRough/font.woff") format("woff");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

.chapter-card h3.chapter-name-rough{
  font-family:"BreathingRough", cursive;
  font-size:clamp(2.2rem,3vw,3.15rem);
  line-height:1.03;
  font-weight:400;
  letter-spacing:0;
  color:#454244;
  margin-bottom:8px;
}

/* Die vorherige Breathing-Regel für Claims wird hier bewusst aufgehoben. */
.chapter-card .claim{
  font-family:var(--sans);
}

@media(max-width:700px){
  .chapter-card h3.chapter-name-rough{
    font-size:clamp(2.15rem,9.5vw,2.8rem);
    line-height:1.05;
  }
}


/* =========================================================
   V35.2 – Vergleichstest: MeYou-Namen in Breathing Regular
   Rough bleibt technisch verfügbar, wird hier aber nicht verwendet.
   ========================================================= */

.chapter-card h3.chapter-name-regular{
  font-family:"BreathingRegular", cursive;
  font-size:clamp(2.15rem,2.85vw,3rem);
  line-height:1.05;
  font-weight:400;
  letter-spacing:0;
  color:#454244;
  margin-bottom:8px;
}

@media(max-width:700px){
  .chapter-card h3.chapter-name-regular{
    font-size:clamp(2.05rem,9vw,2.65rem);
    line-height:1.08;
  }
}


/* =========================================================
   V35.3 – Test: inhaltliche Zwischentitel in Breathing Rough
   MeYou-Namen bleiben bewusst in der bisherigen Typografie.
   ========================================================= */

.chapter-card h4.chapter-rough-title{
  font-family:"BreathingRough", cursive;
  font-size:clamp(2rem,2.55vw,2.7rem);
  line-height:1.12;
  font-weight:400;
  letter-spacing:0;
  color:#454244;
  margin:46px 0 14px;
}

@media(max-width:700px){
  .chapter-card h4.chapter-rough-title{
    font-size:clamp(1.9rem,8.6vw,2.45rem);
    line-height:1.16;
    margin-top:42px;
  }
}


/* =========================================================
   V36 – Breathing Feinschliff Startseite
   ========================================================= */

/* Rough wirkt natürlicher, wenn die Wortabstände etwas enger stehen. */
.chapter-card h4.chapter-rough-title{
  word-spacing:-.12em;
}

/* Der längste REMEMBER-Titel soll auf großen Screens in einer Zeile bleiben. */
@media(min-width:1100px){
  .chapter-card.remember h4.chapter-rough-title{
    font-size:clamp(1.78rem,2.02vw,2.2rem);
    white-space:nowrap;
    word-spacing:-.16em;
  }
}

/* Positive Schlüsselwörter innerhalb einer Cormorant-Headline:
   optisch gleich groß, nicht mathematisch gleich groß. */
.breathing-inline-regular{
  display:inline-block;
  font-family:"BreathingRegular", cursive;
  font-size:.80em;
  line-height:1;
  font-weight:400;
  letter-spacing:0;
  color:#454244;
  vertical-align:.01em;
}

/* "Genau dafür gibt es Eigenklang." bekommt bewusst die leichtere Rough-Spur. */
.holding-manifest-end.breathing-rough-manifest{
  font-family:"BreathingRough", cursive;
  font-size:clamp(2.08rem,2.8vw,3rem);
  line-height:1.14;
  font-weight:400;
  letter-spacing:0;
  word-spacing:-.10em;
  color:#454244;
  margin-top:30px;
}

.holding-manifest-end.breathing-rough-manifest strong{
  font-weight:400;
}

@media(max-width:700px){
  .chapter-card h4.chapter-rough-title{
    word-spacing:-.10em;
  }

  .holding-manifest-end.breathing-rough-manifest{
    font-size:2.05rem;
    line-height:1.18;
    margin-top:28px;
  }

  .breathing-inline-regular{
    font-size:.82em;
  }
}


/* =========================================================
   V36.1 – Startseite: Breathing Feinschliff II
   ========================================================= */

/* Manifest-Signatur bewusst deutlich größer. */
.holding-manifest-end.breathing-rough-manifest{
  font-size:clamp(2.6rem,3.5vw,3.75rem);
  line-height:1.10;
}

@media(max-width:700px){
  .holding-manifest-end.breathing-rough-manifest{
    font-size:2.55rem;
    line-height:1.14;
  }
}

/* REMEMBER: etwas größer, aber horizontal kompakter,
   damit der Titel wie bei GROW/ARRIVE den Raum gut ausnutzt. */
@media(min-width:1100px){
  .chapter-card.remember h4.chapter-rough-title{
    display:inline-block;
    width:104%;
    font-size:clamp(1.98rem,2.18vw,2.42rem);
    line-height:1.10;
    white-space:nowrap;
    word-spacing:-.20em;
    letter-spacing:-.015em;
    transform:scaleX(.96);
    transform-origin:left center;
  }
}

/* "bleibt" minimal nach rechts und unten – nur dieses Wort. */
.breathing-inline-regular.keepsake-stay{
  transform:translate(.055em,.055em);
}

/* Geschichte:
   Nur die direkten Zeilen-Spans sind Blockelemente.
   Die handschriftlichen Wörter darin bleiben wirklich inline. */
.story-title > span{
  display:block;
  white-space:nowrap;
}

.story-title .breathing-inline-regular{
  display:inline-block;
  white-space:normal;
}

/* Finaler CTA: nur "nächster Schritt" als leichte Rough-Spur. */
.final-step-kicker{
  text-transform:uppercase;
}

.final-step-kicker .final-step-rough{
  display:inline-block;
  margin-left:.08em;
  font-family:"BreathingRough", cursive;
  font-size:2.65em;
  line-height:.65;
  font-weight:400;
  letter-spacing:0;
  word-spacing:-.10em;
  text-transform:none;
  color:#454244;
  vertical-align:-.12em;
}

@media(max-width:700px){
  .final-step-kicker .final-step-rough{
    font-size:2.45em;
  }
}


/* =========================================================
   V36.2 – Startseite: Breathing Feinschliff III
   ========================================================= */

/* Manifest-Signatur: deutlich größer und in Eigenklang-Lavendel. */
.holding-manifest-end.breathing-rough-manifest{
  font-size:clamp(3.15rem,4.25vw,4.65rem);
  line-height:1.08;
  color:#886DA7;
}

/* REMEMBER-Titel auf Desktop: luftiger, weniger gestaucht,
   darf bis etwa an die rechte Kante des MeYouREMEMBER-Namens reichen. */
@media(min-width:1100px){
  .chapter-card.remember h4.chapter-rough-title{
    width:112%;
    font-size:clamp(2.02rem,2.18vw,2.4rem);
    line-height:1.12;
    white-space:nowrap;
    word-spacing:-.08em;
    letter-spacing:0;
    transform:none;
  }
}

/* Die positive Rückkehr-Zeile in der Geschichte etwas tiefer setzen. */
.story-title .story-return-phrase{
  position:relative;
  top:18px;
}

/* Den zusätzlichen optischen Raum nach der abgesenkten Handschrift auffangen. */
.story-title{
  margin-bottom:18px;
}

@media(max-width:700px){
  .holding-manifest-end.breathing-rough-manifest{
    font-size:2.95rem;
    line-height:1.12;
  }

  /* Mobil war die REMEMBER-Zeile bereits stimmig – dort keine zusätzliche Streckung. */
  .story-title .story-return-phrase{
    top:14px;
  }

  .story-title{
    margin-bottom:14px;
  }
}


/* =========================================================
   V37 – MeYouGROW Übersicht · Breathing erster Test
   Markenlogik:
   - positive Schlüsselbegriffe = Breathing Regular
   - emotionale Zwischentitel = Breathing Rough
   - optische Gleichgröße bei Mischüberschriften
   ========================================================= */

/* Regular innerhalb einer Cormorant-H2:
   bewusst optisch statt mathematisch gleich groß. */
.grow-section-heading .grow-inline-regular{
  display:inline-block;
  font-family:"BreathingRegular", cursive;
  font-size:.80em;
  line-height:1;
  font-weight:400;
  letter-spacing:0;
  color:#454244;
  vertical-align:.015em;
}

/* Gefühlsreisebuch braucht durch die Wortlänge etwas mehr Ruhe. */
.grow-book .grow-inline-regular{
  font-size:.76em;
  margin-left:.035em;
}

/* Die drei Wege: leichte, persönliche Rough-Ebene. */
.grow-path-card h3.grow-rough-title{
  font-family:"BreathingRough", cursive;
  font-size:clamp(2.15rem,2.65vw,2.85rem);
  line-height:1.12;
  font-weight:400;
  letter-spacing:0;
  word-spacing:-.10em;
  color:#454244;
  margin:0 0 27px;
}

/* Der Mittelweg ist etwas länger und darf minimal kompakter stehen. */
.grow-path-card.schools h3.grow-rough-title{
  word-spacing:-.13em;
}

@media(max-width:700px){
  .grow-section-heading .grow-inline-regular{
    font-size:.82em;
  }

  .grow-book .grow-inline-regular{
    font-size:.72em;
  }

  .grow-path-card h3.grow-rough-title{
    font-size:clamp(2rem,9vw,2.55rem);
    line-height:1.16;
    word-spacing:-.09em;
  }
}


/* =========================================================
   V37.1 – GROW Feinschliff
   ========================================================= */

/* Die handschriftlichen Schlüsselwörter sitzen etwas tiefer,
   damit sie sich natürlicher in die Cormorant-Zeile einfügen. */
.grow-section-heading .grow-inline-regular{
  position:relative;
  top:18px;
}

/* Beim langen "Gefühlsreisebuch" minimal weniger Absenkung,
   damit die Grundlinie optisch ruhig bleibt. */
.grow-book .grow-inline-regular{
  top:16px;
}

@media(max-width:700px){
  .grow-section-heading .grow-inline-regular{
    top:13px;
  }

  .grow-book .grow-inline-regular{
    top:12px;
  }
}


/* =========================================================
   V37.2 – GROW Feinschliff II
   ========================================================= */

/* Der Benefit-Satz war nicht mehr per <strong> gefettet,
   bekam aber noch font-weight:500 über die bestehende Klasse.
   Jetzt wirklich normaler Fließtext. */
.grow-benefit{
  font-weight:400;
}

/* "Gefühlsreisebuch" noch etwas tiefer setzen. */
.grow-book .grow-inline-regular{
  top:27px;
}

@media(max-width:700px){
  .grow-book .grow-inline-regular{
    top:20px;
  }
}


/* =========================================================
   V37.3 – GROW Benefit-Fettung final korrigiert
   ========================================================= */

.grow-intro-copy .grow-benefit{
  font-weight:400;
}


/* =========================================================
   V37.4 – GROW Benefit wirklich wie normaler Fließtext
   ========================================================= */

/* Der übrige Fließtext der Website läuft mit font-weight:300.
   Deshalb wirkte 400 trotz fehlendem <strong> weiterhin fett.
   Auch die dunklere Sonderfarbe wird entfernt. */
.grow-intro-copy .grow-benefit{
  font-weight:300 !important;
  color:inherit;
}


/* =========================================================
   V38 – MeYouGROW Eltern · Grundfeinschliff vor Breathing
   ========================================================= */

/* Preis wie die übrige Website typografisch ruhig in Anthrazit,
   statt als zusätzlicher farbiger Textakzent. */
.grow-parent-price-number{
  color:#454244;
}

/* Die erste Hero-Frage soll auf Desktop bewusst in einer Zeile stehen. */
.grow-parent-question{
  max-width:980px;
}

@media(min-width:820px){
  .grow-parent-question p:first-child{
    white-space:nowrap;
  }
}

/* Mobil darf der Satz weiterhin natürlich umbrechen. */
@media(max-width:819px){
  .grow-parent-question p:first-child{
    white-space:normal;
  }
}


/* =========================================================
   V39 – MeYouGROW Eltern · Breathing Test
   Markenlogik:
   - positive Schlüsselbegriffe = Breathing Regular
   - emotionale Zwischentitel = Breathing Rough
   - sachliche Infobereiche bleiben ruhig
   ========================================================= */

/* Hero sauber als bewusster Zweizeiler – auch mobil. */
.grow-parent-hero-line{
  display:block;
  white-space:nowrap;
}

.grow-parent-regular{
  display:inline-block;
  font-family:"BreathingRegular", cursive;
  font-weight:400;
  letter-spacing:0;
  color:#454244;
}

/* Wachsen: optisch gleich groß zur Cormorant-Zeile und leicht abgesenkt. */
.grow-parent-hero-regular{
  font-size:.80em;
  line-height:1;
  position:relative;
  top:.16em;
  margin-right:.03em;
}

/* "nach innen": leichte Rough-Spur innerhalb der Cormorant-H2. */
.grow-parent-rough{
  display:inline-block;
  font-family:"BreathingRough", cursive;
  font-weight:400;
  letter-spacing:0;
  color:#454244;
}

.grow-parent-story-rough{
  font-size:.80em;
  line-height:1;
  position:relative;
  top:.11em;
  word-spacing:-.08em;
  margin-left:.035em;
}

/* Gefühlsreisebuch wie auf der GROW-Übersicht als positiver Schlüsselbegriff. */
.grow-parent-book-regular{
  font-size:.76em;
  line-height:1;
  position:relative;
  top:.22em;
  margin-left:.035em;
}

/* Emotionaler Wegweiser in Rough statt farbiger Serifenschrift. */
.grow-parent-wayfinder strong.grow-parent-wayfinder-rough{
  font-family:"BreathingRough", cursive;
  font-size:2.15rem;
  line-height:1.08;
  font-weight:400;
  letter-spacing:0;
  word-spacing:-.09em;
  color:#454244;
}

/* Sachliche Bereiche bleiben bewusst ohne Breathing:
   Alles Wichtige für Sie / Passt MeYouGROW zu Ihrem Kind? */

@media(max-width:700px){
  .grow-parent-hero-line{
    white-space:nowrap;
  }

  .grow-parent-hero-regular{
    font-size:.82em;
    top:.14em;
  }

  .grow-parent-story-rough{
    font-size:.82em;
    top:.10em;
  }

  .grow-parent-book-regular{
    font-size:.72em;
    top:.20em;
  }

  .grow-parent-wayfinder strong.grow-parent-wayfinder-rough{
    font-size:2rem;
    line-height:1.12;
  }
}


/* =========================================================
   V39.1 – MeYouGROW Eltern · Breathing Feinschliff
   ========================================================= */

/* "Wachsen" noch etwas tiefer – ca. 0,4 cm. */
.grow-parent-hero-regular{
  top:calc(.16em + 15px);
}

/* "nach innen" bewusst deutlich größer als erster Test:
   Rough soll hier als emotionaler Teil der Headline sichtbar werden. */
.grow-parent-story-rough{
  font-size:1.45em;
  line-height:.86;
  top:.16em;
  word-spacing:-.08em;
  margin-left:.04em;
}

/* "Gefühlsreisebuch" etwas nach links und weiterhin abgesenkt. */
.grow-parent-book-regular{
  left:-11px;
}

/* Mehr Abstand zum Fließtext, damit die abgesenkte Handschrift nichts schneidet. */
.grow-parent-book-copy h2 + p{
  margin-top:42px;
}

/* "Wertvolle Wegweiser" fast doppelt so groß wie im ersten Test. */
.grow-parent-wayfinder strong.grow-parent-wayfinder-rough{
  font-size:3.8rem;
  line-height:.98;
  word-spacing:-.10em;
}

/* Im Kennenlerntext wird der positive Schlussgedanke zur leichten Rough-Spur. */
.grow-parent-cta-rough{
  display:inline-block;
  font-family:"BreathingRough", cursive;
  font-size:1.7em;
  line-height:.8;
  font-weight:400;
  letter-spacing:0;
  word-spacing:-.08em;
  color:#454244;
  vertical-align:-.08em;
  margin-left:.04em;
}

@media(max-width:700px){
  .grow-parent-hero-regular{
    top:calc(.14em + 10px);
  }

  .grow-parent-story-rough{
    font-size:1.35em;
    line-height:.9;
    top:.14em;
  }

  .grow-parent-book-regular{
    left:-8px;
  }

  .grow-parent-book-copy h2 + p{
    margin-top:34px;
  }

  .grow-parent-wayfinder strong.grow-parent-wayfinder-rough{
    font-size:3.15rem;
    line-height:1;
  }

  .grow-parent-cta-rough{
    font-size:1.55em;
    line-height:.86;
  }
}


/* =========================================================
   V39.2 – MeYouGROW Eltern · Mobile Feinschliff
   ========================================================= */

/* Desktop: "stimmig anfühlt" etwas mehr vom Wort "Familie" lösen. */
.grow-parent-cta-rough{
  margin-left:.12em;
}

@media(max-width:700px){

  /* Hero: etwas kompakter, damit "Wachsen mit dem," sicher
     innerhalb des mobilen Viewports bleibt. */
  .grow-parent-hero h1{
    font-size:clamp(2.7rem,12.4vw,3.6rem);
  }

  /* "nach innen" mobil ca. 0,3 cm nach rechts. */
  .grow-parent-story-rough{
    left:11px;
  }

  /* "Gefühlsreisebuch" mobil ca. 0,2 cm weiter nach unten. */
  .grow-parent-book-regular{
    top:calc(.20em + 8px);
  }

  /* "stimmig anfühlt" mobil ca. 0,2 cm nach rechts. */
  .grow-parent-cta-rough{
    margin-left:.28em;
  }
}


/* =========================================================
   V40 – MeYouGROW Schulen · Breathing + Markenregel
   ========================================================= */

/* Feste Markenregel für Angebotsnamen im normalen Fließtext:
   etwas dunkler, aber ausdrücklich ohne Fettung. */
.brand-inline-name{
  color:#454244;
  font-weight:inherit;
}

/* Positive Schlüsselwörter in Breathing Regular,
   optisch gleich groß zur jeweiligen Cormorant-Headline. */
.grow-school-inline-regular{
  display:inline-block;
  font-family:"BreathingRegular", cursive;
  font-size:.80em;
  line-height:1;
  font-weight:400;
  letter-spacing:0;
  color:#454244;
  position:relative;
  top:.12em;
}

/* Das lange Wort "Erfahrungsschatz" braucht minimal weniger Größe. */
.grow-school-transfer h2 .grow-school-inline-regular{
  font-size:.76em;
  top:.15em;
}

/* CTA: nicht das letzte Wort, sondern bewusst "Zusammenarbeit" in Rough. */
.grow-school-inline-rough{
  display:inline-block;
  font-family:"BreathingRough", cursive;
  font-size:.86em;
  line-height:1;
  font-weight:400;
  letter-spacing:0;
  word-spacing:-.08em;
  color:#454244;
  position:relative;
  top:.09em;
  margin-right:.025em;
}

/* Positiver Abschlusssatz als eigene leichte Rough-Signatur. */
.grow-school-final-rough{
  font-family:"BreathingRough", cursive;
  font-size:clamp(2.4rem,3vw,3.15rem);
  line-height:1.12;
  font-weight:400;
  letter-spacing:0;
  word-spacing:-.09em;
  color:#454244;
  margin-top:30px;
  margin-bottom:20px;
}

@media(max-width:700px){
  .grow-school-inline-regular{
    font-size:.82em;
    top:.11em;
  }

  .grow-school-transfer h2 .grow-school-inline-regular{
    font-size:.74em;
    top:.14em;
  }

  .grow-school-inline-rough{
    font-size:.84em;
    top:.08em;
  }

  .grow-school-final-rough{
    font-size:2.35rem;
    line-height:1.16;
  }
}


/* =========================================================
   V40.1 – MeYouGROW Schulen · Feinschliff
   ========================================================= */

/* Hero-Motto auf Desktop bewusst in drei ruhigen Zeilen. */
@media(min-width:701px){
  .grow-school-lead-line{
    display:block;
  }
}

/* Mobil wieder natürlicher Fließtext. */
@media(max-width:700px){
  .grow-school-lead-line{
    display:inline;
  }
}

/* "bleibt" auf Desktop und Mobil ca. 0,4 cm tiefer und 0,3 cm nach links. */
.grow-school-hero .grow-school-inline-regular{
  transform:translate(-11px,15px);
}

/* "Erfahrungsschatz" etwas tiefer; der Fließtext darunter bekommt Luft. */
.grow-school-transfer h2 .grow-school-inline-regular{
  top:calc(.15em + 8px);
}

.grow-school-transfer-copy h2 + p{
  margin-top:34px;
}

/* Zusammenarbeit jetzt Regular und näher an der optischen Größe des Resttitels. */
.grow-school-collab-regular{
  display:inline-block;
  font-family:"BreathingRegular", cursive;
  font-size:.80em;
  line-height:1;
  font-weight:400;
  letter-spacing:0;
  color:#454244;
  position:relative;
  top:.10em;
  margin-right:.025em;
}

/* Finalsatz: Punkt etwas nach rechts, ohne die Wortabstände zu verändern. */
.grow-school-final-period{
  display:inline-block;
  position:relative;
  left:8px;
}

/* Desktop bleibt der Schlusssatz einzeilig. */
.grow-school-final-mobile-break{
  display:none;
}

@media(max-width:700px){

  /* "bleibt" mobil identisch positionieren. */
  .grow-school-hero .grow-school-inline-regular{
    transform:translate(-11px,15px);
  }

  /* Erfahrungsschatz mobil nur minimal tiefer. */
  .grow-school-transfer h2 .grow-school-inline-regular{
    top:calc(.14em + 4px);
  }

  .grow-school-transfer-copy h2 + p{
    margin-top:28px;
  }

  /* Zusammenarbeit mobil ebenfalls Regular und optisch gleich groß. */
  .grow-school-collab-regular{
    font-size:.80em;
    top:.09em;
  }

  /* Gewünschter Zweizeiler im Abschluss. */
  .grow-school-final-mobile-break{
    display:block;
  }

  .grow-school-final-second{
    display:inline-block;
  }

  .grow-school-final-rough{
    line-height:1.03;
  }

  .grow-school-final-period{
    left:8px;
  }
}


/* =========================================================
   V40.2 – MeYouGROW Schulen · Mini-Feinschliff
   ========================================================= */

/* "bleibt" etwas weiter nach rechts – Desktop und Mobil. */
.grow-school-hero .grow-school-inline-regular{
  transform:translate(4px,15px);
}

/* Zusammenarbeit bewusst immer als Zweizeiler. */
.grow-school-collab-line{
  display:block;
}

/* Mobil: den Schlussatz deutlich enger führen. */
@media(max-width:700px){
  .grow-school-final-rough{
    line-height:.86;
  }
}


/* =========================================================
   V40.3 – MeYouGROW Schulen · mobiler Schluss-Zweizeiler
   ========================================================= */

@media(max-width:700px){

  /* Statt den Abstand nur über line-height zu erzwingen,
     bauen wir den zweiten Teil wie bei unseren anderen
     bewussten Zweizeilern als eigene Zeile. */
  .grow-school-final-mobile-break{
    display:none;
  }

  .grow-school-final-rough{
    line-height:1.06;
  }

  .grow-school-final-second{
    display:block;
    margin-top:-.18em;
  }
}


/* =========================================================
   V40.4 – MeYouGROW Schulen · mobile Schlusszeile höher
   ========================================================= */

@media(max-width:700px){
  .grow-school-final-second{
    margin-top:-.42em;
  }
}


/* =========================================================
   V41 – MeYouGROW Stiftungen · Breathing
   ========================================================= */

/* Hero bewusst in zwei ruhigen Zeilen. */
.grow-foundation-hero-line{
  display:block;
  white-space:nowrap;
}

/* Gemeinsame Regular-Regel für positive Schlüsselbegriffe.
   Die Größe ist optisch an Cormorant angeglichen. */
.grow-foundation-inline-regular{
  display:inline-block;
  font-family:"BreathingRegular", cursive;
  font-weight:400;
  letter-spacing:0;
  color:#454244;
  position:relative;
}

/* "Zukunft": klar sichtbar, mit genügend Abstand zu "gestaltet". */
.grow-foundation-future{
  font-size:.79em;
  line-height:1;
  top:.16em;
  margin-right:.075em;
}

/* Wirkungstitel: etwas tiefer und mit Luft zum Folgetext. */
.grow-foundation-growth{
  font-size:.79em;
  line-height:1;
  top:.15em;
  margin-right:.05em;
}

.grow-foundation-impact-copy h2{
  margin-bottom:38px;
}

/* CTA: "Fördern" als positiver Beginn statt Schlusswort-Akzent. */
.grow-foundation-support{
  font-size:.80em;
  line-height:1;
  top:.13em;
  margin-right:.055em;
}

/* Finaler persönlicher Satz in Rough.
   Punkt wird wie bei den anderen Breathing-Stellen separat ausbalanciert. */
.grow-foundation-final-rough{
  max-width:780px !important;
  margin:34px auto 26px !important;
  font-family:"BreathingRough", cursive;
  font-size:clamp(2.55rem,3.15vw,3.35rem);
  line-height:1.06 !important;
  font-weight:400;
  letter-spacing:0;
  word-spacing:-.09em;
  color:#454244;
}

.grow-foundation-final-period{
  display:inline-block;
  position:relative;
  left:7px;
  top:-.03em;
}

/* Desktop: Schlusssatz als eine Zeile, solange genug Raum da ist. */
@media(min-width:701px){
  .grow-foundation-final-second{
    display:inline;
  }
}

/* Mobile Feinschliff */
@media(max-width:700px){

  .grow-foundation-hero h1{
    font-size:clamp(3rem,13vw,4rem);
    line-height:.98;
  }

  .grow-foundation-hero-line{
    white-space:nowrap;
  }

  .grow-foundation-future{
    font-size:.81em;
    top:.15em;
    margin-right:.07em;
  }

  .grow-foundation-growth{
    font-size:.80em;
    top:.14em;
  }

  .grow-foundation-impact-copy h2{
    margin-bottom:32px;
  }

  .grow-foundation-support{
    font-size:.81em;
    top:.12em;
  }

  /* Bewusster Zweizeiler, mit engem Abstand wie auf der Schulseite. */
  .grow-foundation-final-rough{
    font-size:2.35rem;
    line-height:1.04 !important;
    word-spacing:-.08em;
  }

  .grow-foundation-final-second{
    display:block;
    margin-top:-.34em;
  }

  .grow-foundation-final-period{
    left:7px;
  }
}


/* =========================================================
   V41.1 – MeYouGROW Stiftungen · Feinschliff
   ========================================================= */

/* Gewünschter bewusster Umbruch im letzten Hero-Absatz. */
.grow-foundation-hero-break{
  display:block;
}

/* "Fördern" noch ca. 0,4 cm tiefer. */
.grow-foundation-support{
  top:calc(.13em + 15px);
}

@media(max-width:700px){
  .grow-foundation-support{
    top:calc(.12em + 15px);
  }
}


/* V42 – kleine Korrektur aus GROW Stiftungen mitgenommen */
@media(max-width:700px){
  .grow-foundation-support{
    top:calc(.12em + 9px);
  }
}


/* =========================================================
   V42 – MeYouARRIVE Übersicht · Breathing
   ========================================================= */

.arrive-inline-regular{
  display:inline-block;
  font-family:"BreathingRegular", cursive;
  font-weight:400;
  letter-spacing:0;
  color:#454244;
  position:relative;
}

/* "Ankommen": optisch gleich groß und bewusst etwas tiefer. */
.arrive-arrive{
  font-size:.80em;
  line-height:1;
  top:.16em;
  margin-right:.04em;
}

/* "Kompass-Journal": langes Wort etwas kleiner,
   abgesenkt und mit ausreichend Luft zum Folgetext. */
.arrive-journal-word{
  font-size:.76em;
  line-height:1;
  top:.19em;
  margin-left:.03em;
}

.arrive-journal-copy .arrive-heading{
  margin-bottom:36px;
}

/* Die vier Perspektiven: Rough als leichte emotionale Ebene. */
.arrive-path-card h3.arrive-rough-title{
  font-family:"BreathingRough", cursive;
  font-size:clamp(2.05rem,2.5vw,2.7rem);
  line-height:1.12;
  font-weight:400;
  letter-spacing:0;
  word-spacing:-.08em;
  color:#454244;
  margin-bottom:25px;
}

/* Längere Titel nur minimal kompakter, nicht sichtbar gequetscht. */
.arrive-path-card.foundations h3.arrive-rough-title{
  font-size:clamp(1.95rem,2.3vw,2.5rem);
  word-spacing:-.10em;
}

/* Markenregel gilt bereits global über .brand-inline-name:
   #454244, ohne Fettung. */

@media(max-width:700px){
  .arrive-arrive{
    font-size:.82em;
    top:.14em;
  }

  .arrive-journal-word{
    font-size:.73em;
    top:.17em;
  }

  .arrive-journal-copy .arrive-heading{
    margin-bottom:31px;
  }

  .arrive-path-card h3.arrive-rough-title{
    font-size:clamp(1.95rem,8.8vw,2.5rem);
    line-height:1.16;
    word-spacing:-.07em;
    margin-bottom:22px;
  }

  .arrive-path-card.foundations h3.arrive-rough-title{
    font-size:clamp(1.82rem,8.1vw,2.3rem);
    word-spacing:-.09em;
  }
}


/* =========================================================
   V42.1 – MeYouARRIVE Übersicht · Feinschliff
   ========================================================= */

/* Der Einstiegs-Benefit ist wieder normaler Fließtext. */
.arrive-intro-copy p strong{
  font-weight:inherit;
}

/* Eindeutige Wortklasse statt Kollision mit der Journal-Section. */
.arrive-journal-word{
  display:inline-block;
  font-family:"BreathingRegular", cursive;
  font-size:.76em;
  line-height:1;
  font-weight:400;
  letter-spacing:0;
  color:#454244;
  position:relative;
  top:.19em;
  margin-left:.03em;
  padding:0;
  background:none;
}

/* Die vier Rough-Zwischentitel dürfen deutlicher wirken. */
.arrive-path-card h3.arrive-rough-title{
  font-size:clamp(2.35rem,2.9vw,3.15rem);
  line-height:1.10;
}

/* Der längste Titel bleibt etwas kompakter, aber ebenfalls größer. */
.arrive-path-card.foundations h3.arrive-rough-title{
  font-size:clamp(2.15rem,2.62vw,2.85rem);
}

@media(max-width:700px){
  .arrive-journal-word{
    font-size:.73em;
    top:.17em;
  }

  .arrive-path-card h3.arrive-rough-title{
    font-size:clamp(2.18rem,9.7vw,2.8rem);
    line-height:1.13;
  }

  .arrive-path-card.foundations h3.arrive-rough-title{
    font-size:clamp(2rem,8.9vw,2.55rem);
  }
}


/* =========================================================
   V43 – MeYouARRIVE Unterseiten · gemeinsame Breathing-Logik
   ========================================================= */

.arrive-sub-inline-regular,
.arrive-sub-inline-rough{
  display:inline-block;
  font-weight:400;
  letter-spacing:0;
  color:#454244;
  position:relative;
}

.arrive-sub-inline-regular{
  font-family:"BreathingRegular", cursive;
}

.arrive-sub-inline-rough{
  font-family:"BreathingRough", cursive;
  word-spacing:-.08em;
}

/* --- Mädchen --- */

.girls-hero-regular{
  font-size:.80em;
  line-height:1;
  top:.15em;
  margin-right:.035em;
}

.girls-intro-line{
  display:block;
}

.girls-voice-regular{
  font-size:.78em;
  line-height:1;
  top:.14em;
}

.girls-tempo-rough{
  font-size:.96em;
  line-height:.92;
  top:.10em;
  margin-left:.04em;
}

.arrive-girls-final-rough{
  font-family:"BreathingRough", cursive;
  font-size:clamp(2.45rem,3vw,3.15rem);
  line-height:1.06;
  font-weight:400;
  letter-spacing:0;
  word-spacing:-.08em;
  color:#454244;
  margin-top:30px !important;
  margin-bottom:20px !important;
}

/* --- Eltern --- */

.parents-connected-regular{
  font-size:.76em;
  line-height:1;
  top:.16em;
  margin-left:.035em;
}

.parents-selfefficacy-regular{
  font-size:.74em;
  line-height:1;
  top:.17em;
  margin-left:.035em;
}

.parents-journal-regular{
  font-size:.74em;
  line-height:1;
  top:.20em;
  margin-left:.035em;
}

.arrive-parents-journal h2{
  margin-bottom:38px;
}

.arrive-parents-final-rough{
  font-family:"BreathingRough", cursive;
  font-size:clamp(2.45rem,3vw,3.15rem);
  line-height:1.06;
  font-weight:400;
  letter-spacing:0;
  word-spacing:-.08em;
  color:#454244;
  margin-top:30px !important;
  margin-bottom:20px !important;
}

/* --- Schulen --- */

.school-inside-rough{
  font-size:.86em;
  line-height:.92;
  top:.09em;
  margin:0 .035em;
}

.school-voice-regular{
  font-size:.80em;
  line-height:1;
  top:.14em;
  margin:0 .025em;
}

.school-compass-regular{
  font-size:.80em;
  line-height:1;
  top:.15em;
  margin:0 .03em;
}

.arrive-school-journal h2{
  margin-bottom:35px;
}

.arrive-school-final-rough{
  font-family:"BreathingRough", cursive;
  font-size:clamp(2.5rem,3.05vw,3.2rem);
  line-height:1.04;
  font-weight:400;
  letter-spacing:0;
  word-spacing:-.08em;
  color:#454244;
  margin-top:32px !important;
  margin-bottom:20px !important;
}

.arrive-school-final-period{
  display:inline-block;
  position:relative;
  left:7px;
  top:-.03em;
}

/* --- Stiftungen --- */

.foundation-growing-regular{
  font-size:.77em;
  line-height:1;
  top:.16em;
  margin-left:.035em;
}

.foundation-selfdetermined-rough{
  font-size:.88em;
  line-height:.92;
  top:.09em;
  margin:0 .04em;
}

.foundation-spaces-regular{
  font-size:.80em;
  line-height:1;
  top:.16em;
  margin-right:.045em;
}

.arrive-foundation-final-rough{
  font-family:"BreathingRough", cursive;
  font-size:clamp(2.5rem,3.05vw,3.2rem);
  line-height:1.04;
  font-weight:400;
  letter-spacing:0;
  word-spacing:-.08em;
  color:#454244;
  margin-top:32px !important;
  margin-bottom:20px !important;
}

.arrive-foundation-final-period{
  display:inline-block;
  position:relative;
  left:7px;
  top:-.03em;
}

/* --- Mobil --- */

@media(max-width:700px){

  .girls-hero-regular{
    font-size:.82em;
    top:.13em;
  }

  .girls-voice-regular{
    font-size:.80em;
    top:.13em;
  }

  .girls-tempo-rough{
    font-size:.92em;
    top:.09em;
  }

  .arrive-girls-final-rough{
    font-size:2.35rem;
    line-height:1.02;
  }

  .parents-connected-regular{
    font-size:.75em;
    top:.14em;
  }

  .parents-selfefficacy-regular{
    font-size:.72em;
    top:.15em;
  }

  .parents-journal-regular{
    font-size:.72em;
    top:.18em;
  }

  .arrive-parents-journal h2{
    margin-bottom:32px;
  }

  .arrive-parents-final-rough{
    font-size:2.35rem;
    line-height:1.02;
  }

  .school-inside-rough{
    font-size:.84em;
    top:.08em;
  }

  .school-voice-regular,
  .school-compass-regular{
    font-size:.79em;
    top:.13em;
  }

  .arrive-school-journal h2{
    margin-bottom:31px;
  }

  .arrive-school-final-rough{
    font-size:2.35rem;
    line-height:1.04;
  }

  .arrive-school-final-second{
    display:block;
    margin-top:-.40em;
  }

  .foundation-growing-regular{
    font-size:.76em;
    top:.14em;
  }

  .foundation-selfdetermined-rough{
    font-size:.84em;
    top:.08em;
  }

  .foundation-spaces-regular{
    font-size:.80em;
    top:.14em;
  }

  .arrive-foundation-final-rough{
    font-size:2.35rem;
    line-height:1.04;
  }

  .arrive-foundation-final-second{
    display:block;
    margin-top:-.40em;
  }
}


/* =========================================================
   V43.1 – ARRIVE Unterseiten · Feinschliff
   ========================================================= */

/* -------------------------
   Mädchen
   ------------------------- */

/* "Deine Stimme.": mehr Abstand zwischen den Wörtern,
   Punkt näher ans e und leicht angehoben. */
.girls-voice-regular{
  white-space:nowrap;
}

.girls-voice-stimme{
  display:inline-block;
  margin-left:18px;
}

.girls-voice-period{
  display:inline-block;
  position:relative;
  left:-2px;
  top:-5px;
}

/* "Dein Tempo." etwas größer, optisch näher an "Vier Schritte." */
.girls-tempo-rough{
  font-size:1.08em;
}

/* Die vier Schritte als leichte Rough-Ebene. */
.arrive-girls-step-copy h3.arrive-girls-step-rough{
  font-family:"BreathingRough", cursive;
  font-size:clamp(2.45rem,3vw,3.1rem);
  line-height:1.06;
  font-weight:400;
  letter-spacing:0;
  word-spacing:-.08em;
  color:#454244;
}

/* "stimmig anfühlt" nur als kleiner Inline-Akzent. */
.arrive-girls-stimmig-rough{
  display:inline-block;
  font-family:"BreathingRough", cursive;
  font-size:1.45em;
  line-height:.82;
  font-weight:400;
  letter-spacing:0;
  word-spacing:-.08em;
  color:#454244;
  vertical-align:-.08em;
  margin-left:.03em;
}

/* Finaler Satz: Punkt sauber neben "kennenzulernen". */
.arrive-girls-final-period{
  display:inline-block;
  position:relative;
  left:7px;
  top:-.03em;
}

@media(max-width:700px){
  .girls-voice-stimme{
    margin-left:18px;
  }

  .girls-voice-period{
    left:-2px;
    top:-4px;
  }

  .girls-tempo-rough{
    font-size:1.04em;
  }

  .arrive-girls-step-copy h3.arrive-girls-step-rough{
    font-size:clamp(2.3rem,10vw,2.85rem);
    line-height:1.08;
  }

  .arrive-girls-stimmig-rough{
    font-size:1.35em;
    line-height:.84;
  }

  .arrive-girls-final-rough{
    font-size:2.35rem;
    line-height:1.04;
  }

  .arrive-girls-final-second{
    display:block;
    margin-top:-.40em;
  }

  .arrive-girls-final-period{
    left:7px;
  }
}


/* -------------------------
   Eltern
   ------------------------- */

/* "Verbundensein" ca. 0,2 cm weiter nach rechts. */
.parents-connected-regular{
  left:8px;
}


/* -------------------------
   Schulen
   ------------------------- */

/* "von innen" größer und optisch näher an der Cormorant-Hero-Schrift. */
.school-inside-rough{
  font-size:1.03em;
}

/* "Stimme" allein tiefer, ohne die übrige Zeile mitzubewegen. */
.school-voice-regular{
  top:calc(.14em + 11px);
}

/* CTA-Kicker ausnahmsweise komplett in Rough. */
.arrive-school-collab-rough{
  font-family:"BreathingRough", cursive;
  font-size:clamp(2.25rem,2.8vw,2.95rem);
  line-height:1.04;
  font-weight:400;
  letter-spacing:0;
  word-spacing:-.08em;
  text-transform:none;
  color:#454244;
  margin-bottom:24px;
}

@media(max-width:700px){
  .school-inside-rough{
    font-size:.99em;
  }

  .school-voice-regular{
    top:calc(.13em + 8px);
  }

  .arrive-school-collab-rough{
    font-size:2.25rem;
    line-height:1.06;
    margin-bottom:22px;
  }
}


/* -------------------------
   Stiftungen
   ------------------------- */

/* Prävention im Hero als Regular-Markenmoment. */
.foundation-prevention-regular{
  font-size:.79em;
  line-height:1;
  top:.15em;
}

/* "Aufwachsen" deutlich tiefer. */
.foundation-growing-regular{
  top:calc(.16em + 15px);
}

/* "selbstbestimmte" stärker an die Cormorant-Größe angleichen. */
.foundation-selfdetermined-rough{
  font-size:1.05em;
}

@media(max-width:700px){
  .foundation-prevention-regular{
    font-size:.81em;
    top:.13em;
  }

  .foundation-growing-regular{
    top:calc(.14em + 8px);
  }

  .foundation-selfdetermined-rough{
    font-size:1em;
  }
}


/* =========================================================
   V44 – MeYouREMEMBER · Breathing-Logik
   ========================================================= */

.remember-inline-regular,
.remember-inline-rough{
  display:inline-block;
  position:relative;
  font-weight:400;
  letter-spacing:0;
  color:#454244;
}

.remember-inline-regular{
  font-family:"BreathingRegular", cursive;
}

.remember-inline-rough{
  font-family:"BreathingRough", cursive;
  word-spacing:-.08em;
}


/* -------------------------
   Hero
   ------------------------- */

/* Optisch an die weichere Hero-Headline angeglichen. */
.remember-self-regular{
  font-size:.79em;
  line-height:1;
  top:.15em;
  margin-left:.035em;
}

.remember-self-period{
  display:inline-block;
  position:relative;
  left:3px;
  top:-.06em;
}

/* Positive Raum-Aussage als leichte Rough-Spur. */
.remember-room-rough{
  font-size:1.30em;
  line-height:.88;
  top:.08em;
  margin-left:.02em;
}

.remember-hero-emphasis{
  margin-bottom:4px;
}


/* -------------------------
   Reiseklang
   ------------------------- */

.remember-back-regular{
  font-size:.77em;
  line-height:1;
  top:.17em;
  margin-left:.035em;
}

/* Der nächste Schritt als emotionaler Schlüsselbegriff. */
.remember-next-rough{
  font-size:1.27em;
  line-height:.86;
  top:.08em;
  margin-left:.02em;
}

.remember-next-period{
  display:inline-block;
  position:relative;
  left:6px;
  top:-.04em;
}


/* -------------------------
   Reiseklang-Karte
   ------------------------- */

.remember-map-regular{
  font-size:.74em;
  line-height:1;
  top:.19em;
  margin-left:.025em;
}

/* Direkt etwas mehr Luft unter der Handschrift. */
.remember-map h2{
  margin-bottom:43px;
}


/* -------------------------
   Abschluss
   ------------------------- */

.remember-fits-regular{
  font-size:.80em;
  line-height:1;
  top:.15em;
  margin-left:.035em;
}

.remember-final-rough{
  max-width:760px !important;
  margin:30px auto 22px !important;
  font-family:"BreathingRough", cursive;
  font-size:clamp(2.5rem,3.05vw,3.2rem);
  line-height:1.04 !important;
  font-weight:400;
  letter-spacing:0;
  word-spacing:-.08em;
  color:#454244;
}

.remember-final-period{
  display:inline-block;
  position:relative;
  left:7px;
  top:-.03em;
}


/* -------------------------
   Mobil
   ------------------------- */

@media(max-width:700px){

  .remember-self-regular{
    font-size:.80em;
    top:.13em;
  }

  .remember-self-period{
    left:3px;
    top:-.05em;
  }

  .remember-room-rough{
    font-size:1.22em;
    top:.07em;
  }

  .remember-back-regular{
    font-size:.76em;
    top:.15em;
  }

  .remember-next-rough{
    font-size:1.20em;
    top:.07em;
  }

  .remember-map-regular{
    font-size:.72em;
    top:.17em;
  }

  .remember-map h2{
    margin-bottom:36px;
  }

  .remember-fits-regular{
    font-size:.80em;
    top:.13em;
  }

  /* Bewusster enger Zweizeiler wie bei ARRIVE/GROW. */
  .remember-final-rough{
    font-size:2.35rem;
    line-height:1.04 !important;
  }

  .remember-final-second{
    display:block;
    margin-top:-.40em;
  }

  .remember-final-period{
    left:7px;
  }
}


/* =========================================================
   V44.1 – MeYouREMEMBER · Farb- & Abstandskorrekturen
   ========================================================= */

/* REMEMBER darf seine blaue Markenfarbe auch innerhalb
   der Breathing-Akzente behalten. */
.remember-inline-regular,
.remember-inline-rough,
.remember-final-rough{
  color:#5D7398;
}

/* 350 € wie bei den anderen Angeboten in Anthrazit. */
.remember-price strong{
  color:#454244;
}

/* Zusatzpreis bewusst normal statt fett. */
.remember-extra strong{
  font-weight:inherit;
}

/* "passt" ca. 0,3 cm weiter nach rechts. */
.remember-fits-regular{
  left:11px;
}

/* Desktop bleibt "Finde heraus, ob es passt" in einer Zeile. */
.remember-cta-mobile-break{
  display:none;
}

/* Punkt bei "diesen Raum." separat steuerbar. */
.remember-room-period{
  display:inline-block;
  position:relative;
}

@media(max-width:700px){

  /* Blau bleibt selbstverständlich auch mobil erhalten. */
  .remember-inline-regular,
  .remember-inline-rough,
  .remember-final-rough{
    color:#5D7398;
  }

  .remember-price strong{
    color:#454244;
  }

  /* Punkt etwas weiter vom "m" weg. */
  .remember-room-period{
    left:6px;
  }

  /* Gewünschter mobiler Zweizeiler. */
  .remember-cta-mobile-break{
    display:block;
  }

  .remember-fits-regular{
    left:11px;
  }
}


/* =========================================================
   V44.2 – REMEMBER · einfarbige Headlines & Feinschliff
   ========================================================= */

/* Diese drei Headlines komplett in REMEMBER-Blau,
   damit Cormorant + Breathing nicht zweifarbig wirken. */
.remember-journey h2,
.remember-map h2,
.remember-cta h2{
  color:#5D7398;
}

.remember-journey h2 .remember-inline-regular,
.remember-map h2 .remember-inline-regular,
.remember-cta h2 .remember-inline-regular{
  color:inherit;
}

/* Punkt bei "diesen Raum." näher an das m,
   zugleich etwas höher, damit er nicht darunter hängt. */
.remember-room-period{
  left:3px;
  top:-.10em;
}

/* "nächste Schritt" ca. 0,3 cm nach rechts und unten. */
.remember-next-rough{
  left:11px;
  top:calc(.08em + 11px);
}

@media(max-width:700px){

  .remember-journey h2,
  .remember-map h2,
  .remember-cta h2{
    color:#5D7398;
  }

  .remember-journey h2 .remember-inline-regular,
  .remember-map h2 .remember-inline-regular,
  .remember-cta h2 .remember-inline-regular{
    color:inherit;
  }

  .remember-room-period{
    left:3px;
    top:-.10em;
  }

  .remember-next-rough{
    left:11px;
    top:calc(.07em + 11px);
  }
}


/* =========================================================
   V45 – Spartenfarben für GROW & ARRIVE
   ========================================================= */

/* Lesbare, etwas tiefere Textfarben innerhalb der jeweiligen
   Farbwelten. Die hellen Flächenfarben bleiben davon unberührt. */
.grow-page{
  --branch-accent:#4F8257;
}

.arrive-page{
  --branch-accent:#A8617D;
}


/* =========================================================
   MeYouGROW · Salbeigrün
   ========================================================= */

/* Übersicht: die zwei zentralen Markenmomente komplett grün. */
.grow-page:not(.grow-parent-page):not(.grow-school-page):not(.grow-foundation-page)
.grow-intro .grow-section-heading h2,

.grow-page:not(.grow-parent-page):not(.grow-school-page):not(.grow-foundation-page)
.grow-book .grow-section-heading h2{
  color:var(--branch-accent);
}

/* Unterseiten: ausgewählte emotionale Leitüberschriften. */
.grow-parent-page .grow-parent-story-heading h2,
.grow-school-page .grow-school-cta h2,
.grow-foundation-page .grow-foundation-cta h2{
  color:var(--branch-accent);
}

/* Handschrift übernimmt dort immer dieselbe Farbe wie die Headline. */
.grow-parent-page .grow-parent-story-heading h2 .grow-parent-rough,
.grow-school-page .grow-school-cta h2 .grow-school-collab-regular,
.grow-foundation-page .grow-foundation-cta h2 .grow-foundation-inline-regular,
.grow-page:not(.grow-parent-page):not(.grow-school-page):not(.grow-foundation-page)
.grow-intro .grow-inline-regular,
.grow-page:not(.grow-parent-page):not(.grow-school-page):not(.grow-foundation-page)
.grow-book .grow-inline-regular{
  color:inherit;
}

/* Persönliche Abschlüsse ebenfalls in der Spartenfarbe. */
.grow-school-final-rough,
.grow-foundation-final-rough{
  color:var(--branch-accent);
}


/* =========================================================
   MeYouARRIVE · Rosé
   ========================================================= */

/* Übersicht: Ankommen + Kompass-Journal als zentrale Markenmomente. */
.arrive-page:not(.arrive-girls-page):not(.arrive-parents-page):not(.arrive-school-page):not(.arrive-foundation-page)
.arrive-intro .arrive-heading h2,

.arrive-page:not(.arrive-girls-page):not(.arrive-parents-page):not(.arrive-school-page):not(.arrive-foundation-page)
.arrive-journal .arrive-heading h2{
  color:var(--branch-accent);
}

.arrive-page:not(.arrive-girls-page):not(.arrive-parents-page):not(.arrive-school-page):not(.arrive-foundation-page)
.arrive-intro .arrive-inline-regular,

.arrive-page:not(.arrive-girls-page):not(.arrive-parents-page):not(.arrive-school-page):not(.arrive-foundation-page)
.arrive-journal .arrive-inline-regular{
  color:inherit;
}


/* Mädchen: "Deine Stimme. Dein Kompass. Dein Weg." komplett rosé. */
.arrive-girls-page .arrive-girls-intro h2{
  color:var(--branch-accent);
}

.arrive-girls-page .arrive-girls-intro h2 .arrive-sub-inline-regular{
  color:inherit;
}

/* Kleine emotionale Akzente + persönlicher Abschluss. */
.arrive-girls-stimmig-rough,
.arrive-girls-final-rough{
  color:var(--branch-accent);
}


/* Eltern: Selbstwirksamkeit als farbiger Leitgedanke. */
.arrive-parents-page .arrive-parents-intro-heading h2{
  color:var(--branch-accent);
}

.arrive-parents-page .arrive-parents-intro-heading h2 .arrive-sub-inline-regular{
  color:inherit;
}

.arrive-parents-final-rough{
  color:var(--branch-accent);
}


/* Schulen: eigene Stimme + Zusammenarbeit farbig,
   Hero-Akzent "von innen" bleibt bewusst anthrazit. */
.arrive-school-page .arrive-school-intro-heading h2,
.arrive-school-page .arrive-school-collab-rough,
.arrive-school-final-rough{
  color:var(--branch-accent);
}

.arrive-school-page .arrive-school-intro-heading h2 .arrive-sub-inline-regular{
  color:inherit;
}


/* Stiftungen: Hero bleibt sachlich anthrazit.
   Zukunft + Räume + persönlicher Abschluss tragen Rosé. */
.arrive-foundation-page .arrive-foundation-future-heading h2,
.arrive-foundation-page .arrive-foundation-cta h2,
.arrive-foundation-final-rough{
  color:var(--branch-accent);
}

.arrive-foundation-page .arrive-foundation-future-heading h2 .arrive-sub-inline-rough,
.arrive-foundation-page .arrive-foundation-cta h2 .arrive-sub-inline-regular{
  color:inherit;
}


/* =========================================================
   Mobile
   =========================================================
   Keine separate Farbversion nötig: die Farben werden bewusst
   identisch auf Desktop und Mobil vererbt.
   ========================================================= */


/* =========================================================
   V46 – Spartenfarben nuanciert
   =========================================================
   Grundidee:
   - Hauptakzente: etwas tiefer / gedeckter
   - Hero: eigene, weichere Nuance derselben Farbfamilie
   - Startseite: Eigenklang-Lavendel als klarer Markenmoment
   ========================================================= */

/* -------------------------
   Farbvariablen
   ------------------------- */

.grow-page{
  /* dunkler und gedeckter als das bisherige #4F8257 */
  --branch-accent:#506654;
  --branch-hero:#66796A;
}

.arrive-page{
  --branch-accent:#BB2F87;
  --branch-hero:#9D2872;
}

.remember-page{
  --branch-accent:#5D7398;
  --branch-hero:#6E809E;
}


/* =========================================================
   STARTSEITE · Eigenklang-Lavendel
   ========================================================= */

.hero h1{
  color:#886DA7;
}

/* "Etwas, das bleibt." komplett als ein Markenmoment */
.keepsakes .section-heading h2{
  color:#886DA7;
}

.keepsakes .section-heading h2 .keepsake-stay{
  color:inherit;
}


/* =========================================================
   GROW · Salbei
   ========================================================= */

/* Alle GROW-Heros bekommen die weichere Hero-Nuance. */
.grow-hero h1,
.grow-parent-hero h1,
.grow-school-hero h1,
.grow-foundation-hero h1{
  color:var(--branch-hero);
}

/* Breathing innerhalb des Hero bleibt EINfarbig mit der Headline. */
.grow-parent-hero h1 .grow-parent-regular,
.grow-school-hero h1 .grow-school-inline-regular,
.grow-foundation-hero h1 .grow-foundation-inline-regular{
  color:inherit;
}

/* Eltern: "Wertvolle Wegweiser" ebenfalls als Salbei-Markenmoment. */
.grow-parent-wayfinder-rough{
  color:var(--branch-accent);
}

/* Bereits eingefärbte GROW-Momente übernehmen automatisch
   den neuen, gedeckteren Salbeiton. */
.grow-parent-story-heading h2,
.grow-school-cta h2,
.grow-foundation-cta h2,
.grow-school-final-rough,
.grow-foundation-final-rough{
  color:var(--branch-accent);
}


/* =========================================================
   ARRIVE · Rosé
   ========================================================= */

/* Alle ARRIVE-Heros in einer ruhigeren, leicht mauvigen Rosé-Nuance. */
.arrive-hero h1,
.arrive-girls-hero h1,
.arrive-parents-hero h1,
.arrive-school-hero h1,
.arrive-foundation-hero h1{
  color:var(--branch-hero);
}

/* Alle handschriftlichen Hero-Wörter bleiben bewusst einfarbig. */
.arrive-girls-hero h1 .arrive-sub-inline-regular,
.arrive-parents-hero h1 .arrive-sub-inline-regular,
.arrive-school-hero h1 .arrive-sub-inline-rough,
.arrive-foundation-hero h1 .arrive-sub-inline-regular{
  color:inherit;
}

/* Mädchen: "Finde heraus, ob es passt" zusätzlich rosé. */
.arrive-girls-cta h2{
  color:var(--branch-accent);
}

/* Eltern: Kompass-Journal-Headline komplett rosé. */
.arrive-parents-journal h2{
  color:var(--branch-accent);
}

.arrive-parents-journal h2 .parents-journal-regular{
  color:inherit;
}

/* Schulen: Zusammenarbeit deutlich größer. */
.arrive-school-collab-rough{
  color:var(--branch-accent);
  font-size:clamp(2.8rem,3.55vw,3.7rem);
  line-height:1.02;
}

/* Bestehende ARRIVE-Farbmomente auf den neuen Roséton ziehen. */
.arrive-girls-stimmig-rough,
.arrive-girls-final-rough,
.arrive-parents-final-rough,
.arrive-school-final-rough,
.arrive-foundation-final-rough{
  color:var(--branch-accent);
}


/* =========================================================
   REMEMBER · Blau
   ========================================================= */

/* Bisher gab es bei den Textakzenten nur #5D7398.
   Jetzt bekommt der Hero eine etwas weichere zweite Blaunuance. */
.remember-hero h1{
  color:var(--branch-hero);
}

/* Die übrigen bewussten REMEMBER-Akzente bleiben im tieferen Blau. */
.remember-inline-regular,
.remember-inline-rough,
.remember-final-rough,
.remember-journey h2,
.remember-map h2,
.remember-cta h2{
  color:var(--branch-accent);
}


/* =========================================================
   MOBIL
   ========================================================= */

@media(max-width:700px){

  /* Die Hero-Nuancen bleiben mobil identisch – kein grellerer Wechsel. */
  .grow-hero h1,
  .grow-parent-hero h1,
  .grow-school-hero h1,
  .grow-foundation-hero h1{
    color:var(--branch-hero);
  }

  .arrive-hero h1,
  .arrive-girls-hero h1,
  .arrive-parents-hero h1,
  .arrive-school-hero h1,
  .arrive-foundation-hero h1{
    color:var(--branch-hero);
  }

  .remember-hero h1{
    color:var(--branch-hero);
  }

  .arrive-school-collab-rough{
    font-size:2.72rem;
    line-height:1.03;
  }
}


/* =========================================================
   V46.1 – Farb- & Typofeinschliff
   ========================================================= */

/* =========================================================
   STARTSEITE
   ========================================================= */

/* Erster Hero-Satz wieder ruhig in Anthrazit,
   zweite Zeile als Eigenklang-Markenmoment in Lavendel. */
.hero h1{
  color:#454244;
}

.hero-sub{
  color:#886DA7;
}

/* Unterer persönlicher Übergang komplett in Lavendel. */
.final-step-kicker{
  color:#886DA7;
}

.final-step-kicker .final-step-rough{
  color:inherit;
}


/* =========================================================
   GROW · Eltern
   ========================================================= */

/* Zusätzliche persönliche Markenmomente im gedeckten Salbei. */
.grow-parent-page .grow-parent-wayfinder-rough,
.grow-parent-page .grow-parent-cta .kicker,
.grow-parent-page .grow-parent-cta-rough{
  color:var(--branch-accent);
}


/* =========================================================
   ARRIVE · Mädchen
   ========================================================= */

/* "Vier Schritte. Dein Tempo." als ein zusammengehöriger
   roséfarbener Leitgedanke. */
.arrive-girls-page .arrive-girls-section-heading h2{
  color:var(--branch-accent);
}

.arrive-girls-page .arrive-girls-section-heading h2 .girls-tempo-rough{
  color:inherit;
}

/* "stimmig anfühlt" etwas präsenter. */
.arrive-girls-stimmig-rough{
  font-size:1.58em;
}


/* =========================================================
   ARRIVE · Schulen
   ========================================================= */

/* "von innen" noch stärker an die Hero-Größe angleichen
   und minimal mehr Abstand zu "was" geben. */
.school-inside-rough{
  font-size:1.12em;
  margin-left:.09em;
  margin-right:.035em;
}

/* Kompass-Headline als kompletter Rosé-Markenmoment. */
.arrive-school-journal h2{
  color:var(--branch-accent);
}

.arrive-school-journal h2 .school-compass-regular{
  color:inherit;
}

/* Zusammenarbeit noch einmal deutlich größer. */
.arrive-school-collab-rough{
  font-size:clamp(3.35rem,4.25vw,4.45rem);
  line-height:.98;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media(max-width:700px){

  .hero h1{
    color:#454244;
  }

  .hero-sub,
  .final-step-kicker{
    color:#886DA7;
  }

  .arrive-girls-stimmig-rough{
    font-size:1.48em;
  }

  .school-inside-rough{
    font-size:1.08em;
    margin-left:.085em;
    margin-right:.03em;
  }

  .arrive-school-collab-rough{
    font-size:3.05rem;
    line-height:1;
  }
}


/* =========================================================
   V46.2 – Startseite · Hero-Unterzeile sicher in Lavendel
   ========================================================= */

.hero .hero-sub{
  color:#886DA7 !important;
}

.hero .hero-sub .hero-sub-period{
  color:inherit !important;
}

@media(max-width:700px){
  .hero .hero-sub{
    color:#886DA7 !important;
  }
}


/* =========================================================
   V47 – Eigenklang Haupt-Lavendel = Logo-Grundton
   ========================================================= */

/* Test mit der originalen Logo-Farbe bei voller Deckkraft. */
:root{
  --eigenklang-lavender:#886DA7;
}

/* "Wertvolle Wegweiser" bei GROW Eltern sicher in Salbei. */
.grow-parent-page .grow-parent-wayfinder-rough{
  color:var(--branch-accent) !important;
}


/* =========================================================
   V49 – Startseite · Hero Variante 1
   =========================================================
   Zweite Zeile zurück in die ruhige Serifenschrift.
   Nur "gehört" bleibt als Eigenklang-Markenmoment:
   Breathing Regular + Lavendel.
   ========================================================= */

.hero .hero-sub{
  font-family:"Cormorant Garamond", Georgia, serif;
  font-weight:400;
  color:#454244 !important;
  letter-spacing:0;
}

/* Einzelner emotionaler Schlüsselbegriff */
.hero .hero-heard{
  display:inline-block;
  position:relative;
  font-family:"BreathingRegular", cursive;
  font-weight:400;
  font-size:.84em;
  line-height:1;
  color:#886DA7;
  top:.15em;
  margin:0 .035em;
}

/* Der Punkt gehört wieder zur ruhigen Serifenschrift. */
.hero .hero-sub .hero-sub-period{
  color:#454244 !important;
  left:0;
  top:0;
}

@media(max-width:700px){
  .hero .hero-sub{
    font-family:"Cormorant Garamond", Georgia, serif;
    color:#454244 !important;
  }

  .hero .hero-heard{
    font-size:.86em;
    top:.13em;
    margin:0 .025em;
  }

  .hero .hero-sub .hero-sub-period{
    color:#454244 !important;
    left:0;
    top:0;
  }
}


/* =========================================================
   V50 – finale Farbregel GROW/ARRIVE + Start-Hero
   ========================================================= */

/* =========================================================
   STARTSEITE
   ========================================================= */

.hero h1,
.hero .hero-sub{
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:clamp(3rem,5.35vw,5.65rem);
  line-height:.95;
  font-weight:400;
  letter-spacing:-.025em;
  color:#454244 !important;
}

.hero h1{
  margin-bottom:18px;
}

.hero .hero-sub{
  max-width:980px;
  margin:0 auto 36px;
}

.hero-equal-line{
  display:block;
  white-space:nowrap;
}

.hero .hero-heard{
  font-family:"BreathingRegular", cursive;
  font-size:.84em;
  line-height:1;
  color:#886DA7;
  top:.15em;
  margin:0 .03em 0 0;
  letter-spacing:0;
}

.hero .hero-sub .hero-sub-period{
  color:#454244 !important;
  left:0;
  top:0;
}

/* Genau dafür gibt es Eigenklang. – noch einen Tick größer */
.holding-manifest-end.breathing-rough-manifest{
  font-size:clamp(3.38rem,4.55vw,4.95rem);
}

/* zurück / zu uns selbst. komplett violett */
.story-title .story-return-phrase{
  color:#886DA7;
}


/* =========================================================
   GROW – nur die ausgewählten Breathing-Stellen farbig
   ========================================================= */

.grow-page .grow-hero h1,
.grow-parent-page .grow-parent-hero h1,
.grow-school-page .grow-school-hero h1,
.grow-foundation-page .grow-foundation-hero h1,

.grow-page:not(.grow-parent-page):not(.grow-school-page):not(.grow-foundation-page)
.grow-intro .grow-section-heading h2,

.grow-page:not(.grow-parent-page):not(.grow-school-page):not(.grow-foundation-page)
.grow-book .grow-section-heading h2,

.grow-parent-page .grow-parent-story-heading h2,
.grow-parent-page .grow-parent-book-copy h2,

.grow-school-page .grow-school-transfer-copy h2,
.grow-school-page .grow-school-cta h2,

.grow-foundation-page .grow-foundation-impact-copy h2,
.grow-foundation-page .grow-foundation-cta h2{
  color:#454244;
}

/* Übersicht: Wachsen + Gefühlsreisebuch */
.grow-page:not(.grow-parent-page):not(.grow-school-page):not(.grow-foundation-page)
.grow-intro .grow-inline-regular,

.grow-page:not(.grow-parent-page):not(.grow-school-page):not(.grow-foundation-page)
.grow-book .grow-inline-regular{
  color:var(--branch-accent);
}

/* Eltern: Wachsen / nach innen / Gefühlsreisebuch */
.grow-parent-page .grow-parent-hero-regular,
.grow-parent-page .grow-parent-story-rough,
.grow-parent-page .grow-parent-book-regular{
  color:var(--branch-accent);
}

.grow-parent-page .grow-parent-wayfinder-rough,
.grow-parent-page .grow-parent-cta .kicker,
.grow-parent-page .grow-parent-cta-rough{
  color:#454244 !important;
}

/* Schulen: bleibt / Erfahrungsschatz */
.grow-school-page .grow-school-hero .grow-school-inline-regular,
.grow-school-page .grow-school-transfer-copy .grow-school-inline-regular{
  color:var(--branch-accent);
}

.grow-school-page .grow-school-collab-regular,
.grow-school-page .grow-school-final-rough{
  color:#454244;
}

/* Stiftungen: Zukunft / Wachstum / Fördern */
.grow-foundation-page .grow-foundation-future,
.grow-foundation-page .grow-foundation-growth,
.grow-foundation-page .grow-foundation-support{
  color:var(--branch-accent);
}

.grow-foundation-page .grow-foundation-final-rough{
  color:#454244;
}


/* =========================================================
   ARRIVE ÜBERSICHT
   ========================================================= */

.arrive-page:not(.arrive-girls-page):not(.arrive-parents-page):not(.arrive-school-page):not(.arrive-foundation-page)
.arrive-hero h1,

.arrive-page:not(.arrive-girls-page):not(.arrive-parents-page):not(.arrive-school-page):not(.arrive-foundation-page)
.arrive-intro .arrive-heading h2,

.arrive-page:not(.arrive-girls-page):not(.arrive-parents-page):not(.arrive-school-page):not(.arrive-foundation-page)
.arrive-journal .arrive-heading h2{
  color:#454244;
}

.arrive-page:not(.arrive-girls-page):not(.arrive-parents-page):not(.arrive-school-page):not(.arrive-foundation-page)
.arrive-arrive,

.arrive-page:not(.arrive-girls-page):not(.arrive-parents-page):not(.arrive-school-page):not(.arrive-foundation-page)
.arrive-journal-word{
  color:var(--branch-accent);
}

.arrive-perspectives-line{
  display:block;
}

/* Die vier Rough-Zwischentitel rosa */
.arrive-page:not(.arrive-girls-page):not(.arrive-parents-page):not(.arrive-school-page):not(.arrive-foundation-page)
.arrive-path-card h3.arrive-rough-title{
  color:var(--branch-accent);
}


/* =========================================================
   ARRIVE – MÄDCHEN
   ========================================================= */

.arrive-girls-page .arrive-girls-hero h1,
.arrive-girls-page .arrive-girls-intro h2,
.arrive-girls-page .arrive-girls-section-heading h2,
.arrive-girls-page .arrive-girls-cta h2{
  color:#454244;
}

.arrive-girls-page .girls-hero-regular,
.arrive-girls-page .girls-voice-regular,
.arrive-girls-page .girls-tempo-rough,
.arrive-girls-page .arrive-girls-fits-rough{
  color:var(--branch-accent);
}

.arrive-girls-fits-rough{
  font-size:1.32em;
  line-height:.82;
  top:.07em;
  margin-left:.035em;
}

/* Diese bleiben bewusst anthrazit */
.arrive-girls-page .arrive-girls-step-rough,
.arrive-girls-page .arrive-girls-stimmig-rough,
.arrive-girls-page .arrive-girls-final-rough{
  color:#454244;
}


/* =========================================================
   ARRIVE – ELTERN
   ========================================================= */

.arrive-parents-page .arrive-parents-hero h1,
.arrive-parents-page .arrive-parents-intro-heading h2,
.arrive-parents-page .arrive-parents-journal h2{
  color:#454244;
}

.arrive-parents-page .parents-connected-regular,
.arrive-parents-page .parents-selfefficacy-regular,
.arrive-parents-page .parents-journal-regular{
  color:var(--branch-accent);
}

.arrive-parents-page .arrive-parents-final-rough{
  color:#454244;
}


/* =========================================================
   ARRIVE – SCHULEN
   ========================================================= */

.arrive-school-page .arrive-school-hero h1,
.arrive-school-page .arrive-school-intro-heading h2,
.arrive-school-page .arrive-school-journal h2{
  color:#454244;
}

.arrive-school-page .school-inside-rough,
.arrive-school-page .school-voice-regular,
.arrive-school-page .school-compass-regular,
.arrive-school-page .arrive-school-collab-rough{
  color:var(--branch-accent);
}

/* Zusammenarbeit, die nachwirkt – bewusst mindestens doppelte Wirkung */
.arrive-school-page .arrive-school-collab-rough{
  font-size:clamp(6.6rem,8.5vw,8.8rem);
  line-height:.86;
  margin-bottom:34px;
}

.arrive-school-page .arrive-school-final-rough{
  color:#454244;
}


/* =========================================================
   ARRIVE – STIFTUNGEN
   ========================================================= */

.arrive-foundation-page .arrive-foundation-hero h1,
.arrive-foundation-page .arrive-foundation-need-heading h2,
.arrive-foundation-page .arrive-foundation-future-heading h2,
.arrive-foundation-page .arrive-foundation-cta h2{
  color:#454244;
}

.arrive-foundation-page .foundation-prevention-regular,
.arrive-foundation-page .foundation-growing-regular,
.arrive-foundation-page .foundation-selfdetermined-rough,
.arrive-foundation-page .foundation-spaces-regular{
  color:var(--branch-accent);
}

.arrive-foundation-page .arrive-foundation-final-rough{
  color:#454244;
}


/* =========================================================
   BUTTONS – passend zur jeweiligen Spartenfarbe
   ========================================================= */

.final-card .button.primary{
  background:rgba(136,109,167,.86);
  border-color:rgba(136,109,167,.14);
  box-shadow:0 10px 26px rgba(136,109,167,.09);
}

.final-card .button.primary:hover{
  background:rgba(136,109,167,.96);
}

.grow-parent-button,
.grow-school-button,
.grow-foundation-button{
  background:#506654;
  border-color:rgba(80,102,84,.18);
  box-shadow:0 10px 26px rgba(80,102,84,.10);
}

.grow-parent-button:hover,
.grow-school-button:hover,
.grow-foundation-button:hover{
  background:#435747;
}

.arrive-girls-button,
.arrive-parents-button,
.arrive-school-button,
.arrive-foundation-button{
  background:#BB2F87;
  border-color:rgba(187,47,135,.18);
  box-shadow:0 10px 26px rgba(187,47,135,.10);
}

.arrive-girls-button:hover,
.arrive-parents-button:hover,
.arrive-school-button:hover,
.arrive-foundation-button:hover{
  background:#875168;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media(max-width:700px){

  .hero h1,
  .hero .hero-sub{
    font-size:clamp(2.5rem,11.5vw,3.35rem);
    line-height:.96;
    letter-spacing:-.02em;
  }

  .hero h1{
    margin-bottom:16px;
  }

  .hero .hero-sub{
    max-width:360px;
    margin-bottom:32px;
  }

  .hero-equal-line{
    white-space:nowrap;
  }

  .hero .hero-heard{
    font-size:.86em;
    top:.13em;
  }

  .holding-manifest-end.breathing-rough-manifest{
    font-size:3.12rem;
  }

  .arrive-girls-fits-rough{
    font-size:1.28em;
    top:.06em;
  }

  .arrive-school-page .arrive-school-collab-rough{
    font-size:clamp(4.6rem,16vw,6.1rem);
    line-height:.86;
    margin-bottom:30px;
  }
}


/* =========================================================
   V50.1 – Farbkorrektur nach Sichtprüfung
   ========================================================= */


/* =========================================================
   STARTSEITE
   ========================================================= */

/* "gehört" ca. 0,3 cm tiefer und 0,2 cm nach rechts */
.hero .hero-heard{
  left:8px;
  top:calc(.15em + 11px);
}

/* Bei "Etwas, das bleibt." nur "bleibt" violett */
.keepsakes .section-heading h2{
  color:#454244 !important;
}

.keepsakes .section-heading h2 .keepsake-stay{
  color:#886DA7 !important;
}

/* Bei "Dein nächster Schritt" nur "nächster Schritt" violett */
.final-step-kicker{
  color:#454244 !important;
}

.final-step-kicker .final-step-rough{
  color:#886DA7 !important;
}

/* Die vier Bubbles im Methodenbereich einheitlich
   in der aktuellen Eigenklang-Farbe #886DA7 */
.method-item:nth-child(1)::before,
.method-item:nth-child(2)::before,
.method-item:nth-child(3)::before,
.method-item:nth-child(4)::before{
  background:radial-gradient(
    ellipse,
    rgba(136,109,167,.17) 0%,
    rgba(136,109,167,.08) 46%,
    rgba(136,109,167,0) 74%
  ) !important;
}


/* =========================================================
   GROW · Eltern
   ========================================================= */

/* Bewährte Farbmarken wieder vollständig herstellen */
.grow-parent-page .grow-parent-hero-regular,
.grow-parent-page .grow-parent-story-rough,
.grow-parent-page .grow-parent-book-regular,
.grow-parent-page .grow-parent-wayfinder-rough,
.grow-parent-page .grow-parent-cta-rough{
  color:var(--branch-accent) !important;
}

/* Kennenlernen-Kicker bleibt bewusst Anthrazit */
.grow-parent-page .grow-parent-cta .kicker{
  color:#454244 !important;
}


/* =========================================================
   GROW · Schulen
   ========================================================= */

.grow-school-page .grow-school-hero .grow-school-inline-regular,
.grow-school-page .grow-school-transfer-copy .grow-school-inline-regular,
.grow-school-page .grow-school-collab-regular,
.grow-school-page .grow-school-final-rough{
  color:var(--branch-accent) !important;
}


/* =========================================================
   GROW · Stiftungen
   ========================================================= */

.grow-foundation-page .grow-foundation-future,
.grow-foundation-page .grow-foundation-growth,
.grow-foundation-page .grow-foundation-support,
.grow-foundation-page .grow-foundation-final-rough{
  color:var(--branch-accent) !important;
}


/* =========================================================
   ARRIVE · Übersicht
   ========================================================= */

/* Die beiden zentralen Breathing-Wörter sicher rosé */
.arrive-page:not(.arrive-girls-page):not(.arrive-parents-page):not(.arrive-school-page):not(.arrive-foundation-page)
.arrive-arrive,

.arrive-page:not(.arrive-girls-page):not(.arrive-parents-page):not(.arrive-school-page):not(.arrive-foundation-page)
.arrive-journal-word{
  color:var(--branch-accent) !important;
}

/* Die vier Rough-Zwischentitel bleiben ebenfalls rosé */
.arrive-page:not(.arrive-girls-page):not(.arrive-parents-page):not(.arrive-school-page):not(.arrive-foundation-page)
.arrive-path-card h3.arrive-rough-title{
  color:var(--branch-accent) !important;
}


/* =========================================================
   ARRIVE · Mädchen
   ========================================================= */

/* Gewünschte rosa Breathing-Momente */
.arrive-girls-page .girls-hero-regular,
.arrive-girls-page .girls-voice-regular,
.arrive-girls-page .girls-tempo-rough,
.arrive-girls-page .arrive-girls-fits-rough,
.arrive-girls-page .arrive-girls-stimmig-rough,
.arrive-girls-page .arrive-girls-final-rough{
  color:var(--branch-accent) !important;
}

/* "passt" zusätzlich ca. 0,2 cm nach rechts */
.arrive-girls-page .arrive-girls-fits-rough{
  left:8px;
}


/* =========================================================
   ARRIVE · Eltern
   ========================================================= */

.arrive-parents-page .parents-connected-regular,
.arrive-parents-page .parents-selfefficacy-regular,
.arrive-parents-page .parents-journal-regular,
.arrive-parents-page .arrive-parents-final-rough{
  color:var(--branch-accent) !important;
}


/* =========================================================
   ARRIVE · Schulen
   ========================================================= */

.arrive-school-page .school-inside-rough,
.arrive-school-page .school-voice-regular,
.arrive-school-page .school-compass-regular,
.arrive-school-page .arrive-school-collab-rough,
.arrive-school-page .arrive-school-final-rough{
  color:var(--branch-accent) !important;
}

/* V50 war hier zu groß geraten – wieder deutlich,
   aber harmonisch statt überdimensioniert */
.arrive-school-page .arrive-school-collab-rough{
  font-size:clamp(3.45rem,4.35vw,4.65rem) !important;
  line-height:.98 !important;
  margin-bottom:28px;
}


/* =========================================================
   ARRIVE · Stiftungen
   ========================================================= */

/* Nur diese gewünschten Stellen rosé */
.arrive-foundation-page .foundation-prevention-regular,
.arrive-foundation-page .foundation-selfdetermined-rough,
.arrive-foundation-page .foundation-spaces-regular,
.arrive-foundation-page .arrive-foundation-final-rough{
  color:var(--branch-accent) !important;
}

/* "Aufwachsen" bewusst wieder Anthrazit */
.arrive-foundation-page .foundation-growing-regular{
  color:#454244 !important;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media(max-width:700px){

  .hero .hero-heard{
    left:7px;
    top:calc(.13em + 10px);
  }

  .arrive-girls-page .arrive-girls-fits-rough{
    left:8px;
  }

  .arrive-school-page .arrive-school-collab-rough{
    font-size:3rem !important;
    line-height:1 !important;
    margin-bottom:25px;
  }

  .method-item:nth-child(1)::before,
  .method-item:nth-child(2)::before,
  .method-item:nth-child(3)::before,
  .method-item:nth-child(4)::before{
    background:radial-gradient(
      ellipse,
      rgba(136,109,167,.20) 0%,
      rgba(136,109,167,.10) 46%,
      rgba(136,109,167,0) 74%
    ) !important;
  }
}


/* =========================================================
   V50.2 – Mini-Feinschliff
   ========================================================= */

/* STARTSEITE */
.keepsakes .section-heading h2 .keepsake-stay{
  top:calc(.16em + 8px);
}

.final-step-kicker .final-step-rough{
  position:relative;
  top:6px;
}

/* GROW – Schulen */
.grow-school-page .grow-school-hero .grow-school-inline-regular{
  font-size:.75em;
}

/* ARRIVE – Schulen */
.arrive-school-page .school-inside-rough{
  font-size:1.16em;
}

/* "Zusammenarbeit, die nachwirkt" so groß wie
   "Ich freue mich auf den Austausch mit Ihnen." */
.arrive-school-page .arrive-school-collab-rough{
  font-size:clamp(2.5rem,3.05vw,3.2rem) !important;
  line-height:1.04 !important;
  margin-bottom:24px;
}

/* ARRIVE – Stiftungen */
.arrive-foundation-page .foundation-growing-regular{
  color:var(--branch-accent) !important;
}

@media(max-width:700px){

  .keepsakes .section-heading h2 .keepsake-stay{
    top:calc(.14em + 8px);
  }

  .final-step-kicker .final-step-rough{
    top:6px;
  }

  .grow-school-page .grow-school-hero .grow-school-inline-regular{
    font-size:.75em;
  }

  .arrive-school-page .school-inside-rough{
    font-size:1.12em;
  }

  .arrive-school-page .arrive-school-collab-rough{
    font-size:2.35rem !important;
    line-height:1.04 !important;
    margin-bottom:22px;
  }
}


/* =========================================================
   V50.3 – Desktop-Feinschliff vor Mobile-Audit
   ========================================================= */

/* STARTSEITE:
   Punkt gehört jetzt zum farbigen Wort "bleibt." */
.keepsakes .section-heading h2 .keepsake-stay{
  color:#886DA7 !important;
}


/* =========================================================
   GROW – Schulen
   ========================================================= */

/* "Zusammenarbeit," inklusive Komma grün.
   Der zweite Teil "die nachwirkt" bleibt Anthrazit. */
.grow-school-page .grow-school-collab-line:first-child{
  color:var(--branch-accent) !important;
}

.grow-school-page .grow-school-collab-line:first-child .grow-school-collab-regular{
  color:inherit !important;
}


/* =========================================================
   ARRIVE – Mädchen
   ========================================================= */

/* "Dein Tempo." einen Tick größer. */
.arrive-girls-page .girls-tempo-rough{
  font-size:1.14em;
}


/* =========================================================
   ARRIVE – Schulen
   ========================================================= */

/* "von innen" noch einen Tick größer. */
.arrive-school-page .school-inside-rough{
  font-size:1.21em;
}

/* Kompass inklusive Komma rosa. */
.arrive-school-page .school-compass-regular{
  color:var(--branch-accent) !important;
}

/* "Zusammenarbeit, die nachwirkt" exakt wie die
   Dachzeile "KENNENLERNEN" auf der Elternseite. */
.arrive-school-page .arrive-school-collab-rough{
  font-family:var(--sans) !important;
  font-size:.7rem !important;
  line-height:1.35 !important;
  font-weight:600 !important;
  text-transform:uppercase !important;
  letter-spacing:.19em !important;
  word-spacing:normal !important;
  color:var(--branch-accent) !important;
  margin-bottom:18px !important;
}


/* =========================================================
   ARRIVE – Stiftungen
   ========================================================= */

.arrive-foundation-cta .kicker{
  margin-bottom:18px;
}


/* =========================================================
   Mobile-Grundschutz
   ========================================================= */

@media(max-width:700px){
  .arrive-school-page .arrive-school-collab-rough{
    font-family:var(--sans) !important;
    font-size:.7rem !important;
    line-height:1.35 !important;
    font-weight:600 !important;
    text-transform:uppercase !important;
    letter-spacing:.19em !important;
    word-spacing:normal !important;
  }
}


/* =========================================================
   V50.4 – drei letzte Web-Korrekturen
   ========================================================= */

/* STARTSEITE – Punkt nach "werden" wieder sauber
   auf die Grundlinie der Serifenschrift setzen.
   Eine ältere translateY-Regel hatte ihn noch angehoben. */
.hero .hero-sub .hero-sub-period{
  display:inline !important;
  position:static !important;
  transform:none !important;
  vertical-align:baseline !important;
}

/* STARTSEITE – "nächster Schritt" von der zuletzt
   abgesenkten Position ca. 0,1 cm wieder nach oben. */
.final-step-kicker .final-step-rough{
  top:2px !important;
}


/* ARRIVE – Schulen:
   "Zusammenarbeit, die nachwirkt" exakt als Dachzeile behandeln.
   Gleiche Typografie und Größe wie KENNENLERNEN bei Eltern/Stiftungen,
   aber in unserem Anthrazit. */
.arrive-school-page .arrive-school-collab-rough{
  font-family:var(--sans) !important;
  font-size:.7rem !important;
  font-weight:600 !important;
  line-height:normal !important;
  text-transform:uppercase !important;
  letter-spacing:.19em !important;
  word-spacing:normal !important;
  color:#454244 !important;
  margin-bottom:18px !important;
}

@media(max-width:700px){
  .hero .hero-sub .hero-sub-period{
    display:inline !important;
    position:static !important;
    transform:none !important;
    vertical-align:baseline !important;
  }

  .final-step-kicker .final-step-rough{
    top:2px !important;
  }

  .arrive-school-page .arrive-school-collab-rough{
    font-family:var(--sans) !important;
    font-size:.7rem !important;
    font-weight:600 !important;
    line-height:normal !important;
    text-transform:uppercase !important;
    letter-spacing:.19em !important;
    word-spacing:normal !important;
    color:#454244 !important;
  }
}


/* =========================================================
   V50.5 – ARRIVE Schulen · Dachzeile exakt angleichen
   =========================================================
   Tatsächliche ARRIVE-Kicker-Regel auf Eltern/Stiftungen:
   1.02rem / .22em / 600 / uppercase.
   ========================================================= */

.arrive-school-page .arrive-school-collab-rough{
  font-family:var(--sans) !important;
  font-size:1.02rem !important;
  font-weight:600 !important;
  line-height:normal !important;
  text-transform:uppercase !important;
  letter-spacing:.22em !important;
  word-spacing:normal !important;
  color:#454244 !important;
  margin-bottom:18px !important;
}

@media(max-width:700px){
  /* Mobile prüfen wir anschließend separat.
     Vorläufig nicht auf die falsche alte .7rem-Regel zurückfallen. */
  .arrive-school-page .arrive-school-collab-rough{
    font-family:var(--sans) !important;
    font-size:1.02rem !important;
    font-weight:600 !important;
    line-height:normal !important;
    text-transform:uppercase !important;
    letter-spacing:.22em !important;
    word-spacing:normal !important;
    color:#454244 !important;
  }
}


/* =========================================================
   V51 – Baseline-Audit · technischer Fix
   =========================================================
   Bei allen gemischten Cormorant/Breathing-Stellen wurde geprüft,
   ob die vorhandene vertikale Korrektur technisch tatsächlich greift.

   Ein Ausreißer:
   .keepsake-stay hatte einen bereits festgelegten top-Wert,
   aber kein position:relative. Dadurch war top wirkungslos.
   Es wird hier ausschließlich die bestehende Korrektur aktiviert.
   ========================================================= */

.keepsakes .section-heading h2 .keepsake-stay{
  position:relative;
}


/* =========================================================
   V52 – Mobile · optische Baseline statt nur technischer Baseline
   =========================================================
   Wichtig:
   Breathing und Cormorant haben unterschiedliche Font-Metriken.
   Deshalb reicht eine technisch wirksame top-Regel nicht aus.
   Diese Korrekturen gelten ausschließlich mobil und orientieren
   sich an den bereits stimmigen REMEMBER-Werten bzw. entfernen
   frühere zusätzliche Absenkungen.
   ========================================================= */

@media(max-width:700px){

  /* -------------------------------------------------------
     STARTSEITE · "Etwas, das bleibt."
     Die zusätzliche Absenkung wird mobil entfernt.
     X-Korrektur bleibt erhalten, Y-Translate nicht.
     ------------------------------------------------------- */
  .keepsakes .section-heading h2 .keepsake-stay{
    top:0 !important;
    transform:translate(.055em,0) !important;
  }


  /* -------------------------------------------------------
     GROW Übersicht · "Wachsen"
     Vorher: 13px Absenkung.
     Jetzt dieselbe relative Größenordnung wie die stimmigen
     REMEMBER-Regular-Akzente: .13em.
     ------------------------------------------------------- */
  .grow-intro .grow-section-heading .grow-inline-regular{
    top:.13em !important;
  }


  /* -------------------------------------------------------
     GROW Schulen · Hero "bleibt"
     Die alte mobile translateY-Absenkung von 15px war zu stark.
     Horizontale Position bleibt, vertikale Zusatzverschiebung raus.
     ------------------------------------------------------- */
  .grow-school-page .grow-school-hero .grow-school-inline-regular{
    transform:translate(4px,0) !important;
    top:.11em !important;
  }


  /* -------------------------------------------------------
     GROW Stiftungen · "Fördern"
     Die spätere +9px-Zusatzabsenkung wird entfernt.
     ------------------------------------------------------- */
  .grow-foundation-page .grow-foundation-support{
    top:.12em !important;
  }


  /* -------------------------------------------------------
     ARRIVE Mädchen · "Vier Schritte. / Dein Tempo."
     Mobil bewusst zweizeilig; Tempo optisch größer.
     ------------------------------------------------------- */
  .arrive-girls-page .girls-tempo-rough{
    display:block;
    font-size:1.20em !important;
    line-height:.94;
    top:.04em !important;
    margin-left:0;
    margin-top:-.03em;
  }


  /* -------------------------------------------------------
     ARRIVE Schulen · Hero "von innen"
     Größer, mehr Luft zu "was" und weniger Absenkung.
     ------------------------------------------------------- */
  .arrive-school-page .school-inside-rough{
    font-size:1.30em !important;
    top:.02em !important;
    margin-left:.16em !important;
    margin-right:.04em !important;
    vertical-align:baseline;
  }
}


/* =========================================================
   V53 – Mobile Mini-Korrektur ARRIVE Schulen
   ========================================================= */

@media(max-width:700px){
  .arrive-school-page .school-inside-rough{
    top:.07em !important;
  }
}


/* =========================================================
   V53 – Über Eigenklang & mich · Breathing
   ========================================================= */

.about-breathing-regular,
.about-breathing-rough{
  display:inline-block;
  position:relative;
  font-weight:400;
  letter-spacing:0;
  color:#886DA7;
}

.about-breathing-regular{
  font-family:"BreathingRegular", cursive;
}

.about-breathing-rough{
  font-family:"BreathingRough", cursive;
  word-spacing:-.08em;
}


/* ---------------------------------------------------------
   ÜBER EIGENKLANG & MICH – HUB
   --------------------------------------------------------- */

.about-hub-growth{
  font-size:.78em;
  line-height:1;
  top:.15em;
  margin-left:.035em;
}

.about-hub-eigenklang{
  font-size:.78em;
  line-height:1;
  top:.15em;
  margin-left:.03em;
}


/* ---------------------------------------------------------
   ÜBER EIGENKLANG
   --------------------------------------------------------- */

/* Vollständiger Mantra-Hero bewusst als persönlicher
   Eigenklang-Markenmoment. */
.about-eigenklang-mantra-regular{
  font-family:"BreathingRegular", cursive !important;
  color:#886DA7 !important;
  font-size:clamp(3.2rem,5vw,5.15rem) !important;
  line-height:.98 !important;
  letter-spacing:0 !important;
  font-weight:400 !important;
}

.about-du-sein{
  font-size:.80em;
  line-height:1;
  top:.14em;
  margin-left:.025em;
}

.about-keepsake-breathing-regular{
  font-family:"BreathingRegular", cursive !important;
  color:#886DA7 !important;
  font-size:clamp(2.8rem,4.15vw,4.25rem) !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  font-weight:400 !important;
}

.about-discover-rough{
  font-size:.98em;
  line-height:.90;
  top:.08em;
  margin-left:.035em;
}

/* Weiter-Navigation zwischen Inhalt und Footer */
.about-next-nav{
  max-width:1180px;
  margin:0 auto;
  padding:38px 24px 72px;
  text-align:right;
}

.about-next-nav a{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-end;
  gap:5px;
  text-decoration:none;
  color:#454244;
}

.about-next-nav span{
  font-family:var(--sans);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.about-next-nav strong{
  font-family:var(--serif);
  font-size:clamp(1.75rem,2.8vw,2.55rem);
  line-height:1.05;
  font-weight:400;
  color:#886DA7;
}


/* ---------------------------------------------------------
   ÜBER MICH
   --------------------------------------------------------- */

.about-me-hero-regular{
  font-size:.76em;
  line-height:1;
  top:.16em;
  margin-left:.025em;
}

.about-me-self-regular{
  font-size:.79em;
  line-height:1;
  top:.14em;
  margin-left:.025em;
}

.about-story-keyword{
  font-size:1.34em;
  line-height:.80;
  top:.06em;
  margin:0 .025em;
}

/* Abschluss der Geschichte als eigenständige persönliche Stimme */
.about-story-origin-breathing{
  font-family:"BreathingRegular", cursive !important;
  font-size:clamp(2.35rem,3.35vw,3.45rem) !important;
  line-height:1.03 !important;
  letter-spacing:0 !important;
  font-weight:400 !important;
  color:#886DA7 !important;
}


/* ---------------------------------------------------------
   FOTO-PLATZHALTER
   --------------------------------------------------------- */

.about-photo-placeholder{
  position:relative;
  margin:0;
  color:#777176;
}

.about-photo-placeholder > div{
  min-height:420px;
  border:1px solid rgba(136,109,167,.22);
  border-radius:54% 46% 58% 42% / 43% 56% 44% 57%;
  background:
    radial-gradient(
      ellipse at 28% 24%,
      rgba(136,109,167,.10),
      rgba(136,109,167,.025) 50%,
      rgba(136,109,167,0) 74%
    ),
    rgba(252,251,250,.72);
}

.about-photo-placeholder figcaption{
  margin-top:12px;
  font-family:var(--sans);
  font-size:.7rem;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-align:center;
}

.about-photo-placeholder-one{
  width:min(330px,34vw);
  margin:10px 0 34px auto;
}

.about-photo-placeholder-two{
  width:min(420px,42vw);
  margin:42px auto 34px;
}

.about-photo-placeholder-two > div{
  min-height:300px;
  border-radius:42% 58% 47% 53% / 56% 43% 57% 44%;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:700px){

  .about-hub-growth{
    font-size:.77em;
    top:.13em;
  }

  .about-hub-eigenklang{
    font-size:.78em;
    top:.13em;
  }

  .about-eigenklang-mantra-regular{
    font-size:clamp(2.8rem,12vw,3.8rem) !important;
    line-height:.98 !important;
  }

  .about-du-sein{
    font-size:.79em;
    top:.12em;
  }

  .about-keepsake-breathing-regular{
    font-size:clamp(2.55rem,11vw,3.5rem) !important;
  }

  .about-discover-rough{
    font-size:.96em;
    top:.06em;
  }

  .about-next-nav{
    padding:30px 20px 58px;
  }

  .about-next-nav strong{
    font-size:2rem;
  }

  .about-me-hero-regular{
    font-size:.74em;
    top:.13em;
  }

  .about-me-self-regular{
    font-size:.78em;
    top:.12em;
  }

  .about-story-keyword{
    font-size:1.27em;
    top:.05em;
  }

  .about-story-origin-breathing{
    font-size:2.55rem !important;
    line-height:1.02 !important;
  }

  .about-photo-placeholder-one,
  .about-photo-placeholder-two{
    width:min(82vw,360px);
    margin:28px auto 38px;
  }

  .about-photo-placeholder-one > div{
    min-height:390px;
  }

  .about-photo-placeholder-two > div{
    min-height:280px;
  }
}


/* =========================================================
   V54 – Über-Bereich · Web + Mobile Feinschliff
   ========================================================= */

/* Gemeinsame Regel für mehrzeilige Breathing-Headlines:
   einheitlich 1.12 statt einzelner abweichender Werte. */
.about-breathing-multiline{
  line-height:1.12 !important;
}

/* Mobile-spezifische Umbrüche sind auf Web unsichtbar. */
.about-mobile-break{
  display:none;
}

.about-mobile-line{
  display:inline;
}


/* =========================================================
   ÜBER EIGENKLANG & MICH
   ========================================================= */

/* Der abgesenkte Breathing-Schriftzug "Eigenklang" benötigt
   exakt mehr Raum zum folgenden Text. */
.about-hub-path-eigenklang h2{
  margin-bottom:30px;
}


/* =========================================================
   ÜBER EIGENKLANG
   ========================================================= */

.about-eigenklang-mantra-regular{
  line-height:1.12 !important;
}

/* "entdecken": exakt ca. 15 % größer als die bisherige .98em-Regel. */
.about-discover-heading{
  line-height:1.10;
}

.about-discover-rough{
  font-size:1.13em;
  top:.06em;
  margin-left:.035em;
}


/* =========================================================
   ÜBER MICH · oberer Bereich fließender
   ========================================================= */

@media(min-width:901px){
  .about-person-page .about-me-inner{
    grid-template-columns:minmax(300px,.86fr) minmax(0,1.14fr);
    column-gap:clamp(48px,6vw,82px);
    row-gap:24px;
    align-items:start;
  }

  .about-person-page .about-me-heading{
    grid-column:1;
    grid-row:1;
  }

  .about-person-page .about-photo-placeholder-one{
    grid-column:1;
    grid-row:2;
    width:min(330px,100%);
    margin:0 auto 0 0;
  }

  .about-person-page .about-me-copy{
    grid-column:2;
    grid-row:1 / span 2;
    align-self:start;
    max-width:650px;
    margin-top:18px;
  }

  /* Keine starre rechte Textsäule:
     leichte, feste Einzüge geben den Absätzen einen fließenderen Rhythmus. */
  .about-person-page .about-me-copy > p{
    max-width:620px;
  }

  .about-person-page .about-me-copy > p:nth-child(2){
    max-width:590px;
    margin-left:22px;
  }

  .about-person-page .about-me-copy > p:nth-child(3){
    max-width:570px;
    margin-left:0;
  }

  .about-person-page .about-me-copy > p:nth-child(4){
    max-width:610px;
    margin-left:32px;
  }

  .about-person-page .about-me-copy > p:nth-child(5){
    max-width:565px;
    margin-left:12px;
  }

  .about-person-page .about-me-copy > .about-me-end{
    max-width:610px;
    margin-left:30px !important;
  }
}

/* Hero: gleiche 1.12-Multiline-Regel wie Über Eigenklang. */
.about-person-page .about-me-heading h1{
  line-height:1.12 !important;
}

/* "uns selbst." exakt ca. 0,2 cm tiefer und 0,1 cm nach rechts
   gegenüber seiner bisherigen Position. */
.about-me-self-regular{
  top:calc(.14em + 8px);
  left:4px;
}

/* begleitet, inklusive Komma – violett und auf Web ca. 0,2 cm rechts. */
.about-story-keyword-accompany{
  left:8px;
  color:#886DA7 !important;
}

/* Story-Abschluss: gleiche mehrzeilige Breathing-Regel. */
.about-story-origin-breathing{
  line-height:1.12 !important;
}

/* Zweites Foto jetzt bewusst am Ende der Geschichte, direkt vor dem Blog. */
.about-photo-placeholder-two{
  width:min(420px,42vw);
  margin:62px 0 0 auto;
}

/* Rücknavigation auf Über mich */
.about-back-nav{
  max-width:1180px;
  margin:0 auto;
  padding:34px 24px 68px;
  text-align:left;
}

.about-back-nav a{
  display:inline-block;
  font-family:var(--sans);
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-decoration:none;
  color:#886DA7;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){

  .about-mobile-break{
    display:block;
  }

  .about-mobile-line{
    display:block;
  }

  /* HUB-Hero exakt:
     Manches beginnt
     beinahe unmerklich –
     und wächst mit
     der
     Zeit */
  .about-hub-mobile-hero{
    line-height:1.12 !important;
  }

  .about-hub-mobile-hero .about-hub-growth{
    line-height:1.12;
    top:.08em;
  }

  .about-hub-path-eigenklang h2{
    margin-bottom:26px;
  }

  /* Über Eigenklang Hero:
     Alles, was / wir brauchen, / ist in uns. */
  .about-eigenklang-mantra-regular{
    line-height:1.12 !important;
  }

  /* Etwas, / das bleibt */
  .about-keepsake-breathing-regular{
    line-height:1.12 !important;
  }

  .about-discover-heading{
    line-height:1.11;
  }

  .about-discover-rough{
    font-size:1.13em;
    top:.04em;
  }

  /* Über mich Hero:
     Zwischen / Worten, / Farben / und Wachsen */
  .about-person-page .about-me-heading h1{
    line-height:1.12 !important;
  }

  .about-me-hero-regular{
    line-height:1.12;
    top:.08em;
  }

  /* Mobil wieder ein natürlicher einzelner Textfluss,
     ohne die Desktop-Einzüge. */
  .about-person-page .about-me-copy{
    max-width:100%;
    margin-top:0;
  }

  .about-person-page .about-me-copy > p,
  .about-person-page .about-me-copy > p:nth-child(2),
  .about-person-page .about-me-copy > p:nth-child(3),
  .about-person-page .about-me-copy > p:nth-child(4),
  .about-person-page .about-me-copy > p:nth-child(5),
  .about-person-page .about-me-copy > .about-me-end{
    max-width:none;
    margin-left:0 !important;
  }

  .about-me-self-regular{
    top:calc(.12em + 8px);
    left:4px;
  }

  /* Alle drei Rough-Wörter einen Tick nach rechts + minimal nach unten. */
  .about-story-keyword{
    left:5px;
    top:calc(.05em + 2px);
  }

  .about-story-keyword-accompany{
    left:7px;
  }

  /* Zweites Foto bleibt auch mobil unten direkt vor dem Blog. */
  .about-photo-placeholder-two{
    width:min(82vw,360px);
    margin:50px auto 0;
  }

  /* Genau dafür habe ich / Eigenklang entwickelt. */
  .about-story-origin-breathing{
    line-height:1.12 !important;
  }

  .about-back-nav{
    padding:28px 20px 54px;
  }
}


/* =========================================================
   V54.1 – Über mich · Web-Zeilenabstand exakt korrigiert
   =========================================================
   Ursache:
   Der H1 hatte bereits mehr line-height, aber der darin liegende
   Breathing-Span .about-me-hero-regular behielt auf Desktop
   weiterhin line-height:1. Dadurch liefen seine umgebrochenen
   Zeilen trotz H1-Regel zu eng.

   Gewünschter Zusatzabstand aus dem vorherigen Auftrag:
   ca. 0,3 cm = 11,34 px bei 96 dpi.
   ========================================================= */

@media(min-width:701px){

  /* Hero: sowohl die Cormorant-Zeile als auch der tatsächlich
     mehrzeilige Breathing-Span bekommen denselben Zusatzraum. */
  .about-person-page .about-me-heading h1,
  .about-person-page .about-me-heading .about-me-hero-regular{
    line-height:calc(1em + 11.34px) !important;
  }

  /* "Genau dafür habe ich Eigenklang entwickelt."
     dieselbe Abstandregel wie im Hero. */
  .about-person-page .about-story-origin-breathing{
    line-height:calc(1em + 11.34px) !important;
  }
}


/* =========================================================
   V54.2 – Über mich · Feinschliff
   ========================================================= */

/* "begleitet," einen kleinen Tick nach links:
   Desktop von 8px auf 6px, mobil von 7px auf 5px. */
.about-story-keyword-accompany{
  left:6px;
}

/* Die Rücknavigation verwendet jetzt bewusst exakt die bereits
   bestehende .grow-back-Komponente. Keine eigene Typografie mehr. */

@media(max-width:700px){

  .about-story-keyword-accompany{
    left:5px;
  }

  /* Über mich: die beiden großen mehrzeiligen Breathing-Momente
     mobil mit etwas mehr Luft als bisher (1.12 -> 1.18). */
  .about-person-page .about-me-heading h1,
  .about-person-page .about-me-heading .about-me-hero-regular,
  .about-person-page .about-story-origin-breathing{
    line-height:1.18 !important;
  }
}


/* =========================================================
   V54.3 – Über Eigenklang & mich · Mobile Hero sauber aufgebaut
   =========================================================
   Ursache des schiefen "und":
   Der komplette Breathing-Teil "wächst mit / der / Zeit" war
   ein einziges mehrzeiliges inline-block. Dessen Baseline liegt
   an der letzten internen Zeile. Dadurch wurde das davorstehende
   "und" optisch nach unten gezogen.

   Lösung:
   Jede mobile Zeile ist jetzt ein eigener Block. Auf Desktop
   bleiben dieselben Spans inline, sodass der bestehende Hero
   unverändert als normaler Satz läuft.
   ========================================================= */

.about-hub-hero-line{
  display:inline;
}

@media(max-width:700px){

  .about-hub-mobile-hero{
    line-height:1.12 !important;
  }

  .about-hub-hero-line{
    display:block;
  }

  /* "und" und "wächst mit" teilen jetzt wirklich dieselbe Zeile/Baseline. */
  .about-hub-mixed-line{
    white-space:nowrap;
  }

  .about-hub-mixed-line .about-hub-growth{
    display:inline-block;
    top:.03em;
    margin-left:.035em;
  }

  /* "der" und "Zeit" sind eigene Breathing-Zeilen und können
     deshalb das "und" nicht mehr vertikal verschieben. */
  .about-hub-hero-line.about-hub-growth{
    display:block;
    top:.03em;
    margin-left:0;
    line-height:1.12;
  }
}


/* =========================================================
   V54.5 – Über Eigenklang & mich · Mobile Hero Feinschliff
   ========================================================= */

@media(max-width:700px){

  /* Die vier gewünschten Hero-Zeilen bleiben jeweils zusammen,
     damit der Gedankenstrich nicht allein in die nächste Zeile rutscht. */
  .about-hub-mobile-hero .about-hub-hero-line{
    white-space:nowrap;
  }

  /* "wächst mit" ca. 0,1 cm nach rechts und unten. */
  .about-hub-mixed-line .about-hub-growth{
    left:4px;
    top:calc(.03em + 4px);
  }
}


/* =========================================================
   V55 – Footer reduziert und vereinheitlicht
   =========================================================
   - linke Wiederholung "Eigenklang / Life Trust Coaching" ausblenden
   - Rechtslinks + Copyright auf Desktop in einer gemeinsamen Zeile
   - Jahreszahl im Copyright nicht mehr als Block
   ========================================================= */

.site-footer > div{
  display:none;
}

.site-footer{
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
}

.site-footer nav{
  grid-column:1;
  align-items:center;
}

.site-footer > p{
  grid-column:2;
  align-self:center;
  white-space:nowrap;
}

.site-footer > p span{
  display:inline;
}

/* Auf kleineren Screens bleibt das Copyright selbst einzeilig,
   darf aber unter die umgebrochenen Footer-Links rutschen. */
@media(max-width:900px){
  .site-footer{
    grid-template-columns:1fr;
    gap:18px;
  }

  .site-footer nav{
    grid-column:1;
  }

  .site-footer > p{
    grid-column:1;
    white-space:nowrap;
  }
}


/* =========================================================
   V58 – Offizielles Life Trust Coaching® Siegel
   Nutzungsbedingungen:
   - Bilddatei bleibt unverändert
   - keine Verzerrung / Drehung / Farb- oder Schriftänderung
   - rundherum mindestens 25 % der dargestellten Siegelgröße Freiraum
   ========================================================= */

.about-ltc-seal-clearspace{
  --ltc-seal-size:clamp(150px,15vw,185px);
  display:inline-block;
  padding:calc(var(--ltc-seal-size) / 4);
  margin-top:4px;
}

.about-ltc-seal-clearspace img{
  display:block;
  width:var(--ltc-seal-size);
  height:auto;
  max-width:none;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  filter:none;
  transform:none;
}

@media(max-width:900px){
  .about-ltc-seal-clearspace{
    --ltc-seal-size:165px;
    margin-top:0;
  }
}

@media(max-width:600px){
  .about-ltc-seal-clearspace{
    --ltc-seal-size:155px;
  }
}

/* =========================================================
   V61 – ARRIVE Hero-Rosé + Über-mich-Zeilenabstand wiederhergestellt
   ========================================================= */

/* ARRIVE: spätere Anthrazit-Regeln gezielt für die Hero-H1 überschreiben.
   Alle übrigen Überschriften behalten ihre bisherige Farbgebung. */
.arrive-page:not(.arrive-girls-page):not(.arrive-parents-page):not(.arrive-school-page):not(.arrive-foundation-page) .arrive-hero h1,
.arrive-girls-page .arrive-girls-hero h1,
.arrive-parents-page .arrive-parents-hero h1,
.arrive-school-page .arrive-school-hero h1,
.arrive-foundation-page .arrive-foundation-hero h1{
  color:var(--branch-hero);
}


/* Über mich · Hero-Zeilenabstand + LTC-Überschrift
   Wiederherstellung des versehentlich entfernten V60-Blocks.
   Nur der Breathing-Teil "Worten, Farben und Wachsen" bekommt
   etwas mehr Luft zwischen seinen Zeilen. "Zwischen" bleibt
   im bisherigen Rhythmus. Gilt für Web und Mobile. */

@media(min-width:701px){
  .about-person-page .about-me-heading .about-me-hero-regular{
    line-height:calc(1em + 15.34px) !important;
  }
}

@media(max-width:700px){
  .about-person-page .about-me-heading .about-me-hero-regular{
    line-height:1.26 !important;
  }
}



/* =========================================================
   V60 – Persönliche Fotografie
   Startseite · Über-Hub · Über mich
   ========================================================= */

/* Startseite: persönliches Porträt statt Platzhalter */
.portrait{
  width:min(235px,100%);
  margin:0 auto;
  justify-self:center;
}

.portrait-image-wrap{
  position:relative;
  aspect-ratio:4 / 5;
  overflow:hidden;
  border-radius:48% 52% 45% 55% / 43% 47% 53% 57%;
  background:rgba(215,200,232,.12);
  box-shadow:0 18px 45px rgba(77,68,80,.08);
}

.portrait-image-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
}

.portrait-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 43%;
}

.portrait figcaption{
  margin-top:16px;
  text-align:center;
  font-size:.82rem;
}


/* Über Eigenklang & mich: Foto als Teil des persönlichen Weges */
.about-hub-path-person{
  display:grid;
  grid-template-columns:minmax(0,1fr) 205px;
  gap:34px;
  align-items:center;
}

.about-hub-person-copy{
  min-width:0;
}

.about-hub-person-photo{
  position:relative;
  width:100%;
  margin:0;
  justify-self:end;
}

.about-hub-person-photo::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-11%;
  border-radius:52% 48% 58% 42% / 46% 55% 45% 54%;
  background:
    radial-gradient(
      ellipse,
      rgba(246,218,229,.28),
      rgba(215,200,232,.10) 53%,
      rgba(215,200,232,0) 78%
    );
}

.about-hub-person-photo img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1199 / 1600;
  object-fit:cover;
  object-position:center;
  border-radius:43% 57% 48% 52% / 52% 43% 57% 48%;
  box-shadow:0 16px 40px rgba(77,68,80,.08);
}


/* Über mich: das Atelier bleibt sichtbar – kein enger Porträt-Crop */
.about-person-photo{
  margin:0;
}

.about-person-photo-art{
  position:relative;
  width:min(390px,100%);
}

.about-person-photo-art::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-7%;
  right:-8%;
  top:-6%;
  bottom:-7%;
  border-radius:48% 52% 43% 57% / 55% 44% 56% 45%;
  background:
    radial-gradient(
      ellipse,
      rgba(215,200,232,.17),
      rgba(170,185,162,.07) 55%,
      rgba(170,185,162,0) 78%
    );
}

.about-person-photo-art img{
  display:block;
  width:100%;
  height:auto;
  border-radius:32px 8px 36px 10px;
  box-shadow:0 18px 48px rgba(77,68,80,.09);
}

@media(min-width:901px){
  .about-person-page .about-person-photo-art{
    grid-column:1;
    grid-row:2;
    margin:4px auto 0 0;
  }
}

@media(max-width:900px){
  .about-hub-path-person{
    grid-template-columns:minmax(0,1fr) 190px;
  }

  .about-person-photo-art{
    width:min(540px,100%);
    margin:2px auto 12px;
  }
}

@media(max-width:700px){
  .about-hub-path-person{
    grid-template-columns:1fr;
    gap:30px;
  }

  .about-hub-person-photo{
    width:min(245px,72vw);
    margin:4px auto 0;
    justify-self:center;
  }

  .portrait{
    width:min(245px,72vw);
    margin:0 auto;
  }

  .about-person-photo-art{
    width:min(520px,100%);
    margin:0 auto 8px;
  }
}


/* =========================================================
   V60.1 – Kunstfoto kleiner
   Größenwirkung an das persönliche Foto im Über-Hub angeglichen.
   ========================================================= */


/* =========================================================
   V60.2 – Startseitenfoto kleiner
   Kunstfoto wieder auf V60-Größe, Startseitenporträt kompakter.
   ========================================================= */


/* =========================================================
   V61 – Blog · Übersicht + Artikel
   ========================================================= */

.blog-page,
.blog-article-page{
  background:#FCFBFA;
}

.blog-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:100vh;
  padding:178px 24px 118px;
  display:flex;
  align-items:center;
  background:
    radial-gradient(ellipse 58% 66% at -6% 35%,
      rgba(246,218,229,.23),
      rgba(246,218,229,0) 74%),
    radial-gradient(ellipse 56% 64% at 106% 62%,
      rgba(215,200,232,.25),
      rgba(215,200,232,0) 75%),
    #FCFBFA;
}

.blog-wash{
  position:absolute;
  z-index:-1;
  pointer-events:none;
  filter:blur(12px);
}

.blog-wash-one{
  width:42vw;
  height:38vw;
  left:-15vw;
  bottom:-10vw;
  border-radius:61% 39% 55% 45% / 43% 58% 42% 57%;
  background:radial-gradient(ellipse,
    rgba(170,185,162,.20),
    rgba(170,185,162,.05) 52%,
    rgba(170,185,162,0) 78%);
}

.blog-wash-two{
  width:38vw;
  height:35vw;
  right:-13vw;
  top:8vw;
  border-radius:43% 57% 61% 39% / 57% 43% 55% 45%;
  background:radial-gradient(ellipse,
    rgba(129,151,185,.13),
    rgba(129,151,185,.035) 53%,
    rgba(129,151,185,0) 78%);
}

.blog-hero-inner{
  width:100%;
  max-width:1080px;
  margin:auto;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);
  gap:clamp(54px,8vw,108px);
  align-items:center;
}

.blog-hero-copy{
  max-width:690px;
}

.blog-hero h1{
  margin:19px 0 35px;
  font-family:var(--serif);
  font-size:clamp(3.2rem,5.5vw,5.8rem);
  line-height:1.03;
  letter-spacing:-.04em;
  font-weight:400;
  color:#575059;
}

.blog-hero-rough{
  display:inline-block;
  font-size:.8em;
  line-height:1.08;
  color:#886DA7;
  transform:translateY(.08em);
}

.blog-hero-lead{
  max-width:650px;
  margin:0 0 24px;
  font-size:1.08rem;
  line-height:1.78;
}

.blog-hero-note{
  margin:0;
  font-family:var(--serif);
  font-size:1.35rem;
  color:#64566a;
}

.blog-hero-photo{
  position:relative;
  width:min(285px,100%);
  margin:0 auto;
}

.blog-hero-photo::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-9%;
  border-radius:53% 47% 57% 43% / 45% 55% 45% 55%;
  background:radial-gradient(ellipse,
    rgba(215,200,232,.23),
    rgba(246,218,229,.08) 54%,
    rgba(246,218,229,0) 78%);
}

.blog-hero-photo img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/4;
  object-fit:cover;
  object-position:center;
  border-radius:44% 56% 48% 52% / 54% 43% 57% 46%;
  box-shadow:0 18px 48px rgba(77,68,80,.09);
}

.blog-chapters{
  position:relative;
  padding:118px 24px 126px;
  background:
    radial-gradient(ellipse 52% 48% at -8% 35%,
      rgba(170,185,162,.12),
      rgba(170,185,162,0) 74%),
    radial-gradient(ellipse 50% 50% at 106% 72%,
      rgba(215,200,232,.14),
      rgba(215,200,232,0) 74%),
    #FCFBFA;
}

.blog-chapters-inner{
  max-width:980px;
  margin:auto;
}

.blog-chapters-heading{
  max-width:700px;
  margin:0 auto 62px;
  text-align:center;
}

.blog-chapters-heading h2{
  margin:16px 0 0;
  font-family:var(--serif);
  font-size:clamp(3rem,4.9vw,5rem);
  line-height:1.02;
  font-weight:400;
  color:#5f5364;
}

.blog-feature{
  position:relative;
  max-width:800px;
  margin:0 auto;
  padding:58px 62px 60px;
  isolation:isolate;
}

.blog-feature::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-4%;
  border-radius:60% 40% 54% 46% / 45% 58% 42% 55%;
  background:radial-gradient(ellipse,
    rgba(246,218,229,.30),
    rgba(215,200,232,.10) 54%,
    rgba(215,200,232,0) 79%);
}

.blog-feature-meta{
  margin-bottom:18px;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.17em;
  text-transform:uppercase;
  color:#886DA7;
}

.blog-feature h3{
  max-width:710px;
  margin:0 0 28px;
  font-family:var(--serif);
  font-size:clamp(2.25rem,3.7vw,3.7rem);
  line-height:1.08;
  font-weight:400;
  color:#575059;
}

.blog-feature p{
  max-width:650px;
  line-height:1.75;
}

.blog-feature-quote{
  margin:24px 0 28px;
  font-family:var(--serif);
  font-size:1.45rem;
  color:#64566a;
}

.blog-read-link,
.blog-back-link{
  display:inline-block;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:#725879;
}

.blog-coming{
  max-width:600px;
  margin:86px auto 0;
  text-align:center;
}

.blog-coming .kicker{
  margin-bottom:14px;
}

.blog-coming p:last-child{
  margin:0;
  font-family:var(--serif);
  font-size:1.35rem;
  color:#64566a;
}


/* Blogartikel */
.blog-article{
  overflow:hidden;
}

.blog-article-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:190px 24px 105px;
  background:
    radial-gradient(ellipse 60% 68% at -8% 38%,
      rgba(246,218,229,.20),
      rgba(246,218,229,0) 74%),
    radial-gradient(ellipse 56% 65% at 106% 61%,
      rgba(215,200,232,.22),
      rgba(215,200,232,0) 75%),
    #FCFBFA;
}

.blog-article-wash{
  position:absolute;
  z-index:-1;
  pointer-events:none;
  filter:blur(10px);
}

.blog-article-wash.one{
  width:48vw;
  height:38vw;
  left:-18vw;
  bottom:-18vw;
  background:radial-gradient(ellipse,
    rgba(170,185,162,.16),
    rgba(170,185,162,0) 76%);
}

.blog-article-wash.two{
  width:42vw;
  height:34vw;
  right:-17vw;
  top:-7vw;
  background:radial-gradient(ellipse,
    rgba(129,151,185,.10),
    rgba(129,151,185,0) 76%);
}

.blog-article-hero-inner{
  max-width:900px;
  margin:auto;
  text-align:center;
}

.blog-back-link{
  margin-bottom:42px;
}

.blog-article-hero .kicker{
  margin-bottom:20px;
}

.blog-article-hero h1{
  max-width:880px;
  margin:0 auto;
  font-family:var(--serif);
  font-size:clamp(3rem,5vw,5.15rem);
  line-height:1.04;
  letter-spacing:-.035em;
  font-weight:400;
  color:#575059;
}

.blog-article-body{
  max-width:720px;
  margin:auto;
  padding:92px 24px 42px;
  font-family:var(--sans);
  font-size:1.04rem;
  line-height:1.88;
}

.blog-article-body p{
  margin:0 0 26px;
}

.blog-article-opening{
  font-family:var(--serif);
  font-size:clamp(1.55rem,2.25vw,2rem);
  line-height:1.55;
  color:#5b535c;
}

.blog-article-emphasis,
.blog-article-question{
  margin:45px 0 !important;
  text-align:center;
  font-family:var(--serif);
  font-size:clamp(2rem,3vw,2.7rem);
  line-height:1.25;
  color:#725879;
}

.blog-article-footer{
  max-width:720px;
  margin:34px auto 105px;
  padding:54px 24px 0;
  text-align:center;
  border-top:1px solid rgba(136,109,167,.12);
}

.blog-article-footer .kicker{
  margin-bottom:16px;
}

.blog-article-footer p:not(.kicker){
  margin-bottom:24px;
  font-family:var(--serif);
  font-size:1.35rem;
  color:#64566a;
}

@media(max-width:900px){
  .blog-hero-inner{
    grid-template-columns:1fr;
    text-align:center;
  }

  .blog-hero-copy{
    margin:auto;
  }

  .blog-hero-photo{
    width:min(260px,65vw);
  }
}

@media(max-width:600px){
  .blog-hero{
    min-height:auto;
    padding:164px 20px 98px;
  }

  .blog-hero h1{
    font-size:clamp(2.9rem,13vw,4rem);
    margin-bottom:29px;
  }

  .blog-hero-lead{
    font-size:1rem;
  }

  .blog-hero-photo{
    width:min(225px,68vw);
  }

  .blog-chapters{
    padding:82px 20px 92px;
  }

  .blog-chapters-heading{
    margin-bottom:42px;
  }

  .blog-feature{
    padding:38px 22px 43px;
  }

  .blog-feature h3{
    font-size:clamp(2.1rem,10.5vw,3rem);
  }

  .blog-coming{
    margin-top:62px;
  }

  .blog-article-hero{
    padding:166px 20px 74px;
  }

  .blog-back-link{
    margin-bottom:34px;
  }

  .blog-article-hero h1{
    font-size:clamp(2.65rem,12vw,3.65rem);
  }

  .blog-article-body{
    padding:68px 20px 28px;
    font-size:1rem;
    line-height:1.82;
  }

  .blog-article-opening{
    font-size:1.46rem;
  }

  .blog-article-emphasis,
  .blog-article-question{
    margin:38px 0 !important;
    font-size:2rem;
  }

  .blog-article-footer{
    margin-bottom:82px;
    padding:42px 20px 0;
  }
}


/* =========================================================
   V61.1 – Blog Feinschliff
   Mehr Farbe direkt an den Textebenen + reduzierte Benennung.
   ========================================================= */

.blog-hero-copy,
.blog-feature,
.blog-coming,
.blog-article-body{
  position:relative;
  isolation:isolate;
}

.blog-hero-copy::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-10% -8% -12% -10%;
  border-radius:58% 42% 54% 46% / 46% 57% 43% 54%;
  background:
    radial-gradient(ellipse 66% 58% at 26% 35%,
      rgba(246,218,229,.16),
      rgba(246,218,229,0) 74%),
    radial-gradient(ellipse 58% 54% at 79% 72%,
      rgba(170,185,162,.10),
      rgba(170,185,162,0) 76%);
  pointer-events:none;
}

.blog-feature::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:12% -3% 5% 3%;
  border-radius:47% 53% 59% 41% / 54% 43% 57% 46%;
  background:
    radial-gradient(ellipse 62% 54% at 78% 24%,
      rgba(129,151,185,.07),
      rgba(129,151,185,0) 74%),
    radial-gradient(ellipse 68% 60% at 24% 78%,
      rgba(246,218,229,.11),
      rgba(246,218,229,0) 76%);
  pointer-events:none;
}

.blog-coming::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-45% -20%;
  border-radius:50%;
  background:radial-gradient(ellipse,
    rgba(215,200,232,.10),
    rgba(215,200,232,0) 73%);
  pointer-events:none;
}

.blog-article-body::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:1% -12% 0;
  background:
    radial-gradient(ellipse 58% 11% at 16% 10%,
      rgba(246,218,229,.10),
      rgba(246,218,229,0) 74%),
    radial-gradient(ellipse 55% 12% at 88% 34%,
      rgba(215,200,232,.09),
      rgba(215,200,232,0) 74%),
    radial-gradient(ellipse 52% 12% at 12% 61%,
      rgba(170,185,162,.075),
      rgba(170,185,162,0) 74%),
    radial-gradient(ellipse 52% 12% at 86% 84%,
      rgba(129,151,185,.055),
      rgba(129,151,185,0) 74%);
  pointer-events:none;
}

@media(max-width:600px){
  .blog-hero-copy::before{
    inset:-7% -7% -9%;
    background:
      radial-gradient(ellipse 82% 60% at 18% 30%,
        rgba(246,218,229,.14),
        rgba(246,218,229,0) 75%),
      radial-gradient(ellipse 76% 58% at 86% 76%,
        rgba(170,185,162,.08),
        rgba(170,185,162,0) 76%);
  }

  .blog-feature::after{
    inset:9% -6% 3%;
  }

  .blog-article-body::before{
    inset:0 -7%;
    background:
      radial-gradient(ellipse 85% 9% at 5% 9%,
        rgba(246,218,229,.12),
        rgba(246,218,229,0) 75%),
      radial-gradient(ellipse 82% 10% at 97% 35%,
        rgba(215,200,232,.11),
        rgba(215,200,232,0) 75%),
      radial-gradient(ellipse 80% 10% at 3% 63%,
        rgba(170,185,162,.09),
        rgba(170,185,162,0) 75%),
      radial-gradient(ellipse 78% 10% at 96% 87%,
        rgba(129,151,185,.065),
        rgba(129,151,185,0) 75%);
  }
}


/* =========================================================
   V61.5 – Blogartikel · Breathing-Klammer + Farbmomente
   Größenwirkung an „Über mich“ angelehnt:
   Rough dort ca. 1.34em auf Desktop / 1.27em mobil.
   ========================================================= */

.blog-article-emphasis,
.blog-article-question{
  font-family:"BreathingRough", cursive;
  font-size:clamp(1.95rem,2.8vw,2.6rem);
  line-height:.96;
  font-weight:400;
  letter-spacing:0;
  word-spacing:-.08em;
  color:#886DA7;
}

.blog-article-emphasis strong,
.blog-article-question strong{
  font-weight:400;
}

.blog-article-transition,
.blog-article-closing{
  position:relative;
  isolation:isolate;
}

.blog-article-transition{
  margin-top:42px !important;
  margin-bottom:44px !important;
}

.blog-article-transition::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-70% -13% -65% -10%;
  border-radius:55% 45% 58% 42% / 47% 56% 44% 53%;
  background:
    radial-gradient(ellipse 72% 70% at 30% 48%,
      rgba(246,218,229,.13),
      rgba(246,218,229,0) 74%),
    radial-gradient(ellipse 58% 64% at 78% 56%,
      rgba(215,200,232,.075),
      rgba(215,200,232,0) 76%);
  pointer-events:none;
}

.blog-article-closing{
  margin-top:40px !important;
}

.blog-article-closing::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-62% -13% -72% -10%;
  border-radius:46% 54% 42% 58% / 56% 45% 55% 44%;
  background:
    radial-gradient(ellipse 68% 70% at 67% 45%,
      rgba(215,200,232,.12),
      rgba(215,200,232,0) 74%),
    radial-gradient(ellipse 58% 64% at 24% 58%,
      rgba(129,151,185,.06),
      rgba(129,151,185,0) 76%);
  pointer-events:none;
}

@media(max-width:700px){
  .blog-article-emphasis,
  .blog-article-question{
    font-size:1.75rem;
    line-height:.98;
  }

  .blog-article-transition{
    margin-top:38px !important;
    margin-bottom:40px !important;
  }

  .blog-article-transition::before{
    inset:-58% -7% -55%;
    background:
      radial-gradient(ellipse 82% 72% at 26% 48%,
        rgba(246,218,229,.12),
        rgba(246,218,229,0) 75%),
      radial-gradient(ellipse 72% 64% at 82% 58%,
        rgba(215,200,232,.07),
        rgba(215,200,232,0) 76%);
  }

  .blog-article-closing::before{
    inset:-48% -7% -58%;
    background:
      radial-gradient(ellipse 82% 70% at 75% 44%,
        rgba(215,200,232,.105),
        rgba(215,200,232,0) 75%),
      radial-gradient(ellipse 68% 64% at 18% 60%,
        rgba(129,151,185,.052),
        rgba(129,151,185,0) 76%);
  }
}


/* =========================================================
   V61.6 – Teaser · gleiche Breathing-Klammer wie im Artikel
   ========================================================= */

.blog-feature-quote{
  font-family:"BreathingRough", cursive;
  font-size:clamp(1.95rem,2.8vw,2.6rem);
  line-height:.96;
  font-weight:400;
  letter-spacing:0;
  word-spacing:-.08em;
  color:#886DA7;
}

.blog-feature-quote strong{
  font-weight:400;
}

@media(max-width:700px){
  .blog-feature-quote{
    font-size:1.75rem;
    line-height:.98;
  }
}


/* =========================================================
   V25 – MeYouARRIVE · Startangebot analog MeYouREMEMBER
   ========================================================= */
.arrive-girls-overview .arrive-girls-section-heading > p:last-child,
.arrive-parents-overview .arrive-parents-heading > p:last-child{
  max-width:670px;
  margin:0 auto;
  line-height:1.68;
}
.arrive-girls-overview .arrive-girls-section-heading,
.arrive-parents-overview .arrive-parents-heading{margin-bottom:55px}
.arrive-girls-facts,.arrive-parents-facts{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1020px;margin-bottom:68px}
.arrive-girls-offer-details,.arrive-parents-offer-details{
  max-width:1060px;margin:auto;display:grid;grid-template-columns:.94fr 1.06fr;
  gap:clamp(52px,7vw,90px);align-items:start
}
.arrive-girls-included,.arrive-girls-investment,.arrive-parents-included,.arrive-parents-investment{
  position:relative;padding:43px 42px;isolation:isolate
}
.arrive-girls-included::before,.arrive-girls-investment::before,
.arrive-parents-included::before,.arrive-parents-investment::before{
  content:"";position:absolute;z-index:-1;inset:-8%;
  border-radius:63% 37% 54% 46% / 43% 61% 39% 57%;
  background:radial-gradient(ellipse,rgba(252,251,250,.86),rgba(246,218,229,.18) 55%,rgba(246,218,229,0) 79%)
}
.arrive-girls-included .kicker,.arrive-girls-investment .kicker,
.arrive-parents-included .kicker,.arrive-parents-investment .kicker{margin-bottom:24px}
.arrive-girls-included ul,.arrive-parents-included ul{list-style:none;margin:0;padding:0}
.arrive-girls-included li,.arrive-parents-included li{position:relative;padding:0 0 16px 25px;line-height:1.6}
.arrive-girls-included li::before,.arrive-parents-included li::before{
  content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;
  border:1px solid rgba(136,109,167,.40);border-radius:50%
}
.arrive-girls-investment,.arrive-parents-investment{max-width:none;margin:0;text-align:left}
.arrive-girls-investment p:not(.kicker),.arrive-parents-investment p:not(.kicker){
  font-family:inherit;font-size:1rem;line-height:1.6;color:inherit
}
.arrive-girls-price,.arrive-parents-price{margin:0 0 9px!important}
.arrive-girls-price strong,.arrive-parents-price strong{
  font-family:var(--serif);font-size:clamp(3.2rem,5vw,5rem);font-weight:400;line-height:1;color:#63556c
}
.arrive-girls-tax,.arrive-parents-tax{margin-top:26px!important;font-size:.78rem!important;line-height:1.55!important;opacity:.72}
@media(max-width:800px){
  .arrive-girls-offer-details,.arrive-parents-offer-details{grid-template-columns:1fr;gap:20px}
}
@media(max-width:700px){
  .arrive-girls-facts,.arrive-parents-facts{grid-template-columns:1fr;gap:8px;margin-bottom:38px}
}
@media(max-width:600px){
  .arrive-girls-included,.arrive-girls-investment,.arrive-parents-included,.arrive-parents-investment{padding:30px 20px}
  .arrive-girls-overview .arrive-girls-section-heading,
  .arrive-parents-overview .arrive-parents-heading{margin-bottom:32px}
}


/* =========================================================
   V62 – Breathing Rough optisch leicht vergrößert
   Kleine, siteweite Korrektur der Rough-Schrift, ohne die
   individuell abgestimmten Größenverhältnisse neu zu setzen.
   ========================================================= */

.final-step-rough,
.chapter-rough-title,
.about-breathing-rough,
.remember-inline-rough,
.remember-final-rough,
.grow-rough-title,
.grow-parent-rough,
.grow-parent-wayfinder-rough,
.grow-parent-cta-rough,
.grow-school-final-rough,
.grow-foundation-final-rough,
.arrive-rough-title,
.arrive-sub-inline-rough,
.arrive-girls-step-rough,
.arrive-girls-final-rough,
.arrive-parents-final-rough,
.arrive-school-final-rough,
.arrive-foundation-final-rough,
.blog-article-emphasis,
.blog-article-question,
.blog-feature-quote{
  scale:1.04;
}

@media(max-width:700px){
  .final-step-rough,
  .chapter-rough-title,
  .about-breathing-rough,
  .remember-inline-rough,
  .remember-final-rough,
  .grow-rough-title,
  .grow-parent-rough,
  .grow-parent-wayfinder-rough,
  .grow-parent-cta-rough,
  .grow-school-final-rough,
  .grow-foundation-final-rough,
  .arrive-rough-title,
  .arrive-sub-inline-rough,
  .arrive-girls-step-rough,
  .arrive-girls-final-rough,
  .arrive-parents-final-rough,
  .arrive-school-final-rough,
  .arrive-foundation-final-rough,
  .blog-article-emphasis,
  .blog-article-question,
  .blog-feature-quote{
    scale:1.035;
  }
}


/* =========================================================
   V63 – Preise
   ========================================================= */

.prices-page{
  background:#FCFBFA;
}

.prices-page .main-nav a[aria-current="page"]{
  color:#886DA7;
}

.prices-hero{
  position:relative;
  overflow:hidden;
  min-height:62vh;
  display:grid;
  place-items:center;
  padding:174px 24px 105px;
  background:
    linear-gradient(150deg,#fff 0%,#FCFBFA 56%,rgba(246,242,239,.74) 100%);
}

.prices-wash{
  position:absolute;
  pointer-events:none;
  filter:blur(10px);
}

.prices-wash.one{
  width:55vw;
  height:42vw;
  right:-18vw;
  top:-11vw;
  border-radius:48% 52% 62% 38% / 42% 37% 63% 58%;
  background:radial-gradient(ellipse,
    rgba(215,200,232,.30),
    rgba(215,200,232,.09) 52%,
    rgba(215,200,232,0) 77%);
}

.prices-wash.two{
  width:45vw;
  height:38vw;
  left:-15vw;
  bottom:-17vw;
  border-radius:57% 43% 46% 54% / 54% 43% 57% 46%;
  background:radial-gradient(ellipse,
    rgba(170,185,162,.22),
    rgba(246,218,229,.07) 53%,
    rgba(246,218,229,0) 78%);
}

.prices-hero-inner{
  position:relative;
  z-index:1;
  width:min(760px,100%);
  margin:auto;
  text-align:center;
}

.prices-hero h1{
  margin:18px 0 28px;
  font-family:var(--serif);
  font-size:clamp(3.4rem,6vw,5.8rem);
  line-height:1;
  letter-spacing:-.04em;
  font-weight:400;
  color:#575059;
}

.prices-hero-inner > p:last-child{
  max-width:660px;
  margin:0 auto;
  font-size:1.08rem;
  line-height:1.78;
}

.prices-overview{
  position:relative;
  padding:118px 24px 92px;
  background:
    radial-gradient(ellipse 32% 20% at 3% 18%,
      rgba(170,185,162,.09),
      rgba(170,185,162,0) 76%),
    radial-gradient(ellipse 35% 24% at 98% 61%,
      rgba(215,200,232,.10),
      rgba(215,200,232,0) 76%),
    #FCFBFA;
}

.prices-grid{
  max-width:1080px;
  margin:0 auto;
  display:grid;
  gap:34px;
}

.price-card{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(190px,.72fr) minmax(0,1.8fr);
  column-gap:clamp(34px,5vw,72px);
  padding:52px 58px 46px;
  border:1px solid rgba(69,66,68,.07);
  border-radius:34px;
  background:rgba(255,255,255,.47);
  box-shadow:0 18px 58px rgba(77,68,79,.035);
}

.price-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-5%;
  pointer-events:none;
  border-radius:52% 48% 44% 56% / 47% 55% 45% 53%;
}

.price-grow::before{
  background:radial-gradient(ellipse at 13% 25%,
    rgba(170,185,162,.18),
    rgba(170,185,162,.045) 50%,
    rgba(170,185,162,0) 75%);
}

.price-arrive::before{
  background:radial-gradient(ellipse at 15% 28%,
    rgba(246,218,229,.22),
    rgba(246,218,229,.055) 50%,
    rgba(246,218,229,0) 75%);
}

.price-remember::before{
  background:radial-gradient(ellipse at 14% 26%,
    rgba(215,200,232,.21),
    rgba(129,151,185,.04) 52%,
    rgba(215,200,232,0) 76%);
}

.price-card-head{
  grid-row:1 / span 5;
  align-self:start;
  padding-top:6px;
}

.price-card-label{
  margin:0 0 12px;
  font-size:.73rem;
  line-height:1.2;
  font-weight:650;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.price-grow .price-card-label{color:#4F8257}
.price-arrive .price-card-label{color:#A8617D}
.price-remember .price-card-label{color:#886DA7}

.price-card h2{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(2.15rem,3.5vw,3.35rem);
  line-height:1.02;
  letter-spacing:-.03em;
  font-weight:400;
  color:#575059;
}

.price-nowrap{
  white-space:nowrap;
}

.price-row{
  grid-column:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  padding:22px 0;
  border-top:1px solid rgba(69,66,68,.09);
}

.price-row-main{
  padding-top:4px;
  border-top:0;
}

.price-row > div:first-child{
  min-width:0;
}

.price-row-label{
  display:block;
  margin-bottom:5px;
  font-size:.72rem;
  line-height:1.3;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#777176;
}

.price-row strong{
  display:block;
  font-weight:500;
  line-height:1.55;
  color:#454244;
}

.price-value{
  white-space:nowrap;
  font-family:var(--serif);
  font-size:clamp(2.1rem,3vw,3rem);
  line-height:1;
  font-weight:400;
  color:#63556c;
}

.price-value-text{
  font-family:var(--sans);
  font-size:.88rem;
  line-height:1.3;
  font-weight:600;
  letter-spacing:.03em;
  color:#64566a;
}

.price-row-extra{
  background:rgba(215,200,232,.055);
  margin:0 -16px;
  padding-left:16px;
  padding-right:16px;
  border-radius:16px;
}

.price-card-note{
  grid-column:2;
  margin:17px 0 17px;
  max-width:670px;
  font-size:.82rem;
  line-height:1.65;
  color:#777176;
}

.price-card-link{
  grid-column:2;
  justify-self:start;
  display:inline-block;
  margin-top:2px;
  font-size:.76rem;
  font-weight:650;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#64566a;
}

.prices-notes{
  max-width:920px;
  margin:50px auto 0;
  padding:0 24px;
  text-align:center;
  color:#777176;
}

.prices-notes p{
  margin:0 auto 9px;
  font-size:.82rem;
  line-height:1.65;
}

.prices-cta{
  position:relative;
  padding:92px 24px 110px;
  text-align:center;
  overflow:hidden;
  background:
    radial-gradient(ellipse 38% 75% at 16% 50%,
      rgba(246,218,229,.13),
      rgba(246,218,229,0) 75%),
    radial-gradient(ellipse 35% 74% at 88% 48%,
      rgba(215,200,232,.12),
      rgba(215,200,232,0) 76%),
    #F9F7F5;
}

.prices-cta-inner{
  max-width:700px;
  margin:auto;
}

.prices-cta h2{
  margin:16px 0 22px;
  font-family:var(--serif);
  font-size:clamp(2.8rem,4.8vw,4.7rem);
  line-height:1.02;
  letter-spacing:-.035em;
  font-weight:400;
}

.prices-cta p:not(.kicker){
  max-width:620px;
  margin:0 auto 30px;
  line-height:1.75;
}

@media(max-width:800px){
  .price-card{
    grid-template-columns:1fr;
    padding:43px 38px 39px;
  }

  .price-card-head{
    grid-row:auto;
    margin-bottom:25px;
  }

  .price-row,
  .price-card-note,
  .price-card-link{
    grid-column:1;
  }

  .price-row-main{
    border-top:1px solid rgba(69,66,68,.09);
    padding-top:22px;
  }
}

@media(max-width:600px){
  .prices-hero{
    min-height:auto;
    padding:146px 20px 82px;
  }

  .prices-wash.one{
    width:122vw;
    height:96vw;
    right:-62vw;
    top:-15vw;
  }

  .prices-wash.two{
    width:110vw;
    height:90vw;
    left:-62vw;
    bottom:-43vw;
  }

  .prices-hero h1{
    font-size:clamp(3rem,14vw,4rem);
  }

  .prices-hero-inner > p:last-child{
    font-size:1rem;
    line-height:1.72;
  }

  .prices-overview{
    padding:78px 18px 70px;
  }

  .prices-grid{
    gap:24px;
  }

  .price-card{
    padding:34px 22px 32px;
    border-radius:28px;
  }

  .price-card h2{
    font-size:2.45rem;
  }

  .price-row{
    grid-template-columns:minmax(0,1fr);
    gap:10px;
    padding:20px 0;
  }

  .price-row-main{
    padding-top:20px;
  }

  .price-value{
    font-size:2.25rem;
  }

  .price-value-text{
    font-size:.86rem;
  }

  .price-row-extra{
    margin:0 -8px;
    padding-left:8px;
    padding-right:8px;
  }

  .price-card-note{
    margin-top:19px;
  }

  .prices-notes{
    margin-top:38px;
    padding:0 7px;
    text-align:left;
  }

  .prices-cta{
    padding:76px 20px 88px;
  }
}


/* =========================================================
   V64 – Launch Accessibility
   ========================================================= */

.skip-link{
  position:fixed;
  z-index:9999;
  left:18px;
  top:12px;
  transform:translateY(-160%);
  padding:10px 14px;
  border-radius:10px;
  background:#FCFBFA;
  color:#454244;
  font-weight:600;
  box-shadow:0 8px 28px rgba(46,46,46,.15);
  transition:transform .18s ease;
}

.skip-link:focus{
  transform:translateY(0);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:2px solid #886DA7;
  outline-offset:4px;
}

@media(min-width:901px){
  .nav-dropdown:focus-within .nav-dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:none;
  }
}