/* Startseite 2026: ruhige, redaktionelle Bildkomposition statt Bilderliste. */
.home-calm{
  --calm-max:1280px;
  --calm-gutter:clamp(20px,4vw,64px);
  --calm-section:clamp(72px,8vw,128px);
  --calm-olive:#9da083;
  --calm-olive-soft:#ececdf;
  --calm-sand:#f4ede5;
  --calm-rose:#f7ebef;
  --calm-wine:#70485b;
}
.home-calm main{overflow:hidden;background:var(--cream)}
.calm-container{width:min(var(--calm-max),calc(100% - (2 * var(--calm-gutter))));margin-inline:auto}
.calm-kicker{margin:0 0 14px;font-size:.73rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--forest-2)}
.calm-script{margin:0 0 14px;font-family:var(--serif);font-size:clamp(1.05rem,1.7vw,1.35rem);font-style:italic;color:var(--forest-2)}
.calm-text-link{display:inline-flex;align-items:center;gap:8px;color:var(--forest);font-weight:650;text-decoration:none;border-bottom:1px solid var(--sage-deep);padding-bottom:3px}
.calm-text-link span{transition:transform .2s ease}.calm-text-link:hover span{transform:translateX(4px)}

/* Hero: eine geschlossene Bühne mit ruhigem Fokus. */
.calm-hero{position:relative;isolation:isolate;min-height:clamp(660px,82svh,900px);display:grid;align-items:start;background:#d7d0bd}
.calm-hero__picture,.calm-hero__picture img,.calm-hero__veil{position:absolute;inset:0;width:100%;height:100%}
.calm-hero__picture{z-index:-3}.calm-hero__picture img{object-fit:cover;filter:saturate(.83) contrast(.96)}
.calm-hero__veil{z-index:-2;background:linear-gradient(180deg,rgba(255,250,247,.97) 0%,rgba(255,250,247,.9) 24%,rgba(255,250,247,.72) 54%,rgba(255,250,247,.32) 76%,rgba(25,30,24,.2) 100%),linear-gradient(90deg,rgba(255,250,247,.3),transparent 60%)}
.calm-hero:after{content:"";position:absolute;left:-3%;right:-3%;bottom:-1px;height:clamp(70px,9vw,145px);z-index:1;background:var(--cream);clip-path:ellipse(58% 42% at 50% 100%)}
.calm-hero__content{padding-top:clamp(64px,9vw,124px);padding-bottom:180px;text-align:center;display:flex;flex-direction:column;align-items:center}
.calm-hero h1{max-width:1020px;margin:0;color:#40383a;font-size:clamp(3.1rem,6.3vw,7rem);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
.calm-hero__subtitle{margin:22px 0 0;font-size:clamp(.72rem,1vw,.92rem);font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#4a4445}
.calm-hero__lead{max-width:720px;margin:26px auto 0;color:#494245;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.72}
.calm-hero__actions{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}.calm-hero__actions .calm-text-link{padding:10px 14px;background:color-mix(in srgb,var(--cream) 82%,transparent);border-radius:3px;border-bottom:0}

/* Begrüßung und vier Angebote bilden eine kompakte Einheit. */
.calm-welcome{position:relative;padding:clamp(56px,7vw,100px) 0 var(--calm-section);background:var(--cream)}
.calm-welcome__copy{max-width:820px;margin-inline:auto;text-align:center}
.calm-welcome__copy h2{font-size:clamp(2.15rem,4.2vw,4.1rem);line-height:1.12;text-wrap:balance}
.calm-welcome__copy>p:last-child{max-width:720px;margin:0 auto;color:var(--muted);font-size:1.04rem}
.calm-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(48px,6vw,78px);border-block:1px solid color-mix(in srgb,var(--calm-olive) 42%,var(--line))}
.calm-pillar{display:flex;flex-direction:column;align-items:center;min-width:0;padding:34px clamp(18px,2.5vw,36px) 32px;text-align:center;text-decoration:none}
.calm-pillar+.calm-pillar{border-left:1px solid color-mix(in srgb,var(--calm-olive) 42%,var(--line))}
.calm-pillar__icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:20px;border-radius:50%;background:var(--calm-olive);color:#fff}
.calm-pillar__icon svg{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.calm-pillar h3{font-size:clamp(1.35rem,1.8vw,1.8rem);margin-bottom:9px}
.calm-pillar p{margin:0;color:var(--muted);font-size:.93rem;line-height:1.58}
.calm-pillar__line{margin-top:auto;padding-top:20px;font-family:var(--serif);font-style:italic;color:var(--forest-2);font-size:.95rem}
.calm-pillar:hover .calm-pillar__icon{transform:translateY(-3px)}
.calm-pillar__icon{transition:transform .2s ease}

/* Editoriale Collage: Text + Porträt + vier bewusst zugeschnittene Bilder. */
.calm-about{padding:0;background:var(--paper)}
.calm-about__grid{width:min(1440px,100%);margin-inline:auto;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(380px,1.15fr) minmax(190px,.62fr) minmax(190px,.62fr);grid-template-rows:minmax(270px,1fr) minmax(270px,1fr);gap:8px;background:var(--cream)}
.calm-about__copy{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,5vw,82px);background:var(--paper)}
.calm-about__copy h2{font-size:clamp(2.4rem,4.2vw,4.4rem);margin-bottom:.2em}
.calm-about__copy p{color:var(--muted)}
.calm-about__copy .calm-script{color:var(--forest-2);font-size:clamp(1.2rem,2vw,1.6rem)}
.calm-about__copy .button{align-self:flex-start;margin-top:8px}
.calm-about__media{margin:0;overflow:hidden;background:var(--beige)}
.calm-about__media picture,.calm-about__media img{width:100%;height:100%}
.calm-about__media img{object-fit:cover;filter:saturate(.84) contrast(.97);transition:transform .55s ease}
.calm-about__media:hover img{transform:scale(1.018)}
.calm-about__portrait{grid-column:2;grid-row:1/3}.calm-about__dog{grid-column:3;grid-row:1}.calm-about__path{grid-column:4;grid-row:1}.calm-about__stream{grid-column:3;grid-row:2}.calm-about__blossom{grid-column:4;grid-row:2}

/* Wenige, klare Themen statt einer langen Bilderfolge. */
.calm-topics{padding:var(--calm-section) 0;background:var(--calm-sand)}
.calm-heading-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.52fr);gap:clamp(36px,7vw,100px);align-items:end;margin-bottom:48px}
.calm-heading-row h2{max-width:800px;font-size:clamp(2.3rem,4.2vw,4.2rem);text-wrap:balance}
.calm-heading-row>p{margin:0;color:var(--muted)}
.calm-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid color-mix(in srgb,var(--calm-olive) 46%,var(--line))}
.calm-topic-grid>a{min-height:245px;padding:34px 30px;text-decoration:none}
.calm-topic-grid>a+a{border-left:1px solid color-mix(in srgb,var(--calm-olive) 46%,var(--line))}
.calm-topic-grid span{font-family:var(--serif);color:var(--calm-olive)}
.calm-topic-grid h3{margin-top:26px;font-size:clamp(1.55rem,2.2vw,2.25rem)}
.calm-topic-grid p{margin:0;color:var(--muted)}
.calm-topic-grid>a:hover h3{color:var(--forest-2)}
.calm-topic-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 28px;margin-top:34px}
.calm-topic-links a{color:var(--forest);font-weight:600;text-underline-offset:5px}

/* Ein einziges starkes Schlussbild. */
.calm-quote{position:relative;isolation:isolate;min-height:clamp(520px,64vw,720px);display:grid;place-items:center;overflow:hidden}
.calm-quote__picture,.calm-quote__picture img,.calm-quote__veil{position:absolute;inset:0;width:100%;height:100%}
.calm-quote__picture{z-index:-3}.calm-quote__picture img{object-fit:cover;filter:saturate(.76) contrast(.96)}
.calm-quote__veil{z-index:-2;background:linear-gradient(0deg,rgba(31,31,27,.62),rgba(31,31,27,.12)),linear-gradient(90deg,rgba(35,30,31,.3),transparent 70%)}
.calm-quote__content{text-align:center;color:#fff;text-shadow:0 4px 25px rgba(0,0,0,.34)}
.calm-quote__content p{margin:0;font-family:var(--serif);font-size:clamp(2.2rem,5vw,5rem);line-height:1.16;color:#fff;text-wrap:balance}
.calm-quote__content span{display:block;margin:18px 0 28px;font-family:var(--serif);font-style:italic;font-size:clamp(1.2rem,2vw,1.65rem)}

.calm-courses{padding:var(--calm-section) 0;background:var(--paper)}
.calm-courses h2{max-width:800px}.calm-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}
.calm-course-grid article{padding:28px;border:1px solid var(--line);background:var(--cream)}
.calm-course-date{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--forest-2)}
.calm-course-grid h3 a{text-decoration:none}.calm-course-grid article>p:last-child{color:var(--muted)}

.calm-closing{padding:var(--calm-section) 0;background:linear-gradient(180deg,var(--cream),var(--calm-rose))}
.calm-closing__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.72fr);gap:clamp(50px,8vw,120px);align-items:start}
.calm-closing__copy h2,.calm-faq h2{font-size:clamp(2.25rem,4vw,4rem)}
.calm-closing__copy>p:not(.calm-script):not(.crisis-note){max-width:650px;color:var(--muted)}
.calm-closing__copy .crisis-note{margin-top:24px;font-size:.8rem;color:var(--muted)}
.calm-faq details{border-top:1px solid var(--line)}.calm-faq details:last-of-type{border-bottom:1px solid var(--line);margin-bottom:26px}
.calm-faq summary{padding:20px 0;cursor:pointer;font-family:var(--serif);font-size:1.05rem;color:var(--forest)}
.calm-faq details p{padding:0 0 20px;color:var(--muted);font-size:.92rem}

[data-theme="dark"] .calm-hero__picture img,[data-theme="dark"] .calm-about__media img,[data-theme="dark"] .calm-quote__picture img{filter:saturate(.68) brightness(.78)}
[data-theme="dark"] .calm-hero__veil{background:linear-gradient(180deg,rgba(33,26,30,.92),rgba(33,26,30,.7) 35%,rgba(33,26,30,.2) 70%,rgba(16,15,14,.45))}
[data-theme="dark"] .calm-hero h1,[data-theme="dark"] .calm-hero__subtitle,[data-theme="dark"] .calm-hero__lead{color:var(--ink)}
@media(prefers-color-scheme:dark){[data-theme="auto"] .calm-hero__picture img,[data-theme="auto"] .calm-about__media img,[data-theme="auto"] .calm-quote__picture img{filter:saturate(.68) brightness(.78)}[data-theme="auto"] .calm-hero__veil{background:linear-gradient(180deg,rgba(33,26,30,.92),rgba(33,26,30,.7) 35%,rgba(33,26,30,.2) 70%,rgba(16,15,14,.45))}[data-theme="auto"] .calm-hero h1,[data-theme="auto"] .calm-hero__subtitle,[data-theme="auto"] .calm-hero__lead{color:var(--ink)}}

@media(max-width:1180px){
  .calm-about__grid{grid-template-columns:minmax(260px,.82fr) minmax(360px,1.1fr) minmax(200px,.7fr);grid-template-rows:repeat(2,minmax(260px,1fr))}
  .calm-about__copy{grid-column:1;grid-row:1/3}.calm-about__portrait{grid-column:2;grid-row:1/3}.calm-about__dog{grid-column:3;grid-row:1}.calm-about__path{grid-column:3;grid-row:2}.calm-about__stream,.calm-about__blossom{display:none}
}
@media(max-width:900px){
  .calm-hero{min-height:720px}.calm-hero__content{padding-top:72px}.calm-hero h1{font-size:clamp(3rem,9.5vw,5.5rem)}
  .calm-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}.calm-pillar:nth-child(3){border-left:0;border-top:1px solid color-mix(in srgb,var(--calm-olive) 42%,var(--line))}.calm-pillar:nth-child(4){border-top:1px solid color-mix(in srgb,var(--calm-olive) 42%,var(--line))}
  .calm-about__grid{width:min(760px,calc(100% - 36px));grid-template-columns:1fr 1fr;grid-template-rows:auto 600px 300px;margin-block:70px;gap:8px}
  .calm-about__copy{grid-column:1/3;grid-row:1;padding:0 0 38px;background:transparent}.calm-about__portrait{grid-column:1/3;grid-row:2}.calm-about__dog{grid-column:1;grid-row:3}.calm-about__path{grid-column:2;grid-row:3}.calm-about__stream,.calm-about__blossom{display:none}
  .calm-heading-row{grid-template-columns:1fr;gap:16px}.calm-heading-row>p{max-width:720px}
  .calm-topic-grid{grid-template-columns:1fr}.calm-topic-grid>a{min-height:0;padding:28px 8px}.calm-topic-grid>a+a{border-left:0;border-top:1px solid color-mix(in srgb,var(--calm-olive) 46%,var(--line))}
  .calm-closing__grid{grid-template-columns:1fr}.calm-faq{max-width:760px}
  .calm-course-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .home-calm{--calm-gutter:18px;--calm-section:72px}
  .calm-hero{min-height:calc(100svh - 72px);max-height:840px}.calm-hero__content{padding-top:54px;padding-bottom:130px}.calm-hero h1{font-size:clamp(2.65rem,13vw,4.15rem)}.calm-hero__subtitle{letter-spacing:.18em}.calm-hero__lead{font-size:.98rem}.calm-hero__actions{width:100%;flex-direction:column}.calm-hero__actions .button{width:100%}
  .calm-pillars{grid-template-columns:1fr}.calm-pillar+.calm-pillar{border-left:0;border-top:1px solid color-mix(in srgb,var(--calm-olive) 42%,var(--line))}.calm-pillar{padding:30px 18px}
  .calm-about__grid{width:calc(100% - 28px);grid-template-rows:auto 510px 220px}.calm-about__copy{grid-column:1/3}.calm-about__portrait{grid-column:1/3}.calm-about__dog,.calm-about__path{grid-row:3}
  .calm-topic-links{justify-content:flex-start}
  .calm-quote{min-height:540px}.calm-quote__content p{font-size:clamp(2rem,10.5vw,3.25rem)}
}
@media(prefers-reduced-motion:reduce){.calm-pillar__icon,.calm-about__media img,.calm-text-link span{transition:none}.calm-about__media:hover img,.calm-pillar:hover .calm-pillar__icon{transform:none}}