@font-face{font-family:Nunito;src:url(schrift/nunito-latin.woff2) format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:Fraunces;src:url(schrift/fraunces-latin.woff2) format("woff2");font-weight:600 700;font-display:swap}:root{--grund: #f6f1ea;--flaeche: #efe9e0;--karte: #ffffff;--rand: #e2dace;--text: #1f1b16;--text-leise: #5c554b;--akzent: #b4502a;--auf-akzent: #ffffff;--erledigt: #2e6b3a;--erledigt-weich: #e3f0e3;--scheibe-gelb: #f7b928;--scheibe-blau: #2f6f9f;--scheibe-gruen: #2e7a5c;--scheibe-lila: #7a4e9e;--mitglied-lila: #7a4e9e;--mitglied-blau: #2f6f9f;--mitglied-terrakotta: #b4502a;--mitglied-gruen: #2e7a5c;--mitglied-pflaume: #9e4e6e;--mitglied-petrol: #2e6b6b;--schatten: rgba(31, 27, 22, .12);--schrift: "Nunito", ui-rounded, system-ui, sans-serif;--anzeige: "Fraunces", Georgia, serif;--r-flaeche: 24px;--r-knopf: 18px;--schatten-weich: 0 3px 12px var(--schatten);--ziel: 64px;--antwort-breite-max: 132px;--antwort-hoehe-min: 104px;--zahl-antwort-breite-max: 132px;--zahl-antwort-hoehe-min: 132px;--zahl-ziffer: 3.4rem;--zahl-punktbild: 48px;--passt-zeile-max: 220px;--schwimmt-ding-anteil: .3;--schwimmt-ding-max: 176px;--schwimmt-symbol: var(--ziel);--sortieren-karte-max: 200px;--sortieren-korb-max: 180px;--weitergeben-stern-min: 96px;--weitergeben-stern-anteil: 34vmin;--weitergeben-stern-max: 260px;--teaser: var(--ziel);--teaser-gross: 80px;--bildkarte-breite: 172px;--bildkarte-hoehe: 236px;--bildkarte-breite-gross: 259px;--bildkarte-hoehe-gross: 300px;--bild-hoehe: 100px;--bild-max: var(--ziel);--bild-luft: 8px;--bild-hoehe-gross: 150px;--bild-max-gross: 96px;--wer-breite: 280px;--wer-hoehe: 250px;--haus-gross: 80px;--wieder-gross: 88px;--punkt: 24px;--punkt-gross: 30px;--kopf-haus: var(--ziel);--kopf-wieder: var(--ziel);--kopf-punkt: var(--punkt);--kopf-bild: 44px;--ende-knopf: 112px;--ende-knopf-gross: 150px;--ende-knopf-min: 96px;--ende-eule: 96px;--ende-eule-gross: 128px;--pause-bild: 420px;--pause-bild-gross: 560px;--pause-weiter: 96px;--pause-weiter-gross: 120px;--gast-min: 80px;--gast-max: 150px;--gast-max-gross: 200px;--bereich-zahlen: #2f6f9f;--bereich-zahlen-grund: #dbe9f5;--bereich-zahlen-text: #1d4a70;--bereich-sprache: #7a4e9e;--bereich-sprache-grund: #eadff3;--bereich-sprache-text: #55337a;--bereich-denken: #2e7a5c;--bereich-denken-grund: #d9ece3;--bereich-denken-text: #1d5640;--bereich-draussen: #b07a00;--bereich-draussen-grund: #fcefc6;--bereich-draussen-text: #7a5400;--bereich-geschichten: #a8455a;--bereich-geschichten-grund: #f8e1e6;--bereich-geschichten-text: #7a2a3c;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-farbe=hell]){--grund: #1a1714;--flaeche: #26211c;--karte: #2d2823;--rand: #4a4137;--text: #f3ede4;--text-leise: #bdb2a3;--akzent: #e8906a;--auf-akzent: #1a1714;--erledigt: #86c994;--erledigt-weich: #213b27;--scheibe-blau: #4f8cbd;--scheibe-gruen: #4a9a7a;--scheibe-lila: #9573b5;--mitglied-lila: #9573b5;--mitglied-blau: #4f8cbd;--mitglied-terrakotta: #c96a44;--mitglied-gruen: #4a9a7a;--mitglied-pflaume: #b3688a;--mitglied-petrol: #4a8d8d;--bereich-zahlen: #4f8cbd;--bereich-zahlen-grund: #1f2e3b;--bereich-zahlen-text: #a9cdea;--bereich-sprache: #9573b5;--bereich-sprache-grund: #2d2437;--bereich-sprache-text: #d3bce8;--bereich-denken: #4a9a7a;--bereich-denken-grund: #1f2f28;--bereich-denken-text: #a3d9c3;--bereich-draussen: #e0a82e;--bereich-draussen-grund: #33290f;--bereich-draussen-text: #f2d588;--bereich-geschichten: #d9788b;--bereich-geschichten-grund: #37202a;--bereich-geschichten-text: #f2bfca;--schatten: rgba(0, 0, 0, .4);color-scheme:dark}}:root[data-farbe=dunkel]{--grund: #1a1714;--flaeche: #26211c;--karte: #2d2823;--rand: #4a4137;--text: #f3ede4;--text-leise: #bdb2a3;--akzent: #e8906a;--auf-akzent: #1a1714;--erledigt: #86c994;--erledigt-weich: #213b27;--scheibe-blau: #4f8cbd;--scheibe-gruen: #4a9a7a;--scheibe-lila: #9573b5;--mitglied-lila: #9573b5;--mitglied-blau: #4f8cbd;--mitglied-terrakotta: #c96a44;--mitglied-gruen: #4a9a7a;--mitglied-pflaume: #b3688a;--mitglied-petrol: #4a8d8d;--bereich-zahlen: #4f8cbd;--bereich-zahlen-grund: #1f2e3b;--bereich-zahlen-text: #a9cdea;--bereich-sprache: #9573b5;--bereich-sprache-grund: #2d2437;--bereich-sprache-text: #d3bce8;--bereich-denken: #4a9a7a;--bereich-denken-grund: #1f2f28;--bereich-denken-text: #a3d9c3;--bereich-draussen: #e0a82e;--bereich-draussen-grund: #33290f;--bereich-draussen-text: #f2d588;--bereich-geschichten: #d9788b;--bereich-geschichten-grund: #37202a;--bereich-geschichten-text: #f2bfca;--schatten: rgba(0, 0, 0, .4);color-scheme:dark}@media(min-width:900px)and (orientation:landscape)and (min-height:521px),(min-width:600px)and (orientation:portrait){:root{--kopf-haus: var(--haus-gross);--kopf-wieder: var(--wieder-gross);--kopf-punkt: var(--punkt-gross);--kopf-bild: 72px;--ende-knopf: var(--ende-knopf-gross);--ende-eule: var(--ende-eule-gross);--pause-bild: var(--pause-bild-gross);--pause-weiter: var(--pause-weiter-gross);--gast-max: var(--gast-max-gross);--zahl-antwort-breite-max: 220px;--zahl-antwort-hoehe-min: 160px;--zahl-ziffer: 4.25rem;--zahl-punktbild: 60px;--passt-zeile-max: 340px;--schwimmt-symbol: 96px;--sortieren-karte-max: 300px;--sortieren-korb-max: 260px}}@media(orientation:landscape)and (max-height:520px){:root{--kopf-bild: 40px;--ende-knopf: var(--ende-knopf-min);--ende-eule: var(--ziel)}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--grund);color:var(--text);font-family:var(--schrift);font-weight:600;font-size:1rem;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--akzent);outline-offset:3px}svg{display:block}#app{height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column}.schirm{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-top:max(12px,env(safe-area-inset-top,0px));padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}.schirm[hidden],[hidden]{display:none!important}.fuss{flex:none;margin:0;display:none;text-align:center;font-size:.9rem;color:var(--text-leise);padding-inline:16px;padding-bottom:max(10px,env(safe-area-inset-bottom,0px))}#app[data-schirm=start] .fuss,#app[data-schirm=auswahl] .fuss{display:block;margin-top:-4px}#app[data-schirm=start] .schirm,#app[data-schirm=auswahl] .schirm{padding-bottom:8px}#stand:empty{min-height:1.4em}#start{align-items:center;justify-content:center;text-align:center;gap:20px}.los{width:148px;height:148px;border-radius:50%;border:0;background:var(--akzent);color:var(--auf-akzent);display:grid;place-items:center;box-shadow:var(--schatten-weich)}.los:active{transform:translateY(4px);box-shadow:none}.start-kopf{display:flex;flex-direction:column;align-items:center;gap:4px}.start-eule{width:120px;height:120px}.start-mitte{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.los-text{font-family:var(--anzeige);font-size:2.6rem;font-weight:700;line-height:1.1;margin:0}.leise{color:var(--text-leise);margin:0;max-width:32ch;line-height:1.45}.nur-vorleser{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.kopf{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:var(--ziel)}.kopf-eule{order:0;flex:none;width:56px;height:56px}.eltern-knopf{order:9;flex:none;white-space:nowrap;margin-left:auto;min-height:48px;padding:0 16px;border-radius:var(--r-knopf);border:0;background:var(--karte);box-shadow:var(--schatten-weich);font-weight:800;color:var(--text-leise)}.bild-svg{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em;pointer-events:none;user-select:none;-webkit-user-drag:none}.kacheln{display:grid;min-height:0}.kachel{border:3px solid var(--rand);border-radius:var(--r-flaeche);background:var(--karte);display:grid;grid-template-rows:1fr auto;place-items:center;gap:8px;padding:16px;min-height:0;overflow:hidden;box-shadow:var(--schatten-weich)}.kachel:active{transform:translateY(3px);box-shadow:none}.kachel-name{font-size:clamp(1.4rem,3.2vw,1.9rem);font-weight:800}.bild-memory{display:flex;gap:12px}.mini-karte{width:clamp(48px,15vw,72px);aspect-ratio:3 / 4;border-radius:16%/12%;display:grid;place-items:center;font-size:2.6rem}.mini-karte.vorne{background:var(--flaeche);border:3px solid var(--rand);transform:rotate(-6deg)}.mini-karte.hinten{background:var(--akzent);transform:rotate(5deg)}.bild-zahl{display:flex;align-items:center;gap:14px;font-size:2.6rem}.bild-zahl b{font-size:3.4rem;font-weight:800;color:var(--akzent)}.bild-zahl>span{white-space:nowrap}#app[data-spielfeld]{background-color:var(--farbe-grund)}#app[data-spielfeld=zahlen]{--farbe: var(--bereich-zahlen);--farbe-grund: var(--bereich-zahlen-grund);--farbe-text: var(--bereich-zahlen-text)}#app[data-spielfeld=sprache]{--farbe: var(--bereich-sprache);--farbe-grund: var(--bereich-sprache-grund);--farbe-text: var(--bereich-sprache-text)}#app[data-spielfeld=denken]{--farbe: var(--bereich-denken);--farbe-grund: var(--bereich-denken-grund);--farbe-text: var(--bereich-denken-text)}#app[data-spielfeld=draussen]{--farbe: var(--bereich-draussen);--farbe-grund: var(--bereich-draussen-grund);--farbe-text: var(--bereich-draussen-text)}#app[data-spielfeld=geschichten]{--farbe: var(--bereich-geschichten);--farbe-grund: var(--bereich-geschichten-grund);--farbe-text: var(--bereich-geschichten-text)}#app[data-spielfeld=zusammen]{--farbe: var(--akzent);--farbe-grund: color-mix(in srgb, var(--akzent) 10%, var(--flaeche));--farbe-text: var(--text)}#app[data-spielfeld] .schirm{--grund: var(--farbe-grund)}.leiste{display:grid;grid-template-columns:var(--kopf-haus) minmax(0,1fr) var(--kopf-wieder);align-items:center;gap:8px}.rund{width:var(--ziel);height:var(--ziel);border-radius:50%;border:2px solid var(--rand);background:var(--karte);display:grid;place-items:center;color:var(--text)}.rund:active{transform:scale(.95)}.leiste .rund{border:0;border-radius:var(--r-knopf);box-shadow:var(--schatten-weich)}.leiste .rund svg{width:50%;height:50%}.leiste .haus{width:var(--kopf-haus);height:var(--kopf-haus);background:var(--karte)}.leiste .wieder{width:var(--kopf-wieder);height:var(--kopf-wieder);background:var(--farbe);color:var(--auf-akzent)}.leiste-mitte{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}.kopf-bild{flex:0 1 var(--kopf-bild);width:var(--kopf-bild);height:var(--kopf-bild);min-width:0;display:grid;place-items:center;pointer-events:none}.kopf-bild .bild-svg{width:100%;height:100%;object-fit:contain}.punkte{display:flex;justify-content:center;gap:calc(var(--kopf-punkt) / 4)}.punkte i{flex:none;width:var(--kopf-punkt);height:var(--kopf-punkt);border-radius:50%;border:3px solid var(--farbe);background:transparent}.punkte i.voll{background:var(--farbe)}#gs-punkte[data-reihen="2"]{--kopf-punkt: 18px;display:grid;grid-template-columns:repeat(var(--je-reihe),auto);gap:4px}@media(min-width:900px)and (orientation:landscape)and (min-height:521px),(min-width:600px)and (orientation:portrait){#gs-punkte[data-reihen="2"]{--kopf-punkt: var(--punkt-gross);display:flex;gap:calc(var(--kopf-punkt) / 4)}}#raster{flex:1;min-height:0;display:grid;gap:var(--luecke, 10px);grid-template-columns:repeat(var(--spalten, 3),var(--karte-b, 96px));justify-content:center;align-content:center}.karte{width:var(--karte-b, 96px);aspect-ratio:3 / 4;padding:0;border:0;background:none;perspective:900px}.karte-innen{display:block;position:relative;width:100%;height:100%;transition:transform .45s ease;transform-style:preserve-3d}.karte.offen .karte-innen,.karte.gefunden .karte-innen{transform:rotateY(180deg)}.seite{position:absolute;inset:0;border-radius:var(--r-knopf);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:grid;place-items:center}.seite.hinten{background:var(--farbe, var(--akzent));box-shadow:var(--schatten-weich)}.fenster{width:56%;aspect-ratio:1;padding:7%;border-radius:14%;background:var(--karte);display:grid;grid-template-columns:1fr 1fr;gap:9%}.fenster i{border-radius:22%}.fenster i:nth-child(1){background:var(--scheibe-gelb)}.fenster i:nth-child(2){background:var(--scheibe-blau)}.fenster i:nth-child(3){background:var(--scheibe-gruen)}.fenster i:nth-child(4){background:var(--scheibe-lila)}.seite.vorne{transform:rotateY(180deg);background:var(--karte);border:3px solid var(--rand);font-size:calc(var(--karte-b, 96px) * .56);line-height:1}.seite.vorne.schatten .bild{filter:brightness(0);opacity:.85}@media(prefers-color-scheme:dark){:root:not([data-farbe=hell]) .seite.vorne.schatten .bild{filter:brightness(0) invert(1);opacity:.8}}:root[data-farbe=dunkel] .seite.vorne.schatten .bild{filter:brightness(0) invert(1);opacity:.8}.seite.vorne.geraeusch{background:var(--flaeche);border-style:dashed;border-color:var(--akzent)}.karte.gefunden .seite.vorne{border-color:var(--erledigt);background:var(--erledigt-weich)}.haken{position:absolute;right:6px;bottom:6px;width:clamp(26px,calc(var(--karte-b, 96px) * .16),38px);height:clamp(26px,calc(var(--karte-b, 96px) * .16),38px);border-radius:50%;background:var(--erledigt);color:var(--grund);display:none;place-items:center}.karte.gefunden .haken{display:grid}#feld,#rfeld{position:relative;flex:1;min-height:0;border-radius:var(--r-flaeche)}#feld,#rfeld,#hfeld,#mu-feld,#wfeld{--buehne: color-mix(in srgb, var(--farbe, var(--akzent)) 7%, var(--karte));--platz-rand: var(--farbe, var(--akzent));background-color:var(--buehne);background-image:radial-gradient(ellipse 90% 55% at 70% 128%,color-mix(in srgb,var(--farbe, var(--akzent)) 12%,var(--buehne)) 68%,transparent 69%)}.ding{position:absolute;width:var(--ding, 76px);height:var(--ding, 76px);transform:translate(-50%,-50%) rotate(var(--dreh, 0deg));border:0;border-radius:50%;background:transparent;padding:0;font-size:calc(var(--ding, 76px) * .68);line-height:1;display:grid;place-items:center;transition:background .15s ease,box-shadow .15s ease}.ding.anderes{opacity:.3;pointer-events:none}.ding.gezaehlt{background:var(--karte);--ring: clamp(4px, calc(var(--ding, 76px) * .04), 6px);--ring-farbe: var(--farbe, var(--akzent));box-shadow:0 0 0 var(--ring) var(--ring-farbe)}.ding .nr{position:absolute;top:clamp(-8px,calc(var(--ding, 76px) * -.05),-4px);right:clamp(-8px,calc(var(--ding, 76px) * -.05),-4px);min-width:clamp(28px,calc(var(--ding, 76px) * .3),44px);height:clamp(28px,calc(var(--ding, 76px) * .3),44px);border-radius:var(--r-knopf);background:var(--farbe, var(--akzent));color:var(--auf-akzent);font-size:clamp(1rem,calc(var(--ding, 76px) * .17),1.65rem);font-weight:800;display:none;place-items:center;padding:0 6px;transform:rotate(calc(var(--dreh, 0deg) * -1))}.ding.gezaehlt .nr{display:grid}.zahlkarte,.luecke{position:absolute;width:var(--ding, 76px);height:var(--ding, 76px);transform:translate(-50%,-50%);display:grid;place-items:center;line-height:1;font-weight:800;font-variant-numeric:tabular-nums}.zahlkarte{border:2px solid var(--rand);border-radius:var(--r-knopf);background:var(--karte);color:var(--text);font-family:inherit;font-size:calc(var(--ding, 76px) * .5);padding:0}.luecke{border:3px dashed var(--akzent);border-radius:50%;color:var(--akzent);font-size:calc(var(--ding, 76px) * .45)}.luecke.zahlkarte{border:3px dashed var(--akzent);border-radius:var(--r-knopf);background:transparent;color:var(--akzent)}.luecke.voll{border-style:solid;background:var(--karte);color:var(--text)}.luecke.voll:not(.zahlkarte){font-size:calc(var(--ding, 76px) * .68)}.luecke .nr{position:absolute;top:-4px;right:-4px;min-width:28px;height:28px;border-radius:var(--r-knopf);background:var(--akzent);color:var(--auf-akzent);font-size:1rem;display:grid;place-items:center;padding:0 6px}.hinweis{margin:0;text-align:center;color:var(--text-leise);font-size:.95rem;min-height:1.4em}#antworten,#rantworten,#hantworten,#mu-antworten{display:flex;justify-content:center;gap:14px}.antwort{flex:1 1 0;max-width:var(--antwort-breite-max);min-height:var(--antwort-hoehe-min);border-radius:var(--r-flaeche);border:3px solid var(--rand);background:var(--karte);font-size:3.4rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;box-shadow:var(--schatten-weich)}.antwort:active{transform:translateY(3px)}.antwort.mit-punkten{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.punktbild{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:36px;height:36px}.punktbild i{border-radius:50%}.punktbild i.an{background:currentColor}#feld.verdeckt .ding{visibility:hidden}#feld.verdeckt:after{content:"?";position:absolute;inset:0;display:grid;place-items:center;font-size:6rem;font-weight:800;color:var(--text-leise);opacity:.5}.antwort.daneben{opacity:.35;box-shadow:none}.antwort.richtig{border-color:var(--erledigt);background:var(--erledigt-weich);color:var(--erledigt)}#wieviele .antwort,#rechnen .antwort{max-width:var(--zahl-antwort-breite-max);min-height:var(--zahl-antwort-hoehe-min);font-size:var(--zahl-ziffer)}#rechnen .antwort.wahl-seite{font-size:calc(var(--zahl-ziffer) * .86)}#wieviele .punktbild,#rechnen .punktbild{width:var(--zahl-punktbild);height:var(--zahl-punktbild);gap:6px}#wieviele .antwort.fertig-legen{max-width:max(200px,var(--zahl-antwort-breite-max));font-size:3rem}@media(orientation:landscape)and (max-height:520px){#wieviele,#rechnen{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;column-gap:16px;row-gap:12px}#wieviele .leiste,#rechnen .leiste{grid-column:1 / -1}#wieviele #feld,#rechnen #rfeld{grid-column:1;grid-row:2}#wieviele .hinweis,#rechnen .hinweis{display:none}#rechnen .zeichen{grid-column:2;grid-row:2;align-self:start;text-align:center;font-size:1.2rem;pointer-events:none}#wieviele #antworten,#rechnen #rantworten{grid-column:2;grid-row:2;flex-direction:column;align-self:center}#rechnen #rantworten{align-self:end;gap:10px}#wieviele .antwort,#rechnen .antwort{flex:none;width:120px;max-width:none;min-height:72px;font-size:2.6rem}#wieviele .antwort.mit-punkten,#rechnen .antwort.mit-punkten{flex-direction:row;gap:10px}#wieviele .punktbild,#rechnen .punktbild{width:28px;height:28px;gap:3px}#rechnen .antwort{min-height:66px}#rechnen .antwort.wahl-seite,#wieviele .antwort.fertig-legen{font-size:2.6rem}}@keyframes wackeln{0%,to{translate:0 0}25%{translate:-8px 0}75%{translate:8px 0}}@keyframes hopsen{0%,to{translate:0 0}40%{translate:0 -10px}}.wackelt{animation:wackeln .35s ease 1}.hopst{animation:hopsen .45s ease 1}.bild-bingo{display:grid;grid-template-columns:repeat(2,auto);gap:6px 14px;font-size:2.4rem;line-height:1.1}.bingo-koerper{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px}.fahrten{flex:none;display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.fahrt{flex:none;min-width:var(--ziel);height:var(--ziel);padding:0 10px;border-radius:var(--r-knopf);border:3px solid var(--rand);background:var(--karte);font-size:2rem;line-height:1;display:grid;place-items:center}.fahrt[aria-pressed=true]{border-color:var(--akzent);background:var(--flaeche);box-shadow:0 0 0 3px var(--akzent)}#bingo-raster{flex:1;min-height:0;display:grid;gap:var(--luecke, 10px);grid-template-columns:repeat(var(--spalten, 3),var(--zelle, 96px));justify-content:center;align-content:center}.bingo-feld{position:relative;width:var(--zelle, 96px);height:var(--zelle, 96px);padding:0;border:3px solid var(--rand);border-radius:var(--r-flaeche);background:var(--karte);font-size:calc(var(--zelle, 96px) * .55);line-height:1;display:grid;place-items:center;transition:background .15s ease,border-color .15s ease}.bingo-feld svg{width:72%;height:72%}.bingo-feld.joker{font-size:calc(var(--zelle, 96px) * .27)}.bingo-feld[aria-pressed=true]{background:var(--erledigt-weich);border-color:var(--erledigt)}.bingo-feld .haken{right:-6px;top:-6px;bottom:auto}.bingo-feld[aria-pressed=true] .haken{display:grid}@media(max-width:400px){.fahrten{gap:8px 4px}}@media(max-width:370px){.fahrten{gap:8px 2px}}@media(orientation:landscape)and (max-height:520px),(min-width:900px)and (orientation:landscape)and (min-height:521px){.bingo-koerper{flex-direction:row}.fahrten{order:1;flex-direction:column;justify-content:center}}.ebene{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--grund) 88%,transparent)}.tafel{width:min(100%,440px);max-height:100%;overflow-y:auto;background:var(--karte);border:3px solid var(--rand);border-radius:var(--r-flaeche);padding:24px;display:flex;flex-direction:column;gap:16px;text-align:center}.tafel h2{margin:0;font-size:2.2rem;font-weight:800;text-wrap:balance}.knopfreihe{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.gross{min-height:72px;padding:0 24px;border-radius:var(--r-knopf);flex:1 1 160px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:1.35rem;font-weight:800;border:3px solid var(--rand);background:var(--karte)}.gross.haupt{background:var(--akzent);border-color:var(--akzent);color:var(--auf-akzent)}#ende{background-color:var(--farbe-grund, var(--grund));background-image:radial-gradient(ellipse 100% 36% at 75% 121%,color-mix(in srgb,var(--farbe) 26%,var(--farbe-grund)) 98%,transparent 99%),radial-gradient(ellipse 110% 40% at 20% 110%,color-mix(in srgb,var(--farbe) 14%,var(--farbe-grund)) 98%,transparent 99%)}#ende .tafel{width:min(100%,calc(var(--ende-knopf) * 3 + 24px));align-items:center;border:0;box-shadow:var(--schatten-weich);gap:clamp(12px,3vmin,24px)}.ende-eule{display:block;width:var(--ende-eule);height:var(--ende-eule)}.ende-eule .bild-svg{display:block;width:100%;height:100%}.ende-punkte{gap:calc(var(--kopf-punkt) / 2)}#ende .knopfreihe{gap:24px}.ende-knopf{flex:none;width:var(--ende-knopf);height:var(--ende-knopf);border:0;border-radius:var(--r-flaeche);background:var(--flaeche);color:var(--text);box-shadow:var(--schatten-weich);display:grid;place-items:center}.ende-knopf.haupt{background:var(--akzent);color:var(--auf-akzent)}.ende-knopf svg{width:44%;height:44%}.ende-knopf:active{transform:scale(.95)}#tor{background:color-mix(in srgb,var(--grund) 96%,transparent);align-content:center;text-align:center}#tor h2{margin:0 0 8px;font-size:1.6rem;font-weight:800}#tor p{margin:0 auto 20px;max-width:30ch;line-height:1.45;color:var(--text-leise)}.kreis{position:absolute;bottom:calc(40px + env(safe-area-inset-bottom,0px));width:104px;height:104px;border-radius:50%;border:0;touch-action:none;background:conic-gradient(var(--akzent) calc(var(--fortschritt, 0) * 1turn),var(--flaeche) 0);display:grid;place-items:center}.kreis:after{content:"";width:76px;height:76px;border-radius:50%;background:var(--karte);border:3px solid var(--rand)}.kreis.gehalten:after{border-color:var(--akzent)}#kreis-links{left:max(24px,env(safe-area-inset-left,0px))}#kreis-rechts{right:max(24px,env(safe-area-inset-right,0px))}.einzeln #kreis-links{display:none}.einzeln #kreis-rechts{right:auto;left:50%;translate:-50% 0}.klein{min-height:48px;padding:0 18px;border-radius:var(--r-knopf);border:2px solid var(--rand);background:var(--karte);font-weight:800}#eltern{display:block;padding:0;background:none}.e-voll{position:absolute;inset:0;display:grid;text-align:left;font-size:1rem;background:var(--grund);color:var(--text);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);--rein-x: 0px;--rein-y: 40px;animation:eltern-rein .32s ease-out both}.e-kopf,.e-titelblock,#eltern-inhalt{display:contents}@keyframes eltern-rein{0%{opacity:0;transform:translate(var(--rein-x),var(--rein-y))}to{opacity:1;transform:none}}.e-marke{grid-area:marke;margin:0;font-weight:700;color:var(--text-leise)}#eltern-titel{grid-area:titel;margin:0;font-family:var(--anzeige);font-weight:700;line-height:1.1}#eltern-titel:focus-visible{outline-offset:4px}.e-zurueck{grid-area:zurueck;align-self:center;display:inline-flex;align-items:center;gap:8px;min-width:56px;min-height:56px;padding:0 18px 0 12px;border:0;border-radius:var(--r-knopf);background:var(--karte);box-shadow:var(--schatten-weich);font-weight:800}.e-zurueck:before{content:"";width:10px;height:10px;border-left:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(45deg);margin-left:6px}.e-fertig{grid-area:fertig;align-self:center;min-height:48px;padding:0 24px;border:0;border-radius:var(--r-knopf);background:var(--akzent);color:var(--auf-akzent);font-size:1.125rem;font-weight:800;box-shadow:var(--schatten-weich)}.e-status{grid-area:status;margin:0;min-height:1.4em;font-size:1rem;color:var(--text-leise)}.e-status:empty{position:absolute;width:1px;height:1px;min-height:0;overflow:hidden;clip-path:inset(50%)}.e-nav,.e-seite{min-height:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.e-nav>*,.e-seite>*{flex-shrink:0}.e-nav{grid-area:nav;gap:6px}.e-seite{grid-area:seite}.e-update-zahlen{margin:0;font-size:1rem;color:var(--text-leise)}.e-fortschritt{width:100%;height:12px;accent-color:var(--akzent)}.e-hinweis,.e-menue-stand{margin:0;font-size:1rem;line-height:1.4;color:var(--text-leise)}.e-hinweis b{color:var(--text)}.e-gruppe{margin:8px 0 0;font-size:1.125rem;font-weight:800;color:var(--text)}.e-menue-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.e-menue-name{font-size:1.125rem;font-weight:800;line-height:1.25}.e-menue{width:100%;min-height:76px;display:flex;align-items:center;gap:16px;padding:12px 18px;border:0;border-radius:var(--r-knopf);background:none;text-align:left}.e-menue .e-menue-name{font-size:1.375rem}.e-menue[aria-current=page]{background:color-mix(in srgb,var(--akzent) 14%,var(--karte));box-shadow:inset 0 0 0 2px var(--akzent)}.e-symbol-ort{flex:none;display:flex}.e-symbol{flex:none;width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.e-pfeil{flex:none;font-size:1.6rem;line-height:1;color:var(--text-leise)}.e-karte{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:var(--r-flaeche);border:0;background:var(--karte);box-shadow:var(--schatten-weich)}.e-seite>div>.e-karte+.e-karte{margin-top:12px}.e-reihe{flex-direction:row;align-items:center;gap:12px}.e-stand{font-size:1.15rem;font-weight:800;line-height:1.3}.e-kind-kopf{display:flex;align-items:center;gap:14px}.klein.e-an{background:var(--erledigt-weich);border-color:var(--erledigt-weich);color:var(--erledigt)}.klein.e-gefahr{border-color:var(--akzent);color:var(--akzent)}.e-neu{min-height:56px;padding:0 18px;border-radius:var(--r-knopf);border:2px dashed var(--rand);background:transparent;font-weight:800;color:var(--akzent)}.e-neu[aria-disabled=true]{color:var(--text-leise)}.e-auswahl,.e-text{min-height:48px;font:inherit;font-weight:800;border-radius:var(--r-knopf);border:2px solid var(--rand);background:var(--grund);color:var(--text);padding:0 10px;max-width:100%}.e-text{width:100%;letter-spacing:.05em}.e-reiter{display:flex;gap:8px;padding:4px;border-radius:var(--r-knopf);background:var(--flaeche)}.e-reiter button{flex:1;min-height:48px;border:0;background:none;border-radius:var(--r-knopf);font-weight:800;color:var(--text-leise)}.e-reiter button[aria-pressed=true]{background:var(--karte);color:var(--text)}.e-feld{--bereich: var(--text-leise);display:flex;flex-direction:column}.e-feld[data-feld=zahlen]{--bereich: var(--bereich-zahlen)}.e-feld[data-feld=sprache]{--bereich: var(--bereich-sprache)}.e-feld[data-feld=denken]{--bereich: var(--bereich-denken)}.e-feld[data-feld=draussen]{--bereich: var(--bereich-draussen)}.e-feld[data-feld=geschichten]{--bereich: var(--bereich-geschichten)}.e-feldname{display:flex;align-items:center;gap:12px;margin:16px 0 4px;font-size:1.375rem;font-weight:800}.e-feldpunkt{flex:none;width:16px;height:16px;border-radius:50%;background:var(--bereich)}.e-spiel{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--rand)}.e-spiel.e-aus .e-kachel{opacity:.5}.e-folge{flex:none;display:flex;flex-direction:column}.e-folge button{width:48px;height:48px;padding:0;border:0;border-radius:var(--r-knopf);background:none;display:grid;place-items:center}.e-folge .e-symbol{width:28px;height:28px}.e-folge button[aria-disabled=true]{opacity:.3}.e-spiel-auf{flex:1;min-width:0;min-height:80px;display:flex;align-items:center;gap:16px;padding:8px 4px;border:0;border-radius:var(--r-knopf);background:none;text-align:left}.e-kachel{flex:none;width:56px;height:56px;padding:8px;border-radius:50%;background:var(--karte);box-shadow:var(--schatten-weich);display:grid;place-items:center}.e-kachel .bild-svg{width:100%;height:100%}.e-schalter{flex:none;width:68px;height:48px;padding:0;border:0;background:none;display:flex;align-items:center;justify-content:center}.e-spur{display:flex;align-items:center;width:60px;height:36px;padding:4px;border-radius:var(--r-knopf);background:var(--text-leise)}.e-griff{display:block;width:28px;height:28px;border-radius:50%;background:var(--karte)}.e-schalter[aria-checked=true] .e-spur{justify-content:flex-end;background:var(--akzent)}.e-schalter[aria-checked=true] .e-griff{background:var(--auf-akzent)}.e-radios{display:grid;grid-auto-rows:1fr;border-radius:var(--r-flaeche);background:var(--karte);box-shadow:var(--schatten-weich);overflow:hidden}.e-radio{min-height:var(--ziel);display:flex;align-items:center;gap:14px;padding:8px 18px;text-align:left;width:100%;border:0;background:none}.e-radio+.e-radio{border-top:1px solid var(--rand)}.e-radio[aria-checked=true]{background:var(--flaeche)}.e-radio[aria-disabled=true]{opacity:.55}.e-punkt{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--text-leise)}.e-radio[aria-checked=true] .e-punkt{border-color:var(--akzent);background:var(--akzent);box-shadow:inset 0 0 0 4px var(--karte)}.e-stand-ok{display:flex;flex-direction:column;gap:2px;padding:14px 18px;border-radius:var(--r-flaeche);background:var(--erledigt-weich)}.e-stand-ok b{color:var(--erledigt);font-size:1.125rem}.e-liste{margin:0;padding-left:1.2em;line-height:1.5}.e-warnung,.e-fehler{margin:0;font-weight:800;color:var(--akzent)}.e-platzhalter{display:flex;flex-direction:column;border-radius:var(--r-flaeche);background:var(--flaeche);overflow:hidden}.e-platzhalter span{padding:14px 18px;font-weight:700;color:var(--text-leise)}.e-platzhalter span+span{border-top:1px solid var(--rand)}.e-messung summary{min-height:48px;display:flex;align-items:center;font-weight:800;color:var(--text-leise)}.e-messung p{margin:0;line-height:1.5;color:var(--text-leise)}@media not all and (min-width:768px)and (min-height:540px){.e-voll{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto auto minmax(0,1fr);grid-template-areas:"zurueck marke fertig" "titel titel titel" "status status status" "body body body"}.e-zurueck{margin-left:16px}.e-marke{align-self:center;padding:0 12px}#eltern-titel{padding:0 16px 12px;font-size:1.875rem;overflow-wrap:anywhere}.e-fertig{margin:8px 16px}.e-status{padding:0 16px}.e-nav,.e-seite{grid-area:body;padding:4px 16px 32px}#eltern[data-seite=menue] .e-marke,#eltern[data-seite=menue] .e-seite{display:none}#eltern[data-seite=menue] .e-voll{grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"titel titel fertig" "status status status" "body body body"}#eltern[data-seite=menue] #eltern-titel{align-self:center;padding-top:12px}#eltern:not([data-seite=menue]) .e-nav{display:none}.e-nav .e-menue{background:var(--karte);box-shadow:var(--schatten-weich)}.e-nav{display:grid;grid-auto-rows:1fr;align-self:start;max-height:100%}}@media(min-width:768px)and (min-height:540px){.e-voll{--rein-x: 56px;--rein-y: 0px;grid-template-columns:clamp(280px,31vw,360px) auto minmax(0,1fr);grid-template-rows:100px auto auto minmax(0,1fr);grid-template-areas:"marke marke marke" "nav zurueck titel" "nav status status" "nav seite seite"}.e-marke{display:flex;align-items:center;padding:0 36px;border-bottom:1px solid var(--rand);font-family:var(--anzeige);font-size:2.5rem;line-height:1.1;color:var(--text)}.e-fertig{grid-area:marke;justify-self:end;margin:0 36px;min-height:56px;padding:0 30px;font-size:1.375rem}#eltern-titel{padding:20px 40px 0;font-size:2.125rem}.e-zurueck{margin:20px 0 0 40px}.e-zurueck:not([hidden])~.e-titelblock #eltern-titel{padding-left:16px}.e-status{padding:8px 40px 0}.e-nav{padding:20px;border-right:1px solid var(--rand)}.e-seite{padding:8px 40px 32px}.e-pfeil{display:none}}@media(prefers-reduced-motion:reduce){.e-voll{animation:none}}#auftritt{position:absolute;inset:0;z-index:25;pointer-events:none;overflow:hidden}.gast{position:absolute;left:0;top:0;font-size:clamp(var(--gast-min),24vmin,var(--gast-max));line-height:1;will-change:transform}#auftritt:before{content:"";pointer-events:none;position:absolute;inset:0;background:rgb(0 0 0 / var(--dimm, 0));opacity:0;transition:opacity .6s ease}#auftritt.dimmt:before{opacity:1}@media(prefers-reduced-motion:reduce){#auftritt.vorschau{display:block}}.pause{position:absolute;inset:0;z-index:26;display:grid;place-items:center;align-content:center;gap:16px;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:var(--grund)}.pause[hidden]{display:none}.pause-bild{grid-row:1;grid-column:1;position:relative;width:min(72vmin,var(--pause-bild));height:min(72vmin,var(--pause-bild))}@supports (height: 1dvh){.pause-bild{width:min(72vmin,var(--pause-bild),calc(100dvh - var(--pause-weiter) - var(--ziel)));height:min(72vmin,var(--pause-bild),calc(100dvh - var(--pause-weiter) - var(--ziel)))}}.pause[data-art=eule] .pause-atem-bild,.pause[data-art=atem] .pause-eulen-bild{display:none}.pause-fenster,.pause-fenster .bild-svg{display:block;width:100%;height:100%}.pause-eule{position:absolute;left:52%;top:36%;width:40%;height:40%}.pause-eule .bild-svg,.pause-schildkroete .bild-svg{display:block;width:100%;height:100%}.pause-atem-bild{display:grid;place-items:center}.pause-atemring{position:absolute;inset:8%;border-radius:50%;background:color-mix(in srgb,var(--scheibe-gruen) 26%,var(--karte));box-shadow:inset 0 0 0 4px var(--scheibe-gruen);animation:atmen 8s ease-in-out infinite}.pause-schildkroete{position:relative;width:62%;height:62%}@keyframes atmen{0%,to{transform:scale(.72)}50%{transform:scale(1)}}.pause-ring,.pause-weiter{grid-row:2;grid-column:1}.pause-ring{width:var(--pause-weiter);height:var(--pause-weiter);transform:rotate(-90deg)}.pause-ring[hidden]{display:none}.pause-ring circle{fill:none;stroke-width:9}.pause-ring-spur{stroke:var(--rand)}.pause-ring-lauf{stroke:var(--akzent);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - 100 * var(--anteil, 0));transition:stroke-dashoffset .25s linear}.pause-weiter{width:var(--pause-weiter);height:var(--pause-weiter);min-height:var(--pause-weiter);padding:0;border-radius:50%;flex:none;justify-content:center}.pause[data-art=atem] .pause-ring,.pause[data-art=atem] .pause-weiter{display:none}@media(orientation:landscape)and (max-height:520px){.pause{gap:24px}.pause-bild{width:min(80vmin,calc(var(--pause-bild) * .8));height:min(80vmin,calc(var(--pause-bild) * .8))}.pause-ring,.pause-weiter{grid-row:1;grid-column:2}}@media(prefers-reduced-motion:reduce){.pause-atemring{animation:none;transform:scale(.86)}.pause-ring-lauf{transition:none}}#konfetti{position:absolute;inset:0;z-index:30;pointer-events:none;overflow:hidden}#konfetti i{position:absolute;top:-20px;width:12px;height:18px;border-radius:3px;animation:fallen var(--dauer, 1.4s) cubic-bezier(.25,.6,.5,1) forwards}@keyframes fallen{to{transform:translate(var(--x, 0),110vh) rotate(var(--r, 360deg));opacity:.2}}@media(prefers-reduced-motion:reduce){.karte-innen,.ding{transition:none}.wackelt,.hopst{animation:none}#konfetti,#auftritt{display:none}}#eigen-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}#eigen-liste label{min-height:48px;display:flex;align-items:center;gap:10px;padding:6px 12px;border:2px solid var(--rand);border-radius:var(--r-knopf);background:var(--karte);font-weight:700}#eigen-liste input{width:24px;height:24px;flex:none}#eigen-liste svg{width:1.6rem;height:1.6rem}.zahlkarte.vergleich-zahl{cursor:pointer;box-shadow:var(--schatten-weich)}.zahlkarte.vergleich-zahl.mit-menge{height:auto;min-height:var(--ding, 76px);padding:8px 0;gap:8px}.menge-punkte{display:none;grid-template-columns:repeat(5,12px);gap:4px}.mit-menge .menge-punkte{display:grid}.menge-punkte i{width:12px;height:12px;border-radius:50%;border:2px solid var(--rand)}.menge-punkte i.an{background:var(--akzent);border-color:var(--akzent)}.zahlkarte.vergleich-zahl.daneben{opacity:.45}.zahlkarte.vergleich-zahl.richtig{border-color:var(--akzent)}.ding.platz-legen:not(.belegt){border:3px dashed var(--platz-rand, var(--rand));background:transparent}.antwort.fertig-legen{max-width:200px;font-size:3rem}#rfeld{overflow-x:clip}.bild-rechnen{display:flex;align-items:center;gap:22px;font-size:2.6rem}.bild-rechnen .kommt{opacity:.55;transform:rotate(10deg)}#rfeld .slot{position:absolute;width:var(--ding, 76px);height:var(--ding, 76px);transform:translate(-50%,-50%);border-radius:50%;border:3px dashed var(--platz-rand, var(--rand))}#rfeld .korb{position:absolute;width:var(--korb, 96px);height:var(--korb, 96px);transform:translate(-50%,-50%);display:grid;place-items:center;font-size:calc(var(--korb, 96px) * .8);line-height:1}#rfeld.vergleich:after{content:"";position:absolute;left:50%;top:10%;bottom:10%;width:3px;border-radius:2px;background:var(--rand);transform:translate(-50%)}.zeichen{margin:0;text-align:center;font-size:1.6rem;font-weight:800;color:var(--text-leise);font-variant-numeric:tabular-nums}.ding.gepaart{opacity:.35}#rfeld.ziffern .zahlkarte{font-size:calc(var(--ding, 76px) * .55)}#rantworten.wartet .antwort{opacity:.45;pointer-events:none}.antwort.wahl-seite{display:flex;align-items:center;justify-content:center;font-size:2.8rem;letter-spacing:2px}.bild-hoeren{display:flex;align-items:center;gap:14px;font-size:2.6rem}#hfeld{position:relative;flex:1;min-height:0;border-radius:var(--r-flaeche);display:grid;place-content:center;justify-items:center;gap:18px}.h-bild{font-size:clamp(5rem,24vmin,12rem);line-height:1}.h-zeichen{position:absolute;top:10px;left:18px;font-family:var(--anzeige);font-weight:800;font-size:clamp(3.4rem,12vmin,5.2rem);line-height:1;color:var(--akzent)}.h-punkte{display:flex;gap:12px;min-height:22px}.h-punkte i{width:22px;height:22px;border-radius:50%;background:var(--akzent)}.trommel{flex:1 1 0;max-width:320px;min-height:var(--antwort-hoehe-min);border-radius:var(--r-flaeche);border:3px solid var(--rand);background:var(--karte);font-size:3.6rem;line-height:1;box-shadow:var(--schatten-weich)}.trommel:active{transform:translateY(3px)}.antwort.bild-antwort{font-size:3.6rem}#hoeren .antwort{max-width:var(--zahl-antwort-breite-max);min-height:var(--zahl-antwort-hoehe-min)}#hoeren .antwort.bild-antwort{font-size:var(--zahl-ziffer)}#hoeren .trommel{max-width:max(320px,calc(2 * var(--zahl-antwort-breite-max) + 14px));min-height:var(--zahl-antwort-hoehe-min);font-size:var(--zahl-ziffer)}.antwort.zeig{border-color:var(--akzent);box-shadow:0 0 0 5px var(--akzent)}@media(orientation:landscape)and (max-height:520px){#hoeren{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;column-gap:16px;row-gap:12px}#hoeren .leiste{grid-column:1 / -1}#hoeren #hfeld{grid-column:1;grid-row:2}#hoeren .hinweis{display:none}#hoeren #hantworten{grid-column:2;grid-row:2;flex-direction:column;align-self:center}#hoeren .antwort,#hoeren .trommel{flex:none;width:120px;max-width:none;min-height:72px;font-size:2.6rem}#hoeren .antwort.bild-antwort{font-size:2.6rem}}@media(max-width:599px)and (orientation:portrait){.kachel-name{font-size:1.05rem;line-height:1.15;text-align:center}.bild-zahl,.bild-rechnen,.bild-hoeren,.bild-malen{font-size:1.6rem;gap:5px}.bild-zahl b{font-size:2rem}.bild-bingo{font-size:1.4rem;gap:2px 8px}.mini-karte{width:40px;font-size:1.6rem}}@media(orientation:landscape)and (max-height:520px){.kachel-name{font-size:1.3rem}.bild-zahl,.bild-rechnen,.bild-hoeren{font-size:1.9rem;gap:8px}.bild-zahl b{font-size:2.4rem}.bild-bingo{font-size:1.7rem;gap:2px 10px}.mini-karte{width:46px;font-size:1.8rem}}.start-wahl{display:flex;justify-content:center;gap:16px;width:100%}.wer-kachel{flex:0 1 var(--wer-breite);min-width:0;aspect-ratio:4 / 5;--wer-symbol: var(--ziel);border-radius:var(--r-flaeche);border:0;background:var(--akzent);color:var(--auf-akzent);display:grid;place-items:center;align-content:center;gap:12px;padding:16px;box-shadow:var(--schatten-weich)}.wer-kachel:active{transform:translateY(4px);box-shadow:none}#los svg{width:var(--wer-symbol);height:var(--wer-symbol)}#zu-zweit svg{width:calc(var(--wer-symbol) * 4 / 3);height:var(--wer-symbol)}#zu-zweit{background:var(--karte);color:var(--text)}#zu-zweit .zweiter{fill:var(--akzent)}@media(min-width:600px)and (min-height:521px){.wer-kachel{aspect-ratio:auto;height:var(--wer-hoehe);--wer-symbol: 96px}.start-eule{width:148px;height:148px}}@media(orientation:landscape)and (max-height:520px){#start{flex-direction:row;gap:32px}.start-eule{width:96px;height:96px}.start-mitte{width:auto;gap:12px}.wer-kachel{flex-basis:200px;aspect-ratio:auto;height:calc(var(--ziel) * 2);--wer-symbol: 48px;gap:6px;padding:8px}.los-text{font-size:2rem}}.avatar{--av: var(--rand);width:var(--ziel);height:var(--ziel);flex:none;border-radius:50%;background:color-mix(in srgb,var(--av) 22%,var(--karte));box-shadow:inset 0 0 0 4px var(--av);display:grid;place-items:center;font-size:2.2rem;line-height:1}.avatar.leer{background:transparent;box-shadow:inset 0 0 0 3px var(--rand);color:var(--text-leise);font-size:1.6rem;font-weight:800}.plaetze{display:flex;justify-content:center;gap:16px}.plaetze .avatar.jetzt{outline:3px dashed var(--akzent);outline-offset:4px}.wahl{flex:1;min-height:0;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:16px}.wahl-knopf{width:clamp(88px,22vmin,132px);height:clamp(88px,22vmin,132px);border-radius:50%;border:3px solid var(--rand);background:var(--karte);font-size:clamp(2.6rem,9vmin,4rem);line-height:1;display:grid;place-items:center;box-shadow:var(--schatten-weich)}.wahl-knopf.farbe{--av: var(--rand);background:var(--av);border-color:var(--av)}.wahl-knopf[aria-disabled=true]{opacity:.3;box-shadow:none}.wahl-knopf.zurueck{--av: var(--rand);background:color-mix(in srgb,var(--av) 18%,var(--karte));border-style:dashed}.wahl-paar{display:flex;gap:24px;width:100%;justify-content:center}.wahl-paar .avatar{width:clamp(96px,26vmin,150px);height:clamp(96px,26vmin,150px);font-size:clamp(3rem,12vmin,5rem);box-shadow:inset 0 0 0 6px var(--av)}.wahl .knopfreihe{width:min(100%,440px)}.wahl .gross{padding:0 16px;white-space:nowrap}.paar{display:flex;justify-content:center;gap:16px}.paar-knopf{--fortschritt: 0;padding:4px;border:0;border-radius:50%;background:conic-gradient(var(--akzent) calc(var(--fortschritt) * 1turn),transparent 0);touch-action:none;-webkit-touch-callout:none}.allein-avatar{display:flex;justify-content:center}.allein-avatar .avatar{width:120px;height:120px;font-size:4rem}#allein .gross{min-width:96px}.haelften-schirm{padding:0;gap:0}.haelften{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--streifen, 56px) minmax(0,1fr);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.haelfte{--av: var(--rand);position:relative;min-height:0;margin:8px 12px;border-radius:var(--r-flaeche);background:color-mix(in srgb,var(--av) 12%,var(--flaeche));display:flex;align-items:center;justify-content:center;gap:12px;padding:8px;touch-action:none;transition:box-shadow .15s ease}.haelfte[data-seite="1"]{transform:rotate(180deg)}.haelfte.zeigt{box-shadow:inset 0 0 0 6px var(--av)}.haelfte>.avatar{position:absolute;bottom:10px;left:10px;width:52px;height:52px;font-size:1.8rem}.haelfte>.hoeren{position:absolute;bottom:10px;right:10px}.haelfte.wartet .stern{opacity:.55}.streifen{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-inline:16px}.streifen .haus{width:var(--ziel);height:var(--ziel)}.stern{--av: var(--rand);width:var(--ding, 76px);height:var(--ding, 76px);flex:none;border-radius:50%;border:3px dashed var(--rand);background:var(--karte);font-size:calc(var(--ding, 76px) * .6);line-height:1;display:grid;place-items:center;padding:0}.stern.an{border-style:solid;border-color:var(--av);background:color-mix(in srgb,var(--av) 30%,var(--karte))}.bild-sterne,.bild-weitergeben{display:flex;align-items:center;gap:14px;font-size:2.6rem}.bild-sterne span:last-child{transform:rotate(180deg)}.dran{display:flex;justify-content:center}#wfeld{flex:1;min-height:0;border-radius:var(--r-flaeche);display:grid;place-items:center}#wfeld .stern{border-color:var(--av);--ding: clamp( var(--weitergeben-stern-min), var(--weitergeben-stern-anteil), var(--weitergeben-stern-max) )}#uebergabe{background:color-mix(in srgb,var(--grund) 94%,transparent)}.uebergabe-bild{display:flex;align-items:flex-end;justify-content:center;gap:clamp(8px,3vw,24px)}.uebergabe-bild .hand{position:relative;font-size:clamp(5rem,22vmin,9rem);line-height:1}.uebergabe-bild .hand.gespiegelt{transform:scaleX(-1)}.uebergabe-bild .handy{position:absolute;left:50%;bottom:62%;translate:-50% 0;rotate:-12deg;font-size:.55em}.uebergabe-bild svg.pfeil{width:clamp(90px,24vmin,170px);height:auto;align-self:center}.uebergabe-bild .pfeil-linie{fill:none;stroke:var(--akzent);stroke-width:8;stroke-linecap:round}.uebergabe-bild .pfeil-spitze{fill:var(--akzent)}.uebergabe-bild .pfeil{animation:schieben .75s ease-in-out infinite alternate}@keyframes schieben{0%{translate:-10px 0}to{translate:10px 0}}.bingo-feld.von[aria-pressed=true]{border-color:var(--av);background:color-mix(in srgb,var(--av) 18%,var(--karte))}.bingo-feld.von .haken{width:34px;height:34px;background:var(--av);font-size:1.3rem;line-height:1}.wer-knoepfe{display:flex;justify-content:center;gap:24px}.wer-knoepfe .wahl-knopf{background:color-mix(in srgb,var(--av) 22%,var(--karte));border-color:var(--av);border-width:5px}#wer .tafel{align-items:center}#wer .rund.nein{align-self:center}@media(prefers-reduced-motion:reduce){.uebergabe-bild .pfeil{animation:none}.haelfte{transition:none}}.bild-malen{display:flex;align-items:center;gap:8px;font-size:2.6rem}.malen-mitte{display:flex;align-items:center;justify-content:center;height:auto;background:none;color:inherit}#mpunkte{position:absolute;top:10px;left:50%;transform:translate(-50%);pointer-events:none;display:none}#malen[data-modus=spuren] #mpunkte{display:flex}.modi{display:flex;gap:8px}.modus{width:var(--ziel);height:var(--ziel);border-radius:50%;border:3px solid var(--rand);background:var(--karte);font-size:2rem;line-height:1;color:inherit}.modus[aria-pressed=true]{border-color:var(--akzent);background:var(--flaeche);box-shadow:0 0 0 3px var(--akzent)}#mfeld{position:relative;flex:1;min-height:0;background:var(--karte);border:3px solid var(--rand);border-radius:var(--r-flaeche);overflow:hidden;touch-action:none}#malflaeche{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.spur-bild{position:absolute;top:6px;left:50%;transform:translate(-50%);display:grid;place-items:center;font-size:clamp(3rem,18vmin,6.5rem);line-height:1;pointer-events:none}.spur-bild .bild-svg{height:88%;width:auto}#mmenge{display:flex;justify-content:center;gap:14px}#mmenge[hidden]{display:none}.antwort.menge-knopf{display:grid;place-items:center;min-width:var(--ziel);max-width:160px;font-size:3rem}.malen-messung{position:absolute;left:8px;bottom:8px;margin:0;max-width:calc(100% - 16px);padding:8px 10px;border-radius:var(--r-knopf);background:var(--karte);color:var(--text);font-size:.8rem;line-height:1.35;white-space:pre-wrap;pointer-events:none;opacity:.92}#mpalette{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(min-width:560px){#mpalette{grid-template-columns:repeat(8,1fr)}}#malen[data-modus=spuren] #mpalette{display:none}.farbe,.werkzeug{min-height:var(--ziel);border-radius:var(--r-knopf);border:4px solid var(--rand);background:var(--karte);font-size:2rem;line-height:1}.farbe{background:var(--farbe-wert)}.farbe[data-farbe=rot]{--farbe-wert: #d9482f}.farbe[data-farbe=orange]{--farbe-wert: #ef8a1c}.farbe[data-farbe=gelb]{--farbe-wert: #f7c928}.farbe[data-farbe=gruen]{--farbe-wert: #4a9c4f}.farbe[data-farbe=blau]{--farbe-wert: #3b78c4}.farbe[data-farbe=lila]{--farbe-wert: #8a54b8}.farbe[aria-pressed=true],.werkzeug[aria-pressed=true]{border-color:var(--text);box-shadow:0 0 0 3px var(--grund),0 0 0 6px var(--text)}@media(orientation:landscape)and (max-height:520px),(min-width:900px)and (orientation:landscape)and (min-height:720px){#malen{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;column-gap:16px;row-gap:12px}#malen .leiste{grid-column:1 / -1}#malen #mfeld{grid-column:1;grid-row:2}#malen #mpalette{grid-column:2;grid-row:2;grid-template-columns:repeat(3,var(--ziel));align-content:center}#malen[data-modus=spuren] #mfeld{grid-column:1 / -1}#malen[data-aufgabe=menge] #mfeld{grid-column:1}#malen #mmenge{grid-column:2;grid-row:2;flex-direction:column;align-self:center}}@media(min-width:900px)and (orientation:landscape)and (min-height:720px){#malen #mpalette{grid-template-columns:var(--ziel)}}:root{--m-rot: #c0392b;--m-blau: #2f6f9f;--m-gelb: #c28f00;--m-gruen: #2e7a5c}@media(prefers-color-scheme:dark){:root:not([data-farbe=hell]){--m-rot: #e8786a;--m-blau: #5aa0d0;--m-gelb: #f2c23a;--m-gruen: #58b890}}:root[data-farbe=dunkel]{--m-rot: #e8786a;--m-blau: #5aa0d0;--m-gelb: #f2c23a;--m-gruen: #58b890}.bild-muster{display:flex;align-items:center;gap:8px;font-size:2.2rem}.bild-muster .frage{display:grid;place-items:center;width:1.15em;height:1.15em;border:3px dashed var(--akzent);border-radius:30%;font-size:.9em;font-weight:800;color:var(--akzent)}@media(orientation:landscape)and (max-height:520px){.bild-muster{font-size:1.7rem;gap:6px}}#mu-feld{position:relative;flex:1;min-height:0;border-radius:var(--r-flaeche);display:grid;place-content:center;padding:12px}.mu-reihe{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:calc(var(--mu-el, 72px) * .14);font-size:calc(var(--mu-el, 72px) / 1.5)}.mu-block{display:flex;align-items:center;gap:calc(var(--mu-el, 72px) * .14)}.mu-el{display:grid;place-items:center;width:1.5em;height:1.5em;border-radius:25%;line-height:1}.mu-el svg{width:100%;height:100%}.mu-el.frage{border:4px dashed var(--akzent);color:var(--akzent);font-weight:800;font-size:.8em}.mu-el.periode{background:var(--karte);box-shadow:0 0 0 4px var(--akzent)}.mu-el.eingesetzt{border:4px solid var(--erledigt);background:var(--erledigt-weich)}#mu-antworten .antwort{display:grid;place-items:center;padding:10px;max-width:var(--zahl-antwort-breite-max);min-height:var(--zahl-antwort-hoehe-min)}#mu-antworten .antwort svg{width:62%;height:62%}@media(orientation:landscape)and (max-height:520px){#muster{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;column-gap:16px;row-gap:12px}#muster .leiste{grid-column:1 / -1}#muster #mu-feld{grid-column:1;grid-row:2}#muster .hinweis{display:none}#muster #mu-antworten{grid-column:2;grid-row:2;flex-direction:column;align-self:center}#muster .antwort{flex:none;width:120px;max-width:none;min-height:72px;font-size:2.6rem}}@media(orientation:landscape)and (max-height:520px)and (max-width:900px){.kachel-name{font-size:1.05rem;line-height:1.15}.bild-muster,.bild-zahl,.bild-rechnen,.bild-hoeren,.bild-malen{font-size:1.3rem;gap:4px}.bild-zahl b{font-size:1.7rem}.bild-bingo{font-size:1.15rem;gap:2px 6px}.mini-karte{width:34px;font-size:1.3rem}}.bild-passt{display:flex;align-items:center;gap:8px;font-size:2.2rem}.bild-passt .anders{transform:rotate(10deg)}#pa-feld{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,minmax(0,var(--passt-zeile-max)));align-content:center;gap:14px;padding:4px 0}.antwort.passt-bild{display:grid;place-items:center;width:100%;max-width:none;min-height:0;container-type:size}.antwort.passt-bild .bild-svg{font-size:5rem;font-size:clamp(3.5rem,52cqmin,12rem)}.antwort.passt-bild.gruppe{border-color:var(--erledigt);background:var(--erledigt-weich);box-shadow:0 0 0 4px var(--erledigt)}.antwort.passt-bild.daneben.gruppe{opacity:.7}@media(max-width:599px)and (orientation:portrait){.bild-muster,.bild-passt{font-size:1.4rem;gap:5px}}@media(orientation:landscape)and (max-height:520px){#passt{display:flex;flex-direction:column}#passt .hinweis{display:none}#pa-feld{grid-template-columns:repeat(4,1fr);grid-template-rows:minmax(0,1fr)}.antwort.passt-bild{min-height:0;height:100%;max-height:190px}}@media(min-width:900px)and (orientation:landscape)and (min-height:521px){#pa-feld{grid-template-columns:repeat(4,1fr);grid-template-rows:minmax(0,var(--passt-zeile-max))}}@media(orientation:landscape)and (max-height:520px)and (max-width:720px){.bild-passt{font-size:1.3rem;gap:4px}}#hz-feld{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,var(--passt-zeile-max));align-content:center;gap:14px;padding:4px 0}#hz-feld[data-bilder="5"],#hz-feld[data-bilder="6"]{grid-auto-rows:minmax(0,calc(var(--passt-zeile-max) * .7))}#hz-feld[data-bilder="3"]>:last-child,#hz-feld[data-bilder="5"]>:last-child{grid-column:1 / -1;justify-self:center;width:calc(50% - 7px)}.antwort.hoerzu-bild{display:grid;place-items:center;width:100%;max-width:none;min-height:0;container-type:size}.antwort.hoerzu-bild .bild-svg{font-size:5rem;font-size:clamp(3.5rem,52cqmin,12rem)}#hz-feld[data-phase=vorstellen] .hoerzu-bild{box-shadow:none}#hz-feld .hoerzu-bild.nennt{border-color:var(--akzent);box-shadow:0 0 0 5px var(--akzent)}@media(orientation:landscape)and (max-height:520px){#hoerzu{display:flex;flex-direction:column}#hoerzu .hinweis{display:none}#hz-feld{grid-template-columns:repeat(var(--bilder, 4),1fr);grid-auto-rows:minmax(0,1fr)}#hz-feld[data-bilder]>:last-child{grid-column:auto;width:100%}.antwort.hoerzu-bild{height:100%;max-height:190px}}@media(min-width:900px)and (orientation:landscape)and (min-height:521px){#hz-feld,#hz-feld[data-bilder="5"],#hz-feld[data-bilder="6"]{grid-template-columns:repeat(var(--bilder, 4),1fr);grid-auto-rows:minmax(0,var(--passt-zeile-max))}#hz-feld[data-bilder]>:last-child{grid-column:auto;width:100%}}.ap-buehne{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.ap-buehne[data-lage=neben]{flex-direction:row}#ap-brett{--ap-feld: var(--ziel);position:relative;flex:none;width:calc(var(--ap-feld) * var(--ap-n, 4));height:calc(var(--ap-feld) * var(--ap-n, 4));border-radius:var(--r-knopf);background-color:var(--flaeche);background-image:linear-gradient(var(--rand) 2px,transparent 2px),linear-gradient(90deg,var(--rand) 2px,transparent 2px);background-size:var(--ap-feld) var(--ap-feld);background-position:-1px -1px;box-shadow:inset 0 0 0 4px var(--rand);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.ap-ausfahrt{position:absolute;right:0;width:14px;height:var(--ap-feld);top:calc(var(--ap-zeile) * var(--ap-feld));display:grid;place-items:center;background:var(--grund);pointer-events:none;z-index:1}.ap-ausfahrt:after{content:"";width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:12px solid var(--akzent)}.ap-fahrzeug{position:absolute;left:0;top:0;width:calc(var(--b) * var(--ap-feld));height:calc(var(--h) * var(--ap-feld));transform:translate(calc(var(--x) * var(--ap-feld)),calc(var(--y) * var(--ap-feld)));padding:0;border:0;border-radius:var(--r-knopf);background:transparent;cursor:grab;touch-action:none;outline-offset:2px}.ap-fahrzeug.faehrt{transition:transform .32s ease-in-out}.ap-fahrzeug.zieht{cursor:grabbing;z-index:3}.ap-auto{position:absolute;left:50%;top:50%;width:calc(var(--ap-laenge) * var(--ap-feld) - 8px);height:calc(var(--ap-laenge) * var(--ap-feld) - 8px);transform:translate(-50%,-50%);pointer-events:none}.ap-fahrzeug[data-richtung=senkrecht] .ap-auto{transform:translate(-50%,-50%) rotate(90deg)}.ap-auto img{width:100%;height:100%;display:block}.ap-fahrzeug.gewaehlt{box-shadow:0 0 0 4px var(--bereich-denken)}.ap-fahrzeug.dran:after{content:"";position:absolute;inset:0;border:5px dashed var(--text);border-radius:var(--r-knopf);pointer-events:none}.ap-ziel-umriss{position:absolute;left:0;top:0;width:calc(var(--b) * var(--ap-feld));height:calc(var(--h) * var(--ap-feld));transform:translate(calc(var(--x) * var(--ap-feld)),calc(var(--y) * var(--ap-feld)));border:5px dashed var(--text);border-radius:var(--r-knopf);pointer-events:none}.ap-feld-ziel{position:absolute;left:0;top:0;width:var(--ap-feld);height:var(--ap-feld);transform:translate(calc(var(--x) * var(--ap-feld)),calc(var(--y) * var(--ap-feld)));padding:0;border:0;background:transparent;display:grid;place-items:center;z-index:2}.ap-feld-ziel:after{content:"";width:34%;height:34%;border-radius:50%;border:4px solid var(--bereich-denken);background:var(--karte)}.ap-hilfe{flex:none;width:var(--ziel);height:var(--ziel);display:grid;place-items:center;padding:0;border:2px solid var(--rand);border-radius:50%;background:var(--karte);box-shadow:var(--schatten-weich)}.ap-hilfe .bild-svg{width:40px;height:40px}@media(prefers-reduced-motion:reduce){.ap-fahrzeug.faehrt{transition:none}}@media(orientation:landscape)and (max-height:520px){#ausparken{flex-direction:row}#ausparken .leiste{grid-template-columns:var(--kopf-haus);grid-template-rows:var(--kopf-haus) minmax(0,1fr) var(--kopf-wieder);justify-items:center}#ausparken .leiste-mitte,#ausparken .punkte{flex-direction:column}#ausparken .ap-buehne{min-width:0}}.bild-schwimmt{display:flex;align-items:flex-start;gap:8px;font-size:2.2rem}.bild-schwimmt .unten{transform:translateY(.45em)}#sw-feld{flex:1;min-height:0;display:grid}.sw-szene{--buehne: color-mix(in srgb, var(--farbe, var(--akzent)) 7%, var(--karte));position:relative;overflow:hidden;border-radius:var(--r-flaeche);background:var(--buehne);min-height:180px;container-type:size}.sw-wasser{position:absolute;inset:45% 0 0;background:color-mix(in srgb,var(--m-blau) 38%,var(--buehne));border-top:4px solid var(--m-blau)}.sw-ding{position:absolute;top:8px;left:50%;transform:translate(-50%);display:grid;place-items:center;min-width:var(--ziel);min-height:var(--ziel);padding:0;border:0;border-radius:var(--r-flaeche);background:none;line-height:1;font-size:clamp(3rem,14vmin,5.5rem)}@supports (width: 1cqmin){.sw-ding{font-size:calc(clamp(var(--ziel),calc(var(--schwimmt-ding-anteil) * 100cqmin),var(--schwimmt-ding-max)) / 1.15)}}button.sw-ding:active{filter:brightness(.95)}.sw-ding.gewaehlt{outline:4px solid var(--akzent);outline-offset:4px}#sw-antworten{display:flex;justify-content:center;gap:14px;min-height:0}.antwort.sw-tipp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;max-width:max(180px,var(--zahl-antwort-breite-max));min-height:var(--zahl-antwort-hoehe-min);font-size:1.1rem;font-weight:800}.antwort.sw-tipp svg{width:var(--schwimmt-symbol);height:auto}.antwort.sw-tipp.gewaehlt{border-color:var(--akzent);box-shadow:0 0 0 4px var(--akzent)}@media(max-width:599px)and (orientation:portrait){.bild-schwimmt{font-size:1.4rem;gap:5px}}@media(orientation:landscape)and (max-height:520px){#schwimmt{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;column-gap:16px;row-gap:12px}#schwimmt .leiste{grid-column:1 / -1}#sw-feld{grid-column:1;grid-row:2}#schwimmt .hinweis{display:none}#sw-antworten{grid-column:2;grid-row:2;flex-direction:column;align-self:center}.antwort.sw-tipp{flex:none;width:120px;min-height:72px}.sw-szene{min-height:0}}@media(orientation:landscape)and (max-height:520px)and (max-width:720px){.bild-schwimmt{font-size:1.3rem;gap:4px}}.so-buehne{flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) minmax(var(--ziel),min(var(--sortieren-korb-max),42%));gap:16px}.so-mitte{display:grid;place-items:center;min-height:0;container-type:size}.so-karte{display:grid;place-items:center;width:min(48vmin,var(--sortieren-karte-max));width:clamp(var(--ziel),86cqmin,var(--sortieren-karte-max));aspect-ratio:1;border-radius:var(--r-flaeche);background:var(--karte);box-shadow:var(--schatten-weich)}.so-karte .bild-svg{width:72%;height:72%}.so-koerbe{display:grid;grid-template-columns:repeat(2,minmax(0,320px));justify-content:center;gap:14px;min-height:0}.so-koerbe[data-anzahl="3"]{grid-template-columns:repeat(3,minmax(0,300px))}.so-korb{display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:2px;min-width:var(--ziel);min-height:var(--ziel);padding:6px 6px 8px;border:3px solid color-mix(in srgb,var(--farbe, var(--akzent)) 45%,var(--karte));border-radius:var(--r-flaeche);background:color-mix(in srgb,var(--farbe, var(--akzent)) 8%,var(--karte));color:var(--text);font:inherit;container-type:size}.so-korb:active{filter:brightness(.95)}.so-korb-bild{display:grid;place-items:center;min-height:0;line-height:1}.so-korb-bild .bild-svg{font-size:2.6rem;font-size:clamp(1.6rem,48cqmin,8rem)}.so-korb-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:800}.so-korb.vorgestellt,.so-korb.zeig{border-color:var(--akzent);box-shadow:0 0 0 5px var(--akzent)}.so-korb.blass{opacity:.4}@media(min-width:768px)and (min-height:700px){.so-korb-name{font-size:1.3rem}}@media(orientation:landscape)and (max-height:520px){#sortieren .hinweis{display:none}.so-buehne{gap:10px}.so-korb-name{font-size:.9rem}}.pr-brett{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.pr-reihe{display:grid;grid-template-rows:repeat(var(--plaetze, 4),minmax(0,1fr));gap:10px;min-height:0}.antwort.pr-karte{display:grid;place-items:center;width:100%;max-width:none;min-height:var(--ziel);min-width:var(--ziel);container-type:size}.antwort.pr-karte .bild-svg{font-size:3rem;font-size:clamp(2.4rem,70cqmin,8rem)}.pr-brett[data-phase=vorstellen] .pr-karte:not(.nennt){box-shadow:none}.pr-karte.nennt,.pr-karte.gewaehlt{border-color:var(--akzent);box-shadow:0 0 0 5px var(--akzent)}.antwort.pr-karte.paar{border-color:var(--erledigt);background:var(--erledigt-weich);box-shadow:none}@media(orientation:landscape){.pr-brett{grid-template-columns:none;grid-template-rows:1fr 1fr}.pr-reihe{grid-template-rows:none;grid-template-columns:repeat(var(--plaetze, 4),minmax(0,1fr))}}@media(orientation:landscape)and (max-height:520px){#paare .hinweis{display:none}.pr-brett{gap:10px}}.zm-buehne{flex:1;min-height:0;display:grid;place-items:center;container-type:size}.zm-gesicht{position:relative;width:min(100cqw,calc(100cqh * 30 / 30.8));aspect-ratio:30 / 30.8;max-width:100%}.zm-bild{position:absolute;inset:0;overflow:hidden}.zm-bild .bild-svg{position:absolute;left:calc(-100% / 30);top:calc(-100% / 30.8);width:calc(100% * 32 / 30);height:auto;max-width:none}.zm-teile{position:absolute;inset:0}.zm-teil{position:absolute;padding:0;border:0;border-radius:var(--r-knopf);background:transparent;transition:box-shadow .2s ease,background-color .2s ease}.zm-teil.nennt,.zm-teil.zeig{box-shadow:0 0 0 5px var(--akzent);background:color-mix(in srgb,var(--akzent) 18%,transparent)}.zm-teil.getippt{box-shadow:0 0 0 4px var(--text-leise);background:color-mix(in srgb,var(--text-leise) 14%,transparent)}.zm-teil.richtig{box-shadow:0 0 0 5px var(--erledigt);background:color-mix(in srgb,var(--erledigt) 22%,transparent)}@media(prefers-reduced-motion:reduce){.zm-teil{transition:none}}@media(orientation:landscape)and (max-height:520px){#zeigmal{flex-direction:row}#zeigmal .leiste{grid-template-columns:var(--kopf-haus);grid-template-rows:var(--kopf-haus) minmax(0,1fr) var(--kopf-wieder);justify-items:center}#zeigmal .leiste-mitte,#zeigmal .punkte{flex-direction:column}#zeigmal .zm-buehne{min-width:0}#zeigmal .hinweis{display:none}}#wiewardas{display:flex;flex-direction:column}.gs-flaeche{flex:1;min-height:0;display:grid;container-type:size}.gs-flaeche>*{grid-area:1 / 1;min-height:0;min-width:0}.gs-tableau{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--r-flaeche);background:var(--flaeche)}.gs-grund,.gs-grund .bild-svg{position:absolute;inset:0;width:100%;height:100%}.gs-grund .bild-svg{object-fit:cover}.gs-grund-nach{animation:gs-grund-ein 6s ease-in-out}@keyframes gs-grund-ein{0%{opacity:0}}.gs-motiv{position:absolute;aspect-ratio:1;padding:0;border:0;border-radius:var(--r-knopf);background:transparent;transition:box-shadow .2s ease,background-color .2s ease}.gs-motiv-bild,.gs-motiv-bild .bild-svg{display:block;width:100%;height:100%}.gs-motiv.zeig{box-shadow:0 0 0 5px var(--akzent);background:color-mix(in srgb,var(--akzent) 18%,transparent)}.gs-motiv.getippt{box-shadow:0 0 0 4px var(--text-leise);background:color-mix(in srgb,var(--text-leise) 14%,transparent)}.gs-motiv.richtig{box-shadow:0 0 0 5px var(--erledigt);background:color-mix(in srgb,var(--erledigt) 22%,transparent)}.bewegt-fliegt-ein .gs-motiv-bild .bild-svg{animation:gs-fliegt-ein 1.8s ease-in var(--versatz-ort, 0s) backwards;animation-iteration-count:1}.bewegt-faellt .gs-motiv-bild .bild-svg{animation:gs-faellt 1.6s ease-in var(--versatz-ort, 0s) backwards;animation-iteration-count:1}.bewegt-fliegt .gs-motiv-bild .bild-svg{animation:gs-fliegt 3.2s linear var(--versatz-ort, 0s) backwards;animation-iteration-count:1}.bewegt-steigt .gs-motiv-bild .bild-svg{animation:gs-steigt 2.4s ease-in-out var(--versatz-ort, 0s);animation-iteration-count:4}.bewegt-wandert .gs-motiv-bild .bild-svg{animation:gs-wandert 4s ease-in-out var(--versatz-ort, 0s);animation-iteration-count:3}.bewegt-treibt .gs-motiv-bild .bild-svg{animation:gs-treibt 6s ease-in-out var(--versatz-ort, 0s);animation-iteration-count:2}.bewegt-zittert .gs-motiv-bild .bild-svg{animation:gs-zittert .5s linear var(--versatz-ort, 0s);animation-iteration-count:6}.bewegt-nickt .gs-motiv-bild .bild-svg{transform-origin:50% 90%;animation:gs-nickt 2.4s ease-in-out var(--versatz-ort, 0s);animation-iteration-count:3}.bewegt-huepft .gs-motiv-bild .bild-svg{animation:gs-huepft .9s ease-in-out var(--versatz-ort, 0s);animation-iteration-count:6}.bewegt-geht-auf .gs-motiv-bild .bild-svg{animation:gs-geht-auf 4s ease-out var(--versatz-ort, 0s) backwards;animation-iteration-count:1}.bewegt-quillt .gs-motiv-bild .bild-svg{animation:gs-quillt 4.5s ease-out var(--versatz-ort, 0s) backwards;animation-iteration-count:1}.bewegt-rollt .gs-motiv-bild .bild-svg{animation:gs-rollt 4s ease-in-out var(--versatz-ort, 0s);animation-iteration-count:2}.bewegt-geht-auf .gs-motiv-bild{clip-path:inset(-100% -100% calc(100% - var(--boden-ab, 100%)) -100%)}.bewegt-funkelt .gs-motiv-bild{animation:gs-funkelt 1.6s ease-in-out var(--versatz-licht, 0s);animation-iteration-count:4}.bewegt-leuchtet .gs-motiv-bild{animation:gs-leuchtet 2.4s ease-in-out var(--versatz-licht, 0s);animation-iteration-count:4}@keyframes gs-fliegt-ein{0%{transform:translate(180%,-120%) scale(.6)}}@keyframes gs-faellt{0%{transform:translate(25%,-130%)}}@keyframes gs-fliegt{0%{transform:translate(-420%,20%)}20%{transform:translate(-172%,-12%)}40%{transform:translate(-54%,10%)}60%{transform:translate(-11%,-8%)}80%{transform:translate(-1%,3%)}}@keyframes gs-steigt{50%{transform:translateY(-14%)}}@keyframes gs-wandert{50%{transform:translate(-25%)}}@keyframes gs-treibt{50%{transform:translate(35%)}}@keyframes gs-zittert{25%{transform:translate(-3%) rotate(-2deg)}75%{transform:translate(3%) rotate(2deg)}}@keyframes gs-nickt{50%{transform:rotate(-12deg)}}@keyframes gs-huepft{50%{transform:translateY(-30%)}}@keyframes gs-geht-auf{0%{transform:translateY(var(--boden-ab, 120%))}}@keyframes gs-quillt{0%{transform:translateY(calc(var(--boden-ab, 120%) - 60%)) scale(.3)}}@keyframes gs-rollt{30%{transform:translate(-145%) rotate(-166deg)}80%{transform:translate(100%) rotate(115deg)}}@keyframes gs-funkelt{50%{opacity:.75}}@keyframes gs-leuchtet{50%{filter:brightness(1.25) saturate(1.2)}}.gs-motiv.griff{z-index:1;display:grid;place-items:center;touch-action:none;cursor:grab}.gs-motiv.griff>.gs-motiv-bild{width:var(--bild-anteil, 100%);height:var(--bild-anteil, 100%)}.gs-motiv.am-finger{z-index:2;cursor:grabbing;transform:translate(var(--zug-x, 0),var(--zug-y, 0))}.gs-motiv.rueck{transform:translate(var(--zug-x, 0),var(--zug-y, 0));transition:transform .32s ease-out}.gs-motiv.macht-vor{z-index:1;animation:gs-macht-vor 2.4s ease-in-out}@keyframes gs-macht-vor{40%,60%{transform:translate(var(--nach-x),var(--nach-y)) scale(var(--nach-s, 1))}}@media(prefers-reduced-motion:reduce){.gs-motiv.rueck{transition:none}.gs-motiv.macht-vor{animation:none}}.gs-motiv.zieht{z-index:1;transform:translate(var(--nach-x),var(--nach-y)) scale(var(--nach-s, 1));transition:transform 1.4s ease-in;pointer-events:none}.gs-motiv[data-nummer]:after{content:attr(data-nummer);position:absolute;top:-6px;right:-6px;min-width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--akzent);color:var(--auf-akzent);font-size:1.2rem;font-weight:800}.gs-klein .gs-motiv{border-radius:4px}.gs-deck{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:8px}.gs-deckblatt{width:min(100%,calc((100cqh - 72px) / 3 * 4 / 3));padding:3px;border:3px solid var(--farbe, var(--akzent));border-radius:var(--r-flaeche);background:var(--karte);box-shadow:var(--schatten-weich)}.gs-deckblatt .gs-tableau{width:100%}@container (orientation: landscape){.gs-deck{flex-direction:row}.gs-deckblatt{width:min(calc((100cqw - 72px) / 3),calc((100cqh - 32px) * 4 / 3))}}.gs-buehne{--gs-breite: min(100cqw - 8px, calc((100cqh - 124px) * 4 / 3));--gs-band: 0px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:4px}.gs-buehne .gs-tableau{width:var(--gs-breite);margin-block:var(--gs-band)}@container (orientation: portrait){.gs-buehne .gs-tableau{--gs-band: max( 0px, min(calc(var(--gs-breite) / 8), calc((100cqh - 124px - var(--gs-breite) * .75) / 2)) );overflow:visible;clip-path:inset(calc(-1 * var(--gs-band)) 0 round var(--r-flaeche))}.gs-buehne .gs-grund{top:calc(-1 * var(--gs-band));bottom:calc(-1 * var(--gs-band));height:auto}}.gs-unten{display:flex;align-items:center;justify-content:center;gap:12px;min-height:96px}.gs-zahlen{display:flex;gap:12px}.gs-zahlen:empty{display:none}.gs-zahl{width:88px;height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:3px solid var(--rand);border-radius:var(--r-knopf);background:var(--karte);color:var(--text)}.gs-ziffer{font-size:2rem;font-weight:800;line-height:1}.gs-zahl.richtig{border-color:var(--erledigt)}.gs-zahl.daneben{opacity:.45}.gs-weiter{width:96px;height:96px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--farbe, var(--akzent));color:var(--flaeche);box-shadow:var(--schatten-weich)}@container (orientation: landscape){.gs-buehne{flex-direction:row}.gs-buehne .gs-tableau{width:min(calc(100cqw - 124px),calc((100cqh - 8px) * 4 / 3))}.gs-unten{flex-direction:column;min-height:0;min-width:96px}.gs-zahlen{flex-direction:column}.gs-zahl{height:80px}}.gs-ordnen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:4px}.gs-rahmen{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:min(100cqw - 8px,640px)}.gs-platz{aspect-ratio:4 / 3;border:3px dashed var(--farbe, var(--akzent));border-radius:var(--r-knopf);overflow:hidden}.gs-platz.belegt{border-style:solid;border-color:var(--erledigt)}.gs-platz .gs-tableau{width:100%;border-radius:0}@container (width < 480px){.gs-rahmen{display:flex;flex-wrap:wrap;justify-content:center}.gs-platz{width:calc((100% - 12px) / 3)}}.gs-karten{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:min(100cqw - 8px,720px)}.gs-karte{width:max(96px,min(calc((100cqw - 40px) / 3),200px));padding:4px;border:3px solid var(--farbe, var(--akzent));border-radius:var(--r-knopf);background:var(--karte);box-shadow:var(--schatten-weich)}.gs-karte .gs-tableau{width:100%}.gs-karte.zeig{border-color:var(--akzent);box-shadow:0 0 0 5px var(--akzent)}.gs-karte.verwendet{visibility:hidden}.ug-deck{flex-flow:row wrap;align-content:center;overflow-y:auto}.ug-deckblatt{width:min(100%,max(140px,calc((100cqw - 72px) / 3)),calc((100cqh - 32px) * 4 / 3));aspect-ratio:4 / 3;padding:6px;border:0;border-radius:var(--r-flaeche);background:var(--karte);box-shadow:var(--schatten-weich)}.ug-deckblatt img,.ug-foto,.ug-klein{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--r-knopf)}.gs-buehne .ug-foto{width:min(100cqw - 8px,calc((100cqh - 112px) * 4 / 3))}@container (orientation: landscape){.gs-buehne .ug-foto{width:min(calc(100cqw - 124px),calc((100cqh - 8px) * 4 / 3))}}#unseregeschichte{display:flex;flex-direction:column}@media(orientation:landscape)and (max-height:520px){#unseregeschichte{flex-direction:row}#unseregeschichte .leiste{grid-template-columns:var(--kopf-haus);grid-template-rows:var(--kopf-haus) minmax(0,1fr) var(--kopf-wieder);justify-items:center}#unseregeschichte .leiste-mitte,#unseregeschichte .punkte{flex-direction:column}#unseregeschichte .gs-flaeche{min-width:0}#unseregeschichte .hinweis{display:none}}.e-ug-szene{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.e-ug-szene>img,.e-ug-leer{flex:none;width:96px;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--r-knopf)}.e-ug-leer{display:grid;place-items:center;border:2px dashed var(--rand);color:var(--text-leise);font-weight:800}.ende-bilder{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;align-self:stretch}.ende-bilder .gs-tableau{width:100%;border-radius:var(--r-knopf)}@media(prefers-reduced-motion:reduce){.gs-motiv,.gs-motiv.zieht{transition:none}.gs-motiv[class*=bewegt-] .gs-motiv-bild,.gs-motiv[class*=bewegt-] .gs-motiv-bild .bild-svg,.gs-grund-nach{animation:none}.bewegt-geht-auf .gs-motiv-bild{clip-path:none}}@media(orientation:landscape)and (max-height:520px){#wiewardas{flex-direction:row}#wiewardas .leiste{grid-template-columns:var(--kopf-haus);grid-template-rows:var(--kopf-haus) minmax(0,1fr) var(--kopf-wieder);justify-items:center}#wiewardas .leiste-mitte,#wiewardas .punkte{flex-direction:column}#wiewardas .gs-flaeche{min-width:0}#wiewardas .hinweis{display:none}}.bild-ablauf{display:flex;align-items:center;gap:4px;font-size:2rem}.bild-ablauf .pfeil{font-size:.7em;opacity:.6}#ablauf{display:flex;flex-direction:column}#ab-feld{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px;font-size:3.4rem}.ab-rahmen{display:grid;place-items:center;width:min(1.5em,16vw);height:min(1.5em,16vw);flex-shrink:0;border:3px dashed var(--rand);border-radius:25%;background:var(--flaeche)}.ab-rahmen.belegt{border-style:solid;border-color:var(--akzent)}.ab-pfeil{font-size:.5em;opacity:.6}#ab-bilder{flex:1;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:14px;padding:8px}.antwort.ab-bild{flex:none;width:min(var(--zahl-antwort-breite-max),26vw);max-width:none;min-height:var(--zahl-antwort-hoehe-min);font-size:var(--zahl-ziffer)}@media(min-width:900px)and (orientation:landscape)and (min-height:521px),(min-width:600px)and (orientation:portrait){#ab-feld{font-size:5.5rem;gap:14px}.antwort.ab-bild{width:min(var(--zahl-antwort-breite-max),22vw)}}.antwort.ab-bild.verwendet{opacity:.25;pointer-events:none}@media(max-width:599px)and (orientation:portrait){#ab-feld{font-size:2.4rem;gap:5px}.bild-ablauf{font-size:1.4rem;gap:3px}}@media(orientation:landscape)and (max-height:520px){#ablauf .hinweis{display:none}#ab-feld{font-size:2.2rem;padding:4px}#ab-bilder{gap:10px;padding:4px}.antwort.ab-bild{width:88px;min-height:0;height:88px;font-size:2.6rem}}@media(orientation:landscape)and (max-height:520px)and (max-width:720px){.bild-ablauf{font-size:1.3rem;gap:3px}}#update-text{margin:0;font-size:1rem;color:var(--text-leise)}.h-punkte.klein{gap:6px;min-height:14px}.h-punkte.klein i{width:14px;height:14px}.h-punkte.laute i{background:var(--rand)}.h-punkte.laute i.an{background:var(--akzent)}.zuletzt{order:10;flex:1 1 100%;display:flex;align-items:center;gap:10px}.zuletzt-titel{flex:none;font-size:.95rem;font-weight:800;color:var(--text-leise)}.zuletzt-knopf{flex:1 1 0;max-width:260px;min-width:0;display:flex;align-items:center;gap:6px;min-height:var(--ziel);padding:6px 10px 6px 8px;border:0;border-radius:var(--r-knopf);background:var(--karte);color:var(--text);font:inherit;font-size:.95rem;font-weight:800;box-shadow:var(--schatten-weich)}.zuletzt-knopf .start-name{min-width:0;overflow-wrap:break-word}.start-bild{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-knopf);background:var(--flaeche);font-size:2rem}.zuletzt-knopf .start-bild{width:calc(var(--ziel) * .625);height:calc(var(--ziel) * .625);background:none;font-size:1.7rem}.bereiche{--flaeche-min: 124px;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(var(--flaeche-min),1fr);gap:12px;overflow-y:auto;padding:8px;margin:-8px}.bereich{--farbe: var(--akzent);--farbe-grund: var(--flaeche);--farbe-text: var(--text);--feld-bild: 100px;position:relative;container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;column-gap:12px;row-gap:4px;padding:12px 14px;border:0;border-radius:var(--r-flaeche);background-color:var(--farbe-grund);background-image:radial-gradient(ellipse 90% 62% at 70% 128%,color-mix(in srgb,var(--farbe) 16%,var(--farbe-grund)) 68%,transparent 69%)}.bereich[data-bereich=zahlen],.bereich-kopf[data-bereich=zahlen],#app[data-schirm=auswahl][data-bereich=zahlen]{--farbe: var(--bereich-zahlen);--farbe-grund: var(--bereich-zahlen-grund);--farbe-text: var(--bereich-zahlen-text)}.bereich[data-bereich=sprache],.bereich-kopf[data-bereich=sprache],#app[data-schirm=auswahl][data-bereich=sprache]{--farbe: var(--bereich-sprache);--farbe-grund: var(--bereich-sprache-grund);--farbe-text: var(--bereich-sprache-text)}.bereich[data-bereich=denken],.bereich-kopf[data-bereich=denken],#app[data-schirm=auswahl][data-bereich=denken]{--farbe: var(--bereich-denken);--farbe-grund: var(--bereich-denken-grund);--farbe-text: var(--bereich-denken-text)}.bereich[data-bereich=draussen],.bereich-kopf[data-bereich=draussen],#app[data-schirm=auswahl][data-bereich=draussen]{--farbe: var(--bereich-draussen);--farbe-grund: var(--bereich-draussen-grund);--farbe-text: var(--bereich-draussen-text)}.bereich[data-bereich=geschichten],.bereich-kopf[data-bereich=geschichten],#app[data-schirm=auswahl][data-bereich=geschichten]{--farbe: var(--bereich-geschichten);--farbe-grund: var(--bereich-geschichten-grund);--farbe-text: var(--bereich-geschichten-text)}.bereich.spricht{outline:4px solid var(--farbe);outline-offset:2px}.bereich-bild,.bereich-kopf-bild{display:grid;place-items:center;pointer-events:none}.bereich-bild{grid-column:1;grid-row:1;justify-self:start;align-self:start;min-height:0;height:100%;max-height:var(--feld-bild);aspect-ratio:1}.bereich-bild .bild-svg,.bereich-kopf-bild .bild-svg{width:100%;height:100%;vertical-align:top}.bereich-auf{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;min-height:30px;padding:0;border:0;background:none;color:var(--farbe-text);font:inherit;text-align:left}.bereich-auf:after{content:"";position:absolute;inset:0;border-radius:var(--r-flaeche)}.bereich-auf:focus-visible{outline:none}.bereich-auf:focus-visible:after{outline:3px solid var(--akzent);outline-offset:2px}.bereich-name{min-width:0;max-width:100%;overflow-wrap:break-word;hyphens:auto;font-size:1.35rem;font-weight:900;line-height:1.1}.bereich-punkte{flex:none;display:inline-flex;gap:4px}.bereich-punkte i{width:10px;height:10px;border-radius:50%;background:var(--farbe)}.teaser{grid-column:2;grid-row:1 / span 2;align-self:end;position:relative;z-index:1;pointer-events:none;display:flex;align-items:flex-end;gap:6px;min-width:0}.teaser-knopf{pointer-events:auto;flex:none;min-width:var(--teaser);display:grid;justify-items:center;gap:4px;padding:0;border:0;background:none;color:var(--farbe-text)}.teaser-knopf .start-bild{width:var(--teaser);height:var(--teaser);border-radius:50%;background:var(--karte);box-shadow:var(--schatten-weich);font-size:calc(var(--teaser) * .55)}.teaser-knopf .start-name{font-size:.85rem;font-weight:800;line-height:1.1}@container (max-width: 311px){.teaser-knopf:nth-child(n+3){display:none}}@container (max-width: 241px){.teaser-knopf:nth-child(n+2){display:none}}.bereiche{grid-template-columns:repeat(2,minmax(0,1fr))}.bereich{grid-column:span 2}.bereich:first-child:nth-last-child(5)~.bereich:nth-child(n+4){grid-column:span 1;grid-template-columns:minmax(0,1fr)}@container (max-width: 200px){.bereich .teaser{display:none}.bereich-bild{max-height:none}}.bereich-kopf{order:1;flex:1 1 0;min-width:0;container-type:inline-size;display:flex;align-items:center;gap:12px}.bereich-kopf .klein{display:grid;place-items:center;width:var(--ziel);min-height:var(--ziel);padding:0;border:0;box-shadow:var(--schatten-weich)}.bereich-kopf .klein svg{width:30px;height:30px}.bereich-kopf-bild{flex:none;width:var(--ziel);height:var(--ziel)}.bereich-kopf h2{flex:1 1 0;min-width:0;margin:0;font-family:var(--anzeige);font-size:clamp(1rem,calc((100cqi - 152px)/5),2rem);line-height:1;color:var(--farbe-text);overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}#app[data-schirm=auswahl][data-bereich]{background-color:var(--farbe-grund);background-image:radial-gradient(ellipse 100% 36% at 75% 121%,color-mix(in srgb,var(--farbe) 26%,var(--farbe-grund)) 98%,transparent 99%),radial-gradient(ellipse 110% 40% at 20% 110%,color-mix(in srgb,var(--farbe) 14%,var(--farbe-grund)) 98%,transparent 99%)}#app[data-schirm=auswahl][data-bereich] .kopf{flex-wrap:nowrap}#app[data-schirm=auswahl][data-bereich] .kopf-eule{order:8}#app[data-schirm=auswahl][data-bereich] .eltern-knopf{margin-left:0}@media(max-height:720px){#zuletzt{display:none}}@media(max-width:599px){#app[data-schirm=auswahl][data-bereich] .kopf-eule{display:none}.bereich-kopf{gap:8px}.bereich-kopf h2{font-size:clamp(.85rem,calc((100cqi - 144px)/5),1.4rem)}}@media(max-height:720px)and (max-width:599px){.bereiche{gap:8px}.bereich{padding-block:8px}}@media(orientation:landscape)and (max-height:520px){.bereiche{--flaeche-min: 118px;gap:8px}.bereich{--feld-bild: 80px;padding:6px 12px}.bereich-name{font-size:1.2rem}}@media(orientation:landscape)and (max-height:520px),(min-width:900px)and (orientation:landscape)and (min-height:521px){.bereiche{grid-template-columns:repeat(6,minmax(0,1fr))}.bereich,.bereich:first-child:nth-last-child(5)~.bereich:nth-child(n+4){grid-column:span 3;grid-template-columns:minmax(0,1fr) auto}.bereich:first-child:nth-last-child(5),.bereich:first-child:nth-last-child(5)~.bereich:nth-child(-n+3){grid-column:span 2}}@media(min-width:900px)and (orientation:landscape)and (min-height:521px){.bereiche{gap:24px}@container (max-width: 420px){.teaser-knopf:nth-child(n+3){display:none}}.bereich{--feld-bild: 150px;--teaser: var(--teaser-gross);padding:20px 24px}.bereich-name{font-size:1.9rem}.bereich-punkte i{width:12px;height:12px}.zuletzt{order:1;flex:1 1 0;justify-content:center}}@media(min-width:600px)and (orientation:portrait){.bereich{--feld-bild: 130px;--teaser: var(--teaser-gross);padding:16px 24px}.bereich-name{font-size:1.7rem}}.e-knoepfe{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.e-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:8px 0}.e-foto{display:grid;gap:6px;justify-items:center}.e-foto img{width:96px;height:96px;object-fit:cover;border-radius:var(--r-knopf)}.e-datei{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.e-datei-knopf{display:inline-grid;place-items:center;cursor:pointer}.e-datei-knopf[hidden]{display:none}a.e-datei-knopf{color:inherit;text-decoration:none}.vorne.oberbegriff .bild{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;font-size:.5em}.vorne.mit-foto .bild{position:absolute;inset:6px;display:block}.vorne.mit-foto .foto{width:100%;height:100%;object-fit:cover;border-radius:var(--r-knopf)}#kacheln{--bild-flaeche: var(--bild-hoehe);--icon-max: var(--bild-max);--spalten: 2;--luecke: 14px;flex:1;min-height:0;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;align-content:safe center;overflow-y:auto;padding:12px;margin:-12px;gap:var(--luecke)}#kacheln .kachel{flex:0 1 var(--bildkarte-breite);min-width:0;max-width:calc((100% - (var(--spalten) - 1) * var(--luecke)) / var(--spalten));height:var(--bildkarte-hoehe);grid-template-rows:var(--bild-flaeche) auto;align-content:center;gap:14px;padding:12px 10px 16px;container-type:inline-size;border:0;border-radius:var(--r-flaeche);box-shadow:var(--schatten-weich)}@media(orientation:landscape)and (max-height:520px){#kacheln{--bild-flaeche: calc(var(--bild-hoehe) * .7);--icon-max: calc(var(--bild-max) * .6);--spalten: 4}#kacheln .kachel{height:calc(var(--bildkarte-hoehe) * .8);padding-inline:6px}}@media(min-width:900px)and (orientation:landscape)and (min-height:521px){#kacheln{--bild-flaeche: var(--bild-hoehe-gross);--icon-max: var(--bild-max-gross);--spalten: 4;--luecke: 24px}#kacheln .kachel{flex-basis:var(--bildkarte-breite-gross);height:var(--bildkarte-hoehe-gross)}}@media(min-width:600px)and (orientation:portrait){#kacheln{--bild-flaeche: var(--bild-hoehe-gross);--icon-max: var(--bild-max-gross);--luecke: 24px}#kacheln .kachel{flex-basis:var(--bildkarte-breite-gross);height:var(--bildkarte-hoehe-gross)}}#kacheln .kachel:active{transform:translateY(3px);box-shadow:none}#kacheln .kachel>[aria-hidden]{--icon: min( var(--icon-max), calc((100cqw - var(--bild-luft)) / var(--einheiten)), calc(var(--bild-flaeche) / var(--hoch)) );display:flex;align-items:center;justify-content:center;align-self:stretch;gap:calc(var(--icon) * .2);font-size:var(--icon);line-height:1}#kacheln .bild-memory{--einheiten: 2.5;--hoch: 1.53}#kacheln .bild-zahl{--einheiten: 3.51;--hoch: 1.1}#kacheln .bild-rechnen{--einheiten: 2.8;--hoch: .85}#kacheln .bild-hoeren,#kacheln .bild-malen,#kacheln .bild-schwimmt,#kacheln .bild-sterne{--einheiten: 2.2;--hoch: 1.08}#kacheln .bild-muster{--einheiten: 3.72;--hoch: 1}#kacheln .bild-passt{--einheiten: 3.4;--hoch: 1.08}#kacheln .bild-ausparken,#kacheln .bild-hoerzu,#kacheln .bild-zeigmal,#kacheln .bild-wiewardas,#kacheln .bild-unseregeschichte,#kacheln .bild-sortieren,#kacheln .bild-paare{--einheiten: 1;--hoch: 1}#kacheln .bild-ablauf{--einheiten: 4.37;--hoch: 1.01}#kacheln .bild-bingo{--einheiten: 3.8;--hoch: 1}#kacheln .bild-weitergeben{--einheiten: 1.71;--hoch: 1.08}#kacheln .kachel .bild-svg{width:var(--icon);height:var(--icon);vertical-align:middle}#kacheln .kachel-name{display:grid;place-items:center;min-height:2.3em;font-size:1.3rem;line-height:1.15;text-align:center;color:var(--farbe-text, var(--text))}@media(min-width:600px)and (min-height:521px){#kacheln .kachel-name{font-size:1.6rem}}#kacheln .mini-karte{width:calc(var(--icon) * 1.15);border-radius:calc(var(--icon) * .22);font-size:inherit}#kacheln .mini-karte .bild-svg{width:calc(var(--icon) * .8);height:calc(var(--icon) * .8)}#kacheln .bild-zahl b{font-size:calc(var(--icon) * 1.1)}#kacheln .bild-zahl>span,#kacheln .bild-rechnen>span{display:flex;gap:calc(var(--icon) * .05)}#kacheln .bild-rechnen .bild-svg,#kacheln .bild-zahl .bild-svg{width:calc(var(--icon) * .85);height:calc(var(--icon) * .85)}#kacheln .bild-muster .frage{width:var(--icon);height:var(--icon);border-width:2px;border-radius:calc(var(--icon) * .3);font-size:calc(var(--icon) * .6)}#kacheln .bild-ablauf .pfeil,#kacheln .bild-weitergeben>span:last-child{font-size:calc(var(--icon) * .55)}#kacheln .bild-ablauf .bild-svg{width:calc(var(--icon) * .85);height:calc(var(--icon) * .85)}#kacheln .bild-bingo .bild-svg{width:calc(var(--icon) * .8);height:calc(var(--icon) * .8)}#kacheln .bild-schwimmt{align-items:center}#kacheln .bild-schwimmt .unten{transform:translateY(calc(var(--icon) * .2))}#kacheln .bild-ablauf{gap:calc(var(--icon) * .08)}#kacheln .bild-muster .bild-svg,#kacheln .bild-muster .frage{width:calc(var(--icon) * .78);height:calc(var(--icon) * .78)}#kacheln .bild-muster{gap:calc(var(--icon) * .14)}