@font-face{font-family:Big Shoulders Display;src:url(../fonts/BigShouldersDisplay-var.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Schibsted Grotesk;src:url(../fonts/SchibstedGrotesk-var.woff2) format('woff2');font-weight:400 900;font-display:swap}
:root{
  --rot:#E5432A;--tinte:#1C1A17;--papier:#F2EDE4;
  --grund:var(--papier);--akzent:var(--rot);--auf-akzent:#11100E;--licht:var(--rot);
  --dunkel:var(--tinte);--auf-dunkel:var(--papier);--dunkel-akzent:var(--papier);
  --display:'Big Shoulders Display','Arial Narrow',sans-serif;--text:'Schibsted Grotesk',sans-serif;
  --rand:clamp(24px,6vw,100px);--form:43% 57% 42% 58% / 52% 37% 63% 48%;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--tinte);background:var(--papier);font:400 17px/1.6 var(--text)}
h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:750;line-height:1.04;letter-spacing:-.025em}h2{font-size:clamp(52px,5.7vw,86px)}h3{font-size:clamp(36px,3.2vw,48px)}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}img{max-width:100%;display:block;height:auto}::selection{background:var(--akzent);color:var(--auf-akzent)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sprung{position:fixed;top:-100px;left:15px;z-index:100;padding:10px;background:var(--papier)}.sprung:focus{top:12px}.svgdefs{position:absolute;width:0;height:0;overflow:hidden}
.kopf{position:sticky;top:0;z-index:20;height:76px;display:flex;align-items:center;gap:48px;padding:0 var(--rand);background:var(--grund);border-bottom:1px solid var(--tinte)}.kopf__name{font:800 32px/1 var(--display);text-decoration:none;white-space:nowrap}.kopf__name span{color:var(--akzent)}.kopf nav{display:flex;gap:32px;margin-left:auto;font-size:14px}.kopf nav a{text-decoration:none}.kopf nav a:hover{text-decoration:underline}.knopf{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;text-decoration:none;background:var(--tinte);color:var(--papier);padding:16px 24px;border:1px solid currentColor;font-size:15px;font-weight:600}.knopf:hover{background:var(--akzent);color:var(--auf-akzent)}.knopf--klein{padding:10px 19px}.knopf--gelb{background:var(--grund);color:var(--tinte)}.textlink{font-size:17px;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px;display:inline-flex;gap:50px}
.buehne{background:var(--grund)}.umfeldzeile{display:flex;justify-content:space-between;align-items:center;padding:12px var(--rand);min-height:62px;font-size:12px}.umfeldzeile>p{letter-spacing:.04em}.umschalter{display:flex;gap:9px;align-items:center}.umschalter button{background:transparent;border:0;padding:7px 12px;font-size:13px;min-height:36px}.umschalter button[aria-pressed=true]{background:var(--tinte);color:var(--grund)}
.plakat{position:relative;height:440px;margin:0 var(--rand) 24px}.plakat__fallback{font:750 clamp(40px,6vw,86px)/1.1 var(--display);max-width:100%}.plakat__woerter{position:absolute;inset:0;overflow:hidden}.plakat.bereit .plakat__fallback{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.plakat__zeile{position:absolute;white-space:nowrap;font-family:var(--display);font-weight:750;line-height:1;letter-spacing:-.015em;will-change:transform}.plakat__zeile span{display:inline-block;flex-shrink:0}
.leerstelle{position:absolute;left:34%;top:16%;width:36%;height:70%;isolation:isolate}.leerstelle__kontur{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;fill:var(--akzent);opacity:0;transition:opacity .65s}.leerstelle.offen .leerstelle__kontur,.leerstelle.benannt .leerstelle__kontur,.leerstelle.schreibt .leerstelle__kontur{opacity:1}.leerstelle__inhalt{position:absolute;inset:18% 15%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:15px}.leerstelle.offen,.leerstelle.benannt,.leerstelle.schreibt{color:var(--auf-akzent)}.hinweis{position:relative;background:transparent;border:0;font-size:14px;padding:8px 0;white-space:nowrap}.hinweis__linie{position:absolute;width:44px;height:20px;border-left:1px solid currentColor;border-bottom:1px solid currentColor;left:-51px;top:-5px;transform:skewY(24deg)}.hinweis__linie:before{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:currentColor;left:-2px;top:0}.offen .hinweis__linie,.benannt .hinweis__linie,.schreibt .hinweis__linie{display:none}#leer-erklaerung{font-size:clamp(13px,1.2vw,17px);line-height:1.5;max-width:23ch}.benennen{border:0;border-bottom:1px solid currentColor;background:transparent;font-size:12px;min-height:36px;padding:4px 0}.benennen span{margin-left:18px}.etikett{font:700 clamp(26px,3.7vw,54px)/1.05 var(--display);overflow-wrap:anywhere;max-width:100%}.benannt .hinweis{font-size:12px}.wortfrage{width:100%;text-align:left}.wortfrage label{display:block;font-size:12px;margin-bottom:12px}.wortfrage>div{display:flex;border-bottom:1px solid currentColor}.wortfrage input{width:100%;min-width:0;background:transparent;border:0;font-size:18px;padding:8px 0}.wortfrage input::placeholder{color:inherit;opacity:.8}.wortfrage button{background:transparent;border:0;padding:4px 8px;font-size:23px}.wortfrage .wort-abbrechen{font-size:12px;padding:8px 0}.schreibt .hinweis,.schreibt .benennen,.schreibt .etikett{display:none}
.band{padding:28px var(--rand) 36px;background:var(--dunkel);color:var(--auf-dunkel)}.band__gedanke{font-size:15px;margin-bottom:22px;color:var(--dunkel-akzent)}.band__zeile{display:flex;justify-content:space-between;align-items:end;gap:48px}.band h1{font-size:clamp(50px,5.2vw,80px)}.band h1 span:last-child{color:var(--dunkel-akzent)}.band__person{max-width:320px}.band__person p{font-size:13px;line-height:1.6}.band__person strong{font-size:18px}.band__person .textlink{margin-top:16px;color:var(--dunkel-akzent)}
.abschnitt{padding:88px var(--rand) 104px}.papier{background:var(--papier)}.dunkel{background:var(--dunkel);color:var(--auf-dunkel)}.gelb{background:var(--grund)}.kapitel{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:56px}.dunkel .kapitel{color:var(--dunkel-akzent)}
.erkennen__raster{display:grid;grid-template-columns:1fr 1.25fr;gap:70px}.erkennen__titel{position:relative}.form-echo{width:230px;height:150px;border-radius:var(--form);border:1px solid var(--akzent);display:grid;place-items:center;margin:30px 0 0 50px;transform:rotate(-9deg)}.form-echo span{font-size:12px;transform:rotate(9deg)}.anzeichen{margin:0;padding:0;list-style:none}.anzeichen li{font-size:23px;line-height:1.45;padding:20px 0 20px 28px;border-top:1px solid var(--tinte);position:relative}.anzeichen li:first-child{padding-top:0;border-top:0}.anzeichen li:before{content:'';position:absolute;left:0;top:33px;width:8px;height:8px;border-radius:var(--form);background:var(--akzent)}.anzeichen li:first-child:before{top:12px}.beleg{border-left:2px solid var(--akzent);padding-left:25px;margin-top:28px}.beleg p{font-size:14px;max-width:62ch}.beleg strong{display:block}.beleg a{display:inline-block;font-size:12px;margin-top:12px}.beleg .statistik{font:750 74px/1 var(--display);letter-spacing:-.04em;margin-bottom:12px}
.arbeitsweise{overflow:hidden}.arbeitsweise>h2{max-width:900px}.bewegung{margin-top:70px}.arbeit--eins{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.arbeit__bilder{height:480px;position:relative}.foto{position:absolute;width:76%}.foto img{width:100%;height:260px;object-fit:cover;border-radius:var(--form)}.foto figcaption{padding:12px 18px;font-size:12px;line-height:1.4}.foto--karten{top:0;left:0}.foto--modell{right:0;bottom:0;width:64%}.foto--modell img{height:220px;border:8px solid var(--dunkel);border-radius:57% 43% 58% 42% / 37% 52% 48% 63%}.foto--modell figcaption{text-align:right;padding-right:0}.arbeit__text h3{margin-bottom:24px}.arbeit__text>p:last-child{max-width:42ch;font-size:16px}.klein{font-size:12px;margin-bottom:22px;color:var(--dunkel-akzent)}.arbeit--zwei{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;margin:80px 0 96px;padding-top:60px;border-top:1px solid color-mix(in srgb,currentColor 30%,transparent)}.arbeit--drei{padding-top:60px;border-top:1px solid color-mix(in srgb,currentColor 30%,transparent)}.arbeit--drei h3{font-size:clamp(65px,8vw,115px);line-height:1;max-width:100%}.arbeit__schluss{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:34px}.arbeit__schluss>p{font-size:16px;max-width:44ch}.arbeit__schluss .haltung{font:600 32px/1.2 var(--display);color:var(--dunkel-akzent)}.haltung span{display:block;font:400 12px/1.4 var(--text);margin-top:15px;color:var(--auf-dunkel)}
.simonraster{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:start}.portrait{position:relative;margin-top:20px}.portrait svg{display:block;width:100%;height:auto;fill:none;stroke:var(--tinte);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;background:var(--grund);border-radius:var(--form)}.portrait__raum{opacity:.3;stroke-width:1}.portrait__stuhl{opacity:.65}.portrait__gespraech{stroke:var(--akzent)}.portrait figcaption{margin-top:24px;font:500 24px/1.3 var(--display);text-align:center}.portrait figcaption>span{display:block;font:500 12px/1.5 var(--text);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.portrait small{font:400 12px/1.5 var(--text);display:block;margin-top:12px}.simontext h2{margin-bottom:30px}.simontext>p{font-size:16px;margin:0 0 18px}.vita{list-style:none;padding:17px 0 0;margin:28px 0;border-top:1px solid var(--tinte);font-size:12px;line-height:2}.hoerknopf{display:flex;align-items:center;gap:18px;text-decoration:none;font-size:15px;font-weight:600;width:fit-content}.hoerknopf small{display:block;font-size:12px;font-weight:400;margin-top:3px}.play{display:grid;place-items:center;width:66px;height:55px;border:1px solid var(--akzent);border-radius:var(--form);background:var(--akzent);color:var(--auf-akzent);flex-shrink:0;font-size:16px}.hoerknopf:hover .play{background:var(--tinte);color:var(--papier)}.belegleiste{display:grid;grid-template-columns:.6fr 1fr 1fr 1.2fr;gap:30px;margin-top:70px;padding:26px 0;border-block:1px solid var(--tinte)}.belegleiste>p{font-size:12px;text-transform:uppercase;letter-spacing:.06em}.belegleiste a{font-size:14px;text-decoration:none;font-weight:600}.belegleiste small{display:block;font-size:12px;line-height:1.5;font-weight:400;margin-top:8px}.belegleiste a:hover{text-decoration:underline}.stimmen{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:50px}.stimmen>div{padding:23px 0;border-top:1px dashed var(--tinte)}.platzhalter{font-size:12px;text-transform:uppercase;letter-spacing:.06em}.stimmen p{font:500 30px/1.15 var(--display);margin:17px 0}.stimmen small{font-size:12px}
.angebote__kopf{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end;margin-bottom:55px}.angebote__kopf>p{font-size:16px;max-width:41ch}.angebot{border-top:1px solid var(--tinte);padding:30px 0 36px;display:grid;grid-template-columns:80px 1.2fr 1fr;gap:24px}.angebot__nr{font:500 22px/1 var(--display);width:48px;height:44px;display:grid;place-items:center;border-radius:var(--form);border:1px solid var(--akzent)}.angebot__art{font-size:12px;margin-bottom:14px}.angebot h3{font-size:clamp(37px,3.5vw,54px);max-width:16ch}.angebot__links{margin-top:22px;font-size:12px}.angebot__links a{font-weight:600}.angebot__details{font-size:13px}.angebot__details>p{margin-bottom:18px;max-width:47ch}.angebot__details dl{margin:0}.angebot__details dl>div{display:grid;grid-template-columns:83px 1fr;gap:10px;margin-bottom:10px}.angebot__details dt{font-weight:600;font-size:12px}.angebot__details dd{margin:0}.danach{border-left:2px solid var(--akzent);padding-left:17px;margin-top:20px}.danach strong{display:block;font-size:12px;margin-bottom:4px}.angebot details{margin-top:18px;font-size:12px}.angebot summary{cursor:pointer;font-weight:600}.angebot details ul{padding-left:18px}.ablauf{border-top:1px solid var(--tinte);padding-top:55px;margin-top:10px}.ablauf>h3{font-size:48px}.ablauf ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:42px 0 0;padding:0;gap:35px}.ablauf li>span{display:grid;place-items:center;width:45px;height:38px;border-radius:var(--form);background:var(--tinte);color:var(--grund);font-size:12px;margin-bottom:25px}.ablauf h4{font-size:14px;font-weight:600;line-height:1.4;margin-bottom:11px}.ablauf li p{font-size:12px;line-height:1.6;max-width:24ch}
.anfrageraster{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.anfrageraster h2{font-size:clamp(53px,5.5vw,80px);margin-bottom:30px}.anfrageraster>div>p{font-size:15px;max-width:42ch}.mail{display:inline-block;font-size:20px;margin-top:30px;text-decoration:none;color:var(--dunkel-akzent)}.rueckkehr{position:relative;width:310px;max-width:90%;height:240px;margin-top:30px}.rueckkehr svg{width:100%;height:100%;fill:var(--grund);stroke:none}.rueckkehr>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--tinte);font:650 38px/1.05 var(--display);text-align:center;width:70%;overflow-wrap:anywhere}.anfrageraster .worterinnerung{font-size:12px;margin-top:8px}.formular__hinweis{font-size:12px;color:var(--dunkel-akzent);border-bottom:1px solid var(--auf-dunkel);padding-bottom:18px;margin-bottom:24px}.formular__felder{display:grid;grid-template-columns:1fr 1fr;gap:26px 24px}.formular label{display:flex;flex-direction:column;gap:10px;font-size:12px;min-width:0}.breit{grid-column:1/-1}.formular input,.formular select,.formular textarea{background:transparent;border:0;border-bottom:1px solid var(--auf-dunkel);border-radius:0;padding:9px 0;width:100%;font-size:16px;min-width:0}.formular select{color-scheme:dark}.formular option{background:var(--dunkel);color:var(--auf-dunkel)}.formular textarea{resize:vertical;line-height:1.5}.formular textarea::placeholder{color:var(--auf-dunkel);opacity:.8}.formular .knopf{margin-top:28px}.formular__antwort{font-size:13px;margin-top:16px}.fuss{display:flex;flex-wrap:wrap;gap:25px;align-items:center;justify-content:space-between;padding:38px var(--rand) 85px;background:var(--papier)}.fuss p,.fuss>a:not(.kopf__name){font-size:12px}.fuss small{flex-basis:100%;font-size:12px;margin-top:5px}
.paletten{position:fixed;right:18px;bottom:16px;z-index:40;background:var(--papier);color:var(--tinte);border:1px solid var(--tinte);font-size:12px;box-shadow:0 3px 12px color-mix(in srgb,var(--tinte) 12%,transparent)}.paletten summary{cursor:pointer;list-style:none;min-height:40px;padding:12px 15px;display:flex;align-items:center;gap:9px}.paletten summary::-webkit-details-marker{display:none}.paletten__punkt{width:10px;height:10px;background:var(--akzent);border-radius:var(--form);border:1px solid var(--tinte)}.paletten fieldset{border:0;border-top:1px solid var(--tinte);margin:0;padding:12px 15px;min-width:205px}.paletten legend{float:left;width:100%;margin-bottom:8px;font-weight:600}.paletten label{display:flex;align-items:center;gap:8px;min-height:36px;cursor:pointer}.paletten input{accent-color:var(--tinte);margin:0}
@media(min-width:1600px){:root{--rand:max(80px,calc((100vw - 1320px)/2))}}
@media(max-width:1000px){.kopf{gap:24px}.kopf nav{gap:20px}.band__zeile{gap:24px}.band__person{max-width:250px}.band h1{font-size:56px}.erkennen__raster,.simonraster{gap:40px}.arbeit--eins,.arbeit--zwei{gap:40px}.arbeit__bilder{height:390px}.foto img{height:215px}.foto--modell img{height:180px}.anfrageraster{gap:45px}.angebot{grid-template-columns:48px 1fr 1fr}.belegleiste{gap:20px}.angebote__kopf{gap:40px}.form-echo{margin-left:0}}
@media(max-width:600px){
 html{scroll-padding-top:108px}body{font-size:16px}.kopf{height:100px;padding:12px 24px 36px;gap:15px;flex-wrap:wrap}.kopf__name{font-size:28px;margin-right:auto}.kopf .knopf{font-size:12px;padding:8px 14px;gap:24px}.kopf nav{position:absolute;bottom:11px;left:24px;right:24px;justify-content:space-between;font-size:12px;gap:14px}.umfeldzeile{padding:7px 16px;justify-content:center;min-height:48px}.umfeldzeile>p{display:none}.umschalter{width:100%;justify-content:space-between;gap:3px}.umschalter button{font-size:12px;min-height:34px;padding:6px 10px}
 .plakat{height:408px;margin:8px 16px 18px}.leerstelle__inhalt{inset:17% 13%;gap:10px}.hinweis{font-size:12px}.hinweis__linie{width:24px;left:-29px}.benennen{font-size:12px;min-height:36px}#leer-erklaerung{font-size:12px;line-height:1.45}.etikett{font-size:30px}.wortfrage label{font-size:12px;line-height:1.4}.wortfrage input{font-size:16px}.wortfrage button{padding-inline:4px}
 .band{padding:23px 24px 30px}.band__gedanke{font-size:13px;line-height:1.5;max-width:36ch;margin-bottom:20px}.band__zeile{display:block}.band h1{font-size:42px;line-height:1.04;letter-spacing:-.015em}.band__person{max-width:none;display:grid;grid-template-columns:1fr auto;gap:17px;align-items:end;margin-top:22px}.band__person p{font-size:12px;line-height:1.55}.band__person strong{font-size:15px}.band__person .textlink{font-size:12px;gap:15px;margin:0}
 .abschnitt{padding:52px 24px 64px}.kapitel{font-size:12px;letter-spacing:.04em;margin-bottom:35px;gap:10px}.kapitel span:last-child{text-align:right}h2{font-size:49px}.erkennen__raster{display:block}.erkennen__titel{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:35px}.form-echo{width:115px;height:90px;margin:0;flex-shrink:0}.form-echo span{font-size:12px}.anzeichen li{font-size:18px;padding:18px 0 18px 22px}.anzeichen li:before{top:29px;width:6px;height:6px}.anzeichen li:first-child:before{top:10px}.beleg{padding-left:18px;margin-top:20px}.beleg p{font-size:12px}.beleg a{font-size:12px;line-height:1.6}.arbeitsweise>h2{font-size:43px}.bewegung{margin-top:40px}.arbeit--eins,.arbeit--zwei{display:flex;flex-direction:column;gap:30px}.arbeit__bilder{width:100%;height:360px}.foto{width:76%}.foto img{height:210px}.foto--modell{width:65%}.foto--modell img{height:175px}.foto figcaption{font-size:12px}.arbeit__text{width:100%}.arbeit__text h3{font-size:35px;margin-bottom:20px}.arbeit__text>p:last-child{font-size:14px}.klein{font-size:12px;margin-bottom:16px}.arbeit--zwei{margin:45px 0 50px;gap:30px;padding-top:40px}.arbeit--drei{padding-top:40px}.arbeit--drei h3{font-size:57px}.arbeit__schluss{display:block;margin-top:25px}.arbeit__schluss>p{font-size:14px}.arbeit__schluss .haltung{font-size:30px;margin-top:30px}.simonraster{display:flex;flex-direction:column;gap:35px}.portrait{width:88%;align-self:center;margin-top:0}.simontext h2{font-size:50px}.simontext>p{font-size:14px}.vita{font-size:12px;line-height:1.7}.vita li{margin-bottom:6px}.hoerknopf{font-size:13px;gap:12px}.hoerknopf small{font-size:12px}.play{width:56px;height:46px}.belegleiste{display:grid;grid-template-columns:1fr;gap:20px;margin-top:40px;padding:23px 0}.belegleiste a{font-size:14px}.belegleiste small{margin-top:4px;font-size:12px;max-width:45ch}.stimmen{gap:25px;grid-template-columns:1fr;margin-top:30px}.stimmen>div{padding:20px 0 0}.stimmen p{font-size:27px;margin:12px 0}.angebote__kopf{display:block;margin-bottom:32px}.angebote__kopf h2{font-size:52px;margin-bottom:25px}.angebote__kopf>p{font-size:14px}.angebot{grid-template-columns:32px 1fr;gap:10px 13px;padding:25px 0 32px}.angebot__nr{font-size:16px;width:30px;height:28px}.angebot h3{font-size:40px;max-width:none}.angebot__art{font-size:12px;margin-bottom:12px}.angebot__details{grid-column:2;font-size:12px;margin-top:14px}.angebot__links{margin-top:16px;font-size:12px}.angebot__details dl>div{grid-template-columns:64px 1fr}.angebot__details dt,.danach strong{font-size:12px}.ablauf{padding-top:35px}.ablauf>h3{font-size:39px}.ablauf ol{grid-template-columns:1fr;gap:25px;margin-top:35px}.ablauf li{display:grid;grid-template-columns:36px 1fr;column-gap:20px}.ablauf li>span{grid-row:1/3;margin:0;width:36px;height:32px}.ablauf h4{font-size:14px;margin-bottom:7px}.ablauf li p{max-width:none;font-size:12px}.anfrageraster{display:block}.anfrageraster h2{font-size:52px}.anfrageraster>div>p{font-size:14px}.mail{font-size:19px;margin-top:20px}.rueckkehr{width:245px;height:190px;margin:20px auto 0}.rueckkehr>span{font-size:32px}.anfrageraster .worterinnerung{text-align:center;font-size:12px;margin-bottom:40px}.formular__felder{gap:24px 18px}.formular label{font-size:12px}.formular__hinweis{font-size:12px}.fuss{padding:30px 24px 88px;gap:20px}.fuss p{flex-basis:100%;font-size:12px}.fuss small{font-size:12px;margin:0}.paletten{right:10px;bottom:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media scripting:none{.leerstelle,.paletten{display:none}}

/* Das Schulhaus-Programm steht als Hauptangebot auf einer eigenen Fläche. */
.angebot--programm{background:var(--rot);color:var(--auf-akzent);border-top:0;padding:44px 36px 48px;margin-bottom:30px;grid-template-columns:48px 1.2fr 1fr;gap:28px}
.angebot--programm .angebot__nr{border-color:currentColor}
.angebot--programm h3{font-size:clamp(48px,4.5vw,68px);max-width:15ch}
.angebot--programm .angebot__art{font-weight:600}
.angebot--programm .danach{border-color:currentColor}
.angebot__umfang{margin-top:24px}
.angebot__umfang>strong{font-size:12px}
.angebot__umfang ul{padding-left:18px;margin:10px 0 0}
.angebot__umfang li+li{margin-top:7px}
.angebote__hinweis{font-size:13px;max-width:76ch;margin:12px 0 42px;line-height:1.7}
@media(max-width:1000px){.angebot--programm{grid-template-columns:36px 1fr 1fr;padding:32px 24px;gap:20px}}
@media(max-width:600px){.angebot--programm{grid-template-columns:30px 1fr;padding:25px 20px 30px;gap:16px 12px;margin-bottom:12px}.angebot--programm h3{font-size:46px}.angebot--programm .angebot__details{grid-column:1/-1;margin-top:8px}.angebot__umfang>strong{font-size:12px}.angebote__hinweis{font-size:12px;margin:8px 0 32px}}

/* Einzelberatung als eigenes Kapitel mit derselben Leerstellen-Form. */
.begleitung{border-top:1px solid var(--rot)}
.begleitung__raster{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(36px,6vw,88px)}
.begleitung h2{max-width:15ch}
.begleitung__bild{margin-top:36px;max-width:540px}
.begleitung__bild img{width:100%;border-radius:var(--form)}
.begleitung__bild figcaption{font-size:12px;margin-top:16px;text-align:center}
.begleitung__text{font-size:15px;line-height:1.7;padding-top:8px}
.begleitung dl{margin:28px 0}
.begleitung dl>div{display:grid;grid-template-columns:72px 1fr;gap:16px;margin-top:14px}
.begleitung dt,.begleitung__danach strong{font-size:12px;font-weight:600}
.begleitung dd{margin:0}
.begleitung__danach{border-left:2px solid var(--rot);padding-left:20px}
.begleitung__danach strong{display:block;margin-bottom:6px}
.begleitung__hinweis{font-size:15px;margin-top:28px;max-width:65ch}
.begleitung__link{display:inline-flex;align-items:center;min-height:48px;font-size:15px;font-weight:600;margin-top:28px;padding:10px 0}
@media(max-width:600px){.begleitung__raster{grid-template-columns:1fr;gap:32px}.begleitung h2{font-size:52px}.begleitung__bild{margin-top:28px}.begleitung__text{padding:0}.begleitung dl>div{grid-template-columns:56px 1fr;gap:14px}}

/* v8: ein gemeinsames Raster für Belege, Storyboards und kleine Gesten. */
:root{--abschnitt-abstand:clamp(64px,6.1vw,96px);--leise-rot:color-mix(in srgb,var(--rot) 82%,var(--tinte))}
.abschnitt{padding-block:var(--abschnitt-abstand) calc(var(--abschnitt-abstand) + 16px)}
.kopf{transition:height .24s,padding .24s}
.kopf.kompakt{height:60px}
.lesefortschritt{position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--rot);transform:scaleX(0);transform-origin:left;pointer-events:none}
.kopf nav a{display:flex;align-items:center;min-height:44px}
.umschalter button,.benennen,.wortfrage button{min-height:44px}
.aktion{padding:0 var(--rand)}
.aktionsbild__zeichnung{position:relative;background:color-mix(in srgb,var(--papier) 92%,var(--tinte));padding-top:32px;overflow:hidden}
.aktionsbild svg{display:block;width:100%;height:auto;fill:none;stroke:var(--tinte);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.storyboard-marke{position:absolute;top:24px;left:28px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.szene__raum{opacity:.25;stroke-width:1.4}.szene__tisch{stroke-width:1.6}.szene__karten{stroke:var(--rot);stroke-width:2.4}
.aktionsbild__notiz{position:absolute;top:30px;right:30px;font:550 clamp(20px,2.2vw,32px)/1.1 var(--display)}
.aktionsbild figcaption{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:20px 0 28px;font-size:12px;line-height:1.6}
.aktionsbild figcaption>span{font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.aktionsbild figcaption p{max-width:65ch}
.belegzeile{border-block:1px solid var(--tinte);padding:22px 0;display:flex;flex-wrap:wrap;column-gap:28px;row-gap:4px}
.belegzeile a{display:flex;gap:12px;align-items:center;min-height:44px;font-size:12px;text-decoration:none}
.belegzeile a span{color:var(--leise-rot)}.belegzeile a:hover{text-decoration:underline}
.tinte-hinweis{font-size:12px;line-height:1.6;margin-top:30px;max-width:25ch}
.anzeichen li{padding-left:0;padding-bottom:18px;display:grid;grid-template-rows:auto minmax(42px,auto)}
.anzeichen li:before{display:none}
.anzeichen__knopf{background:transparent;border:0;text-align:left;font:inherit;line-height:inherit;width:100%;padding:0 32px 10px 0;position:relative;min-height:48px}
.anzeichen__knopf:after{content:'+';font-size:18px;position:absolute;right:0;top:7px;color:var(--leise-rot)}
.anzeichen__knopf[aria-expanded=true]:after{content:'−'}
.tinte{font-size:14px;line-height:1.55;color:var(--leise-rot);align-self:start;animation:tinte .28s ease-out}
@keyframes tinte{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
.titel-auf{animation:titel-auf .65s cubic-bezier(.2,.7,.2,1) both}
@keyframes titel-auf{from{clip-path:inset(0 100% 0 0 round 43% 57% 42% 58% / 52% 37% 63% 48%)}to{clip-path:inset(-3% -3% -3% -3% round 0%)}}
.wortvorschau{font:700 32px/1.05 var(--display);overflow-wrap:anywhere;text-align:center;max-height:76px;overflow:hidden;margin:0 0 12px}
.wortvorschau:empty{display:none}
.tief-atmen .leerstelle__kontur{animation:tief-atmen .8s ease-in-out}
@keyframes tief-atmen{0%,100%{transform:scale(1)}50%{transform:scale(1.045,1.07)}}
.filmplatz{display:grid;grid-template-columns:.6fr 1fr;gap:64px;margin-top:64px;padding-top:40px;border-top:1px solid var(--tinte)}
.filmplatz__kopf .klein{color:var(--tinte);margin-bottom:16px}.filmplatz__kopf>p:last-child{font-size:14px;max-width:27ch;margin-top:24px}
.film{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;border:1px solid var(--tinte);padding:0;background:color-mix(in srgb,var(--papier) 94%,var(--tinte));overflow:hidden}
.film__szene{position:absolute;inset:0;width:100%;height:100%;stroke:var(--tinte);stroke-width:1.7;fill:none;opacity:.35}
.film__play{width:120px;height:90px;position:relative;display:grid;place-items:center;transition:transform .25s}
.film__play svg{position:absolute;inset:0;width:100%;height:100%;fill:var(--rot)}.film__play>span{position:relative;font-size:22px;color:var(--tinte)}
.film:hover .film__play,.film:focus-visible .film__play{transform:scale(1.08) rotate(-4deg)}
.film__zeit{position:absolute;bottom:16px;left:20px;font-size:12px;letter-spacing:.05em}
.film__beschreibung{font-size:12px;line-height:1.7;margin-top:16px;max-width:65ch}
.film__hinweis{padding:18px 20px;border-left:2px solid var(--rot);font-size:13px;margin-top:16px}.film__hinweis a{display:inline-block;padding-block:8px}
.programmform{position:relative;max-width:320px;width:90%;aspect-ratio:4/3;margin-top:32px;display:grid;place-items:center}
.programmform svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.programmform use{fill:var(--papier);opacity:.3;transform-origin:center}
.programmform circle{fill:transparent;stroke:var(--tinte);stroke-width:1.3;transition:fill .2s,stroke-width .2s}
.programmform circle.aktiv{fill:var(--tinte);stroke-width:4}
.programmform>span{position:relative;max-width:55%;text-align:center;font:550 23px/1.12 var(--display);pointer-events:none}
.angebot__umfang ul{list-style:none;padding:0}.angebot__umfang li+li{margin-top:0}
.angebot__umfang button{border:0;border-bottom:1px solid color-mix(in srgb,currentColor 25%,transparent);background:transparent;min-height:48px;width:100%;text-align:left;display:flex;align-items:center;gap:14px;padding:10px 0;font-size:13px;line-height:1.5}
.programm__punkt{flex:0 0 9px;height:9px;border:1px solid currentColor;border-radius:var(--form)}
.angebot__umfang button[aria-pressed=true] .programm__punkt{background:currentColor}.angebot__umfang button[aria-pressed=true]{font-weight:600}
.ablauf ol{position:relative;gap:32px}.ablauf li{position:relative}.ablauf li>span{position:relative;z-index:1;background:var(--grund);color:var(--tinte);border:1px solid var(--rot);transition:background .15s,color .15s}
.ablauf li:not(:last-child):before{content:'';position:absolute;top:19px;left:22px;width:calc(100% + 32px);height:1px;background:var(--rot);transform:scaleX(1);transform-origin:left}
.js .ablauf:not(.gezeichnet) li:before{transform:scaleX(0)}
.ablauf.gezeichnet li:before{transition:transform .2s ease-out}
.ablauf.gezeichnet li>span{background:var(--rot);color:var(--tinte)}
.ablauf.gezeichnet li:nth-child(2):before,.ablauf.gezeichnet li:nth-child(2)>span{transition-delay:.2s}
.ablauf.gezeichnet li:nth-child(3):before,.ablauf.gezeichnet li:nth-child(3)>span{transition-delay:.4s}
.ablauf.gezeichnet li:nth-child(4)>span{transition-delay:.6s}
.wortflug{position:fixed;z-index:30;pointer-events:none;width:150px;height:90px;border-radius:var(--form);display:grid;place-items:center;padding:14px;background:var(--rot);color:var(--tinte);font:650 23px/1.05 var(--display);text-align:center;overflow-wrap:anywhere}
.angebot__links a,.begleitung__link{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:1000px){.filmplatz{gap:32px}.programmform>span{font-size:20px}}
@media(max-width:600px){
 :root{--abschnitt-abstand:56px}
 html{scroll-padding-top:108px}.kopf{height:108px;padding-top:8px;padding-bottom:42px}.kopf.kompakt{height:96px;padding-top:4px;padding-bottom:40px}.kopf nav{bottom:0}.kopf .knopf{min-height:44px}.kopf__name{font-size:26px}
 .aktion{padding:0 24px}.aktionsbild__zeichnung{margin-inline:-24px;padding-top:65px;padding-bottom:24px}.aktionsbild svg{width:145%;max-width:none;margin-left:-22%}.storyboard-marke{top:18px;left:24px;font-size:12px}.aktionsbild__notiz{top:auto;bottom:14px;right:24px;font-size:18px}.aktionsbild__notiz br{display:none}
 .aktionsbild figcaption{grid-template-columns:1fr;gap:8px;padding:20px 0;font-size:12px}.belegzeile{display:grid;grid-template-columns:1fr;padding-block:12px;gap:0}.belegzeile a{font-size:12px;justify-content:space-between;line-height:1.5;padding-block:9px;border-bottom:1px solid color-mix(in srgb,var(--tinte) 15%,transparent)}.belegzeile a:last-child{border:0}
 .erkennen__titel{display:block;margin-bottom:30px}.tinte-hinweis{margin-top:18px;max-width:none}.tinte-hinweis br{display:none}.tinte{font-size:13px}.anzeichen li{grid-template-rows:auto minmax(44px,auto);padding-left:0;padding-block:18px}.anzeichen li:first-child{padding-top:0}.anzeichen__knopf{padding-right:22px}
 .filmplatz{grid-template-columns:1fr;gap:24px;margin-top:40px;padding-top:30px}.filmplatz__kopf{display:grid;grid-template-columns:1.15fr 1fr;gap:14px 18px;align-items:end}.filmplatz__kopf .klein{grid-column:1/-1;margin:0;font-size:12px}.filmplatz__kopf h3{font-size:36px}.filmplatz__kopf>p:last-child{font-size:12px;margin:0}.film__play{width:90px;height:68px}.film__zeit{font-size:12px;bottom:10px;left:12px}
 .angebot--programm{margin-inline:-24px;padding:30px 24px}.angebot--programm h3{font-size:46px}.programmform{width:210px;margin-top:18px;margin-left:auto;max-width:100%}.programmform>span{font-size:18px}.angebot__umfang button{font-size:13px}
 .ablauf ol{gap:28px}.ablauf li:not(:last-child):before{width:1px;height:calc(100% + 28px);left:18px;top:16px;transform:scaleY(1);transform-origin:top}.js .ablauf:not(.gezeichnet) li:before{transform:scaleY(0)}
 .paletten summary{min-height:44px}.paletten label{min-height:44px}.wortfrage label{margin-bottom:6px}.wortvorschau{margin-bottom:6px;max-height:54px}.wortfrage .wort-abbrechen{padding-block:4px}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .titel-auf{clip-path:none}.js .ablauf li:before{transform:none!important}.ablauf li>span{background:var(--rot)}
 .wortflug{display:none}
}
/* Auch die kleinen Einstiege haben eine volle Berührungsfläche. */
.kopf .kopf__name{min-height:44px;display:inline-flex;align-items:center}
.hinweis{min-height:44px;flex-shrink:0}
/* v9: Lesbare Texte und das Kartenmaterial als Einladung zum Gespräch. */
#leer-erklaerung{font-size:15px}
.band__gedanke,.band__person p,.beleg p,.arbeit__text>p:last-child,
.arbeit__schluss>p:not(.haltung),.simontext>p,.angebote__kopf>p,
.angebot__details,.angebot details,.angebot__umfang button,.angebote__hinweis,
.begleitung__text,.begleitung__hinweis,.ablauf h4,.ablauf li p,
.anfrageraster>div>p,.formular__hinweis,.formular__antwort,
.tinte-hinweis,.tinte,.filmplatz__kopf>p:last-child,.film__hinweis{font-size:15px}
.vita{font-size:14px}
.anfrageraster .worterinnerung{font-size:15px}
.angebot__links,.begleitung__link,.hoerknopf,.belegleiste a{font-size:15px}
.angebot__extra{margin-top:16px}
.angebot--programm{color:#11100E}
.angebot--programm .programmform circle{stroke:currentColor}
.angebot--programm .programmform circle.aktiv{fill:currentColor}
.ablauf{margin-bottom:64px}
.begleitung{margin-bottom:0}
.kartengeste{width:100%;max-width:480px;min-width:0;justify-self:center;text-align:center}
.kartenfrage{font:650 clamp(44px,4.4vw,64px)/1.06 var(--display);max-width:9ch;margin:0 auto 24px}
.kartenform{display:grid;place-items:center;min-height:350px;padding:35px 28px;background:var(--grund);border-radius:var(--form)}
.kartenstapel{position:relative;width:190px;aspect-ratio:512/714;perspective:900px}
.kartenruecken,.gezogene-karte{position:absolute;inset:0;width:100%;height:100%;border-radius:9px;box-shadow:0 5px 12px #211C1826}
.kartenruecken{background:var(--papier);border:1px solid var(--tinte)}
.kartenruecken:after{content:'';position:absolute;inset:12px;border:1px solid var(--tinte);border-radius:var(--form);opacity:.4}
.kartenruecken--unten{transform:translate(-11px,5px) rotate(-8deg)}
.kartenruecken--mitte{transform:translate(10px,-3px) rotate(6deg)}
.kartenruecken--oben{transform:rotate(-2deg)}
.gezogene-karte{object-fit:contain;transform:rotate(-4deg);background:var(--papier)}
.kartenknopf{min-height:48px;min-width:184px;margin:22px 0 16px;padding:11px 22px;border:1px solid currentColor;background:transparent;color:inherit;font-size:16px;font-weight:600}
.kartenknopf:hover{background:var(--grund);color:var(--tinte)}
.kartenknopf[aria-disabled=true]{cursor:progress}
.kartenstatus,.kartenprogramm{font-size:15px;line-height:1.6;max-width:38ch;margin-inline:auto}
.kartenstatus{min-height:4.8em}
.kartenprogramm{margin-top:16px}
.kartenprogramm a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px}
@media(max-width:1000px){.arbeit--zwei{gap:32px}.kartenform{min-height:320px}.kartenstapel{width:170px}}
@media(max-width:600px){
 .band__person{display:block}.band__person .textlink{margin-top:18px;font-size:15px}
 .kartengeste{max-width:380px}.kartenfrage{font-size:48px}.kartenform{min-height:320px}.kartenstapel{width:170px}
 .kartenstatus{min-height:4.8em}.ablauf{margin-bottom:48px}
 .angebot__details{grid-column:1/-1}
 .formular__felder{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.gezogene-karte{transform:none}}

/* Verweise auf die Unterseiten */
.angebot__links{display:flex;flex-wrap:wrap;column-gap:22px}.angebot__mehr{font-weight:500;text-underline-offset:5px}
.vita__mehr{margin:-4px 0 26px;font-size:12px;font-weight:600}.vita__mehr a{text-underline-offset:5px}
/* Echte Stimme: durchgezogene rote Linie statt gestrichelter Platzhalter */
.stimmen>.stimme--echt{margin:0;padding:23px 0;border-top:2px solid var(--rot)}
.stimme--echt blockquote{margin:0}
.stimme--echt small{font-weight:600}
.stimmen>.stimme--gross{grid-column:1/-1}
.stimme--gross p{font-size:clamp(30px,3.3vw,48px);line-height:1.08;max-width:54ch}

/* v10: Die drei Standbeine sind bereits am Einstieg erreichbar. */
.standbeine{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:32px;margin-top:36px;border-top:1px solid color-mix(in srgb,currentColor 35%,transparent)}
.standbeine a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:96px;padding:20px 0 0;font:600 clamp(24px,2.4vw,34px)/1.15 var(--display);text-decoration:none}
.standbeine a:hover span:first-child{text-decoration:underline;text-underline-offset:6px}
.standbeine a>span:last-child{font:400 22px/1 var(--text)}
.angebot__bild{width:100%;max-width:400px;aspect-ratio:1;height:auto;object-fit:cover;object-position:center 65%;margin-top:28px;border-radius:var(--form)}
.angebote .ablauf{margin-bottom:0}
.kopf nav a{white-space:nowrap;min-width:44px}
.kopf .knopf{min-height:44px}
@media(min-width:601px) and (max-width:850px){.kopf{gap:16px;padding-inline:24px}.kopf nav{gap:14px;font-size:12px}.kopf .knopf{gap:12px;padding-inline:12px;font-size:12px}.kopf__name{font-size:28px}}
@media(max-width:600px){
 .kopf nav{left:16px;right:16px;gap:0}
 .kopf nav a{justify-content:center;padding-inline:4px}
 .standbeine{grid-template-columns:1fr;gap:0;margin-top:28px}
 .standbeine a{min-height:64px;padding:14px 0;font-size:27px;border-bottom:1px solid color-mix(in srgb,currentColor 25%,transparent)}
 .standbeine a:last-child{border-bottom:0}
 .angebot__bild{margin-top:20px;max-width:340px}
}
@media(max-width:359px){.kopf nav{left:8px;right:8px}.kopf nav a{padding-inline:2px}}