@font-face{font-family:Recursive Variable;font-style:oblique 0deg 15deg;font-display:swap;font-weight:300 1000;src:url(../media/recursive-cyrillic-ext-full-normal.28u6dc37xu2ng.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Recursive Variable;font-style:oblique 0deg 15deg;font-display:swap;font-weight:300 1000;src:url(../media/recursive-vietnamese-full-normal.1vpe44jv9vdx9.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Recursive Variable;font-style:oblique 0deg 15deg;font-display:swap;font-weight:300 1000;src:url(../media/recursive-latin-ext-full-normal.15r1p_9--i5eg.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Recursive Variable;font-style:oblique 0deg 15deg;font-display:swap;font-weight:300 1000;src:url(../media/recursive-latin-full-normal.2lycym1r612a6.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--papier:#ddd5c7;--papier-tief:#c6bbab;--tinte:#251d22;--tinte-sanft:#5b5052;--blau:#753029;--blau-dunkel:#69352f;--limette:#b8c6bb;--linie:#251d2233;--linie-hell:#ddd5c73d;--schrift:"Recursive Variable", "Helvetica Neue", Arial, sans-serif;--rand:clamp(1.15rem, 2.7vw, 3rem);--kopfhoehe:clamp(4.25rem, 6.2vw, 5.4rem);--eng:cubic-bezier(.82, .04, .16, .98);--weich:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{background:var(--papier);max-width:100%;color:var(--tinte);scroll-padding-top:calc(var(--kopfhoehe) + 1.25rem);scroll-behavior:auto;text-rendering:geometricprecision}body{background:var(--papier);min-width:320px;max-width:100%;color:var(--tinte);font-family:var(--schrift);font-variation-settings:"MONO" 0, "CASL" .22, "CRSV" .5, "slnt" 0;font-synthesis:none;-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}body.wird-aufgebaut,body.index-offen{overflow:hidden}::selection{background:var(--blau);color:#fff}a{color:inherit;text-decoration:none}button,input,textarea{color:inherit;font:inherit}button{cursor:pointer;background:0 0;border:0;border-radius:0}button,a,input,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--blau);outline-offset:5px}img{max-width:100%}.sprungmarke{z-index:10000;background:var(--tinte);color:var(--papier);transition:transform .18s var(--weich);padding:.72rem 1rem;font-size:.72rem;font-weight:650;position:fixed;top:.8rem;left:.8rem;transform:translateY(-180%)}.sprungmarke:focus{transform:translateY(0)}.visuell-versteckt{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.erfahrung{opacity:0;background:var(--papier);transition:opacity .14s linear;position:relative}.erfahrung--bereit{opacity:1}main>section[id]{scroll-margin-top:calc(var(--kopfhoehe) + 1rem)}.seitenwechsel{z-index:9800;visibility:hidden;pointer-events:none;position:fixed;inset:0;overflow:hidden}.seitenwechsel__feld{padding:var(--rand);background:var(--blau);color:#fff;transition:transform .66s var(--eng);align-content:center;display:grid;position:absolute;inset:0;transform:translate(-104%)}.seitenwechsel__feld>span{color:var(--limette);font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0;letter-spacing:.04em;text-transform:uppercase;margin:0 0 clamp(2.5rem,8vh,6rem) 8vw;font-size:.66rem}.seitenwechsel__feld p{letter-spacing:-.075em;max-width:12em;margin:0 8vw 0 auto;font-size:clamp(2.6rem,6.4vw,7.4rem);font-weight:570;line-height:.9}.seitenwechsel__feld i{right:var(--rand);bottom:var(--rand);left:var(--rand);transform-origin:0;background:var(--limette);height:.28rem;transition:transform .56s var(--weich) 80ms;position:absolute;transform:scaleX(.03)}.seitenwechsel[data-phase=geht],.seitenwechsel[data-phase=kommt]{visibility:visible}.seitenwechsel[data-phase=geht] .seitenwechsel__feld{transform:translate(0)}.seitenwechsel[data-phase=geht] .seitenwechsel__feld i,.seitenwechsel[data-phase=kommt] .seitenwechsel__feld i{transform:scaleX(1)}.seitenwechsel[data-phase=kommt] .seitenwechsel__feld{transition-delay:70ms;transform:translate(104%)}.aufbau{z-index:9000;background:var(--tinte);color:var(--papier);opacity:1;transition:opacity .24s linear;position:fixed;inset:0;overflow:hidden}.aufbau[data-phase="3"]{opacity:0;pointer-events:none}.aufbau__marke{top:var(--rand);left:var(--rand);letter-spacing:-.055em;margin:0;font-size:.86rem;font-weight:680;position:absolute}.aufbau__satz{top:27%;right:var(--rand);left:var(--rand);grid-template-rows:auto auto;grid-template-columns:repeat(12,minmax(0,1fr));align-items:baseline;gap:clamp(2rem,8vh,6rem) 1rem;display:grid;position:absolute}.aufbau__satz span{color:#f1efe840;letter-spacing:-.075em;transition:color .42s ease, transform .62s var(--eng), font-variation-settings .62s var(--eng);font-size:clamp(2rem,5.2vw,6.2rem);font-weight:430;line-height:.9}.aufbau__satz i{color:#f1efe859;font-size:clamp(.62rem,1vw,.92rem);font-style:normal}.aufbau__satz span:first-of-type{grid-area:1/1/auto/6}.aufbau__satz i:first-of-type{grid-area:1/6/auto/7}.aufbau__satz span:nth-of-type(2){grid-area:1/7/auto/13}.aufbau__satz i:nth-of-type(2){grid-area:2/4/auto/5}.aufbau__satz span:nth-of-type(3){grid-area:2/5/auto/12}.aufbau[data-phase="0"] .aufbau__satz span:first-of-type,.aufbau[data-phase="1"] .aufbau__satz span:nth-of-type(2),.aufbau[data-phase="2"] .aufbau__satz span:nth-of-type(3),.aufbau[data-phase="3"] .aufbau__satz span{color:var(--papier);font-variation-settings:"MONO" 0, "CASL" .78, "CRSV" .5, "slnt" -3;transform:translateY(-.12em)}.aufbau__status{bottom:var(--rand);left:var(--rand);color:#f1efe8b8;font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0;align-items:baseline;gap:1rem;font-size:.7rem;display:flex;position:absolute}.aufbau__status span{color:var(--limette)}.aufbau__status p{margin:0}.aufbau>button{right:var(--rand);bottom:var(--rand);color:#f1efe8b8;border-bottom:1px solid;font-size:.68rem;position:absolute}.kopf{z-index:800;width:100%;height:var(--kopfhoehe);padding:0 var(--rand);pointer-events:none;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:clamp(1rem,3vw,3.5rem);display:grid;position:fixed;top:0;left:0}.kopf:before{z-index:-1;content:"";-webkit-backdrop-filter:blur(18px);background:#ddd5c7eb;border-bottom:1px solid #11111614;position:absolute;inset:0}.kopf a,.kopf button{pointer-events:auto}.wortmarke{letter-spacing:-.06em;align-items:baseline;width:max-content;font-size:1rem;font-weight:660;display:inline-flex}.wortmarke span{font-variation-settings:"MONO" 0, "CASL" .92, "CRSV" .5, "slnt" -3}.wortmarke strong{font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0;transition:font-variation-settings .48s var(--weich), letter-spacing .48s var(--weich);font-weight:500}.wortmarke:hover strong,.wortmarke:focus-visible strong{font-variation-settings:"MONO" 0, "CASL" .8, "CRSV" .5, "slnt" -5;letter-spacing:-.02em}.kopf[data-abschnitt="02"] .wortmarke span{font-variation-settings:"MONO" .52, "CASL" .12, "CRSV" 0, "slnt" 0}.kopf[data-abschnitt="02"] .wortmarke strong{font-variation-settings:"MONO" 0, "CASL" .88, "CRSV" .6, "slnt" -4}.kopf[data-abschnitt="03"] .wortmarke span{font-variation-settings:"MONO" .82, "CASL" 0, "CRSV" 0, "slnt" 0}.kopf[data-abschnitt="03"] .wortmarke strong{font-variation-settings:"MONO" .24, "CASL" .42, "CRSV" 0, "slnt" 0}.kopf[data-abschnitt="04"] .wortmarke span,.kopf[data-abschnitt="05"] .wortmarke strong{font-variation-settings:"MONO" 0, "CASL" 1, "CRSV" 1, "slnt" -7}.kopf__fach,.kopf__kontakt{letter-spacing:-.02em;margin:0;font-size:.67rem;font-weight:580}.kopf__fach{color:var(--tinte-sanft)}.kopf__kontakt{padding-bottom:.32rem;position:relative}.kopf__kontakt:after{transform-origin:100%;background:var(--blau);content:"";height:1px;transition:transform .42s var(--weich);position:absolute;bottom:0;left:0;right:0;transform:scaleX(.22)}.kopf__kontakt:hover:after,.kopf__kontakt:focus-visible:after{transform-origin:0;transform:scaleX(1)}.indexschalter{border-bottom:1px solid var(--tinte);justify-content:space-between;align-items:center;gap:1.2rem;min-width:7.6rem;padding:.55rem 0 .45rem;display:flex}.indexschalter span{font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0;font-size:.68rem}.indexschalter small{color:var(--tinte-sanft);font-size:.59rem}.indexschalter:after{right:var(--rand);bottom:calc((var(--kopfhoehe) - 2.1rem) / 2);background:var(--blau);content:"";width:1.2rem;height:3px;transition:width .52s var(--eng);position:absolute}.indexschalter[aria-expanded=true]:after{width:7.6rem}.seitenindex{z-index:890;width:min(62rem,88vw);height:min(48rem,96svh);padding:var(--rand);background:var(--blau);color:#fff;visibility:hidden;transition:transform .72s var(--eng), visibility 0s linear .72s;grid-template-rows:auto 1fr auto;display:grid;position:fixed;top:0;right:0;transform:translate(102%)}.seitenindex--offen{visibility:visible;transition:transform .72s var(--eng), visibility 0s;transform:translate(0,0)}.seitenindex__kopf{border-bottom:1px solid #ffffff4d;justify-content:space-between;align-items:center;padding-bottom:.9rem;display:flex}.seitenindex__kopf p,.seitenindex__kopf button{color:#ffffffb8;margin:0;font-size:.68rem}.seitenindex ol{flex-direction:column;justify-content:center;margin:0;padding:clamp(1.5rem,4vh,3.5rem) 0;list-style:none;display:flex}.seitenindex li{border-bottom:1px solid #ffffff3b;width:84%}.seitenindex li:nth-child(2){margin-left:4%}.seitenindex li:nth-child(3){margin-left:8%}.seitenindex li:nth-child(4){margin-left:12%}.seitenindex li:nth-child(5){margin-left:16%}.seitenindex li a{grid-template-columns:2rem minmax(0,1fr) auto;align-items:baseline;gap:1rem;padding:clamp(.6rem,1.3vh,1rem) 0;display:grid}.seitenindex li span,.seitenindex li small{color:#ffffffa8;font-size:.62rem}.seitenindex li strong{letter-spacing:-.07em;transition:transform .42s var(--weich), font-variation-settings .42s var(--weich);font-size:clamp(1.8rem,4.3vw,4.5rem);font-weight:430;line-height:.92}.seitenindex li a:hover strong,.seitenindex li a:focus-visible strong,.seitenindex li a[aria-current=location] strong{font-variation-settings:"MONO" 0, "CASL" .9, "CRSV" 1, "slnt" -6;transform:translate(.4rem)}.seitenindex__mail{width:max-content;color:var(--limette);border-bottom:1px solid;font-size:.74rem}.indexschirm{z-index:880;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(5px);background:#1111169e;transition:opacity .52s,visibility 0s linear .52s;position:fixed;inset:0}.indexschirm--offen{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .52s,visibility}.satzzeiger{z-index:9990;opacity:0;pointer-events:none;will-change:transform;width:0;height:0;transition:opacity .14s linear;position:fixed;top:0;left:0}.satzzeiger[data-sichtbar=ja]{opacity:1}.satzzeiger i,.satzzeiger:before{content:"";transition:width .26s var(--weich), height .26s var(--weich), transform .26s var(--weich), background .26s ease;position:absolute}.satzzeiger i{background:var(--blau);border-radius:50%;width:.64rem;height:.64rem;top:-.32rem;left:-.32rem}.satzzeiger:before{border:1px solid #9a463885;border-radius:50%;width:1.9rem;height:1.9rem;top:-.95rem;left:-.95rem}.satzzeiger[data-aktiv=ja] i{border-radius:0;width:.34rem;height:1.7rem;transform:translate(.15rem,-.5rem)}.satzzeiger[data-aktiv=ja]:before{width:2.6rem;height:2.6rem;transform:translate(-.35rem,-.35rem)}.satzzeiger[data-druck=ja]:before{transform:scale(.66)}.auftakt{min-height:100svh;padding-top:var(--kopfhoehe);background:var(--papier);position:relative;overflow:hidden}.hero{--hero-x:.72;--hero-y:.38;min-height:calc(100svh - var(--kopfhoehe));padding:clamp(3rem, 8vh, 7rem) var(--rand) var(--rand);grid-template-rows:1fr auto;grid-template-columns:minmax(0,1.45fr) minmax(18rem,.55fr);gap:2rem;display:grid;position:relative}.hero__intro{z-index:2;flex-direction:column;justify-content:center;max-width:78rem;display:flex;position:relative}.hero__kennung{width:min(45rem,70%);color:var(--tinte-sanft);letter-spacing:-.015em;justify-content:space-between;margin:0 0 clamp(2.5rem,6vh,5rem);font-size:.66rem;font-weight:600;display:flex}.hero h1{letter-spacing:-.09em;max-width:9.2em;margin:0;font-size:clamp(4.1rem,8.4vw,9rem);font-weight:440;line-height:.82}.hero h1>span{white-space:nowrap;margin-left:.52em;display:block}.hero h1 em{color:var(--blau);font-variation-settings:"MONO" 0, "CASL" calc(.2 + var(--hero-x) * .75), "CRSV" 1, "slnt" calc(-2 - var(--hero-y) * 7);font-style:normal;transition:color .3s}.hero__aussage{grid-template-columns:minmax(16rem,1fr) auto;align-items:end;gap:clamp(2rem,5vw,6rem);width:min(52rem,82%);margin:clamp(3rem,7vh,6rem) 0 0 10vw;display:grid}.hero__aussage>p{letter-spacing:-.035em;max-width:34rem;margin:0;font-size:clamp(1rem,1.4vw,1.35rem);font-weight:430;line-height:1.38}.hero__aussage nav{flex-direction:column;min-width:12rem;display:flex}.hero__aussage a{border-bottom:1px solid var(--tinte);justify-content:space-between;align-items:center;gap:1rem;padding:.72rem 0;font-size:.68rem;font-weight:630;display:flex}.hero__aussage a span{color:var(--blau);transition:transform .32s var(--weich)}.hero__aussage a:hover span,.hero__aussage a:focus-visible span{transform:translate(.22rem,-.22rem)}.hero__instrument{z-index:1;top:calc(var(--kopfhoehe) + 7vh);right:calc(var(--rand) * -.25);aspect-ratio:.82;width:clamp(19rem,34vw,35rem);transform:translate(calc((var(--hero-x) - .5) * .9rem), calc((var(--hero-y) - .5) * .9rem));color:var(--blau);transition:transform .65s var(--weich);border:1px solid #9a463852;grid-template-rows:auto 1fr 1fr 1fr auto;gap:.6rem;padding:.8rem;display:grid;position:absolute}.hero__instrumentname{font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0;text-transform:uppercase;font-size:.58rem}.hero__probe{border:1px solid #9a463838;justify-content:space-between;align-items:flex-end;padding:.55rem;display:flex;position:relative;overflow:hidden}.hero__probe span{color:var(--tinte-sanft);font-size:.46rem;position:absolute;top:.35rem;left:.45rem}.hero__probe strong{letter-spacing:-.09em;text-align:right;transform:translateX(calc((var(--hero-x) - .5) * .6rem));transition:transform .62s var(--weich);margin-left:auto;font-weight:430;line-height:.72}.hero__probe i{bottom:0;left:calc(var(--hero-x) * 100%);background:#9a463852;width:1px;height:100%;position:absolute}.hero__probe--weit{width:100%}.hero__probe--weit strong{font-size:clamp(2.2rem,4.5vw,4.6rem)}.hero__probe--mittel{width:66%;margin-left:auto}.hero__probe--mittel strong{font-size:clamp(1.5rem,3.4vw,3.5rem)}.hero__probe--klein{width:35%;margin-left:auto}.hero__probe--klein strong{font-size:clamp(1.1rem,2.2vw,2.2rem)}.hero__instrument>p{color:var(--tinte-sanft);margin:.25rem 0 0 auto;font-size:.56rem}.hero__umfang{z-index:3;border-top:1px solid var(--linie);grid-column:1/3;justify-content:space-between;align-items:baseline;gap:clamp(2rem,8vw,10rem);margin:clamp(3rem,7vh,6rem) 0 0;padding-top:1rem;display:flex;position:relative}.hero__umfang p,.hero__umfang span{margin:0;font-size:.63rem}.hero__umfang p{max-width:48rem;line-height:1.5}.hero__umfang span{color:var(--tinte-sanft);flex:none}.projekte{padding:clamp(7rem, 14vw, 14rem) var(--rand);background:var(--tinte);color:var(--papier);position:relative;overflow:clip}.projekte__kopf{grid-template-rows:auto auto;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:1rem;margin-bottom:clamp(4rem,8vw,8rem);display:grid}.projekte__kopf>span{color:var(--limette);font-variation-settings:"MONO" .1, "CASL" .74, "CRSV" .5, "slnt" -3;text-transform:none;grid-area:1/1/auto/7;font-size:.67rem}.projekte__kopf h2{font-variation-settings:"MONO" .04, "CASL" .42, "CRSV" .2, "slnt" 0;letter-spacing:-.075em;grid-area:2/3/auto/10;max-width:12em;margin:clamp(1.4rem,3vw,3rem) 0 0;font-size:clamp(3.2rem,6vw,7rem);font-weight:420;line-height:.92}.projekte__kopf p{color:#f1efe8b3;grid-area:2/10/auto/13;align-self:end;max-width:24rem;margin:0;font-size:clamp(.8rem,1vw,1rem);line-height:1.45}.portfolio{grid-template-columns:repeat(12,minmax(0,1fr));gap:1.7rem 1rem;display:grid;position:relative}.portfolio__register{border-top:1px solid var(--linie-hell);flex-direction:column;grid-column:1/3;display:flex}.portfolio__register button{color:#f1efe8a8;text-align:left;min-height:7.8rem;transition:color .36s ease, padding-left .52s var(--weich);grid-template-columns:2rem 1fr;align-items:baseline;gap:.7rem;padding:1rem .7rem 1rem 0;display:grid;position:relative}.portfolio__register button+button{border-top:1px solid var(--linie-hell)}.portfolio__register button:nth-child(2){padding-left:.7rem}.portfolio__register button:nth-child(3){padding-left:1.4rem}.portfolio__register button:after{transform-origin:bottom;background:var(--limette);content:"";width:3px;transition:transform .62s var(--eng);position:absolute;top:0;bottom:0;left:-1px;transform:scaleY(0)}.portfolio__register button[aria-selected=true]{color:var(--papier);padding-left:1rem}.portfolio__register button[aria-selected=true]:after{transform-origin:top;transform:scaleY(1)}.portfolio__register span,.portfolio__register small{font-size:.62rem}.portfolio__register strong{letter-spacing:-.045em;font-size:clamp(1rem,1.5vw,1.45rem);font-weight:520}.portfolio__register small{color:inherit;grid-column:2}.portfolio__buehne{touch-action:pan-y;grid-column:3/13;min-width:0;position:relative}.portfolio__buehne:focus-visible{outline-color:var(--limette)}.portfolio__spur{aspect-ratio:16/9.35;width:100%;position:relative}.safari{z-index:1;width:100%;min-width:0;height:100%;transform:translate3d(calc(var(--fenster-abstand) * 108%), 0, 0) rotate(calc(var(--fenster-abstand) * 1.4deg)) scale(.94);opacity:.16;pointer-events:none;transition:transform .92s var(--eng);will-change:transform;background:#e8e8e7;border-radius:clamp(.7rem,1.4vw,1.2rem);position:absolute;inset:0;overflow:hidden;box-shadow:0 3rem 8rem #00000057,0 0 0 1px #ffffff21}.safari[aria-hidden=false]{z-index:2;opacity:1;pointer-events:auto;transform:translate(0,0)rotate(0)scale(1)}.safari__leiste{z-index:20;color:#4b4b4e;background:linear-gradient(#fffffff0,#e1e1e0f0);border-bottom:1px solid #00000024;grid-template-columns:5.4rem 5rem minmax(8rem,1fr) 5.4rem;align-items:center;gap:1rem;height:clamp(2.8rem,4.2vw,3.8rem);padding:0 clamp(.8rem,1.6vw,1.5rem);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;display:grid;position:relative}.safari__ampeln{gap:.5rem;display:flex}.safari__ampeln i{border-radius:50%;width:.76rem;height:.76rem;box-shadow:inset 0 0 0 1px #0000001a}.safari__ampeln i:first-child{background:#ff5f57}.safari__ampeln i:nth-child(2){background:#febc2e}.safari__ampeln i:nth-child(3){background:#28c840}.safari__pfeile{color:#69696d;justify-content:space-between;align-items:center;display:flex}.safari__pfeile button{color:#5b5b60;border-radius:.35rem;place-items:center;width:1.8rem;height:1.8rem;font-size:1.2rem;line-height:1;transition:background .18s,color .18s;display:grid}.safari__pfeile button:hover,.safari__pfeile button:focus-visible{color:#111;background:#00000014}.safari__adresse{background:#ffffffb8;border:1px solid #0000000f;border-radius:.55rem;justify-content:center;justify-self:center;align-items:center;gap:.55rem;width:72%;max-width:32rem;height:2rem;margin:0;font-size:.72rem;display:flex;box-shadow:0 1px 2px #0000000d}.safari__adresse i{border:1px solid #777;border-radius:.1rem;width:.48rem;height:.58rem}.safari__status{color:#707074;white-space:nowrap;justify-self:end;font-size:.61rem}.safari__seite{background:#111;height:calc(100% - clamp(2.8rem,4.2vw,3.8rem));position:relative;overflow:hidden}.demo{position:absolute;inset:0;overflow:hidden}.demo>img{z-index:0;object-fit:cover;will-change:transform}.demo__schleier{z-index:1;background:linear-gradient(90deg,#040e19c2,#040e190d 62%),linear-gradient(#0000 55%,#03091194);position:absolute;inset:0}.demo--halde{color:#f1ede3;background:#596169}.demo--halde>img{object-position:62% 52%;filter:saturate(.62)brightness(.66)contrast(1.08);transition:filter .9s var(--eng), object-position .9s var(--eng), transform 1.1s var(--eng);transform:scale(1.13)translate(3%,-1%)}.demo--halde[data-lage="1"]>img{object-position:48% 54%;filter:saturate(.78)brightness(.93)contrast(.96);transform:scale(1.06)translate(-2%)}.demo--halde[data-lage="2"]>img{object-position:70% 58%;filter:saturate(.45)brightness(.48)contrast(1.16);transform:scale(1.16)translate(2%,1.5%)}.halde__licht{z-index:1;transition:background .9s var(--eng);background:linear-gradient(90deg,#161e23db,#161e230f 72%),linear-gradient(#0000 48%,#161e23b8);position:absolute;inset:0}.demo--halde[data-lage="1"] .halde__licht{background:linear-gradient(90deg,#34352fab,#d4c29d0d 70%),linear-gradient(#0000 54%,#2326268c)}.demo--halde[data-lage="2"] .halde__licht{background:linear-gradient(90deg,#191a1de6,#2a221f1f 74%),linear-gradient(#0000 42%,#261b19d1)}.halde__kopf,.axis__kopf,.vara__kopf{z-index:8;grid-template-columns:1fr 1fr auto;align-items:center;padding:clamp(1rem,2.3vw,2rem);display:grid;position:absolute;top:0;left:0;right:0}.halde__kopf{border-bottom:1px solid #f1ede33d}.halde__kopf strong{font-variation-settings:"MONO" .72, "CASL" .14, "CRSV" 0, "slnt" 0;letter-spacing:.14em;font-size:clamp(.85rem,1.35vw,1.25rem)}.halde__kopf span,.halde__kopf small{color:#f1ede3b3;font-size:clamp(.52rem,.69vw,.69rem)}.halde__kopf small{font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0}.halde__wetter{z-index:5;width:min(52%,40rem);transition:left .9s var(--eng), top .9s var(--eng), transform .9s var(--eng);position:absolute;top:22%;left:clamp(1.2rem,4.6vw,5rem)}.demo--halde[data-lage="1"] .halde__wetter{top:18%;left:14%;transform:translate(8%)}.demo--halde[data-lage="2"] .halde__wetter{top:27%;left:7%;transform:translate(-2%)}.halde__wetter>span{color:#f1ede3b8;font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0;font-size:clamp(.52rem,.72vw,.72rem)}.halde__wetter h3{font-variation-settings:"MONO" .06, "CASL" .62, "CRSV" .45, "slnt" -2;letter-spacing:-.08em;max-width:8.7em;transition:font-variation-settings .9s var(--eng), letter-spacing .9s var(--eng);margin:clamp(.75rem,1.5vw,1.35rem) 0;font-size:clamp(3rem,6.7vw,7.1rem);font-weight:440;line-height:.83}.demo--halde[data-lage="1"] .halde__wetter h3{font-variation-settings:"MONO" 0, "CASL" .18, "CRSV" 0, "slnt" 0;letter-spacing:-.065em}.demo--halde[data-lage="2"] .halde__wetter h3{font-variation-settings:"MONO" .35, "CASL" .9, "CRSV" 1, "slnt" -7}.halde__wetter p{color:#f1ede3b8;max-width:31rem;margin:0 0 0 clamp(1.5rem,7vw,7rem);font-size:clamp(.56rem,.72vw,.74rem);line-height:1.45}.halde__zeiten,.axis__programme,.vara__wahl,.leistung__ablauf{border:0;min-width:0;margin:0;padding:0}.halde__zeiten{z-index:8;background:#272d2f;border-top:1px solid #f1ede359;grid-template-columns:repeat(3,1fr);width:min(38%,25rem);display:grid;position:absolute;bottom:clamp(1rem,2.2vw,2rem);left:clamp(1rem,2.3vw,2rem)}.halde__zeiten button{color:#f1ede394;text-align:left;min-width:0;transition:font-variation-settings .52s var(--weich);background:#272d2f;flex-direction:column;align-items:flex-start;gap:.4rem;padding:.75rem .55rem;font-size:clamp(.48rem,.62vw,.64rem);display:flex}.halde__zeiten button+button{border-left:1px solid #f1ede33b}.halde__zeiten button span{font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0;font-size:.82em}.halde__zeiten button[aria-pressed=true]{color:#242a2d;font-variation-settings:"MONO" 0, "CASL" .72, "CRSV" .4, "slnt" -3;background:#c9c2b3}.halde__empfehlung{z-index:8;color:#293034;width:min(38%,28rem);transition:transform .76s var(--eng);background:#ded7c9f0;padding:clamp(.75rem,1.35vw,1.25rem);position:absolute;bottom:clamp(1rem,2.2vw,2rem);right:clamp(1rem,2.3vw,2rem)}.halde__empfehlung small{font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0;font-size:clamp(.45rem,.56vw,.58rem)}.halde__empfehlung p{margin:.55rem 0 .8rem;font-size:clamp(.64rem,.82vw,.84rem);line-height:1.35}.halde__empfehlung button{border-bottom:1px solid;padding-bottom:.25rem;font-size:clamp(.5rem,.62vw,.64rem);font-weight:650}.halde__empfehlung button[aria-pressed=true]{font-variation-settings:"MONO" 0, "CASL" .8, "CRSV" .4, "slnt" -4}.demo--axis{color:#e9e5dc;background:#161719}.demo--axis:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(90deg,#161719eb,#16171914 78%);position:absolute;inset:0}.demo--axis>img{object-position:68% center;filter:saturate(.48)contrast(1.14)brightness(.72);clip-path:inset(0 0 0 46%);opacity:.88;transition:clip-path .9s var(--eng), filter .9s var(--eng), object-position .9s var(--eng), transform 1s var(--eng);transform:scale(1.04)}.demo--axis[data-programm="1"]>img{object-position:58% center;filter:saturate(.32)contrast(1.28)brightness(.58);clip-path:polygon(25% 0,100% 0,100% 72%,44% 100%,15% 100%);transform:scale(1.12)translate(-3%,2%)}.demo--axis[data-programm="2"]>img{object-position:74% center;filter:saturate(.22)contrast(1.06)brightness(.83);clip-path:inset(0 0 0 62%);transform:scale(1.02)translate(2%)}.axis__kopf{border-bottom:1px solid #e9e5dc33}.axis__kopf strong{color:#b7aa83;font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0;letter-spacing:.08em;font-size:clamp(.72rem,.95vw,.96rem)}.axis__kopf span,.axis__kopf small{color:#e9e5dc9e;font-size:clamp(.5rem,.66vw,.68rem)}.axis__kopf small{font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0}.axis__feld{z-index:2;pointer-events:none;grid-template-columns:1fr 1.2fr .7fr 1.4fr;gap:.7rem;display:grid;position:absolute;inset:8% 2rem 10%}.axis__feld i{height:18%;transition:height .86s var(--eng), transform .86s var(--eng);border-top:1px solid #b7aa8375;border-left:1px solid #b7aa8338;align-self:end}.axis__feld i:nth-child(2){height:42%}.axis__feld i:nth-child(3){height:68%}.axis__feld i:nth-child(4){height:29%}.demo--axis[data-programm="1"] .axis__feld i:first-child{height:74%}.demo--axis[data-programm="1"] .axis__feld i:nth-child(2){height:21%;transform:translateY(-18%)}.demo--axis[data-programm="1"] .axis__feld i:nth-child(3){height:51%}.demo--axis[data-programm="1"] .axis__feld i:nth-child(4){height:83%;transform:translateY(-8%)}.demo--axis[data-programm="2"] .axis__feld i{height:12%;transform:translateY(-2rem)}.axis__meldung{z-index:5;width:min(48%,39rem);transition:left .88s var(--eng), top .88s var(--eng), transform .88s var(--eng), width .88s var(--eng);position:absolute;top:22%;left:clamp(1.2rem,4.5vw,5rem)}.demo--axis[data-programm="1"] .axis__meldung{width:50%;top:16%;left:28%;transform:translate(-4%)}.demo--axis[data-programm="2"] .axis__meldung{width:54%;top:27%;left:7%}.axis__meldung>span,.axis__meldung>p{color:#e9e5dcad;font-size:clamp(.5rem,.68vw,.7rem)}.axis__meldung>span{font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0}.axis__meldung h3{font-variation-settings:"MONO" .1, "CASL" .12, "CRSV" 0, "slnt" 0;letter-spacing:-.08em;transition:font-variation-settings .88s var(--eng), letter-spacing .88s var(--eng);margin:clamp(.7rem,1.7vw,1.5rem) 0;font-size:clamp(2.7rem,6.3vw,6.8rem);font-weight:420;line-height:.84}.demo--axis[data-programm="1"] .axis__meldung h3{font-variation-settings:"MONO" .88, "CASL" 0, "CRSV" 0, "slnt" 0;letter-spacing:-.055em}.demo--axis[data-programm="2"] .axis__meldung h3{font-variation-settings:"MONO" 0, "CASL" .72, "CRSV" .45, "slnt" -3}.axis__meldung p{max-width:29rem;margin:0 0 0 clamp(1rem,5vw,5rem);line-height:1.45}.axis__programme{z-index:7;border-top:1px solid #e9e5dc47;grid-template-columns:repeat(3,1fr);width:min(38%,27rem);display:grid;position:absolute;bottom:clamp(1rem,2.2vw,2rem);left:clamp(1rem,2.3vw,2rem)}.axis__programme button{color:#e9e5dc8f;text-align:left;transition:background .34s ease, color .34s ease, transform .52s var(--weich);flex-direction:column;align-items:flex-start;gap:.35rem;padding:.75rem .55rem;font-size:clamp(.48rem,.62vw,.64rem);display:flex}.axis__programme button+button{border-left:1px solid #e9e5dc33}.axis__programme button span{font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0;font-size:.82em}.axis__programme button[aria-pressed=true]{color:#191a1c;background:#b7aa83;transform:translateY(-.25rem)}.axis__werte{z-index:6;width:min(49%,35rem);transition:transform .88s var(--eng), width .88s var(--eng);border-top:1px solid #e9e5dc47;grid-template-columns:repeat(3,1fr);margin:0;display:grid;position:absolute;bottom:clamp(1rem,2.2vw,2rem);right:clamp(1rem,2.3vw,2rem)}.demo--axis[data-programm="1"] .axis__werte{grid-template-columns:1fr;width:min(22%,16rem);transform:translateY(-135%)}.demo--axis[data-programm="2"] .axis__werte{width:min(44%,31rem)}.axis__werte div{justify-content:space-between;align-items:baseline;gap:.6rem;padding:.75rem .7rem 0 0;display:flex}.axis__werte div+div{border-left:1px solid #e9e5dc33;padding-left:.7rem}.demo--axis[data-programm="1"] .axis__werte div{padding:.55rem 0}.demo--axis[data-programm="1"] .axis__werte div+div{border-top:1px solid #e9e5dc33;border-left:0}.axis__werte dt{color:#e9e5dc80;font-size:clamp(.44rem,.54vw,.56rem)}.axis__werte dd{color:#d4c8a1;font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0;margin:0;font-size:clamp(.66rem,.96vw,.98rem)}.demo--vara{color:#262136;background:#c69a72}.vara__bilder{z-index:0;position:absolute;inset:0;overflow:hidden}.vara__bild{object-fit:cover;object-position:center;transition:clip-path 1s var(--eng), filter .9s var(--eng), opacity .7s ease, transform 1.1s var(--eng)}.vara__bild--haupt{clip-path:inset(0);transform:scale(1.04)}.vara__bild--ausschnitt{clip-path:polygon(62% 0,100% 0,100% 100%,76% 100%);opacity:0;transform:scale(1.22)translate(-7%,2%)}.demo--vara[data-schnitt="1"] .vara__bild--haupt{clip-path:polygon(0 0,56% 0,42% 100%,0 100%);filter:saturate(.7)contrast(1.08);opacity:.7;transform:scale(1.08)translate(-3%)}.demo--vara[data-schnitt="1"] .vara__bild--ausschnitt{clip-path:polygon(45% 0,100% 0,100% 100%,28% 100%);object-position:72% center;opacity:1;transform:scale(1.19)translate(-7%)}.demo--vara[data-schnitt="2"] .vara__bild--haupt{clip-path:polygon(18% 0,100% 0,79% 100%,0 100%);filter:saturate(.88)contrast(1.06);transform:scale(1.1)translate(-9%)}.demo--vara[data-schnitt="2"] .vara__bild--ausschnitt{clip-path:polygon(0 14%,38% 0,58% 100%,0 86%);object-position:78% center;opacity:.74;transform:scale(1.25)translate(8%)}.demo--vara:after{z-index:1;content:"";pointer-events:none;transition:background .9s var(--eng);background:linear-gradient(90deg,#d6b289c2,#d6b2890d 70%);position:absolute;inset:0}.demo--vara[data-schnitt="1"]:after{background:linear-gradient(90deg,#d6b289db,#0000 46%)}.demo--vara[data-schnitt="2"]:after{background:linear-gradient(90deg,#d6b28947,#d6b289ad 78%)}.vara__kopf{border-bottom:1px solid #2621363d}.vara__kopf strong{font-variation-settings:"MONO" 0, "CASL" .95, "CRSV" 1, "slnt" -7;letter-spacing:-.03em;font-size:clamp(.9rem,1.5vw,1.4rem)}.vara__kopf span,.vara__kopf small{font-size:clamp(.5rem,.66vw,.68rem)}.vara__kopf small{font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0}.vara__titel{z-index:5;transition:top .9s var(--eng), transform .9s var(--eng);position:absolute;top:20%;left:clamp(1.2rem,4vw,4rem);right:clamp(1.2rem,4vw,4rem)}.vara__titel p{font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0;margin:0 0 clamp(.8rem,1.5vw,1.4rem);font-size:clamp(.48rem,.64vw,.66rem)}.vara__titel h3{font-variation-settings:"MONO" 0, "CASL" .82, "CRSV" .6, "slnt" -4;letter-spacing:-.08em;transition:font-variation-settings .9s var(--eng), letter-spacing .9s var(--eng);grid-template-columns:repeat(12,minmax(0,1fr));margin:0;font-size:clamp(2.7rem,6.5vw,7rem);font-weight:450;line-height:.8;display:grid}.vara__titel h3 span{transition:transform .9s var(--eng), grid-column .9s var(--eng);grid-column:1/8}.demo--vara[data-schnitt="1"] .vara__titel{top:15%}.demo--vara[data-schnitt="1"] .vara__titel h3{font-variation-settings:"MONO" .48, "CASL" .12, "CRSV" 0, "slnt" 0;letter-spacing:-.055em}.demo--vara[data-schnitt="1"] .vara__titel h3 span:first-child{grid-column:1/7}.demo--vara[data-schnitt="1"] .vara__titel h3 span:nth-child(2){grid-column:5/10}.demo--vara[data-schnitt="1"] .vara__titel h3 span:nth-child(3){grid-column:8/13}.demo--vara[data-schnitt="2"] .vara__titel{top:18%;transform:translateY(3%)}.demo--vara[data-schnitt="2"] .vara__titel h3{font-variation-settings:"MONO" .05, "CASL" 1, "CRSV" 1, "slnt" -8}.demo--vara[data-schnitt="2"] .vara__titel h3 span:first-child{grid-column:7/13}.demo--vara[data-schnitt="2"] .vara__titel h3 span:nth-child(2){grid-column:2/7}.demo--vara[data-schnitt="2"] .vara__titel h3 span:nth-child(3){grid-column:5/11}.vara__wahl{z-index:8;border-top:1px solid #2621365c;grid-template-columns:repeat(3,1fr);width:min(35%,24rem);display:grid;position:absolute;bottom:clamp(1rem,2.2vw,2rem);right:clamp(1rem,2.3vw,2rem)}.vara__wahl button{color:#26213694;text-align:left;transition:background .34s ease, color .34s ease, transform .52s var(--weich);flex-direction:column;align-items:flex-start;gap:.35rem;padding:.75rem .55rem;font-size:clamp(.48rem,.62vw,.64rem);display:flex}.vara__wahl button+button{border-left:1px solid #26213638}.vara__wahl button span{font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0;font-size:.82em}.vara__wahl button[aria-pressed=true]{color:#f0dfc9;background:#312b49;transform:translateY(-.3rem)}.vara__notiz{z-index:7;border-top:1px solid #2621365c;max-width:min(36%,24rem);margin:0;padding-top:.65rem;font-size:clamp(.5rem,.66vw,.68rem);line-height:1.4;position:absolute;bottom:clamp(1rem,2.2vw,2rem);left:clamp(1rem,2.3vw,2rem)}.portfolio__beschreibung{grid-column:3/13;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:1rem;display:grid}.portfolio__beschreibung>div:first-child{grid-column:1/8}.portfolio__beschreibung>p{grid-column:9/13}.portfolio__beschreibung>div:first-child>span,.portfolio__beschreibung>div:first-child>small,.portfolio__beschreibung>p{color:#f1efe88a;font-size:.62rem}.portfolio__beschreibung>div:first-child>span{color:var(--limette);font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0;text-transform:uppercase}.portfolio__beschreibung>div:first-child>p{letter-spacing:-.045em;max-width:34rem;margin:.8rem 0 .65rem;font-size:clamp(1.1rem,1.7vw,1.7rem);font-weight:440;line-height:1.22}.portfolio__beschreibung>div:first-child>small{max-width:34rem;line-height:1.4;display:block}.portfolio__beschreibung>p{max-width:25rem;margin:0;line-height:1.5}.portfolio__wechsel{border:1px solid var(--linie-hell);grid-area:2/9/auto/13;grid-template-columns:2.8rem 1fr 2.8rem;justify-self:end;align-items:center;display:grid}.portfolio__wechsel button{width:2.8rem;height:2.8rem;color:var(--papier);font-size:1.1rem;transition:background .26s,color .26s}.portfolio__wechsel button:hover,.portfolio__wechsel button:focus-visible{background:var(--limette);color:var(--tinte)}.portfolio__wechsel span{color:#f1efe8a6;font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0;padding:0 1rem;font-size:.62rem}.portfolio__beleg{border-top:1px solid var(--linie-hell);color:#f1efe8a3;grid-column:3/9;max-width:44rem;margin:.5rem 0 0;padding-top:1rem;font-size:.68rem;line-height:1.55}.leistungen{background:var(--papier);position:relative}.leistung{--leistung-fortschritt:0;height:240vh}.leistung__buehne{min-height:100svh;padding:calc(var(--kopfhoehe) + clamp(1.5rem, 3vh, 3rem)) var(--rand) clamp(1.5rem, 3vh, 3rem);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);display:grid;position:sticky;top:0;overflow:hidden}.leistung__kopf{grid-column:1/13;grid-template-columns:subgrid;align-items:start;margin-bottom:clamp(1.5rem,4vh,3.5rem);display:grid}.leistung__kopf>span{color:var(--blau);font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0;text-transform:none;grid-column:1/4;font-size:.66rem}.leistung__kopf h2{font-variation-settings:"MONO" .18, "CASL" .16, "CRSV" 0, "slnt" 0;letter-spacing:-.075em;grid-column:4/10;max-width:13em;margin:0;font-size:clamp(2.6rem,5.2vw,6rem);font-weight:420;line-height:.92}.leistung__kopf>p{color:var(--tinte-sanft);grid-column:10/13;margin:0;font-size:clamp(.72rem,.9vw,.9rem);line-height:1.5}.leistung__ablauf{border-top:1px solid var(--linie);flex-direction:column;grid-column:1/5;justify-content:center;min-height:0;display:flex}.leistung__takt{background:var(--linie);grid-column:5;place-self:stretch center;width:1px;position:relative;overflow:hidden}.leistung__takt i{transform:scaleY(var(--leistung-fortschritt));transform-origin:top;background:var(--blau);transition:transform 80ms linear;position:absolute;inset:0}.leistung__ablauf button{border-bottom:1px solid var(--linie);color:var(--tinte-sanft);text-align:left;transition:color .34s ease, padding-left .52s var(--weich);grid-template-columns:2.2rem 6.5rem 1fr;align-items:baseline;gap:.7rem;padding:clamp(.75rem,1.5vh,1.2rem) 0;display:grid}.leistung__ablauf button[aria-pressed=true]{color:var(--tinte);padding-left:.8rem}.leistung__ablauf button>span{color:var(--blau);font-size:.6rem}.leistung__ablauf button strong{font-size:clamp(.82rem,1.05vw,1.05rem);font-weight:640}.leistung__ablauf button small{max-width:21rem;font-size:clamp(.61rem,.73vw,.74rem);line-height:1.35}.leistung__system{background:var(--tinte);min-height:0;color:var(--papier);grid-column:6/13;grid-template-rows:1fr auto;display:grid;position:relative;overflow:hidden}.leistung__browser{aspect-ratio:16/10;width:80%;color:var(--tinte);transition:width .72s var(--eng), transform .72s var(--eng), box-shadow .72s var(--eng);background:#e9e0d1;border:1px solid #f1efe84d;place-self:center;position:relative;overflow:hidden;box-shadow:1.3rem 1.3rem #9a4638bf}.leistung__system[data-phase="0"] .leistung__browser{width:62%;transform:rotate(-3deg);box-shadow:1rem 1rem #9a463861}.leistung__system[data-phase="2"] .leistung__browser{transform:translate(-3%);box-shadow:2rem 1.2rem #9a4638cc}.leistung__system[data-phase="3"] .leistung__browser{width:74%;box-shadow:2.4rem 1.5rem 0 var(--limette);transform:translate(-6%)scale(.94)}.leistung__browserkopf{background:#e4e2dc;border-bottom:1px solid #1111162b;align-items:center;gap:.35rem;height:8%;padding:0 .8rem;display:flex}.leistung__browserkopf i{background:#9d9b95;border-radius:50%;width:.38rem;height:.38rem}.leistung__browserkopf span{color:#55534f;margin-left:auto;font-size:clamp(.35rem,.48vw,.52rem)}.leistung__seite{height:92%;padding:5%;position:relative;overflow:hidden}.leistung__navigation{justify-content:space-between;display:flex}.leistung__navigation i{background:var(--tinte);width:16%;height:.3rem;display:block}.leistung__navigation i:last-child{width:8%}.leistung__headline{width:72%;transition:width .68s var(--eng), transform .68s var(--eng);flex-direction:column;gap:.5rem;margin-top:10%;display:flex}.leistung__headline span{background:var(--tinte);height:clamp(.8rem,2.4vw,2.6rem);display:block}.leistung__headline span:nth-child(2){width:82%}.leistung__headline span:nth-child(3){background:var(--blau);width:48%}.leistung__system[data-phase="0"] .leistung__headline{width:48%}.leistung__system[data-phase="1"] .leistung__headline{width:84%;transform:translate(4%)}.leistung__system[data-phase="1"] .leistung__headline span{border-radius:4rem 0}.leistung__bild{background:var(--papier-tief);width:42%;height:42%;transition:width .72s var(--eng), height .72s var(--eng), background .5s ease;position:absolute;bottom:7%;right:5%;overflow:hidden}.leistung__bild:before,.leistung__bild:after{content:"";border-radius:50%;position:absolute}.leistung__bild:before{aspect-ratio:1;border:1px solid var(--tinte);width:62%;top:15%;left:12%}.leistung__bild:after{aspect-ratio:1;background:var(--blau);width:70%;bottom:-25%;right:-12%}.leistung__system[data-phase="1"] .leistung__bild{background:var(--limette);width:52%;height:55%}.leistung__bild i{z-index:2;background:var(--tinte);width:100%;height:1px;position:absolute;top:50%;left:0}.leistung__bild i:last-child{transform:rotate(90deg)}.leistung__bausteine{z-index:4;background:var(--tinte);width:48%;color:var(--papier);transition:transform .72s var(--eng);flex-direction:column;gap:.7rem;padding:5%;display:flex;position:absolute;bottom:8%;right:-1%;transform:translate(110%)}.leistung__system[data-phase="2"] .leistung__bausteine,.leistung__system[data-phase="3"] .leistung__bausteine{transform:translate(0)}.leistung__bausteine span{font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0;border-bottom:1px solid #f1efe838;justify-content:space-between;align-items:center;padding-bottom:.45rem;font-size:clamp(.38rem,.6vw,.62rem);display:flex}.leistung__bausteine span:after{color:var(--limette);content:"verbunden";font-size:.78em}.leistung__pruefung{z-index:6;background:var(--limette);width:34%;color:var(--tinte);transition:transform .64s var(--weich);flex-direction:column;gap:.35rem;padding:clamp(.65rem,1.4vw,1.4rem);display:flex;position:absolute;top:12%;right:5%;transform:translate(120%,-10%)rotate(3deg)}.leistung__system[data-phase="3"] .leistung__pruefung{transform:translate(0,0)rotate(-2deg)}.leistung__pruefung span{text-transform:uppercase;margin-bottom:.35rem;font-size:clamp(.38rem,.55vw,.58rem);font-weight:700}.leistung__pruefung p{border-top:1px solid #11111647;justify-content:space-between;align-items:center;margin:0;padding-top:.35rem;font-size:clamp(.34rem,.5vw,.54rem);display:flex}.leistung__pruefung p:after{content:"✓"}.leistung__ausgabe{border-top:1px solid #f1efe82e;grid-template-columns:4rem 1fr;align-items:baseline;gap:1rem;padding:1rem;display:grid}.leistung__ausgabe span{color:var(--limette);font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0;font-size:.58rem}.leistung__ausgabe p{margin:0;font-size:clamp(.78rem,1vw,1rem)}.leistung__ausgabe small{color:#ddd5c794;margin-top:.35rem;font-size:clamp(.46rem,.58vw,.6rem);display:block}.leistung__umfang{color:var(--tinte-sanft);text-transform:none;grid-column:1/13;justify-content:space-between;align-items:center;gap:.8rem;margin:1rem 0 0;font-size:.59rem;display:flex}.leistung__umfang i{background:var(--blau);border-radius:50%;width:.28rem;height:.28rem}.prozessraum{padding:clamp(8rem, 14vw, 14rem) var(--rand);background:var(--blau);color:#fff}.prozess__kopf{grid-template-rows:auto auto;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.prozess__kopf>span{color:var(--limette);font-variation-settings:"MONO" 0, "CASL" 1, "CRSV" 1, "slnt" -6;text-transform:none;grid-area:1/1/auto/5;font-size:.66rem}.prozess__kopf h2{overflow-wrap:anywhere;font-variation-settings:"MONO" 0, "CASL" .68, "CRSV" .35, "slnt" -2;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.08em;grid-area:2/1/auto/8;max-width:12em;margin:clamp(1.8rem,4vw,4rem) 0 0;font-size:clamp(3rem,6vw,7rem);font-weight:420;line-height:.9}.prozess__kopf p{color:#fffffff0;grid-area:2/9/auto/13;align-self:end;margin:0 0 .4rem;font-size:clamp(.74rem,.9vw,.92rem);line-height:1.5}.prozess__linie{border-top:1px solid #ffffff47;grid-template-columns:repeat(4,1fr);margin-top:clamp(5rem,10vw,10rem);display:grid;position:relative}.prozess__linie button{color:#fffffff0;text-align:left;min-height:clamp(7rem,12vw,11rem);transition:color .36s ease, padding-left .48s var(--weich);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 1.2rem 1rem 0;display:flex}.prozess__linie button+button{border-left:1px solid #ffffff47;padding-left:1.2rem}.prozess__linie button[aria-selected=true]{color:#fff;padding-left:.8rem}.prozess__linie button span{font-size:.61rem}.prozess__linie button strong{letter-spacing:-.05em;font-size:clamp(1.1rem,2vw,2rem);font-weight:480}.prozess__linie>i{--prozess:0;top:-3px;left:calc(var(--prozess) * 25%);background:var(--limette);width:25%;height:5px;transition:left .62s var(--eng);position:absolute}.prozess__antwort{border-top:1px solid #ffffff47;grid-template-columns:1fr 6fr 3fr;align-items:start;gap:clamp(1rem,3vw,3rem);min-height:clamp(18rem,28vw,30rem);padding-top:clamp(3rem,6vw,6rem);display:grid}.prozess__antwort>span{color:var(--limette);font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0;font-size:clamp(1rem,2vw,2rem)}.prozess__antwort>p{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.065em;max-width:19em;margin:0;font-size:clamp(2rem,4.3vw,5rem);font-weight:390;line-height:1.01}.prozess__antwort>div{border-top:1px solid #ffffff59;align-self:end;padding-top:1rem}.prozess__antwort small{color:#fffffff0;text-transform:uppercase;margin-bottom:1.2rem;font-size:.61rem;display:block}.prozess__antwort strong{font-size:clamp(.9rem,1.5vw,1.4rem);font-weight:520}.kontakt{min-height:100svh;padding:calc(var(--kopfhoehe) + clamp(2rem, 5vw, 5rem)) var(--rand) clamp(3rem, 5vw, 5rem);background:var(--tinte);color:var(--papier);grid-template-rows:auto auto 1fr auto;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;display:grid;position:relative}.kontakt__status{border-bottom:1px solid var(--linie-hell);color:#f1efe89e;grid-column:1/13;align-items:center;gap:.7rem;padding-bottom:1rem;font-size:.65rem;display:flex}.kontakt__status i{background:var(--limette);border-radius:50%;width:.55rem;height:.55rem;animation:2.4s ease-in-out infinite kontakt-puls;box-shadow:0 0 1rem #b8c6bb7a}@keyframes kontakt-puls{50%{opacity:.35}}.kontakt__kopf{grid-column:1/13;grid-template-columns:subgrid;grid-template-rows:auto auto;align-items:start;margin-top:clamp(2.5rem,6vw,6rem);display:grid}.kontakt__kopf>span{color:var(--limette);font-variation-settings:"MONO" 0, "CASL" .82, "CRSV" .5, "slnt" -4;text-transform:none;grid-area:1/4/auto/8;font-size:.66rem}.kontakt__kopf h2{font-variation-settings:"MONO" .04, "CASL" .48, "CRSV" .2, "slnt" 0;letter-spacing:-.085em;grid-area:2/4/auto/11;max-width:11em;margin:clamp(1.8rem,4vw,4rem) 0 0;font-size:clamp(3.1rem,6.8vw,8rem);font-weight:410;line-height:.88}.kontakt__kopf p{color:#f1efe8ad;grid-area:2/1/auto/4;align-self:end;margin:0 0 .45rem;font-size:clamp(.75rem,.92vw,.95rem);line-height:1.5}.kontakt__eingabe{grid-column:4/13;align-self:end;margin-top:clamp(4rem,8vw,9rem)}.kontakt__eingabe label{color:var(--limette);text-transform:uppercase;margin-bottom:1rem;font-size:.62rem;display:block}.kontakt__eingabe textarea{resize:none;width:100%;min-height:2.4em;max-height:10em;color:var(--papier);caret-color:var(--limette);letter-spacing:-.055em;background:0 0;border:0;border-bottom:1px solid #f1efe880;border-radius:0;outline:none;padding:0 0 1.2rem;font-size:clamp(1.7rem,3.5vw,4rem);font-weight:390;line-height:1.05;transition:border-color .3s;display:block;overflow:auto}.kontakt__eingabe textarea::placeholder{color:#f1efe840}.kontakt__eingabe textarea:focus{border-color:var(--limette)}.kontakt__weiter{grid-column:4/13;justify-content:space-between;align-items:end;gap:2rem;margin-top:2rem;display:flex}.kontakt__weiter>a{background:var(--limette);min-width:min(28rem,100%);color:var(--tinte);transition:background .26s ease, transform .36s var(--weich);justify-content:space-between;align-items:center;gap:2rem;padding:1.2rem;font-size:clamp(.82rem,1.1vw,1.05rem);font-weight:640;display:flex}.kontakt__weiter>a:hover,.kontakt__weiter>a:focus-visible{background:#cad5cc;transform:translateY(-.3rem)}.kontakt__weiter>a span{font-size:1.2rem}.kontakt__weiter p{color:#f1efe88c;margin:0;font-size:.62rem;line-height:1.6}.kontakt__weiter p a{width:max-content;min-height:1.5rem;color:var(--papier);border-bottom:1px solid;line-height:1.5rem;display:block}.fuss{min-height:10rem;padding:2rem var(--rand);border-top:1px solid var(--linie-hell);background:var(--tinte);color:#f1efe8ad;grid-template-columns:1fr auto auto;align-items:end;gap:clamp(2rem,5vw,6rem);font-size:.62rem;display:grid}.fuss p{color:var(--papier);margin:0;font-weight:620}.fuss p span{color:#f1efe885;margin-top:.35rem;font-weight:400;display:block}.fuss nav{gap:1.4rem;display:flex}.fuss a:hover,.fuss a:focus-visible{color:var(--limette)}.recht{min-height:100svh;padding:0 var(--rand) clamp(6rem, 10vw, 10rem);background:var(--papier)}.recht__kopf{height:var(--kopfhoehe);border-bottom:1px solid var(--linie);color:var(--tinte-sanft);justify-content:space-between;align-items:center;font-size:.67rem;display:flex}.recht__kopf a{color:var(--tinte)}.recht__inhalt{padding-top:clamp(5rem,10vw,10rem)}.recht h1{letter-spacing:-.11em;max-width:8em;margin:0;font-size:clamp(5rem,12vw,13rem);font-weight:390;line-height:.78}.recht__index{width:max-content;color:var(--blau);font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0;margin:3rem 0 0 24vw;font-size:.65rem;display:block}.recht__text{columns:2;column-rule:1px solid var(--linie);column-gap:clamp(3rem,7vw,8rem);margin:clamp(5rem,10vw,10rem) 0 0 24vw}.recht__text h2{break-after:avoid;break-inside:avoid;color:var(--blau);font-variation-settings:"MONO" 1, "CASL" 0, "CRSV" 0, "slnt" 0;text-transform:uppercase;margin:3rem 0 .7rem;font-size:.68rem;font-weight:600}.recht__text h2:first-child{margin-top:0}.recht__text p,.recht__text address{break-inside:avoid;color:var(--tinte-sanft);margin:0;font-size:clamp(.82rem,1vw,1rem);font-style:normal;line-height:1.6}.recht__text a{color:var(--tinte);border-bottom:1px solid}@media (max-width:1050px){.kopf{grid-template-columns:1fr auto auto}.kopf__fach{display:none}.hero{grid-template-columns:1fr}.hero__instrument{right:calc(var(--rand) * -.4);opacity:.5}.hero__umfang{grid-column:1}.projekte__kopf>span,.leistung__kopf>span,.prozess__kopf>span,.kontakt__kopf>span{grid-column:1/3}.projekte__kopf h2,.leistung__kopf h2,.prozess__kopf h2,.kontakt__kopf h2{grid-column:3/10}.leistung__ablauf{grid-column:1/6}.leistung__system{grid-column:6/13}}@media (max-width:760px){:root{--rand:clamp(1rem, 4.7vw, 1.4rem);--kopfhoehe:4.2rem}.satzzeiger{display:none}.kopf{grid-template-columns:1fr auto}.kopf__kontakt{display:none}.indexschalter{min-width:7rem}.indexschalter:after{right:var(--rand)}.indexschalter[aria-expanded=true]:after{width:7rem}.seitenindex{width:94vw;height:min(45rem,94svh)}.seitenindex li{width:calc(100% - 12vw)}.seitenindex li:nth-child(2){margin-left:3vw}.seitenindex li:nth-child(3){margin-left:6vw}.seitenindex li:nth-child(4){margin-left:9vw}.seitenindex li:nth-child(5){margin-left:12vw}.seitenindex li a{grid-template-columns:1.5rem minmax(0,1fr)}.seitenindex li small{display:none}.seitenindex li strong{font-size:clamp(2rem,9vw,3rem)}.hero{min-height:calc(100svh - var(--kopfhoehe));padding-top:2.6rem}.hero__kennung{width:100%;margin-bottom:2.7rem;font-size:.58rem}.hero__kennung span{display:none}.hero h1{max-width:8.5em;font-size:clamp(3.4rem,16vw,5.6rem);line-height:.84}.hero h1>span{white-space:normal;margin-left:0}.hero__aussage{grid-template-columns:1fr;gap:1.8rem;width:100%;margin:3.4rem 0 0}.hero__aussage>p{max-width:30rem;font-size:.96rem}.hero__aussage nav{width:100%}.hero__instrument{display:none}.hero__umfang{flex-direction:column;align-items:flex-start;gap:.6rem;margin-top:3rem}.hero__umfang p{max-width:30rem}.hero__umfang span{line-height:1.45}.projekte{padding-top:7rem;padding-bottom:7rem}.projekte__kopf{margin-bottom:4rem;display:block}.projekte__kopf>span,.leistung__kopf>span,.prozess__kopf>span,.kontakt__kopf>span{margin-bottom:2rem;display:block}.projekte__kopf h2{max-width:10em;font-size:clamp(2.8rem,12vw,4.5rem)}.projekte__kopf p{max-width:30rem;margin-top:2rem;font-size:.78rem}.portfolio{display:block}.portfolio__register{grid-template-columns:1fr 1fr;margin-bottom:1.4rem;display:grid}.portfolio__register button{grid-template-columns:1.5rem 1fr;min-height:5.8rem;padding-right:.5rem}.portfolio__register button:nth-child(2){border-top:0;border-left:1px solid var(--linie-hell);padding-left:.7rem}.portfolio__register button:nth-child(3){border-top:1px solid var(--linie-hell);border-left:0;grid-column:1/3;padding-left:32%}.portfolio__register small{display:none}.portfolio__buehne{border-radius:.7rem}.portfolio__spur{aspect-ratio:auto;min-height:31rem}.safari{height:31rem}.safari__leiste{grid-template-columns:3.7rem 1fr;gap:.4rem;height:2.85rem;padding:0 .65rem}.safari__pfeile,.safari__status{display:none}.safari__ampeln{gap:.3rem}.safari__ampeln i{width:.58rem;height:.58rem}.safari__adresse{width:100%;height:1.8rem;font-size:.58rem}.safari__seite{height:calc(100% - 2.85rem)}.halde__kopf,.axis__kopf,.vara__kopf{grid-template-columns:1fr auto;padding:.9rem}.halde__kopf>span,.axis__kopf>span,.vara__kopf>span{display:none}.demo--halde[data-lage] .halde__wetter,.demo--axis[data-programm] .axis__meldung,.demo--vara[data-schnitt] .vara__titel{width:auto;top:18%;left:1rem;right:1rem;transform:none}.halde__wetter h3,.axis__meldung h3,.vara__titel h3{font-size:clamp(2.75rem,13vw,4.2rem)}.halde__wetter p,.axis__meldung p{max-width:88%;margin-left:0;font-size:.55rem}.demo--halde>img{object-position:64% center}.halde__empfehlung{width:auto;padding:.7rem;bottom:5.1rem;left:.75rem;right:.75rem}.halde__empfehlung p{margin:.35rem 0 .5rem;font-size:.58rem}.halde__zeiten,.axis__programme,.vara__wahl{width:auto;bottom:.75rem;left:.75rem;right:.75rem}.halde__zeiten button,.axis__programme button,.vara__wahl button{min-width:0;padding:.6rem .35rem}.demo--axis>img{object-position:68% center}.axis__feld{left:.75rem;right:.75rem}.demo--axis[data-programm] .axis__werte{grid-template-columns:repeat(3,1fr);width:auto;bottom:5.05rem;left:.75rem;right:.75rem;transform:none}.axis__werte div,.demo--axis[data-programm="1"] .axis__werte div{padding:.5rem .35rem 0;display:block}.axis__werte div+div,.demo--axis[data-programm="1"] .axis__werte div+div{border-top:0;border-left:1px solid #e9e5dc33;padding-left:.35rem}.axis__werte dt{margin-bottom:.25rem;display:block}.vara__bild{object-position:62% center}.vara__titel h3 span{min-width:0}.vara__notiz{max-width:58%;font-size:.52rem;bottom:5rem;left:.75rem}.portfolio__beschreibung{grid-template-columns:1fr auto;gap:1.5rem;margin-top:1.5rem}.portfolio__beschreibung>div:first-child{grid-column:1/3}.portfolio__beschreibung>p,.portfolio__wechsel{align-self:start}.portfolio__beleg{max-width:28rem;margin-top:2rem}.leistung{height:auto}.leistung__buehne{min-height:0;padding-top:7rem;padding-bottom:7rem;display:block;position:relative;overflow:visible}.leistung__kopf{margin-bottom:4rem;display:block}.leistung__kopf h2{max-width:11em;font-size:clamp(2.7rem,12vw,4.4rem)}.leistung__kopf>p{max-width:30rem;margin-top:2rem;font-size:.78rem}.leistung__ablauf{margin-bottom:2rem}.leistung__takt{display:none}.leistung__ablauf button{grid-template-columns:1.8rem 5.5rem 1fr;padding:.95rem 0}.leistung__ablauf button small{font-size:.61rem}.leistung__system{min-height:30rem}.leistung__browser{width:84%}.leistung__umfang{flex-wrap:wrap;justify-content:flex-start;margin-top:2rem;line-height:1.7}.prozessraum{padding-top:7rem;padding-bottom:7rem}.prozess__kopf{display:block}.prozess__kopf h2{max-width:10em;font-size:clamp(2.8rem,12vw,4.6rem)}.prozess__kopf p{max-width:30rem;margin-top:2rem;font-size:.78rem}.prozess__linie{grid-template-columns:1fr 1fr;margin-top:4rem}.prozess__linie button{min-height:5.8rem}.prozess__linie button:nth-child(3){border-left:0}.prozess__linie button:nth-child(n+3){border-top:1px solid #ffffff47}.prozess__linie>i{display:none}.prozess__antwort{grid-template-columns:2.2rem 1fr;min-height:23rem;padding-top:3rem}.prozess__antwort>p{font-size:clamp(1.9rem,8vw,3rem)}.prozess__antwort>div{grid-column:2}.kontakt{min-height:0;padding-top:7rem;padding-bottom:5rem;display:block}.kontakt__status{padding-bottom:.9rem}.kontakt__kopf{margin-top:3.5rem;display:block}.kontakt__kopf h2{max-width:10em;font-size:clamp(2.8rem,12vw,4.5rem)}.kontakt__kopf p{max-width:29rem;margin-top:2.2rem;font-size:.78rem}.kontakt__eingabe{margin-top:5rem}.kontakt__eingabe textarea{font-size:clamp(1.6rem,7.4vw,2.6rem)}.kontakt__weiter{flex-direction:column;align-items:stretch}.kontakt__weiter>a{min-width:0}.fuss{grid-template-columns:1fr auto;gap:2rem}.fuss>a{grid-column:1/3}.recht__inhalt{padding-top:5rem}.recht h1{font-size:clamp(3.8rem,17vw,6rem)}.recht__index{margin-left:10vw}.recht__text{columns:1;margin-left:10vw}}@media (max-width:440px){.aufbau__satz{white-space:normal;flex-direction:column;align-items:flex-start;gap:.4rem;display:flex;top:50%;transform:translateY(-50%)}.aufbau__satz span{font-size:clamp(2.3rem,12vw,3.5rem)}.aufbau__satz i{margin-left:10vw}.hero h1{font-size:clamp(3rem,15vw,4.2rem)}.hero__aussage{margin-top:2.6rem}.portfolio__beschreibung>p{grid-column:1/3;display:block}.portfolio__wechsel{grid-column:1/3;justify-self:end}.leistung__ablauf button{grid-template-columns:1.7rem 1fr}.leistung__ablauf button small{grid-column:2;margin-top:.4rem;display:block}.leistung__system{min-height:25rem}.prozess__linie button{flex-direction:column}.recht__kopf>span{display:none}.recht__kopf{justify-content:flex-end}}@media (pointer:fine) and (prefers-reduced-motion:no-preference){body,a,button,input,textarea{cursor:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.satzzeiger{display:none}.leistung{height:auto}.leistung__buehne{min-height:100svh;position:relative}}@media print{.kopf,.satzzeiger,.aufbau,.seitenindex,.indexschirm,.seitenwechsel{display:none!important}.erfahrung{opacity:1}}