@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}
.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%}
.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)}
.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)}
.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}
.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}
.klein{font-size:12px;margin-bottom:22px;color:var(--dunkel-akzent)}
.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 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}
.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 h3{font-size:clamp(37px,3.5vw,54px);max-width:16ch}
.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}
.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}
@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}.simonraster{gap:40px}.arbeit__bilder{height:390px}.foto img{height:215px}.anfrageraster{gap:45px}.angebot{grid-template-columns:48px 1fr 1fr}.angebote__kopf{gap:40px}}
@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}.benennen{font-size:12px;min-height:36px}.etikett{font-size:30px}.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}.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}.arbeit__bilder{width:100%;height:360px}.foto{width:76%}.foto img{height:210px}.foto figcaption{font-size:12px}.klein{font-size:12px;margin-bottom:16px}.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}.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 h3{font-size:40px;max-width:none}.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}.formular__felder{gap:24px 18px}.formular label{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}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*, *:before, *:after{animation:none!important;transition:none!important}}
.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}
@media(max-width:600px){.begleitung__bild{margin-top:28px}}
: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}
.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{min-height:44px}
.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}
@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%)}}
@keyframes tief-atmen{0%,100%{transform:scale(1)}50%{transform:scale(1.045,1.07)}}
.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}
.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}
@media(max-width:600px){:root{--abschnitt-abstand:56px}html{scroll-padding-top:108px}.kopf{height:108px;padding-top:8px;padding-bottom:42px}.kopf nav{bottom:0}.kopf .knopf{min-height:44px}.kopf__name{font-size:26px}.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}.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)}}
@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)}}
.kopf .kopf__name{min-height:44px;display:inline-flex;align-items:center}
.band__gedanke, .band__person p, .beleg p, .arbeit__schluss>p:not(.haltung), .simontext>p, .angebote__kopf>p, .angebot details, .ablauf h4, .ablauf li p, .anfrageraster>div>p, .formular__antwort{font-size:15px}
.vita{font-size:14px}
.ablauf{margin-bottom:64px}
@media(max-width:600px){.band__person{display:block}.band__person .textlink{margin-top:18px;font-size:15px}.ablauf{margin-bottom:48px}.formular__felder{grid-template-columns:1fr}}
.vita__mehr{margin:-4px 0 26px;font-size:12px;font-weight:600}
.vita__mehr a{text-underline-offset:5px}
.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}
.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)}
.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}}
@media(max-width:359px){.kopf nav{left:8px;right:8px}.kopf nav a{padding-inline:2px}}