@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-latin-400-normal-BTFTIZb-.woff2)format("woff2"),url(/assets/andika-latin-400-normal-BK42By1L.woff)format("woff")}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-latin-700-normal-Dk95f5lc.woff2)format("woff2"),url(/assets/andika-latin-700-normal-CAUSQC6x.woff)format("woff")}:root{--ip-farbe-tinte:#0e2a3b;--ip-farbe-meer:#1d6a8a;--ip-farbe-nebel:#e6eef0;--ip-farbe-gras:#3e7c45;--ip-farbe-licht:#ffc83d;--ip-farbe-signal:#c8342b;--ip-farbe-weiss:#fff;--ip-stufe-tinteWeich:#3f5a69;--ip-stufe-nachtTief:#081b27;--ip-stufe-nachtMittel:#16415a;--ip-stufe-nebelTief:#d3dfe2;--ip-stufe-nebelHell:#f4f8f9;--ip-stufe-meerTief:#14506a;--ip-stufe-meerHell:#bbd9e5;--ip-stufe-grasHell:#cfe5cf;--ip-stufe-signalTief:#b02a22;--ip-stufe-sand:#e8d9a8;--ip-stufe-lichtGlut:#ffe9a6;--ip-abstand-0:0px;--ip-abstand-1:8px;--ip-abstand-2:16px;--ip-abstand-3:24px;--ip-abstand-4:32px;--ip-abstand-5:48px;--ip-abstand-6:64px;--ip-abstand-7:96px;--ip-radius-klein:16px;--ip-radius-mittel:28px;--ip-radius-gross:44px;--ip-radius-kiesel:44px 28px 40px 32px;--ip-radius-voll:9999px;--ip-rahmen-duenn:2px;--ip-rahmen-normal:4px;--ip-rahmen-fokus:6px;--ip-schrift-lesetext-px:28px;--ip-schrift-lesetext-zeile:42px;--ip-schrift-lesetext-gewicht:400;--ip-schrift-anweisung-px:32px;--ip-schrift-anweisung-zeile:48px;--ip-schrift-anweisung-gewicht:700;--ip-schrift-knopf-px:32px;--ip-schrift-knopf-zeile:48px;--ip-schrift-knopf-gewicht:700;--ip-schrift-titel-px:44px;--ip-schrift-titel-zeile:66px;--ip-schrift-titel-gewicht:700;--ip-schrift-silbe-px:56px;--ip-schrift-silbe-zeile:84px;--ip-schrift-silbe-gewicht:700;--ip-schrift-zahl-px:64px;--ip-schrift-zahl-zeile:96px;--ip-schrift-zahl-gewicht:700;--ip-schrift-gross-px:88px;--ip-schrift-gross-zeile:132px;--ip-schrift-gross-gewicht:700;--ip-schrift-beschriftung-px:24px;--ip-schrift-beschriftung-zeile:36px;--ip-schrift-beschriftung-gewicht:400;--ip-schrift-eltern-px:18px;--ip-schrift-eltern-zeile:27px;--ip-schrift-eltern-gewicht:400;--ip-schrift-elternTitel-px:28px;--ip-schrift-elternTitel-zeile:42px;--ip-schrift-elternTitel-gewicht:700;--ip-schrift-familie:"Andika", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--ip-schrift-zeilenabstand:1.5;--ip-schatten-kante:0 6px 0 0 #14506a;--ip-schatten-kanteGedrueckt:0 2px 0 0 #14506a;--ip-schatten-kanteKarte:0 4px 0 0 #14506a;--ip-schatten-lichtKern:0 0 24px 8px #ffc83d;--ip-schatten-lichtSchein:0 0 96px 40px #ffe9a6;--ip-dauer-sofort:0s;--ip-dauer-kurz:.12s;--ip-dauer-normal:.24s;--ip-dauer-lang:.48s;--ip-dauer-strahl:2.4s;--ip-dauer-atmen:4s;--ip-dauer-feier:3.2s;--ip-easing-sanft:cubic-bezier(.3, 0, .2, 1);--ip-easing-federn:cubic-bezier(.34, 1.4, .64, 1);--ip-easing-welle:cubic-bezier(.37, 0, .63, 1);--ip-easing-linear:linear;--ip-z-kulisse:0;--ip-z-material:10;--ip-z-zonen:20;--ip-z-begleiter:30;--ip-z-overlay:40;--ip-z-feier:50;--ip-z-elternTuer:60;--ip-tippziel-min:64px;--ip-tippziel-haupt:88px;--ip-tippziel-abstand:16px;--ip-buehne-breite:1080px;--ip-buehne-hoehe:810px;--ip-rand:24px;--ip-welt-dinos-akzent:#8f5b0f;--ip-welt-tiere-akzent:#0f7c7c;--ip-welt-fantasy-akzent:#6a4c9c;--ip-welt-weltraum-akzent:#3d4db0}:root[data-ruhig=true]{--ip-dauer-sofort:0s;--ip-dauer-kurz:0s;--ip-dauer-normal:0s;--ip-dauer-lang:0s;--ip-dauer-strahl:0s;--ip-dauer-atmen:0s;--ip-dauer-feier:0s}@media (prefers-reduced-motion:reduce){:root{--ip-dauer-sofort:0s;--ip-dauer-kurz:0s;--ip-dauer-normal:0s;--ip-dauer-lang:0s;--ip-dauer-strahl:0s;--ip-dauer-atmen:0s;--ip-dauer-feier:0s}}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}html{background:var(--ip-stufe-nachtTief);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html[data-flaeche=tag]{background:var(--ip-farbe-nebel)}html[data-flaeche=nacht]{background:var(--ip-stufe-nachtTief)}body{background:inherit;color:var(--ip-farbe-tinte);font-family:var(--ip-schrift-familie);font-size:var(--ip-schrift-lesetext-px);font-style:normal;font-weight:400;line-height:var(--ip-schrift-zeilenabstand);text-align:left;text-transform:none;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;position:fixed;inset:0;overflow:hidden}button{font:inherit;color:inherit;appearance:none;touch-action:manipulation}svg{display:block}:focus-visible{outline:var(--ip-rahmen-fokus) solid var(--ip-farbe-tinte);outline-offset:4px}[data-flaeche=nacht] :focus-visible{outline-color:var(--ip-farbe-weiss)}.ip-rahmen{position:fixed;inset:0;overflow:hidden}.ip-rahmen[hidden]{display:none}.ip-rahmen[data-overlay=true]{z-index:var(--ip-z-overlay)}.ip-rahmen[data-flaeche=tag]{background:var(--ip-farbe-nebel)}.ip-rahmen[data-flaeche=nacht]{background:var(--ip-stufe-nachtTief)}.ip-buehne{--ip-skala:1;width:var(--ip-buehne-breite);height:var(--ip-buehne-hoehe);transform:translate(-50%, -50%) scale(var(--ip-skala));transform-origin:50%;position:absolute;top:50%;left:50%;overflow:hidden}.ip-buehne[data-buehne-breite="810"]{width:810px;height:1080px}.ip-buehne[data-flaeche=tag]{background:var(--ip-farbe-nebel);color:var(--ip-farbe-tinte)}.ip-buehne[data-flaeche=nacht]{background:var(--ip-stufe-nachtTief);color:var(--ip-farbe-weiss)}.ip-bildschirm{animation:ip-ein var(--ip-dauer-lang) var(--ip-easing-sanft) both;position:absolute;inset:0}@keyframes ip-ein{0%{opacity:0}to{opacity:1}}:root[data-ruhig=true] *,:root[data-ruhig=true] :before,:root[data-ruhig=true] :after{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;animation-delay:0s!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;animation-delay:0s!important}}.ip-knopf{justify-content:center;align-items:center;gap:var(--ip-abstand-2);min-width:var(--ip-tippziel-min);min-height:var(--ip-tippziel-min);padding:0 var(--ip-abstand-4);border-radius:var(--ip-radius-kiesel);background:var(--ip-farbe-meer);color:var(--ip-farbe-weiss);font-size:var(--ip-schrift-knopf-px);font-weight:var(--ip-schrift-knopf-gewicht);box-shadow:var(--ip-schatten-kante);cursor:pointer;transition:transform var(--ip-dauer-kurz) var(--ip-easing-sanft), box-shadow var(--ip-dauer-kurz) var(--ip-easing-sanft), background-color var(--ip-dauer-kurz) var(--ip-easing-sanft);border:0;line-height:1;display:inline-flex}.ip-knopf--haupt{min-height:var(--ip-tippziel-haupt)}.ip-knopf__wort,.ip-knopf__symbol{align-items:center;display:inline-flex}.ip-knopf:active,.ip-knopf[data-gedrueckt=true]{background:var(--ip-stufe-meerTief);box-shadow:var(--ip-schatten-kanteGedrueckt);transform:translateY(4px)}.ip-ohr{left:var(--ip-rand);top:var(--ip-rand);z-index:var(--ip-z-zonen);width:var(--ip-tippziel-haupt);height:var(--ip-tippziel-haupt);background:var(--ip-farbe-meer);color:var(--ip-farbe-weiss);box-shadow:var(--ip-schatten-kante);cursor:pointer;transition:transform var(--ip-dauer-kurz) var(--ip-easing-sanft), box-shadow var(--ip-dauer-kurz) var(--ip-easing-sanft);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.ip-ohr:active{background:var(--ip-stufe-meerTief);box-shadow:var(--ip-schatten-kanteGedrueckt);transform:translateY(4px)}.ip-schloss{z-index:var(--ip-z-zonen);width:var(--ip-tippziel-min);height:var(--ip-tippziel-min);color:var(--ip-stufe-tinteWeich);cursor:default;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:36px;left:992px}.ip-buehne[data-flaeche=nacht] .ip-schloss{color:var(--ip-farbe-weiss);opacity:.6}.ip-schloss>svg:not(.ip-schloss__ring){grid-area:1/1}.ip-schloss__ring{opacity:0;grid-area:1/1;width:64px;height:64px;transform:rotate(-90deg)}.ip-schloss__ring circle{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-dasharray:182.2;stroke-dashoffset:182.2px}.ip-schloss[data-halten=true] .ip-schloss__ring{opacity:1}.ip-schloss[data-halten=true] .ip-schloss__ring circle{animation:3s linear forwards ip-halten!important}@keyframes ip-halten{to{stroke-dashoffset:0}}.ip-muscheln{z-index:var(--ip-z-zonen);gap:var(--ip-abstand-2);height:64px;display:flex;position:absolute;top:36px}.ip-muscheln[data-anzahl="5"]{width:384px;left:348px}.ip-muscheln[data-anzahl="3"]{width:224px;left:428px}.ip-blase{padding:var(--ip-abstand-2) var(--ip-abstand-3);border:var(--ip-rahmen-duenn) solid var(--ip-stufe-tinteWeich);border-radius:var(--ip-radius-kiesel);background:var(--ip-stufe-nebelHell);color:var(--ip-farbe-tinte);box-shadow:var(--ip-schatten-kanteKarte);font-size:var(--ip-schrift-lesetext-px);line-height:var(--ip-schrift-lesetext-zeile);position:relative}.ip-blase:before{content:"";background:var(--ip-stufe-nebelHell);border-left:var(--ip-rahmen-duenn) solid var(--ip-stufe-tinteWeich);border-bottom:var(--ip-rahmen-duenn) solid var(--ip-stufe-tinteWeich);width:24px;height:24px;position:absolute}.ip-blase[data-schwanz=links]:before{bottom:28px;left:-13px;transform:rotate(45deg)}.ip-blase[data-schwanz=unten]:before{bottom:-13px;left:44px;transform:rotate(-45deg)}.ip-knopf--ruhig{background:var(--ip-stufe-meerHell);color:var(--ip-farbe-tinte);box-shadow:0 6px 0 0 var(--ip-farbe-meer)}.ip-knopf--ruhig:active{background:var(--ip-stufe-meerHell);box-shadow:0 2px 0 0 var(--ip-farbe-meer)}.ip-begleiter{display:block;overflow:visible}.ip-begleiter [data-gruppe=atem]{transform-box:fill-box;transform-origin:50% 100%}.ip-begleiter [data-gruppe=flosse]{transform-origin:0 0}.ip-begleiter[data-verhalten=atmen] [data-gruppe=atem]{animation:ip-atmen var(--ip-dauer-atmen) var(--ip-easing-welle) infinite alternate}@keyframes ip-atmen{0%{transform:scale(1)}to{transform:scale(1.02)}}.ip-begleiter[data-verhalten=start]{--ip-start-gesamt:calc(var(--ip-dauer-strahl) + var(--ip-dauer-lang) * 3)}.ip-begleiter[data-verhalten=start] [data-gruppe=flosse]{animation:ip-flosse-start var(--ip-start-gesamt) var(--ip-easing-sanft) both}.ip-begleiter[data-verhalten=start] [data-gruppe=atem]{animation:ip-atmen var(--ip-dauer-atmen) var(--ip-easing-welle) var(--ip-start-gesamt) infinite alternate}@keyframes ip-flosse-start{0%{transform:rotate(0)}8%{transform:rotate(-12deg)}16%{transform:rotate(8deg)}24%{transform:rotate(-12deg)}32%{transform:rotate(8deg)}40%{transform:rotate(-10deg)}48%{transform:rotate(6deg)}58%{transform:rotate(0)}68%{transform:rotate(var(--ip-zeig-winkel))}94%{transform:rotate(var(--ip-zeig-winkel))}to{transform:rotate(0)}}:root[data-ruhig=true] .ip-begleiter [data-gruppe=atem]{animation:none!important}:root[data-ruhig=true] .ip-begleiter[data-verhalten=start] [data-gruppe=flosse]{transform:rotate(var(--ip-zeig-winkel));animation:none!important}@media (prefers-reduced-motion:reduce){.ip-begleiter [data-gruppe=atem]{animation:none!important}.ip-begleiter[data-verhalten=start] [data-gruppe=flosse]{transform:rotate(var(--ip-zeig-winkel));animation:none!important}}.ip-notfall{background:var(--ip-stufe-nachtTief)}.ip-notfall__begleiter{pointer-events:none;width:280px;height:320px;position:absolute;top:160px;left:400px}.ip-notfall__begleiter .ip-begleiter{width:280px;height:320px}.ip-notfall__los{gap:var(--ip-abstand-3);width:320px;height:120px;font-size:var(--ip-schrift-gross-px);font-weight:var(--ip-schrift-gross-gewicht);padding:0;position:absolute;top:548px;left:380px}.ip-hochformat{position:absolute;inset:0}.ip-hochformat__anweisung{width:762px;height:96px;font-size:var(--ip-schrift-anweisung-px);line-height:var(--ip-schrift-anweisung-zeile);font-weight:var(--ip-schrift-anweisung-gewicht);margin:0;position:absolute;top:144px;left:24px}.ip-hochformat__ipad{width:400px;height:400px;position:absolute;top:288px;left:205px}.ip-hochformat__begleiter{pointer-events:none;width:400px;height:280px;position:absolute;top:704px;left:205px}.ip-hochformat__begleiter .ip-begleiter{width:400px;height:280px}.ip-ipad-dreht{transform-origin:200px 200px;animation:ip-ipad-dreht 5.6s var(--ip-easing-sanft) infinite}@keyframes ip-ipad-dreht{0%,4%{transform:rotate(0)}32%,54%{transform:rotate(90deg)}82%,to{transform:rotate(0)}}:root[data-ruhig=true] .ip-ipad-dreht{transform:rotate(90deg);animation:none!important}@media (prefers-reduced-motion:reduce){.ip-ipad-dreht{transform:rotate(90deg);animation:none!important}}.ip-start{background:var(--ip-stufe-nachtTief)}.ip-szene{width:1080px;height:810px;position:absolute;top:0;left:0}.ip-start__wortmarke{pointer-events:none;width:456px;height:112px;position:absolute;top:160px;left:312px}.ip-start__begleiter{pointer-events:none;width:280px;height:320px;position:absolute;top:312px;left:744px}.ip-start__begleiter .ip-begleiter{width:280px;height:320px}.ip-start__los{gap:var(--ip-abstand-3);width:320px;height:120px;font-size:var(--ip-schrift-gross-px);font-weight:var(--ip-schrift-gross-gewicht);padding:0;position:absolute;top:548px;left:380px}.ip-strahl{transform-origin:0 0;transform:rotate(var(--ip-strahl-ende));animation:ip-strahl-streichen var(--ip-dauer-strahl) var(--ip-easing-welle) both}@keyframes ip-strahl-streichen{0%{transform:rotate(-16deg)}to{transform:rotate(var(--ip-strahl-ende))}}