.weiche-app{color:var(--ink);-webkit-tap-highlight-color:transparent;background:#a9c48a;font-family:drbuch-webfont,sans-serif;position:fixed;inset:0;overflow:hidden}.weiche-wiese{background:#a9c48a url(/assets/weiche/wiese.webp) 50% 40%/cover no-repeat;transition:transform 1s cubic-bezier(.7,0,.3,1);position:absolute;inset:0 -6%}.weiche-blumen,.weiche-leute{pointer-events:none;position:absolute;inset:0}.weiche-blumen{transition:transform 1s cubic-bezier(.7,0,.3,1)}.weiche-blume{height:auto;position:absolute}.weiche-blume-1{width:clamp(68px,10vw,132px);bottom:-12%;left:22%}.weiche-blume-2{width:clamp(88px,13vw,170px);bottom:-21%;left:33%}.weiche-person{opacity:0;width:auto;transition:transform 1.05s cubic-bezier(.2,.75,.3,1),opacity .45s;position:absolute;transform:translate(-70vw)}.weiche-person-1{height:56dvh;bottom:5%;left:4%}.weiche-person-2{height:46.2dvh;transition-delay:.12s;bottom:13%;left:18%}.weiche-person-3{height:40.6dvh;transition-delay:.24s;bottom:18%;left:31%}.weiche-person-4{height:60.2dvh;transition-delay:80ms;bottom:3%;left:44%}.weiche-person-5{height:37.8dvh;transition-delay:.2s;bottom:19%;left:59%}.weiche-person-6{height:53.2dvh;transition-delay:.3s;bottom:6%;left:68%}.weiche-los-garten.weiche-gruppe-1 .weiche-person-1,.weiche-los-garten.weiche-gruppe-3 .weiche-person-1,.weiche-los-garten.weiche-gruppe-2 .weiche-person-2,.weiche-los-garten.weiche-gruppe-4 .weiche-person-2,.weiche-los-garten.weiche-gruppe-2 .weiche-person-3,.weiche-los-garten.weiche-gruppe-1 .weiche-person-4,.weiche-los-garten.weiche-gruppe-4 .weiche-person-4,.weiche-los-garten.weiche-gruppe-3 .weiche-person-5,.weiche-los-garten.weiche-gruppe-4 .weiche-person-5,.weiche-los-garten.weiche-gruppe-2 .weiche-person-6{opacity:1;transform:translate(0)}.weiche-all{pointer-events:none;background:radial-gradient(at 30% 20%,#1a1a3e 0%,#0d0d1a 60%,#050510 100%);width:150%;height:100%;transition:transform 1s cubic-bezier(.7,0,.3,1);position:absolute;top:0;left:42%;-webkit-mask-image:url(/assets/weiche/naht.webp);mask-image:url(/assets/weiche/naht.webp);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.weiche-nebel{filter:blur(80px);border-radius:50%;position:absolute}.weiche-nebel-1{opacity:.15;background:radial-gradient(circle,#5c3d99,#0000);width:600px;height:400px;top:-10%;left:10%}.weiche-nebel-2{opacity:.15;background:radial-gradient(circle,#1a5276,#0000);width:500px;height:500px;bottom:-15%;right:5%}.weiche-nebel-3{opacity:.1;background:radial-gradient(circle,#4a1942,#0000);width:300px;height:300px;top:40%;right:25%}.weiche-sterne{position:absolute;inset:0}.weiche-stern{background:#fff;border-radius:50%;position:absolute}@keyframes weiche-funkeln-a{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.85;transform:scale(1.3)}}@keyframes weiche-funkeln-b{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes weiche-funkeln-c{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.weiche-stern-1{animation:2.4s ease-in-out infinite weiche-funkeln-a}.weiche-stern-2{animation:3.6s ease-in-out 1.1s infinite weiche-funkeln-a}.weiche-stern-3{animation:5.2s ease-in-out 2.7s infinite weiche-funkeln-a}.weiche-stern-4{animation:2.9s ease-in-out .6s infinite weiche-funkeln-b}.weiche-stern-5{animation:4.4s ease-in-out 3.3s infinite weiche-funkeln-b}.weiche-stern-6{animation:5.8s ease-in-out 1.8s infinite weiche-funkeln-b}.weiche-stern-7{animation:3.2s ease-in-out 4.1s infinite weiche-funkeln-c}.weiche-stern-8{animation:4.9s ease-in-out .3s infinite weiche-funkeln-c}.weiche-stern-9{animation:6.1s ease-in-out 2.2s infinite weiche-funkeln-c}.weiche-planet{opacity:.9;filter:drop-shadow(0 0 18px #ffffff1f);width:clamp(96px,14vw,190px);height:auto;position:absolute;top:8%;left:20%}.weiche-weg{height:100%;color:inherit;text-decoration:none;display:block;position:absolute;top:0}.weiche-weg-garten{clip-path:polygon(0 0,100% 0,88% 100%,0 100%);width:52%;left:0}.weiche-weg-weltraum{clip-path:polygon(16% 0,100% 0,100% 100%,5% 100%);width:56%;left:44%}.weiche-weg-garten{--schild-breite:clamp(180px, 24vw, 360px)}.weiche-schild{width:var(--schild-breite);aspect-ratio:1767/1260;filter:drop-shadow(0 8px 14px #283c1e47);background:url(/assets/weiche/UI_Wegweiser_links1_garten.webp) top/100% no-repeat;transition:transform 1s cubic-bezier(.7,0,.3,1),opacity .5s;position:absolute;top:34%;left:12%}@media (hover:hover){:where(.weiche-weg-garten:hover) .weiche-schild{transition-duration:.18s;transform:translateY(-4px)}}.weiche-schiff{width:clamp(130px,19vw,240px);transition:transform 1.05s cubic-bezier(.55,0,.85,.35),opacity .7s .35s;position:absolute;top:32%;right:12%}.weiche-schiff-innen{animation:5s ease-in-out infinite weiche-schweben;display:block}@keyframes weiche-schweben{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.weiche-schiff img{filter:drop-shadow(0 0 26px #78dcff59);width:100%;height:auto;display:block}@media (hover:hover){.weiche-weg-weltraum:hover .weiche-schiff-innen{animation-play-state:paused}}.weiche-flamme{opacity:0;filter:blur(6px);background:linear-gradient(90deg,#0000,#78dcffd9,#fffffff2);border-radius:999px;width:45%;height:12%;transition:opacity .25s,transform .5s;position:absolute;top:62%;left:-22%;transform:scaleX(.2)}.weiche-etikett{text-align:center;letter-spacing:.5px;color:#ffffffeb;text-shadow:0 0 26px #64c8ff73,0 2px 6px #0009;width:clamp(130px,19vw,240px);font-size:30px;line-height:1.2;transition:opacity .4s;position:absolute;top:calc(32% + 1.32*clamp(130px,19vw,240px));right:12%}.weiche-kopf{align-items:center;gap:14px;transition:opacity .4s;display:flex;position:absolute;top:22px;left:24px}.weiche-scheibe{width:84px;min-width:64px;height:84px;min-height:64px;box-shadow:none;background:url(/assets/images/UI/UI_Avatar.webp) 50%/contain no-repeat;border:none;justify-content:center;align-items:center;display:flex}.weiche-scheibe img{object-fit:contain;width:78%;height:78%}.weiche-frage{color:#7a6647;cursor:pointer;padding:9px 5px 0 0;font-size:65px;line-height:1;text-decoration:none;transition:transform .14s}@media (hover:hover){.weiche-frage:hover{color:#7a6647;transform:translateY(-3px)}}.weiche-frage:active{transform:translateY(2px)}.weiche-lehrkraft-link{font-size:var(--fs-body);color:#2f5c1f;text-shadow:0 1px 2px #fffc;transition:opacity .4s;position:absolute;top:26px;right:26px}.weiche-fuss{color:#46512f;text-shadow:0 1px 2px #fffc;gap:6px;font-size:14px;transition:opacity .4s;display:flex;position:absolute;bottom:4px;left:26px}.weiche-fuss a{color:#46512f;align-items:center;min-height:44px;padding:0 8px;text-decoration:none;display:inline-flex}.weiche-los-garten .weiche-weg-garten,.weiche-los-garten .weiche-weg-weltraum,.weiche-los-weltraum .weiche-weg-garten,.weiche-los-weltraum .weiche-weg-weltraum{clip-path:none}.weiche-los-garten .weiche-all{transform:translate(100%)}.weiche-los-garten .weiche-schild{transform:translate(100vw)}.weiche-los-garten .weiche-blumen{transform:translate(58vw)}.weiche-los-garten .weiche-wiese{transform:translate(4vw)}.weiche-los-weltraum .weiche-all{transform:translate(-45%)}.weiche-los-weltraum .weiche-blumen{transform:translate(-34vw)}.weiche-los-weltraum .weiche-schild{opacity:0;transform:translate(-46vw)}.weiche-los-weltraum .weiche-wiese{transform:translate(-2.8vw)}.weiche-los-garten .weiche-all,.weiche-los-garten .weiche-blumen,.weiche-los-garten .weiche-schild,.weiche-los-garten .weiche-wiese{transition-duration:1.4s}.weiche-los-garten .weiche-schiff,.weiche-los-weltraum .weiche-schiff{opacity:0;transform:translate(100vw,-22dvh)rotate(9deg)scale(.55)}.weiche-los-garten .weiche-flamme,.weiche-los-weltraum .weiche-flamme{opacity:1;transform:scaleX(1.6)}.weiche-los-garten .weiche-etikett,.weiche-los-weltraum .weiche-etikett,.weiche-los-garten .weiche-kopf,.weiche-los-weltraum .weiche-kopf,.weiche-los-garten .weiche-lehrkraft-link,.weiche-los-weltraum .weiche-lehrkraft-link,.weiche-los-garten .weiche-fuss,.weiche-los-weltraum .weiche-fuss{opacity:0}.weiche-flach .weiche-all,.weiche-flach .weiche-blumen,.weiche-flach .weiche-schild,.weiche-flach .weiche-wiese{transition-duration:.7s}.weiche-flach .weiche-schiff{transition:transform .7s cubic-bezier(.55,0,.85,.35),opacity .4s .16s}.weiche-flach .weiche-person{transition-duration:.62s}.weiche-flach .weiche-person-2,.weiche-flach .weiche-person-3,.weiche-flach .weiche-person-4,.weiche-flach .weiche-person-5,.weiche-flach .weiche-person-6{transition-delay:80ms}@media (max-width:760px){.weiche-weg-garten{--schild-breite:44vw}.weiche-schild{left:6%}.weiche-etikett{font-size:22px}.weiche-scheibe{width:64px;height:64px}.weiche-frage{padding-top:7px;font-size:49px}.weiche-kopf{gap:10px;top:12px;left:14px}.weiche-fuss{gap:2px;left:14px}}@media (orientation:portrait){.weiche-wiese{background-position:top;background-size:auto 161dvh;inset:-6dvh 0 0}.weiche-all{width:100%;height:150dvh;top:-100dvh;left:0;-webkit-mask-image:url(/assets/weiche/nahtquer.webp);mask-image:url(/assets/weiche/nahtquer.webp)}.weiche-nebel-1{top:66%;left:4%}.weiche-nebel-2{bottom:-2%;right:2%}.weiche-nebel-3{top:78%;right:22%}.weiche-planet{width:clamp(74px,26vw,190px);top:70%;left:auto;right:6%}.weiche-weg-garten,.weiche-weg-weltraum{clip-path:none;width:100%;left:0}.weiche-weg-weltraum{height:50dvh;top:0}.weiche-weg-garten{--schild-breite:clamp(200px, 60vw, 460px);height:auto;top:50dvh;bottom:0}.weiche-schiff{width:clamp(150px,28vw,300px);top:15dvh;left:34%;right:auto}.weiche-etikett{width:auto;top:42dvh;left:0;right:0}.weiche-schild{top:11dvh;left:8%}.weiche-los-garten .weiche-all{transform:translateY(-150dvh)}.weiche-los-garten .weiche-schild{transform:translateY(100dvh)}.weiche-los-garten .weiche-blumen{transform:translateY(58dvh)}.weiche-los-garten .weiche-wiese{transform:translateY(4dvh)}.weiche-los-weltraum .weiche-all{transform:translateY(100dvh)}.weiche-los-weltraum .weiche-schild{opacity:0;transform:translateY(46dvh)}.weiche-los-weltraum .weiche-blumen{transform:translateY(34dvh)}.weiche-los-weltraum .weiche-wiese{transform:translateY(2.8dvh)}.weiche-los-garten .weiche-schiff,.weiche-los-weltraum .weiche-schiff{transform:translate(34vw,-70dvh)rotate(9deg)scale(.55)}}@media (orientation:portrait) and (max-width:760px){.weiche-schiff{width:32vw;top:18dvh;left:32%}.weiche-etikett{font-size:22px;top:39dvh}}@media (prefers-reduced-motion:reduce){.weiche-app *,.weiche-app :before,.weiche-app :after{transition:none!important;animation:none!important}}