.story{background:var(--leit);color:var(--tinte);height:210svh;padding:0;position:relative}.story__stage{isolation:isolate;background:var(--leit);height:calc(100svh - var(--hdr-h));min-height:560px;top:var(--hdr-h);position:sticky;overflow:hidden}.story__beat{z-index:12;opacity:0;text-align:left;will-change:opacity, transform;width:min(92vw, var(--max));padding:0 var(--gut);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.story__beat p{letter-spacing:-.05em;margin:0;font-size:clamp(2.4rem,5.6vw,6rem);font-weight:300;line-height:1.02}.story__beat strong{font-weight:800}.story__beat--eins{opacity:1;text-align:center}.story__zeile{opacity:0;animation:.7s cubic-bezier(.2,0,0,1) forwards story-zeile;animation-delay:calc(.35s + var(--i,0) * .55s);display:block;transform:translateY(18px)}@keyframes story-zeile{to{opacity:1;transform:none}}.story__beat--zwei{text-align:center}.story__beat--zwei p{font-size:clamp(2.4rem,5.4vw,5.6rem)}.story__final{z-index:15;width:min(100%, var(--max));padding:0 var(--gut);opacity:0;pointer-events:none;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:end;gap:clamp(32px,6vw,120px);margin:0 auto;display:grid;position:absolute;inset:0}.story__text{padding-bottom:clamp(48px,9vh,110px)}.story__final h1{letter-spacing:-.055em;margin:0;font-size:clamp(3rem,7.4vw,6.8rem);font-weight:300;line-height:.88}.story__dir{position:relative}.story__hinweis{letter-spacing:0;width:15ch;color:var(--tinte);opacity:0;flex-direction:column;gap:4px;font-size:clamp(1rem,1.15vw,1.2rem);font-style:italic;font-weight:400;line-height:1.3;transition:opacity .5s .45s,transform .5s .45s;display:flex;position:absolute;bottom:52%;left:calc(100% + .25em);transform:translateY(6px)}.story__hinweis svg{order:2;width:64px;height:28px;margin-left:-6px;overflow:visible}.story__hinweis path{fill:none;stroke:var(--tinte);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;stroke-dashoffset:200px}.story__hinweis.ist-sichtbar{opacity:1;transform:none}.story__hinweis.ist-sichtbar path{animation:.7s cubic-bezier(.2,0,0,1) .6s forwards marker-zeichnen}.story__hinweis-mobil{display:none}.fenster{border:2px solid var(--tinte);background:var(--papier);width:74%;box-shadow:10px 10px 0 color-mix(in srgb, var(--tinte) 16%, transparent);color:var(--tinte);opacity:0;text-decoration:none;transition:opacity .6s,transform .7s cubic-bezier(.2,0,0,1);display:block;position:absolute}.story__faecher .fenster img{aspect-ratio:1200/750;object-fit:cover;object-position:top;width:100%;max-width:none;height:auto;margin:0;display:block}.fenster__leiste{border-bottom:2px solid var(--tinte);background:var(--papier);letter-spacing:.02em;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:1rem;display:flex}.fenster__leiste i{border:1.5px solid var(--tinte);border-radius:50%;width:9px;height:9px}.fenster__leiste span{opacity:.7;margin-left:8px}.fenster--1{--dreh:-3deg;z-index:1;top:0;left:6%}.fenster--2{--dreh:3deg;z-index:2;top:31%;right:0}.fenster--3{--dreh:-1.5deg;z-index:3;top:62%;left:10%}.fenster{transform:translateY(40px)rotate(0)}.story__faecher.ist-sichtbar .fenster{opacity:1;transform:rotate(var(--dreh))}.story__faecher.ist-sichtbar .fenster--2{transition-delay:.15s}.story__faecher.ist-sichtbar .fenster--3{transition-delay:.3s}.story__faecher .fenster:hover{z-index:5;transform:rotate(0)translateY(-6px)}.story__final h1 strong{font-weight:800}.story__lead{max-width:46ch;margin:36px 0 0;font-size:clamp(1.05rem,1.35vw,1.3rem);line-height:1.48}.story__cta{gap:var(--space-buttons);margin-top:var(--space-action);flex-wrap:wrap;display:flex}.story__bild{will-change:transform;align-self:end;height:min(92%,760px);margin:0;position:relative}.story__faecher{align-self:center;height:min(74%,600px)}.story__bild img{object-fit:contain;object-position:bottom;width:auto;max-width:100%;height:100%;margin:0 auto;display:block}.story__cue{opacity:0;z-index:20;color:var(--tinte);letter-spacing:.18em;text-transform:uppercase;flex-direction:column;align-items:center;gap:12px;font-size:clamp(1rem,1.1vw,1rem);font-weight:800;transition:opacity .3s;animation:.5s 2.6s forwards story-cue;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.story__cue span{background:currentColor;width:2px;height:42px;animation:1.6s ease-in-out infinite story-arrow;display:block;position:relative}.story__cue span:after{content:"";border-bottom:2px solid;border-right:2px solid;width:10px;height:10px;position:absolute;bottom:0;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes story-cue{to{opacity:1}}@keyframes story-arrow{0%,to{transform:translateY(-3px)}50%{transform:translateY(5px)}}.story--statisch{height:auto}.story--statisch .story__stage{height:auto;min-height:0;position:relative;top:0}.story--statisch .story__beat,.story--statisch .story__cue{display:none}.story--statisch .story__final{opacity:1;pointer-events:auto;padding-top:64px;position:static}.story--statisch .story__zeile{opacity:1;animation:none;transform:none}@media (width<=820px){.story__beat p,.story__beat--zwei p{font-size:clamp(1.7rem,7.6vw,3.4rem)}.story__zeile{white-space:nowrap}.story__final{flex-direction:column;justify-content:flex-end;display:flex}.story__text{z-index:2;padding-bottom:28px;position:relative}.story__bild{flex:auto;order:-1;height:auto;min-height:0;margin-top:16px}.story__faecher{justify-content:center;align-self:stretch;align-items:center;display:flex}.fenster--1,.fenster--2{display:none}.fenster--3{aspect-ratio:1200/800;flex-direction:column;width:auto;max-width:100%;height:min(100%,280px);display:flex;position:relative;top:auto;left:auto}.story__faecher .fenster--3 img{aspect-ratio:auto;flex:1 1 0;height:auto;min-height:0}.story__final h1{font-size:clamp(2.6rem,12.5vw,4.8rem)}.story__hinweis{display:none}.story__hinweis-mobil{color:var(--tinte);margin:12px 0 0;font-size:1rem;font-style:italic;display:block}.story__lead{max-width:32ch;margin-top:20px;font-size:1rem}}@media (width<=820px) and (height<=720px){.story__bild{display:none}}.person-section{z-index:40;background:var(--leit);padding:clamp(64px,7vw,110px) 0;position:relative}.person-stage{width:min(calc(var(--max) - 2 * var(--gut)), calc(100% - 2 * var(--gut)));isolation:isolate;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.8vw,42px);margin:0 auto;display:grid;position:relative}.person-bild{border:2px solid var(--tinte);box-shadow:10px 10px 0 color-mix(in srgb, var(--tinte) 14%, transparent);background:var(--bereich-website);aspect-ratio:2560/1300;opacity:var(--klar);filter:blur(calc((1 - var(--klar)) * 8px));grid-column:1/-1;margin:0;position:relative;overflow:hidden}.person-bild img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;position:absolute;inset:0}.person-heading{z-index:3;max-width:min(52%,600px);opacity:var(--klar);transform:translateY(calc((1 - var(--klar)) * 32px));position:absolute;top:clamp(24px,4vw,62px);left:clamp(22px,4vw,58px)}.person-heading h2{letter-spacing:-.06em;color:var(--tinte);margin:0;font-size:clamp(3rem,6.5vw,7rem);font-weight:300;line-height:.86}.person-heading h2 strong{font-weight:800}.person-bild--spiegel img{object-position:50% 0%}.person-bild--spiegel .person-heading{top:clamp(20px,3vw,44px);left:33%}.person-card{z-index:7;border:2px solid var(--tinte);background:var(--papier);min-height:145px;box-shadow:8px 8px 0 color-mix(in srgb, var(--tinte) 12%, transparent);opacity:var(--klar);transform:translateY(calc((1 - var(--klar)) * 22px));border-left-width:8px;padding:clamp(22px,2.6vw,32px);position:relative}.person-card--a{border-left-color:var(--bereich-website)}.person-card--b{border-left-color:var(--bereich-sichtbarkeit)}.person-card h3{margin:0;font-size:clamp(1.35rem,2.2vw,2.25rem);font-weight:800;line-height:1}.person-card h3+p{margin-top:12px;font-size:clamp(1rem,1.05vw,1.02rem);line-height:1.42}@media (width<=680px){.person-section{padding:56px 0 68px}.person-stage{grid-template-columns:1fr;width:calc(100% - 32px)}.person-bild{aspect-ratio:4/3}.person-heading{max-width:70%;top:18px;left:18px}.person-bild--spiegel .person-heading{left:18px}.person-bild--spiegel img{object-position:30% 20%}.person-heading h2{font-size:clamp(2.4rem,12vw,4rem)}.person-card{border-left-width:6px;min-height:0;padding:20px}}.angebot-nav{background:var(--papier);scroll-margin-top:var(--hdr-h);padding:clamp(78px,10vw,150px) 0}.angebot-nav__head{grid-template-columns:minmax(280px,.9fr) minmax(300px,.7fr);justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px;display:grid}.angebot-nav__head h2{letter-spacing:-.06em;margin:0;font-size:clamp(3.2rem,6.7vw,7.3rem);font-weight:300;line-height:.86}.angebot-nav__head h2 strong{font-weight:800}.angebot-nav__head p{max-width:43ch;margin:0 0 7px;font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.5}.angebot-nav__main{grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.6vw,24px);display:grid}.angebot-card{background:var(--card-color,var(--leit));min-height:360px;color:var(--tinte);border:2px solid var(--tinte);grid-template-rows:auto 1fr auto 92px;padding:30px;transition:transform .25s,filter .25s;display:grid;position:relative}.angebot-card:hover{z-index:2;filter:saturate(1.08);transform:translateY(-8px)}.angebot-card--website{--card-color:var(--bereich-website)}.angebot-card--sichtbarkeit{--card-color:var(--bereich-sichtbarkeit)}.angebot-card--betreuung{--card-color:var(--bereich-betreuung)}.angebot-card__nr{letter-spacing:.16em;font-size:1rem;font-weight:800}.angebot-card__arrow{font-size:1.8rem;transition:transform .2s;position:absolute;top:25px;right:27px}.angebot-card:hover .angebot-card__arrow{transform:translate(5px,-5px)}.angebot-card h3{letter-spacing:-.05em;grid-row:3;margin:0 0 18px;font-size:clamp(2.4rem,4vw,4.5rem);font-weight:800;line-height:.9}.angebot-card p{grid-row:4;max-width:31ch;margin:0;font-size:1rem;line-height:1.45}.angebot-nav__secondary{margin-top:clamp(48px,5vw,72px)}.angebot-nav__more-label{letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;font-size:1rem;font-weight:800;display:block}.angebot-nav__more{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:0;display:grid}.angebot-link{border:2px solid var(--tinte);background:var(--papier);justify-content:space-between;align-items:center;gap:20px;min-height:74px;padding:18px 21px;font-weight:800;display:flex}.angebot-link:hover{background:var(--tinte);color:var(--papier)}@media (width<=1000px){.angebot-card{min-height:320px}.angebot-card h3{font-size:clamp(2.2rem,4.4vw,3.7rem)}}@media (width<=680px){.angebot-nav__head{grid-template-columns:1fr;gap:20px}.angebot-nav__main,.angebot-nav__more{grid-template-columns:1fr}.angebot-card{grid-template-rows:auto 1fr auto auto;min-height:250px}.angebot-card h3{font-size:3.1rem}}.feld__portrait{grid-template-columns:minmax(0,1fr) minmax(220px,.55fr);align-items:end;gap:clamp(24px,4vw,56px);display:grid}.feld__portrait figure{aspect-ratio:3/5;max-height:640px;margin:0;position:relative}.feld__portrait figure.feld__steht{z-index:1;margin-bottom:calc(-1*clamp(28px,4vw,48px))}.feld__portrait img{object-fit:contain;object-position:bottom;width:100%;height:100%;position:absolute;inset:0}@media (width<=820px){.feld__portrait{grid-template-columns:1fr}.feld__portrait figure{max-width:320px}}.proc__grid{grid-template-columns:repeat(3,1fr);gap:18px 40px;margin-top:48px;display:grid}.proc__item{border-top:2px solid var(--tinte);padding-top:18px;font-size:1rem;line-height:1.6}.proc__item b{margin-bottom:8px;font-size:1.05rem;font-weight:800;display:block}.proc__item a{text-underline-offset:3px;text-decoration:underline}@media (width<=900px){.proc__grid{grid-template-columns:1fr 1fr}}@media (width<=620px){.proc__grid{grid-template-columns:1fr}}.home-ki__cta{margin-top:var(--space-action)}.band--gray{--band-bg:var(--gray-050);--band-fg:var(--gray-600);border-color:var(--lightgray)}.selbsttest{counter-reset:schritt;gap:0;margin-top:18px;display:grid}.selbsttest li{counter-increment:schritt;border-top:1px solid;padding:14px 0 14px 44px;font-size:1rem;line-height:1.5;position:relative}.selbsttest li:before{content:counter(schritt);background:var(--tinte);width:28px;height:28px;color:var(--papier);place-items:center;font-size:1rem;font-weight:800;display:grid;position:absolute;top:12px;left:0}.selbsttest code{background:color-mix(in srgb, var(--tinte) 8%, transparent);padding:1px 6px;font-family:inherit;font-weight:800}.story__spur{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}
