@font-face{font-family:Fredoka;src:url(/fonts/fredoka.47ef7c525b.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Lexend;src:url(/fonts/lexend.2beb1f0a75.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--papier:#FBF7F0;--tinte:#2B1B3F;--leise:#5E5170;--fuchs:#F4731F;--fuchs-tief:#C4530B;--flieder:#DCCBF4;--flieder-tief:#BFA6E6;--pflaume:#3A2356;--honig:#FFD98A;--salbei:#CFE2CF;--pfirsich:#FFE3CC;--karo:#E6DEF2;--rand:#E9A39A;--ok:#1F7A4D;--bad:#B8432C;--pad:clamp(16px,5vw,96px);--max:1760px;--disp:Fredoka,"Arial Rounded MT Bold",system-ui,sans-serif;--text:Lexend,system-ui,-apple-system,"Segoe UI",sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--papier);color:var(--tinte);font:400 clamp(17px,1.05vw + 12px,20px)/1.55 var(--text);overflow-x:hidden}img,video,svg{display:block;max-width:100%}img{height:auto}h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}h1,h2,h3{font-family:var(--disp);font-weight:600;letter-spacing:-.012em;text-wrap:balance}h1{font-size:clamp(40px,6.2vw,112px);line-height:.98}h2{font-size:clamp(30px,3.9vw,60px);line-height:1.04}h3{font-size:clamp(22px,1.7vw,28px);line-height:1.15}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}.lead{font-size:clamp(18px,1.25vw + 12px,23px);line-height:1.5;color:var(--leise);max-width:34em}.small{font-size:clamp(14px,.3vw + 13px,15.5px);line-height:1.45;color:var(--leise)}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:focus-visible{outline:3px solid var(--tinte);outline-offset:3px;border-radius:8px}.dark :focus-visible{outline-color:#fff}section[id]{scroll-margin-top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:14px 26px;border:0;border-radius:18px;font:600 clamp(17px,.4vw + 15px,19px)/1.1 var(--text);text-decoration:none;cursor:pointer;color:var(--tinte);background:#fff;box-shadow:inset 0 0 0 2px var(--tinte),0 5px 0 var(--tinte);transition:transform .12s,box-shadow .12s;-webkit-tap-highlight-color:transparent}.btn:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 2px var(--tinte),0 6px 0 var(--tinte)}.btn:active{transform:translateY(4px);box-shadow:inset 0 0 0 2px var(--tinte),0 1px 0 var(--tinte)}.btn.main{background:var(--fuchs);box-shadow:0 5px 0 var(--fuchs-tief)}.btn.main:hover{box-shadow:0 6px 0 var(--fuchs-tief)}.btn.main:active{box-shadow:0 1px 0 var(--fuchs-tief)}.btn.slim{min-height:46px;padding:10px 18px;border-radius:14px;font-size:16px}.btn.quiet{box-shadow:inset 0 0 0 2px var(--karo);background:#fff;color:var(--tinte)}.btn.quiet:hover,.btn.quiet:active{box-shadow:inset 0 0 0 2px var(--flieder-tief)}.top{position:absolute;left:0;right:0;top:0;z-index:6;display:flex;align-items:center;gap:24px;padding-block:clamp(12px,1.5vw,24px)}.mark{display:inline-flex;align-items:baseline;gap:.32em;text-decoration:none;font-family:var(--disp);font-weight:600;line-height:1}.mark b{font-size:clamp(36px,3vw,54px);font-weight:700;letter-spacing:-.02em}.mark span{font-size:clamp(14px,1vw,17px);font-weight:500;letter-spacing:.01em;color:var(--leise)}.top .mark span{color:var(--tinte)}.top nav{margin-left:auto;display:flex;gap:clamp(18px,2.4vw,40px)}.top nav a{font-size:17px;font-weight:500;text-decoration:none;padding:10px 2px;border-bottom:2px solid transparent}.top nav a:hover{border-bottom-color:var(--fuchs)}.top .btn{white-space:nowrap}.top .anm{font-size:17px;font-weight:600;text-decoration:none;padding:10px 4px;min-height:44px;display:inline-flex;align-items:center;border-bottom:2px solid transparent;white-space:nowrap}.top .anm:hover{border-bottom-color:var(--fuchs)}@media(max-width:860px){.top nav{display:none}.top .anm{margin-left:auto}}@media(max-width:420px){.top{gap:10px}.top .btn{font-size:14.5px;padding:10px 12px;min-height:42px}}@media(max-width:520px){.top a.btn.main{display:none}.top .anm{font-size:16px;padding:8px 16px;border:0;border-radius:999px;box-shadow:inset 0 0 0 2px var(--tinte);background:#ffffff8c}}.hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(#e4d5fa,#eeddf6 34%,#fbe6dc 58%,#ffe2c2);--mx:0;--my:0;--sc:0}.par{transform:translate3d(calc(var(--mx)*var(--dx,0px)),calc(var(--my)*var(--dy,0px) + var(--sc)*var(--ds,0px)),0);transition:transform .35s cubic-bezier(.2,.7,.2,1)}.himmel{position:absolute;inset:0;z-index:0;pointer-events:none}.sonne{position:absolute;right:clamp(-30px,13vw,300px);top:clamp(96px,11vw,170px);width:clamp(110px,13vw,230px);aspect-ratio:1;--dx:-6px;--dy:-4px;--ds:150px}.sonne i{position:absolute;inset:0;border-radius:50%;background:var(--honig);box-shadow:0 0 0 clamp(18px,2.6vw,44px) #ffecbe8c;transition:box-shadow 1.2s,background 1.2s}.hero.lit .sonne i{background:#ffe39b;box-shadow:0 0 0 clamp(30px,4.4vw,76px) #fff0c899}.zug{position:absolute;left:0;top:0;--dx:-10px;--dy:-5px;--ds:110px}.zug .wk{width:clamp(110px,13vw,230px);fill:#fff;opacity:.78;animation:zieh 80s linear infinite}.z1{top:clamp(70px,9vw,150px)}.z2{top:clamp(150px,19vw,330px)}.z3{top:clamp(40px,4vw,70px)}.z2 .wk{width:clamp(80px,9vw,160px);animation-duration:110s;animation-delay:-52s;opacity:.8}.z3 .wk{animation-duration:140s;animation-delay:-95s}.z1 .wk{animation-delay:-18s}@keyframes zieh{0%{transform:translate(-30vw)}to{transform:translate(112vw)}}.ballon{position:absolute;left:52%;top:clamp(96px,10vw,170px);width:clamp(40px,4.6vw,78px);--dx:-16px;--dy:-9px;--ds:90px}.ballon svg{animation:steig 7s ease-in-out infinite alternate}@keyframes steig{0%{transform:translateY(8px) rotate(-2deg)}to{transform:translateY(-10px) rotate(2.5deg)}}.voegel{position:absolute;left:36%;top:clamp(86px,9vw,150px);width:clamp(50px,5vw,90px);animation:flug 9s ease-in-out infinite alternate}@keyframes flug{0%{transform:translate(0)}to{transform:translate(26px,-10px)}}.land{position:absolute;left:50%;bottom:-14px;width:max(106%,1180px);max-width:none;height:auto;margin-left:calc(max(106%,1180px)/-2);z-index:1;pointer-events:none}.land .l-far{--dx:-7px;--dy:-3px;--ds:70px}.land .l-mid{--dx:-14px;--dy:-5px;--ds:44px}.land .l-near{--dx:-24px;--dy:-7px;--ds:20px}.land .l-front{--dx:-32px;--dy:-4px;--ds:0px}.fluegel{transform-box:fill-box;transform-origin:50% 50%;animation:spin 14s linear infinite}.zeiger{transform-box:fill-box;transform-origin:50% 100%;animation:spin 20s linear infinite}.gras{position:absolute;left:0;right:0;bottom:0;height:26px;z-index:4;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='26'%3E%3Cpath d='M0 26h92V19Q84 15 78 19 74 4 71 18 66 9 62 19 54 15 46 19 41 2 38 18 33 10 28 19 20 15 12 19 8 8 5 18 2 15 0 19z' fill='%237DB383'/%3E%3C/svg%3E") repeat-x bottom}.hero .wrap{position:relative;z-index:3;display:grid;gap:clamp(14px,3vw,40px);padding-top:clamp(68px,7.4vw,128px)}.hero-text .lead{margin-top:clamp(10px,1.4vw,24px);color:var(--tinte);max-width:27em}.cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:clamp(14px,2vw,34px)}.cta .small{flex:1 1 150px;max-width:17em;color:var(--tinte)}.cta .small a{white-space:nowrap;font-weight:600;text-underline-offset:3px}.hero-text .cta .small{flex:0 0 auto;width:min(27em,calc(100vw - 40px));max-width:none;text-wrap:balance}.stage{position:relative;display:grid;grid-template-columns:clamp(112px,38vw,170px) minmax(0,1fr);grid-template-areas:"lumi bubble" "heft heft";column-gap:8px;align-items:end;padding-bottom:22px}.rig{position:relative;width:100%;aspect-ratio:520/700}.stage .rig{grid-area:lumi;margin-bottom:-6px;z-index:2;--dx:12px;--dy:3px}.rig img{position:absolute;height:auto;max-width:none;user-select:none;pointer-events:none}.rig .tail{left:3.27%;top:47.86%;width:49.23%;transform-origin:88% 80%}.rig .b{opacity:0}.rig .b-idle{left:24.42%;top:42.29%;width:50.77%}.rig .b-explain{left:24.81%;top:37.29%;width:55.38%}.rig .b-cheer{left:14.42%;top:33.71%;width:68.85%}.rig .b-oops{left:24.62%;top:39.57%;width:52.5%}.rig .head{position:absolute;left:17.88%;top:1.14%;width:58.46%;aspect-ratio:400/432;transform-origin:50% 92%}.rig .head img{left:0;top:0;width:100%;opacity:0}.rig[data-pose=idle] .b-idle,.rig[data-pose=explain] .b-explain,.rig[data-pose=cheer] .b-cheer,.rig[data-pose=oops] .b-oops,.rig[data-face=rest] .h-rest,.rig[data-face=joy] .h-joy,.rig[data-face=worried] .h-worried,.rig[data-face=curious] .h-curious{opacity:1}.rig.blink .head img{opacity:0}.rig.blink .head .h-blink{opacity:1}.rig .ground{position:absolute;left:14%;right:10%;bottom:1%;height:5.5%;border-radius:50%;background:#5e9c6e;opacity:.75}.rig .schein{position:absolute;left:-110%;top:-20%;width:270%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,#fff4bef2,#ffe49680 42%,#ffe29600 72%);opacity:0;transform:scale(.6);transition:opacity 1s,transform 1.2s cubic-bezier(.2,1.2,.3,1);pointer-events:none}.rig .glut{position:absolute;left:-24%;top:32%;width:98%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,#fffbe0,#ffe98a 30%,#ffd664b3 50%,#ffcd5a00 74%);opacity:.3;transform:scale(.55);transition:opacity .8s,transform .9s cubic-bezier(.2,1.5,.3,1);pointer-events:none}.rig.lit .schein{opacity:1;transform:none}.rig.lit .glut{opacity:1;transform:scale(1.1)}.rig.lit .tail{filter:brightness(1.18) saturate(1.1)}.rig .tail{transition:filter .8s}.rig .fk{position:absolute;width:7%;aspect-ratio:1;background:#fff1a8;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:0;pointer-events:none}.rig .f1{left:2%;top:50%}.rig .f2{left:22%;top:44%;width:5%}.rig .f3{left:-6%;top:64%;width:9%}.rig .f4{left:34%;top:58%;width:5%}.rig .f5{left:10%;top:38%;width:8%}.rig .f6{left:42%;top:46%;width:6%}.bubble{grid-area:bubble;align-self:center;margin-bottom:10px;background:#fff;border-radius:20px 20px 20px 6px;padding:11px 15px;font-size:clamp(15.5px,.5vw + 14px,20px);line-height:1.35;font-weight:500;display:flex;align-items:center;box-shadow:0 4px #2b1b3f24}.heft{grid-area:heft;position:relative;--dx:6px;--dy:2px;background-color:#fff;border-radius:16px;padding:clamp(14px,1.8vw,28px) clamp(14px,2vw,30px) clamp(16px,1.8vw,28px) clamp(30px,3.2vw,52px);background-image:linear-gradient(var(--karo) 1px,transparent 1px),linear-gradient(90deg,var(--karo) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px;display:flex;flex-direction:column;gap:clamp(8px,1vw,16px);rotate:.8deg;box-shadow:7px 9px #3460486b}.heft:before{content:"";position:absolute;left:clamp(18px,2vw,32px);top:0;bottom:0;width:2px;background:var(--rand)}.frage{font-family:var(--disp);font-weight:600;font-size:clamp(20px,1.5vw + 12px,28px);line-height:1.15}.zahl{display:flex;align-items:center;gap:.06em;font:600 clamp(68px,9vw,128px)/1 var(--disp);font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-block:-2px 2px}.zahl .dg{display:inline-block;transition:opacity .4s,transform .4s}.zahl .dg.dim{opacity:.22}.zahl .l2{position:relative;display:inline-flex;gap:.06em;padding:0 .08em;margin-left:.02em}.zahl .l2:after{content:"";position:absolute;inset:.06em -.02em .02em;border:5px solid var(--fuchs);border-radius:18px;opacity:0;transform:scale(1.25);transition:opacity .3s,transform .45s cubic-bezier(.2,1.4,.4,1)}.zahl.box .l2:after{opacity:1;transform:none}.zahl.swap .dg{transform:translateY(-8px);opacity:0}.wahl{display:flex;gap:12px;flex-wrap:wrap}.wahl .btn{min-width:108px}.zeilen{display:flex;flex-direction:column;gap:6px;font-variant-numeric:tabular-nums;font-weight:500;font-size:clamp(16px,.3vw + 14.5px,18.5px);line-height:1.35}.zeilen li{display:flex;flex-wrap:wrap;align-items:center;gap:.32em;background:#fff;width:fit-content;padding:1px 6px;margin-left:-6px;animation:write .5s both}.zeilen .pre{display:contents}.zeilen .ok{color:var(--ok)}.zeilen .bad{color:var(--bad)}.zeilen svg{width:1.05em;height:1.05em;flex:none}.zeilen .bx{border:2.5px solid var(--fuchs);border-radius:7px;padding:0 3px;margin:0 -1px}.merke{border:2.5px solid var(--tinte);border-radius:14px;background:#f4eefc;padding:12px 16px;font-size:clamp(16px,.4vw + 15px,19px);line-height:1.4;animation:write .5s both}.merke b{display:block;font-family:var(--disp);font-size:1.15em}.weiter{margin-top:auto;display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:4px}.heft-note{background:#fff;width:fit-content;padding:0 4px;margin-left:-4px}@keyframes write{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}[hidden]{display:none!important}@media(max-width:899px){h1{font-size:clamp(44px,13vw,57px);max-width:7.2em}.hero .wrap{padding-top:clamp(104px,26vw,118px)}}@media(min-width:700px)and (max-width:899px){h1{font-size:clamp(84px,11.6vw,118px);max-width:none}.hero .wrap{padding-top:clamp(140px,19vw,190px);gap:clamp(20px,4vw,44px)}}@media(max-width:699px){.land{bottom:20px}.hero .wrap{padding-bottom:0}.sonne{right:-44px;top:86px}.ballon{left:auto;right:6%;top:262px;width:38px}.voegel{left:auto;right:36%;top:70px;width:44px}.z2{top:300px}.cta{margin-top:16px;gap:8px 16px}.stage:not(.play){grid-template-columns:53% 47%;grid-template-areas:"lumi bubble" "lumi heft";column-gap:0}.stage:not(.play) .rig{margin:0 -20px -8px -8px;width:auto}.stage:not(.play) .bubble{margin:0 0 8px;padding:8px 12px;font-size:15px;justify-self:start}.stage:not(.play) .heft{padding:11px 10px 12px 24px;gap:6px;rotate:1.2deg;z-index:3}.stage:not(.play) .heft:before{left:14px}.stage:not(.play) .frage{font-size:17px}.stage:not(.play) .zahl{font-size:56px}.stage:not(.play) .zahl .l2:after{border-width:4px;border-radius:13px}.stage:not(.play) .zeilen{font-size:13.5px;gap:3px}.stage:not(.play) .heft-note,.stage:not(.play) .zeilen .pre{display:none}.stage:not(.play) .weiter .btn{min-height:40px;padding:8px 12px;font-size:14.5px;white-space:nowrap}}@media(min-width:700px)and (max-width:899px){.ballon{left:auto;right:8%;top:clamp(300px,44vw,430px)}.voegel{left:62%;top:40vw}}@media(min-width:700px){.stage{grid-template-columns:clamp(280px,44vw,460px) minmax(0,420px);grid-template-areas:"lumi bubble" "lumi heft";column-gap:0;padding-bottom:40px}.stage .rig{margin-right:-22px;margin-bottom:-22px}.bubble{align-self:end;justify-self:start;margin:0 0 14px 14px}.gras{height:30px}}@media(min-width:900px){h1{width:5.5em;max-width:none}.hero .wrap{grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);align-items:stretch;gap:clamp(20px,2.4vw,56px);min-height:clamp(680px,100vh,1040px);padding-top:clamp(96px,8vw,150px)}.hero-text{align-self:start}.stage{align-self:end;justify-self:end;width:100%;max-width:none;grid-template-columns:clamp(300px,31vw,540px) minmax(0,clamp(300px,26vw,440px));grid-template-areas:"lumi bubble" "lumi heft";justify-content:end;column-gap:0;padding-bottom:clamp(36px,3.4vw,60px)}.stage .rig{align-self:end;margin-bottom:-26px;margin-right:clamp(-34px,-1.6vw,-16px)}.bubble{align-self:end;justify-self:start;margin:0 0 16px 18px;max-width:24em;padding:14px 20px}.heft{rotate:1.4deg;box-shadow:10px 13px #3460486b}.gras{height:34px}}@media(min-width:900px)and (max-width:1079px){h1{font-size:8vw}.hero .wrap{padding-top:clamp(128px,14vw,150px);min-height:clamp(600px,100vh,860px)}.stage{grid-template-columns:27vw minmax(0,280px)}.ballon{left:auto;right:30%;top:90px}}.dark{background:var(--pflaume);color:#fff}.dark .lead,.dark .small{color:#d9ccec}.lernen{padding-block:clamp(64px,8vw,150px)}.lernen .wrap{display:grid;gap:clamp(36px,5vw,80px)}.lernen h2{max-width:11em}.lernen .lead{margin-top:18px}.tablet{position:relative;background:#f6f0fc;border-radius:clamp(18px,2.4vw,36px);padding:clamp(10px,1.3vw,20px);box-shadow:0 0 0 2px #1e1230,clamp(8px,1vw,16px) clamp(8px,1vw,16px) 0 #24143a;transform:rotate(-2.2deg);transition:transform .9s cubic-bezier(.2,.8,.2,1)}.tablet.in{transform:none}.tablet .frames,.tablet video{border-radius:clamp(10px,1.3vw,20px);overflow:hidden}.tablet .frames{position:relative;aspect-ratio:960/726;background:#efe8ff}.tablet .frames img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:bild 6s infinite}.tablet .frames img:nth-child(1){opacity:1;animation-name:bild1}.tablet .frames img:nth-child(2){animation-delay:1.5s}.tablet .frames img:nth-child(3){animation-delay:3s}.tablet .frames img:nth-child(4){animation-delay:4.5s}@keyframes bild{0%{opacity:0}4%,25%{opacity:1}30%,to{opacity:0}}@keyframes bild1{0%,96%{opacity:1}to{opacity:1}}.tablet video{position:absolute;inset:clamp(10px,1.3vw,20px);width:calc(100% - (2*clamp(10px,1.3vw,20px)));height:calc(100% - (2*clamp(10px,1.3vw,20px)));object-fit:cover;opacity:0;transition:opacity .4s}.tablet.live video{opacity:1}.tablet .play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:clamp(64px,7vw,96px);aspect-ratio:1;border-radius:50%;border:0;background:var(--fuchs);color:var(--tinte);box-shadow:0 6px 0 var(--fuchs-tief);cursor:pointer;display:grid;place-items:center}.tablet .play svg{width:46%;margin-left:6%}.tablet-cap{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:clamp(20px,2vw,30px)}.vbtn{flex:none;min-height:44px;padding:8px 16px;border-radius:12px;border:2px solid #7A63A0;background:transparent;color:#fff;font:500 15px var(--text);cursor:pointer}.vbtn:hover{border-color:#fff}.faden{position:relative;display:grid;gap:clamp(20px,2.2vw,34px);padding-left:34px;--p:0%}.faden:after{content:"";position:absolute;left:8px;top:10px;width:3px;height:var(--p);max-height:calc(100% - 20px);background:var(--honig);border-radius:2px;transition:height .4s cubic-bezier(.3,.8,.3,1)}.faden:before{content:"";position:absolute;left:8px;top:10px;bottom:10px;width:0;border-left:3px dashed #7A63A0}.faden li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(64px,6vw,88px);gap:16px;align-items:center;opacity:.5;transition:opacity .3s}.faden li.on{opacity:1}.faden li.war{opacity:.78}.faden .vig{width:100%;height:auto;transform:scale(.82);transition:transform .5s cubic-bezier(.2,1.4,.4,1)}.faden li.on .vig{transform:none}.vig .c,.vig .w,.vig .s,.vig .d,.vig .hk{animation-play-state:paused}.faden li.on .vig *{animation-play-state:running}.vig .c{animation:fall 1.1s cubic-bezier(.4,0,.6,1.4) infinite}.vig .c2{animation-delay:.15s}.vig .c3{animation-delay:.3s}.vig .c4{animation-delay:.45s}@keyframes fall{0%{transform:translateY(-34px);opacity:0}25%{opacity:1}45%,85%{transform:none;opacity:1}to{transform:none;opacity:0}}.vig .w{stroke-dasharray:40;stroke-dashoffset:40;animation:schreib 1.6s ease-out infinite}.vig .w2{animation-delay:.25s}.vig .w3{animation-delay:.5s}@keyframes schreib{0%{stroke-dashoffset:40}30%,90%{stroke-dashoffset:0}to{stroke-dashoffset:40}}.vig .s{transform-box:fill-box;transform-origin:50% 100%;animation:wachs 1.6s cubic-bezier(.2,1.4,.4,1) infinite}.vig .s2{animation-delay:.12s}.vig .s3{animation-delay:.24s}.vig .s4{animation-delay:.36s}@keyframes wachs{0%{transform:scaleY(.12)}28%,88%{transform:none}to{transform:scaleY(.12)}}.vig .d{animation:tag 1.7s steps(1) infinite}.vig .d2{animation-delay:.15s}.vig .d3{animation-delay:.3s}.vig .d4{animation-delay:.45s}.vig .d5{animation-delay:.6s}.vig .d6{animation-delay:.75s}@keyframes tag{0%{fill:#bfa6e6}8%,to{fill:#3a2356}}.vig .hk{stroke-dasharray:30;stroke-dashoffset:30;animation:haken 1.7s ease-out infinite}@keyframes haken{0%,58%{stroke-dashoffset:30}74%,to{stroke-dashoffset:0}}.faden li:before{content:"";position:absolute;left:-34px;top:50%;margin-top:-10px;width:19px;height:19px;border-radius:50%;background:#7a63a0;box-shadow:0 0 0 5px var(--pflaume);z-index:1;transition:background .4s,transform .4s cubic-bezier(.2,1.6,.4,1)}.faden li.on:before{background:var(--honig);transform:scale(1.25)}.faden li.war:before{background:var(--honig)}.faden h3{margin-bottom:6px}.faden p{color:#d9ccec;max-width:27em}@media(min-width:1000px){.lernen .wrap{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center}.lernen .kopf{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(36px,5vw,80px);align-items:end}.lernen .lead{margin-top:0}.lernen .geraet{margin-left:calc(var(--pad) * -.35)}}.welt{padding-top:clamp(64px,8vw,150px)}.welt .kopf{display:grid;gap:16px;margin-bottom:clamp(24px,3vw,48px)}@media(min-width:1000px){.welt .kopf{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:end;gap:clamp(36px,5vw,80px)}}.karte{position:relative;background:#f4e6fb}.scroller{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.scroller::-webkit-scrollbar{display:none}.scene{display:block;width:1180px;max-width:none;height:auto}@media(min-width:1180px){.scene{width:100%}}.scene text{font-family:var(--disp);font-weight:600}.scene .ort{cursor:pointer}.scene .ort .lift{transition:transform .25s cubic-bezier(.2,1.4,.4,1);transform-box:fill-box;transform-origin:50% 100%}.scene .ort:hover .lift{transform:translateY(-6px)}.scene .ort .ring{opacity:0;transition:opacity .3s}.scene .ort.on .ring{opacity:1}.scene .ort .schild rect{transition:fill .2s}.scene .ort.on .schild rect{fill:var(--honig)}.scene .wolke{animation:drift 70s linear infinite}.scene .wolke.w2{animation-duration:95s;animation-delay:-40s}.scene .wolke.w3{animation-duration:120s;animation-delay:-80s}.zeiger.kurz{animation-duration:240s}.scene .boot{animation:bob 4s ease-in-out infinite alternate}.scene .ring{animation:pulse 2.4s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 50%}.karte.pause *{animation-play-state:paused!important}@keyframes drift{0%{transform:translate(-260px)}to{transform:translate(1700px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{0%{transform:translateY(0) rotate(-1.5deg)}to{transform:translateY(4px) rotate(1.5deg)}}@keyframes pulse{0%{transform:scale(.92)}to{transform:scale(1.06)}}.orte{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:14px var(--pad);background:var(--tinte)}.orte::-webkit-scrollbar{display:none}.orte button{flex:none;display:flex;align-items:baseline;gap:8px;min-height:48px;padding:8px 16px;border:0;border-radius:14px;background:transparent;color:#e9dff7;font:500 16px var(--text);cursor:pointer;white-space:nowrap}.orte button i{font:600 17px var(--disp);font-style:normal;color:var(--honig);min-width:1.3em}.orte button:hover{background:#3f2b58}.orte button[aria-selected=true]{background:var(--honig);color:var(--tinte)}.orte button[aria-selected=true] i{color:var(--tinte)}.orte :focus-visible{outline-color:#fff}.infokarte{background:#fff;padding:clamp(22px,2.6vw,40px) var(--pad) clamp(28px,3vw,48px)}.infokarte .in{max-width:var(--max);margin-inline:auto;display:grid;gap:2px}.infokarte h3{font-size:clamp(30px,3.2vw,52px)}.infokarte .nr{font:600 clamp(18px,1.4vw,24px)/1.25 var(--disp);color:var(--fuchs-tief);margin-top:4px}.infokarte p{max-width:40em}.infokarte.wechsel .in{animation:write .35s both}@media(min-width:900px){.infokarte .in{grid-template-columns:auto minmax(0,1fr);column-gap:clamp(28px,4vw,72px);align-items:center}.infokarte h3{grid-row:1 / span 2}.infokarte .nr{margin-top:0}}.freunde{padding-block:clamp(64px,8vw,150px)}.freunde h2{max-width:14em;margin-bottom:clamp(28px,3.4vw,56px)}.felder{display:grid;gap:clamp(12px,1.4vw,22px);grid-template-columns:1fr 1fr;align-items:end}.feld{position:relative;border-radius:clamp(26px,3vw,48px);padding:clamp(18px,2.2vw,36px);overflow:hidden;display:flex;flex-direction:column;min-height:clamp(250px,25vw,420px)}.feld h3{font-size:clamp(26px,2.6vw,44px)}.feld p{font-size:clamp(15px,.4vw + 14px,18px);line-height:1.4;max-width:17em;margin-top:4px}.feld img{margin-top:auto;align-self:center}.feld.lumi{grid-column:1/-1;background:var(--flieder);min-height:clamp(430px,40vw,640px);padding-bottom:0}.feld.lumi p{font-size:clamp(16px,.5vw + 14.5px,20px);max-width:40%}.feld.lumi .rig{position:absolute;right:-2%;bottom:-1%;width:62%;max-width:480px}.feld.lumi .rig .ground{background:var(--flieder-tief);opacity:1}.feld.lumi .rig .schein{display:none}.feld.funke{background:var(--honig)}.funke-b{position:relative;width:clamp(120px,13vw,200px);margin:auto auto clamp(18px,3vw,48px);padding-top:26px;align-self:center}.fstern{position:relative;aspect-ratio:400/390;transform-origin:50% 90%}.fstern img{position:absolute;inset:0;width:100%;height:100%;margin:0}.fstern .fb,.fstern .fc{opacity:0}.funke-b .schatten{position:absolute;left:20%;right:20%;bottom:-13%;height:9%;border-radius:50%;background:#e3ae48}.funke-b .fs{position:absolute;width:13%;aspect-ratio:1;background:#fff;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:0}.funke-b .s1{left:-8%;top:8%}.funke-b .s2{right:-10%;top:26%;width:10%}.funke-b .s3{left:4%;bottom:6%;width:9%}.funke-b .s4{right:2%;top:-12%;width:15%}.feld.ori{background:var(--salbei);padding-bottom:0}.ori-b{position:relative;width:clamp(116px,12.5vw,190px);aspect-ratio:197/248;margin:auto auto 0;align-self:center;transform-origin:50% 100%}.ori-b img{position:absolute;inset:0;width:100%;height:100%;margin:0}.ori-b .koerper{clip-path:inset(50% 0 0 0)}.ori-b .kopf{position:absolute;inset:0;clip-path:inset(0 0 45.5% 0);transform-origin:50% 54%}.ori-b .kopf svg{position:absolute;inset:0;width:100%;height:100%}.ori-b .lid{opacity:0}@media(prefers-reduced-motion:no-preference){.felder.lebt .fstern{animation:funke 2.6s cubic-bezier(.45,0,.55,1) infinite}.felder.lebt .fstern .fa{animation:ga 5.2s steps(1) infinite}.felder.lebt .fstern .fb{animation:gb 5.2s steps(1) infinite}.felder.lebt .fstern .fc{animation:gc 5.2s steps(1) infinite}.felder.lebt .funke-b .schatten{animation:fschatten 2.6s cubic-bezier(.45,0,.55,1) infinite}.felder.lebt .funke-b .fs{animation:blitz 2.6s ease-in-out infinite}.felder.lebt .funke-b .s2{animation-delay:.7s}.felder.lebt .funke-b .s3{animation-delay:1.3s}.felder.lebt .funke-b .s4{animation-delay:1.9s}.felder.lebt .ori-b{animation:atem 3.4s ease-in-out infinite alternate}.felder.lebt .ori-b .kopf{animation:neig 7s cubic-bezier(.5,0,.3,1) infinite}.felder.lebt .ori-b .lid{animation:lid 4.6s infinite}}@keyframes funke{0%,to{transform:translateY(0) scale(1.06,.92)}12%{transform:translateY(-4%) scale(.95,1.07)}50%{transform:translateY(-15%) scale(1) rotate(4deg)}88%{transform:translateY(-4%) scale(.96,1.06)}}@keyframes ga{0%{opacity:1}14%{opacity:0}36%{opacity:1}88%{opacity:0}91%{opacity:1}}@keyframes gb{0%{opacity:0}14%{opacity:1}36%{opacity:0}}@keyframes gc{0%{opacity:0}88%{opacity:1}91%{opacity:0}}@keyframes fschatten{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.62);opacity:.55}}@keyframes blitz{0%,60%,to{opacity:0;transform:scale(.3) rotate(0)}74%{opacity:1;transform:scale(1) rotate(40deg)}88%{opacity:0;transform:scale(.5) rotate(80deg)}}@keyframes atem{0%{transform:scale(1)}to{transform:scale(1.015,1.025)}}@keyframes neig{0%,38%,to{transform:rotate(0)}46%,70%{transform:rotate(5deg)}78%,92%{transform:rotate(-3deg)}}@keyframes lid{0%,94%,to{opacity:0}95.5%,98%{opacity:1}}@media(max-width:520px){.feld.lumi{min-height:380px}}@media(min-width:900px){.felder{grid-template-columns:1.6fr 1fr 1fr}.feld.lumi{grid-column:auto}.feld.ori{min-height:clamp(300px,31vw,500px)}}.eltern{padding-block:clamp(64px,8vw,150px) clamp(40px,5vw,90px)}.eltern .wrap{display:grid;gap:clamp(36px,5vw,90px)}.eltern h2{max-width:12em}.eltern .punkte{display:grid;gap:clamp(18px,2vw,28px);margin-top:clamp(24px,2.8vw,44px)}.eltern .punkte>div{display:grid;grid-template-columns:clamp(46px,3.6vw,58px) minmax(0,1fr);gap:clamp(14px,1.4vw,22px);align-items:center}.eltern .ic{width:100%;height:auto}.eltern .punkte h3{margin-bottom:2px}.eltern .punkte p{color:var(--leise);max-width:29em}.phones{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.6vw,26px);align-items:start;padding:clamp(26px,4vw,64px) clamp(12px,2.4vw,44px) 0;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad)}.phones:before{content:"";position:absolute;inset:0;background:var(--pfirsich);border-radius:clamp(60px,12vw,200px) clamp(60px,12vw,200px) 0 0}.phone{position:relative;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .6s}.phone:nth-child(2){margin-top:clamp(26px,5vw,84px)}.phone:nth-child(3){margin-top:clamp(10px,2vw,30px)}.phone img{width:100%;border-radius:clamp(14px,2.2vw,32px);box-shadow:0 0 0 clamp(3px,.5vw,7px) var(--tinte)}.phone figcaption{font-size:clamp(12.5px,.5vw + 11px,15.5px);line-height:1.3;padding:12px 2px 18px;font-weight:500}.js .phones:not(.in) .phone{transform:translateY(46px);opacity:0}.phones.in .phone:nth-child(2){transition-delay:.12s}.phones.in .phone:nth-child(3){transition-delay:.24s}.phones{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.phone.live{grid-column:1/-1;margin-top:0;justify-self:center;width:min(100%,372px)}.phone[hidden]{display:none}.dashrahmen{position:relative;height:clamp(380px,112vw,520px);border-radius:clamp(14px,2.2vw,32px)}.dashrahmen .ph{left:0;right:0;top:0;border-radius:26px;box-shadow:0 0 0 clamp(3px,.5vw,7px) var(--tinte)}.kinder{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.6vw,22px);max-width:560px}.kinder img{width:100%;height:auto;border-radius:clamp(14px,2vw,26px);box-shadow:0 0 0 3px var(--tinte)}.kinder img:last-child{margin-top:clamp(16px,3vw,44px)}@media(min-width:900px){.phones{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(264px,2.1fr)}.phone.live{grid-column:auto;width:100%;margin-top:clamp(10px,2vw,30px)}.dashrahmen{height:clamp(400px,40vw,560px)}}@media(min-width:1000px){.eltern .wrap{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center}.phones{order:-1;margin-inline:calc(var(--pad) * -.4) 0;padding-inline:clamp(28px,3.4vw,64px)}}.k4{background:var(--honig)}.k4 .wrap{display:grid;gap:22px;padding-block:clamp(48px,4.6vw,84px)}.k4 h2{font-size:clamp(28px,3.2vw,50px)}.k4 p{max-width:32em;margin-top:10px}.k4 .angebot{font-weight:600}@media(min-width:900px){.k4 .wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px}}.schluss{background:var(--flieder);overflow:hidden}.schluss .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding-top:clamp(56px,7vw,130px)}.schluss h2{font-size:clamp(34px,5vw,84px);max-width:10em}.schluss .lead{color:var(--tinte);margin-top:16px;max-width:30em}.jubel{position:relative;justify-self:end;width:clamp(180px,20vw,300px);margin-bottom:10px}.jubel:before{content:"";position:absolute;left:10%;right:6%;bottom:-1.5%;height:6%;border-radius:50%;background:var(--flieder-tief)}.jubel img{position:relative;width:100%}.schluss .text{padding-bottom:clamp(8px,6vw,120px)}@media(min-width:860px){.schluss .wrap{grid-template-columns:minmax(0,1fr) auto;align-items:end}}.fragen{padding-block:clamp(64px,8vw,140px)}.fragen .wrap{display:grid;gap:clamp(24px,4vw,80px)}@media(min-width:1000px){.fragen .wrap{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}}.fragen details{border-top:2px solid var(--tinte)}.fragen details:last-child{border-bottom:2px solid var(--tinte)}.fragen summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 2px;font:600 clamp(19px,1.1vw + 14px,25px)/1.2 var(--disp)}.fragen summary::-webkit-details-marker{display:none}.fragen summary:after{content:"";flex:none;width:16px;height:16px;border-right:3px solid var(--tinte);border-bottom:3px solid var(--tinte);transform:rotate(45deg) translate(-4px,-4px);transition:transform .2s}.fragen details[open] summary:after{transform:rotate(-135deg) translate(-4px,-4px)}.fragen details p{padding:0 2px 22px;color:var(--leise);max-width:36em}footer{background:var(--pflaume);color:#e9dff7;padding-block:clamp(36px,4vw,64px)}footer .wrap{display:grid;gap:22px}footer .mark span{color:#c9b8e2}footer nav{display:flex;gap:28px;flex-wrap:wrap}footer nav a{font-weight:500;text-underline-offset:4px}footer .small{color:#c9b8e2;max-width:52em}@media(min-width:900px){footer .wrap{grid-template-columns:1fr auto;align-items:end}footer .small{grid-column:1/-1}}@media(prefers-reduced-motion:no-preference){.rig .tail{animation:wedel 3.4s ease-in-out infinite alternate}.rig .head{animation:nick 5.2s ease-in-out infinite alternate}.rig.hop{animation:hop .6s cubic-bezier(.3,1.6,.5,1)}.rig.duck{animation:duck .5s ease-out}.js .stage .rig{animation:auf .8s cubic-bezier(.2,1.2,.3,1) backwards .15s}.rig .glut{animation:glimm 3.2s ease-in-out infinite alternate}.rig.aha .fk{animation:funken 1.5s ease-out both}.rig.aha .f2{animation-delay:.08s}.rig.aha .f3{animation-delay:.16s}.rig.aha .f4{animation-delay:.24s}.rig.aha .f5{animation-delay:.12s}.rig.aha .f6{animation-delay:.3s}.js .bubble{animation:pop .45s cubic-bezier(.2,1.5,.4,1) both .7s;transform-origin:0 100%}.js .rig.hop{animation:hop .6s cubic-bezier(.3,1.6,.5,1)}.js .rig.duck{animation:duck .5s ease-out}.bubble.neu{animation:pop .35s cubic-bezier(.2,1.5,.4,1) both!important;transform-origin:0 100%}}@keyframes glimm{0%{filter:brightness(.92)}to{filter:brightness(1.12)}}@keyframes funken{0%{opacity:0;transform:translateY(0) scale(.2) rotate(0)}25%{opacity:1}to{opacity:0;transform:translateY(-190%) translate(40%) scale(1.5) rotate(120deg)}}@keyframes wedel{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes nick{0%{transform:rotate(-1.6deg)}to{transform:rotate(1.8deg)}}@keyframes hop{0%{transform:none}40%{transform:translateY(-7%) scale(1.02,.98)}to{transform:none}}@keyframes duck{0%{transform:none}35%{transform:translateY(2%) rotate(-3deg)}to{transform:none}}@keyframes auf{0%{transform:translateY(22%);opacity:0}to{transform:none;opacity:1}}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.tablet,.par{transform:none}.tablet .frames img{opacity:0}.tablet .frames img:first-child,.faden li{opacity:1}.js .phones:not(.in) .phone{transform:none;opacity:1}}.heft.auto .zeilen{min-height:3.5em}@media(max-width:1079px){.heft.auto .zeilen{min-height:5.6em}}@media(max-width:699px){.stage:not(.play){grid-template-rows:84px auto}.stage:not(.play) .bubble{align-self:end}}.zahl .dg.pop{animation:popin .34s cubic-bezier(.2,1.8,.4,1) both}.zeilen li.schreib{animation:zeile .5s cubic-bezier(.3,.7,.2,1) both}.zeilen li.schreib>svg:last-of-type{animation:tick .32s .42s cubic-bezier(.2,1.9,.4,1) both}.zahl.nein{animation:nein .42s}.hero.wow .fluegel{animation:spin 14s linear infinite,dreh 1.5s cubic-bezier(.15,.7,.2,1)}.hero.wow .ballon svg{animation:steig 7s ease-in-out infinite alternate,hupf .9s cubic-bezier(.3,1.4,.5,1)}.hero.wow .voegel{animation:flug 9s ease-in-out infinite alternate,husch 1s ease-out}.hero.wow .sonne i{animation:puls .9s ease-out}.hero.oha .ballon svg{animation:steig 7s ease-in-out infinite alternate,sink .8s ease-out}.hero.oha .voegel{animation:flug 9s ease-in-out infinite alternate,weg .9s ease-out}@keyframes popin{0%{opacity:0;scale:.3;translate:0 18px}to{opacity:1;scale:1;translate:0 0}}@keyframes zeile{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 -6px 0 0)}}@keyframes tick{0%{scale:0}to{scale:1}}@keyframes nein{20%{translate:-6px 0}45%{translate:6px 0}70%{translate:-3px 0}}@keyframes dreh{0%{rotate:0deg}to{rotate:360deg}}@keyframes hupf{40%{translate:0 -24px;scale:1.08}}@keyframes husch{45%{translate:34px -26px;scale:1.2}}@keyframes puls{40%{scale:1.14}}@keyframes sink{40%{translate:0 14px;rotate:-7deg}}@keyframes weg{45%{translate:-26px 10px;scale:.9}}@media(prefers-reduced-motion:reduce){.zahl .dg.pop,.zeilen li.schreib,.zeilen li.schreib svg{animation:none!important}}.k34l{display:inline-block;padding:12px 2px;margin:-12px 0;font-weight:600;color:var(--tinte);text-underline-offset:3px;white-space:nowrap}