/* Seite "So arbeite ich": eigenes Layout, weil Methodenliste, Bildzitat und die
   vier Haltungskästen sich nicht als Folge von Überschrift und Fließtext
   abbilden lassen. Farben und Abstände stammen aus den Bestandstokens,
   ergänzt um vier gedeckte Akzenttöne für die Haltungssymbole. */
.arbeitsweise-page main{background:var(--cream)}

.arbeit-hero{padding:clamp(48px,6vw,88px) 0 clamp(20px,3vw,36px)}
.arbeit-hero__grid{display:grid;grid-template-columns:1.25fr .85fr;gap:clamp(28px,5vw,64px);align-items:center}
.arbeit-hero__copy{text-align:center}
.arbeit-hero h1{font-size:clamp(2.4rem,4.6vw,3.6rem);margin-bottom:.35em}
.arbeit-hero .lead{margin-inline:auto;max-width:640px}
.arbeit-hero__bild img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:20px;filter:saturate(.92) contrast(.98)}
.arbeit-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 1.6em;color:var(--sage-deep)}
.arbeit-divider span{width:56px;height:1px;background:var(--sage-deep)}
.arbeit-divider svg{width:22px;height:16px;color:#94a06e}
.arbeit-icon-leaf{width:26px;height:26px;color:#94a06e;vertical-align:-6px;margin-right:10px}

.arbeit-block{padding:clamp(30px,4vw,50px) 0;border-top:1px solid var(--line)}
.arbeit-block__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,56px);align-items:center}
.arbeit-block--methoden .arbeit-block__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.arbeit-block--methoden .arbeit-block__copy{order:1}
.arbeit-block--methoden .arbeit-block__bild{order:2}
.arbeit-block__bild{margin:0}
.arbeit-block__bild picture,.arbeit-block__bild img{width:100%}
.arbeit-block__bild img{aspect-ratio:4/3;object-fit:cover;border-radius:16px;filter:saturate(.9) contrast(.98)}
.arbeit-block__copy h2{display:flex;align-items:center;font-size:clamp(1.5rem,2.3vw,1.95rem);margin-bottom:.55em}
.arbeit-block__copy p{color:var(--muted)}
.arbeit-fragen{color:var(--ink);margin:0}
.arbeit-nachsatz{max-width:520px}

.arbeit-methoden{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3em 24px;list-style:none;margin:0 0 1.3em;padding:0}
.arbeit-methoden li{color:var(--ink);font-size:.96rem}
.arbeit-methoden li:before{content:"• "}

.arbeit-haltung{padding:clamp(44px,6vw,76px) 0;background:var(--beige)}
.arbeit-haltung__titel{display:flex;align-items:center;justify-content:center;font-size:clamp(1.6rem,2.6vw,2.15rem);margin-bottom:clamp(26px,3.5vw,42px)}
.arbeit-karten{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,20px);list-style:none;margin:0;padding:0}
.arbeit-karte{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 20px;background:var(--cream);border:1px solid var(--line);border-radius:20px}
.arbeit-karte__symbol{display:grid;place-items:center;width:56px;height:56px;margin-bottom:16px;border-radius:50%}
.arbeit-karte__symbol svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.arbeit-karte__symbol--rose{background:#f7e7ec;color:#b4607e}
.arbeit-karte__symbol--olive{background:#eef1e4;color:#7c8f5a}
.arbeit-karte__symbol--sand{background:#f6ece0;color:#b98255}
.arbeit-karte__symbol--blau{background:#e8f0f5;color:#6f93b0}
.arbeit-karte h3{font-size:1.15rem;margin-bottom:.5em}
.arbeit-karte p{margin:0 0 18px;color:var(--muted);font-size:.88rem;line-height:1.6}
.arbeit-karte__bild picture,.arbeit-karte__bild img{width:100%}
.arbeit-karte__bild img{aspect-ratio:4/3;object-fit:cover;border-radius:14px;filter:saturate(.9) contrast(.98)}

.arbeit-abschluss{padding:clamp(46px,6vw,72px) 0;text-align:center}
.arbeit-abschluss__inner{display:flex;align-items:center;justify-content:center;gap:clamp(16px,4vw,44px)}
.arbeit-abschluss__mitte{max-width:640px}
.arbeit-abschluss__zweig{width:46px;height:30px;color:#94a06e;flex-shrink:0}
.arbeit-abschluss__zweig--rechts{transform:scaleX(-1)}
.arbeit-abschluss__satz{font-family:var(--serif);font-size:clamp(1.2rem,2.1vw,1.55rem);line-height:1.55;color:var(--forest);margin-bottom:1.4em;text-wrap:balance}
.arbeit-abschluss__button{border-radius:999px;background:#e7cdd6;color:#563044;font-size:.92rem}
.arbeit-abschluss__button:hover{background:var(--sage-deep);color:#48273a}
[data-theme="dark"] .arbeit-abschluss__button{background:#5c3b4a;color:#fbeaf0}
[data-theme="dark"] .arbeit-abschluss__button:hover{background:#71495b;color:#fff6f9}
@media(prefers-color-scheme:dark){
  [data-theme="auto"] .arbeit-abschluss__button{background:#5c3b4a;color:#fbeaf0}
  [data-theme="auto"] .arbeit-abschluss__button:hover{background:#71495b;color:#fff6f9}
}

@media(max-width:900px){
  .arbeit-hero__grid,.arbeit-block__grid,.arbeit-block--methoden .arbeit-block__grid{grid-template-columns:1fr;gap:28px}
  .arbeit-block--methoden .arbeit-block__copy,.arbeit-block--methoden .arbeit-block__bild{order:initial}
  .arbeit-karten{grid-template-columns:repeat(2,minmax(0,1fr))}
  .arbeit-abschluss__inner{flex-direction:column;gap:18px}
  .arbeit-abschluss__zweig{display:none}
}
@media(max-width:620px){
  .arbeit-methoden{grid-template-columns:1fr;gap:0}
  .arbeit-karten{grid-template-columns:1fr}
}