.atlas{--display: var(--font-display);--body: var(--font-body);--mono: var(--font-mono);--grau: #9e9c92;--ease: cubic-bezier(.22,1,.36,1);background:var(--papier);color:var(--kohle)}.atlas .inhalt{width:min(1180px,88vw);margin:0 auto}.atlas>section:first-of-type{margin-top:calc(var(--header-h) * -1);padding-top:var(--header-h)}.atlas{overflow-x:clip}.atlas .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--taupe)}.atlas h1,.atlas h2,.atlas h3{font-family:var(--display);font-weight:700;letter-spacing:-.03em;line-height:.92;margin:0}.atlas .t-riesig{font-size:clamp(56px,9vw,150px)}.atlas .t-gross{font-size:clamp(40px,6vw,96px)}.atlas .t-mittel{font-size:clamp(26px,3.2vw,44px);font-weight:500;letter-spacing:-.02em;line-height:1.08}.atlas .lauftext{max-width:58ch;font-size:clamp(17px,1.3vw,20px);line-height:1.55}.atlas .lauftext.hell{color:#faf9f6d1}.atlas .objekt{border:1px solid var(--linie);box-shadow:0 30px 60px -30px #14141273;background:#fff;overflow:hidden}.atlas .objekt img{display:block;width:100%;height:auto}.atlas .ki-fussnote{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--grau);display:flex;align-items:center;gap:10px}.atlas .ki-fussnote i{display:inline-block;width:14px;height:14px;border:1.5px solid currentColor;border-radius:50%;position:relative}.atlas .ki-fussnote i:after{content:"";position:absolute;inset:3px;border-radius:50%;background:currentColor;opacity:.5}.js .atlas [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.js .atlas [data-reveal].an{opacity:1;transform:none}.js .atlas [data-reveal][data-delay="1"]{transition-delay:.12s}.js .atlas [data-reveal][data-delay="2"]{transition-delay:.24s}.js .atlas [data-reveal][data-delay="3"]{transition-delay:.36s}.atlas .szene{position:relative}.atlas .szene>.buehne{position:sticky;top:0;height:100vh;overflow:hidden}.atlas .szene[data-laenge="4"]{height:400vh}.atlas .szene[data-laenge="6"]{height:600vh}.atlas .szene[data-laenge="7"]{height:700vh}@media(prefers-reduced-motion:reduce){.js .atlas [data-reveal]{opacity:1;transform:none;transition:none}.atlas .szene>.buehne *{transition:none!important;animation:none!important}}.atlas .netz{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.atlas .atmet{animation:atmen 9s ease-in-out infinite alternate;transform-origin:50% 50%}@keyframes atmen{0%{transform:scale(.99)}to{transform:scale(1.018)}}.atlas .dreht{animation:drehen 90s linear infinite;transform-origin:720px 450px}@keyframes drehen{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.atlas .atmet,.atlas .dreht{animation:none}}.atlas .netz line{stroke:var(--kohle);stroke-width:1;opacity:.55;stroke-dasharray:var(--len);stroke-dashoffset:calc(var(--len) * (1 - var(--p,0)))}.atlas .netz line.zu-s4,.atlas .netz line.zu-s5{opacity:0;transition:opacity .6s var(--ease)}.atlas .szene[data-schritt="4"] line.zu-s4,.atlas .szene[data-schritt="5"] line.zu-s4,.atlas .szene[data-schritt="5"] line.zu-s5{opacity:.35}.atlas .knoten{opacity:0;transition:opacity .5s var(--ease),transform .6s var(--ease);transform:scale(.6);transform-origin:center;transform-box:fill-box}.atlas .knoten circle{fill:var(--papier);stroke:var(--kohle);stroke-width:1.1}.atlas .knoten.mitte circle{fill:var(--kohle)}.atlas .knoten text{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;fill:var(--kohle)}.atlas #netz .knoten text{font-size:14.8px}.atlas #netz .knoten.s4 text,.atlas #netz .knoten.s5 text{font-size:11.5px}.atlas #netz .knoten.s1 circle,.atlas #netz .knoten.s2 circle,.atlas #netz .knoten.s3 circle{stroke:var(--safran);stroke-width:1.1}.atlas .szene[data-schritt="1"] .knoten.s1,.atlas .szene[data-schritt="2"] .knoten.s1,.atlas .szene[data-schritt="3"] .knoten.s1,.atlas .szene[data-schritt="4"] .knoten.s1,.atlas .szene[data-schritt="5"] .knoten.s1,.atlas .szene[data-schritt="2"] .knoten.s2,.atlas .szene[data-schritt="3"] .knoten.s2,.atlas .szene[data-schritt="4"] .knoten.s2,.atlas .szene[data-schritt="5"] .knoten.s2,.atlas .szene[data-schritt="3"] .knoten.s3,.atlas .szene[data-schritt="4"] .knoten.s3,.atlas .szene[data-schritt="5"] .knoten.s3,.atlas .szene[data-schritt="4"] .knoten.s4,.atlas .szene[data-schritt="5"] .knoten.s4,.atlas .szene[data-schritt="5"] .knoten.s5,.atlas .knoten.mitte{opacity:1;transform:scale(1)}.atlas .gesamt .knoten{opacity:1;transform:none}.atlas .gesamt .knoten text{opacity:.5}.atlas .gesamt line.zu-s4,.atlas .gesamt line.zu-s5,.atlas .netz.grau line.zu-s4,.atlas .netz.grau line.zu-s5{opacity:.18}.atlas .netz.grau line{opacity:.18;stroke-dashoffset:0}.atlas .netz.grau .knoten{opacity:.45;transform:none}.atlas .netz.grau .knoten text{opacity:0}.atlas .wesen{position:absolute;pointer-events:none}.atlas .wesen.bahn-x{width:var(--zone,44vw);aspect-ratio:16/9}.atlas .wesen.bahn-y{width:var(--w,240px);height:var(--zone,70vh)}.atlas .wesen video{position:absolute;width:var(--w,240px);aspect-ratio:9/16;object-fit:cover;display:block;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%)}.atlas .wesen.bahn-x video{top:50%;margin-top:calc(var(--w) * -.889);animation:wander-x var(--t,30s) ease-in-out infinite alternate}.atlas .wesen.bahn-y video{left:50%;margin-left:calc(var(--w) / -2);animation:wander-y var(--t,30s) ease-in-out infinite alternate}@keyframes wander-x{0%{left:0;transform:rotate(-1.5deg) translateY(-6px)}to{left:calc(100% - var(--w));transform:rotate(1.5deg) translateY(8px)}}@keyframes wander-y{0%{top:0;transform:rotate(1.2deg) translate(-6px)}to{top:calc(100% - var(--w) * 16 / 9);transform:rotate(-1.2deg) translate(8px)}}@media(prefers-reduced-motion:reduce){.atlas .wesen video{animation:none}}.atlas .dunkel .netz line{stroke:var(--papier)}.atlas .dunkel .knoten circle{fill:var(--kohle);stroke:var(--papier)}.atlas .dunkel .knoten.mitte circle{fill:var(--papier)}.atlas .dunkel .knoten text{fill:var(--papier)}.atlas .dunkel .satz p{color:#faf9f6b3}.atlas .dunkel .eyebrow{color:#faf9f68c}.atlas .szene.schutz.dunkel .pruef circle{fill:var(--kohle)}.atlas .szene.schutz.dunkel .pruef text{fill:var(--papier)}@keyframes treiben{0%{transform:translate(0) rotate(-1.5deg)}to{transform:translate(var(--dx,10px),var(--dy,-16px)) rotate(1.5deg)}}.atlas .wesen.spaet{opacity:0;transition:opacity 1.2s var(--ease)}.atlas .szene[data-schritt="3"] .wesen.spaet,.atlas .szene[data-schritt="4"] .wesen.spaet,.atlas .szene[data-schritt="5"] .wesen.spaet{opacity:1}.atlas .satz{position:absolute;left:6vw;bottom:10vh;max-width:38ch}.atlas .satz p{margin:.4em 0 0;color:var(--taupe)}.atlas .satz .zeile{display:block;opacity:0;transform:translateY(10px);transition:.6s var(--ease)}.atlas .szene[data-schritt="1"] .zeile.z1,.atlas .szene[data-schritt="2"] .zeile.z1,.atlas .szene[data-schritt="3"] .zeile.z1,.atlas .szene[data-schritt="4"] .zeile.z1,.atlas .szene[data-schritt="5"] .zeile.z1,.atlas .szene[data-schritt="3"] .zeile.z3,.atlas .szene[data-schritt="4"] .zeile.z3,.atlas .szene[data-schritt="5"] .zeile.z3,.atlas .szene[data-schritt="5"] .zeile.z5{opacity:1;transform:none}.atlas .ring{fill:none;stroke:var(--safran);stroke-width:1.2;stroke-dasharray:4 7;opacity:calc(var(--p,0) * 1.6)}.atlas .schutz .pruef{opacity:0;transition:opacity .5s var(--ease);pointer-events:auto;cursor:default}.atlas .schutz .pruef circle{fill:var(--papier);stroke:var(--safran);stroke-width:1.4}.atlas .schutz .pruef text{font-family:var(--mono);font-size:19px;letter-spacing:.16em;text-transform:uppercase;fill:var(--kohle)}.atlas .schutz[data-schritt="1"] .pruef.p1,.atlas .schutz[data-schritt="2"] .pruef.p1,.atlas .schutz[data-schritt="3"] .pruef.p1,.atlas .schutz[data-schritt="4"] .pruef.p1,.atlas .schutz[data-schritt="2"] .pruef.p2,.atlas .schutz[data-schritt="3"] .pruef.p2,.atlas .schutz[data-schritt="4"] .pruef.p2,.atlas .schutz[data-schritt="3"] .pruef.p3,.atlas .schutz[data-schritt="4"] .pruef.p3,.atlas .schutz[data-schritt="4"] .pruef.p4{opacity:1}.atlas .impuls{fill:var(--safran)}.atlas .film .buehne{display:grid;grid-template-columns:.85fr 1.15fr;gap:4vw;align-items:center;padding:0 6vw}.atlas .film .objekt{position:relative;transform:perspective(1600px) rotateY(calc(-10deg + 8deg * var(--p,0))) translateZ(0);transition:none}.atlas .film video{display:block;width:100%;height:auto}.atlas .film .laufleiste{position:absolute;left:0;right:0;bottom:0;height:3px;background:#1414121f}.atlas .film .laufleiste i{display:block;height:100%;width:calc(100% * var(--p,0));background:var(--safran)}.atlas .schritte{list-style:none;padding:0;margin:26px 0 0}.atlas .schritte li{display:grid;grid-template-columns:86px 1fr;gap:14px;padding:10px 0;border-top:1px solid var(--linie);opacity:.22;transition:opacity .5s var(--ease)}.atlas .schritte li b{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe);font-weight:400}.atlas .schritte li:last-child b{color:var(--safran)}.atlas .film[data-schritt="1"] li:nth-child(1),.atlas .film[data-schritt="2"] li:nth-child(-n+2),.atlas .film[data-schritt="3"] li:nth-child(-n+3),.atlas .film[data-schritt="4"] li:nth-child(-n+4),.atlas .film[data-schritt="5"] li:nth-child(-n+5),.atlas .film[data-schritt="6"] li{opacity:1}.atlas .film h3{font-size:clamp(30px,3.4vw,52px);margin:12px 0 0}.atlas .figur{position:absolute;pointer-events:none}.attrappe{background:#fff;padding:26px 28px;font-size:13.5px;cursor:auto}.atlas .attrappe h4{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe);margin:0 0 14px;font-weight:500}.atlas .attrappe .frage{display:flex;gap:10px}.atlas .attrappe .frage input{flex:1;border:1px solid rgba(20,20,18,.25);border-radius:3px;padding:10px 12px;font:inherit;background:#faf9f6}.atlas .attrappe .frage button{border:0;border-radius:3px;background:var(--safran);color:#fff;padding:10px 16px;font:inherit;cursor:pointer}.atlas .attrappe .balken{height:2px;background:#1414121a;margin:16px 0 4px;position:relative;overflow:hidden}.atlas .attrappe .balken i{position:absolute;inset:0;background:var(--safran);transform:scaleX(0);transform-origin:left}.atlas .treffer{border-top:1px solid rgba(20,20,18,.12);padding:11px 2px;opacity:0;transform:translateY(10px);transition:.5s var(--ease);cursor:pointer}.atlas .treffer.da{opacity:1;transform:none}.atlas .treffer .kopf{display:flex;gap:12px;align-items:baseline}.atlas .treffer .rang{font-family:var(--mono);color:var(--safran);font-weight:600}.atlas .treffer .prog{font-weight:700}.atlas .treffer .urteil{margin-left:auto;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe);white-space:nowrap}.atlas .treffer .mehr{max-height:0;overflow:hidden;transition:max-height .5s var(--ease);color:#55534a;font-size:12.5px;line-height:1.5}.atlas .treffer.offen .mehr{max-height:110px}.atlas .attrappe .fuss{margin-top:12px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe)}.atlas .gespraech{background:#fff;padding:24px;display:flex;flex-direction:column;gap:12px;min-height:52vh;cursor:auto}.atlas .blase{max-width:82%;padding:11px 14px;border-radius:12px;font-size:13.5px;line-height:1.5;opacity:0;transform:translateY(12px);transition:.45s var(--ease)}.atlas .blase.da{opacity:1;transform:none}.atlas .blase.kunde{align-self:flex-end;background:#f0eee8;border:1px solid rgba(20,20,18,.1)}.atlas .blase.studio{align-self:flex-start;background:var(--kohle);color:var(--papier)}.atlas .blase img{display:block;width:300px;max-width:100%;border-radius:6px;margin-top:8px;border:1px solid rgba(250,249,246,.2)}.atlas .tipp{display:inline-block;width:34px;text-align:center;letter-spacing:2px;animation:tippt 1s infinite}@keyframes tippt{50%{opacity:.3}}.atlas .figur img{width:100%;height:auto;display:block;aspect-ratio:640/954}.atlas .dunkel{background:var(--kohle);color:var(--papier)}.atlas .content{display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;align-items:center;padding:14vh 6vw}.atlas .phone-buehne{perspective:1400px}.atlas .phone{position:relative;width:min(340px,36vw);margin:0 auto;filter:drop-shadow(0 50px 90px rgba(0,0,0,.75));transform-style:preserve-3d;animation:schwenken 14s ease-in-out infinite alternate}@keyframes schwenken{0%{transform:rotateY(-9deg) rotateX(1.5deg)}to{transform:rotateY(9deg) rotateX(-1.5deg)}}@media(prefers-reduced-motion:reduce){.atlas .phone{animation:none}}.atlas .phone>img{width:100%;height:auto;display:block;position:relative;z-index:2;pointer-events:none}.atlas .reel{position:absolute;inset:0;z-index:3}.atlas .reel video{width:100%;height:100%;object-fit:cover;display:block;-webkit-mask-image:url(/img/studio/iphone-maske.png);mask-image:url(/img/studio/iphone-maske.png);-webkit-mask-size:100% 100%;mask-size:100% 100%}.atlas .reel button{position:absolute;z-index:4;left:50%;bottom:18px;transform:translate(-50%);font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;background:#faf9f6eb;color:var(--kohle);border:0;padding:9px 14px;border-radius:2px;cursor:pointer}.atlas .kette{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(7,1fr);gap:0;position:relative}.atlas .kette:before{content:"";position:absolute;left:4%;right:4%;top:9px;height:1px;background:#faf9f640;transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease)}.atlas .kette.an:before{transform:scaleX(1)}.atlas .kette li{text-align:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#faf9f6bf;opacity:0;transform:translateY(8px);transition:.6s var(--ease)}.atlas .kette li i{display:block;width:9px;height:9px;border-radius:50%;background:var(--safran);margin:5px auto 12px}.atlas .kette.an li{opacity:1;transform:none}.atlas .kette.an li:nth-child(2){transition-delay:.22s}.atlas .kette.an li:nth-child(3){transition-delay:.44s}.atlas .kette.an li:nth-child(4){transition-delay:.66s}.atlas .kette.an li:nth-child(5){transition-delay:.88s}.atlas .kette.an li:nth-child(6){transition-delay:1.1s}.atlas .kette.an li:nth-child(7){transition-delay:1.32s}.atlas .waldloop{position:absolute;right:0;top:0;bottom:0;width:46%;object-fit:cover;opacity:.35;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 40%)}.atlas .ton{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;border:1px solid currentColor;background:none;color:inherit;padding:7px 12px;border-radius:2px;cursor:pointer;opacity:.75}.atlas .ton.an{opacity:1;color:var(--safran);border-color:var(--safran)}.atlas .wirkung{display:grid;grid-template-columns:repeat(3,1fr);gap:3vw}.atlas .wirkung article{border-top:1px solid rgba(250,249,246,.2);padding-top:18px}.atlas .wirkung h3{font-size:clamp(28px,3vw,44px);margin-bottom:10px}.atlas .wirkung p{color:#faf9f6bf;max-width:34ch}.atlas .gesamt2{display:grid;grid-template-columns:.72fr 1.28fr;gap:2vw;align-items:center;min-height:100vh;padding:6vh 4vw 6vh 6vw}.atlas .gesamt2 .kugel{position:relative;height:92vh;width:100%}.atlas .gesamt2 canvas{width:100%;height:100%;display:block}@media(max-width:900px){.atlas .szene>.buehne{display:grid;grid-template-rows:52vh 1fr;grid-template-areas:"bild" "text"}.atlas .netz{position:relative;inset:auto;height:52vh;grid-area:bild}.atlas .szene>.buehne>.satz{grid-area:text}.atlas .satz{position:relative;left:auto;bottom:auto;max-width:none;padding:4vh 6vw 0;align-self:start}.atlas .satz .t-mittel{font-size:clamp(22px,6.4vw,30px)}.atlas #netz .knoten.s4 text,.atlas #netz .knoten.s5 text{display:none}.atlas #netz .knoten text{font-size:24px}.atlas .knoten.links text{text-anchor:end;transform:translate(-32px)}.atlas .knoten.obenauf text{text-anchor:middle;transform:translate(-16px,-22px)}.atlas .knoten.untendrunter text{text-anchor:middle;transform:translate(-16px,30px)}.atlas .szene.schutz .pruef text{font-size:34px}.atlas .szene.schutz .pruef.p2 text{text-anchor:end;transform:translate(-48px)}.atlas .wesen{--w: clamp(96px, 27vw, 150px) !important;z-index:0}.atlas .wesen.bahn-x{width:min(var(--zone),64vw)}.atlas .inhalt{position:relative;z-index:1}.atlas .gesamt2 .kugel{height:58vh}.atlas .figur{display:none}.atlas .szene.film{height:auto}.atlas .szene.film>.buehne{position:static;height:auto;overflow:visible;grid-template-columns:1fr;grid-template-rows:auto auto;align-content:start;gap:4vh;padding:9vh 6vw}.atlas .szene.film .schritte li{opacity:1}.atlas .szene.film .objekt{transform:none}.atlas .schritte li{grid-template-columns:72px 1fr}.atlas .content{grid-template-columns:1fr}.atlas .wirkung{grid-template-columns:1fr;gap:4vh}.atlas .gesamt2{grid-template-columns:1fr}}