/* Separate review version. No changes to the live source. */
.reviewbar{display:flex;justify-content:center;align-items:center;gap:28px;padding:10px 24px;background:#ece6dd;color:#273b4d;font-size:13px;border-bottom:1px solid #d9cec0}
.reviewbar>div{display:flex;gap:4px;background:#fff8;border-radius:5px;padding:3px}
.reviewbar button{font:inherit;padding:6px 12px;border:0;border-radius:3px;color:var(--navy);background:transparent;cursor:pointer}
.reviewbar button[aria-pressed=true]{background:var(--navy);color:white}
.reviewbar button:focus-visible{outline:3px solid #987650;outline-offset:3px}
/* Individuelle Abstimmung pro Motiv; Originalfarben bleiben umschaltbar. */
body[data-tone=soft] .editorial-photo[src$="portraet.png"]{filter:saturate(.94) brightness(1.02) contrast(.98)}
body[data-tone=soft] .editorial-photo[src$="training.jpg"]{filter:saturate(.88) brightness(1.025) contrast(.98) sepia(.035)}
body[data-tone=soft] .editorial-photo[src$="gespraech.jpg"]{filter:saturate(.90) brightness(1.04) contrast(.97) sepia(.025)}
body[data-tone=soft] .editorial-photo[src$="sitzkreis.png"]{filter:saturate(.78) brightness(1.035) contrast(.97) sepia(.025)}
body[data-tone=soft] .editorial-photo[src$="stehkreis.png"]{filter:saturate(.83) brightness(1.015) contrast(.98) sepia(.02)}
.offers .offer-copy>p+p{margin-top:16px}
.offers>.scope-note{margin-top:0}
.prices .price>.button,.offers>.scope-note>.button{justify-self:start;align-self:end}
.learning-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;margin-top:36px;align-items:center}
.learning-layout>.editorial-photo{width:100%;aspect-ratio:4/3;object-fit:cover}
.learning-steps{list-style:none;padding:0;margin:0;display:grid;gap:24px}
.learning-steps li{display:grid;grid-template-columns:40px 1fr;gap:16px}
.step-number{display:grid;place-items:center;width:38px;height:38px;background:var(--paper);border:1px solid #d8c9b9;border-radius:50%;font-size:14px;color:#75583d}
.learning-steps h3{font-size:23px;line-height:1.35}
.learning-steps p{font-size:16px;color:var(--muted);margin-top:8px}
.everyday-note{padding:26px 30px;background:var(--paper);border-left:3px solid var(--sand);margin-top:36px}
.everyday-note h3{font-size:22px}.everyday-note p{font-size:16px;margin-top:10px;max-width:960px;color:var(--muted)}
.format-duration{color:#75583d;font-weight:600;font-size:18px;margin-top:12px}
.program-grid h3{line-height:1.25}
.form-wrap{max-width:870px}.form-wrap h1{font-size:clamp(32px,4vw,48px);max-width:720px}
.form-wrap>p{max-width:670px;color:var(--muted)}
.form-section{margin:34px 0 0;padding:26px 28px 28px;background:var(--paper);border:1px solid #e5e0d8;border-radius:4px;min-width:0}
.form-section legend{float:left;width:100%;display:flex;align-items:center;gap:12px;font-family:Work,'Segoe UI',sans-serif;font-size:21px;line-height:1.4;letter-spacing:-.025em;margin-bottom:22px;padding:0}
.form-section .form-grid{clear:both;gap:20px 24px}
.form-number{display:inline-grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:white;border:1px solid #d5c4b1;color:#75583d;font-size:12px;font-weight:500;letter-spacing:0}
.form-section .field{font-size:15px;gap:7px}.form-section input,.form-section select,.form-section textarea{padding:12px 14px;min-width:0}
.form-section select{font-size:15px}.form-section textarea{min-height:120px}
.privacy-note{padding:0 4px;margin-top:26px;max-width:700px;line-height:1.65}
.form-help{margin-top:16px}.form-wrap button:disabled{cursor:default;opacity:.7;white-space:normal;max-width:100%}
@media(min-width:761px){
 .prices{row-gap:0}.prices>.price{display:grid;grid-template-rows:subgrid;grid-row:span 5}
 .prices .amount{min-height:96px}
 .offers>.scope-note{display:grid;grid-template-rows:subgrid;grid-row:span 3}
 #training .program-grid{row-gap:0}#training .program-grid>article{display:grid;grid-template-rows:subgrid;grid-row:span 2}
 .contact-options>article{display:flex;flex-direction:column;align-items:flex-start}.contact-options h3{flex:1}
 #formate .program-grid{row-gap:28px}.framework-grid{grid-template-columns:repeat(3,1fr);gap:32px}
}
@media(max-width:760px){
 .reviewbar{flex-direction:column;gap:6px;padding:8px 12px;font-size:11px}.reviewbar button{padding:5px 10px}
 header .wrap{padding-top:12px;padding-bottom:12px}.brand img{width:170px;height:55px}
 .hero,.hero.fairhero,.homehero{display:grid;grid-template-columns:1fr;gap:14px;padding-top:26px;padding-bottom:34px}
 .hero-copy,.hero-visual{display:contents}
 .hero-copy>.eyebrow{grid-row:1;margin:0;font-size:11px;letter-spacing:.12em}
 .hero-copy>h1{grid-row:2;font-size:34px;line-height:1.12}
 .hero.fairhero h1{font-size:38px}
 .hero-copy>.sublogo{display:none}
 .hero>.editorial-photo,.hero-visual>.editorial-photo{grid-row:3;aspect-ratio:4/3!important;width:100%;max-height:290px;object-fit:cover}
 .homehero>.editorial-photo{object-position:center 22%}
 .hero-copy>.intro{grid-row:4;margin-top:2px;font-size:17px;line-height:1.6}
 .hero-copy>p:not(.intro){grid-row:5;margin-top:0;font-size:16px}
 .hero-copy>.actions,.hero-copy>.button{grid-row:6;margin-top:4px;justify-self:start}
 .hero-copy>.actions{display:grid;grid-template-columns:1fr;width:100%;gap:10px;justify-self:stretch}
 .actions .button{margin:0;text-align:center}
 .photo-caption{grid-row:7;padding:16px 18px;font-size:14px;margin-top:4px}
 section{padding:40px 0}h2{font-size:30px}.eyebrow{margin-bottom:14px}
 .section-nav .wrap{padding-top:16px;padding-bottom:16px;gap:10px 18px}
 .grid{margin-top:26px}.topic-grid{gap:8px}.topic-grid article{padding:20px 0 12px}.topic-grid h3{font-size:23px}.topic-grid .number{margin-bottom:8px}
 .learning-layout{grid-template-columns:1fr;gap:26px;margin-top:26px}.learning-steps{gap:24px}.learning-steps li{grid-template-columns:34px 1fr;gap:12px}.step-number{width:32px;height:32px}.learning-steps h3{font-size:22px}
 .everyday-note{padding:22px;margin-top:28px}.teacher-layout{gap:22px}.qualification{margin-top:20px}
 .program-grid{gap:20px}.program-grid article{padding:23px}.program-grid h3{font-size:23px}.format-duration{font-size:17px;margin-top:8px;white-space:nowrap}
 .framework-grid{grid-template-columns:1fr;gap:22px}.framework-grid article{padding-top:18px}
 .offers{gap:24px}.offerbody h3{font-size:28px}.offerbody{padding:22px}.offer .sublogo{height:92px;margin-bottom:16px}
 .offers>.scope-note{padding:24px}.contact-options{gap:28px}.contact-options h3{font-size:26px}
 .form-wrap{padding:0 20px}.form-section{padding:20px 16px;margin-top:24px}.form-section legend{font-size:20px;margin-bottom:18px}.form-section .form-grid{gap:18px}.form-section input,.form-section textarea,.form-section select{font-size:16px;padding:11px 12px}.form-wrap h1{font-size:32px}
}