@font-face{font-family:drbuch-webfont;src:url(/assets/drbuch-webfont-D7M3A7dx.woff2)format("woff2"),url(/assets/drbuch-webfont-xbXnFeLX.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--an-pad:8px;--an-cardpad-top:18px;--an-cardpad-x:12px;--an-cardpad-bottom:22px;--an-gap:15px;--an-zeilenabstand:8px;--an-title:20px;--an-slot-w:44px;--an-slot-h:52px;--an-slot-icon:32px;--an-slot-gap:6px;--an-fehlerh:54px;--an-key:64px;--an-key-gap:6px;--an-key-icon:36px;--an-blockgap:6px;--an-karte-w:368px;--an-karte-h:554px;--an-signh:104px;--an-sink:44px;--an-signgap:12px;--an-radh:64px;--an-scheibe:288px;--an-avtile:140px;--an-avgap:14px;--an-boden:82px;--an-gabelh:118px;--an-gabelgap:14px;--an-gabelboden:150px;--an-gabelsink:77px;--an-gabelbreite:290px;--an-fernboden:113px;--an-fernsink:87px;--boden:#ece4d3;--boden-kante:#dcd2bd;--boden-fern:#f4eee2;--boden-fern-kante:#e7dfcd}@media (orientation:landscape) and (max-height:500px){:root{--an-pad:12px;--an-cardpad-top:12px;--an-cardpad-x:16px;--an-cardpad-bottom:14px;--an-gap:6px;--an-zeilenabstand:8px;--an-title:17px;--an-slot-w:38px;--an-slot-h:44px;--an-slot-icon:27px;--an-slot-gap:5px;--an-fehlerh:23px;--an-key:64px;--an-key-gap:6px;--an-key-icon:36px;--an-blockgap:26px;--an-karte-w:746px;--an-karte-h:261px;--an-signh:76px;--an-sink:32px;--an-signgap:8px;--an-radh:64px;--an-scheibe:136px;--an-avtile:96px;--an-avgap:12px;--an-boden:56px;--an-gabelh:180px;--an-gabelgap:70px;--an-gabelboden:120px;--an-gabelsink:76px}}@media (orientation:portrait) and (min-width:700px){:root{--an-pad:24px;--an-cardpad-top:36px;--an-cardpad-x:36px;--an-cardpad-bottom:40px;--an-gap:26px;--an-zeilenabstand:8px;--an-title:26px;--an-slot-w:70px;--an-slot-h:78px;--an-slot-icon:50px;--an-slot-gap:12px;--an-fehlerh:35px;--an-key:110px;--an-key-gap:16px;--an-key-icon:60px;--an-blockgap:16px;--an-karte-w:756px;--an-karte-h:758px;--an-signh:118px;--an-sink:50px;--an-signgap:18px;--an-radh:74px;--an-scheibe:394px;--an-avtile:170px;--an-avgap:28px;--an-boden:100px;--an-gabelh:210px;--an-gabelgap:90px;--an-gabelboden:360px;--an-gabelsink:88px}}@media (orientation:landscape) and (min-height:501px) and (max-width:1200px){:root{--an-pad:24px;--an-cardpad-top:22px;--an-cardpad-x:40px;--an-cardpad-bottom:26px;--an-gap:16px;--an-zeilenabstand:8px;--an-title:24px;--an-slot-w:60px;--an-slot-h:66px;--an-slot-icon:44px;--an-slot-gap:12px;--an-fehlerh:32px;--an-key:84px;--an-key-gap:16px;--an-key-icon:48px;--an-blockgap:16px;--an-karte-w:691px;--an-karte-h:600px;--an-signh:112px;--an-sink:47px;--an-signgap:16px;--an-radh:72px;--an-scheibe:312px;--an-avtile:150px;--an-avgap:24px;--an-boden:56px;--an-gabelh:240px;--an-gabelgap:120px;--an-gabelboden:280px;--an-gabelsink:101px}}@media (orientation:landscape) and (min-height:501px) and (min-width:1201px){:root{--an-pad:24px;--an-cardpad-top:32px;--an-cardpad-x:48px;--an-cardpad-bottom:36px;--an-gap:24px;--an-zeilenabstand:8px;--an-title:22px;--an-slot-w:56px;--an-slot-h:62px;--an-slot-icon:38px;--an-slot-gap:12px;--an-fehlerh:30px;--an-key:84px;--an-key-gap:16px;--an-key-icon:48px;--an-blockgap:16px;--an-karte-w:705px;--an-karte-h:642px;--an-signh:132px;--an-sink:55px;--an-signgap:16px;--an-radh:90px;--an-scheibe:334px;--an-avtile:130px;--an-avgap:24px;--an-boden:84px;--an-gabelh:260px;--an-gabelgap:160px;--an-gabelboden:320px;--an-gabelsink:109px}}body{margin:0}.an-seite,.an-seite *,.an-seite :before,.an-seite :after{box-sizing:border-box}.an-seite{min-height:100vh;min-height:100dvh;padding:var(--an-pad);background:var(--bg,#fffdf8);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.an-luft{flex:1;min-height:0}.an-boden{margin-inline:calc(-1 * var(--an-pad));min-height:var(--an-boden);max-height:calc(var(--an-boden) + 70px);margin-top:calc(-1 * var(--an-sink));background:var(--boden);border-top:2px solid var(--boden-kante);z-index:0;border-radius:50% 50% 0 0/26px 26px 0 0;flex:1;align-self:stretch}.an-karte{z-index:2;justify-content:center;align-items:center;gap:var(--an-gap);width:var(--an-karte-w);max-width:100%;min-height:var(--an-karte-h);padding:var(--an-cardpad-top) var(--an-cardpad-x) var(--an-cardpad-bottom);background:var(--surface);border-radius:var(--r-card,28px);box-shadow:var(--shadow-card);flex-direction:column;flex:none;display:flex}.an-titel{color:var(--ink-muted);font-size:var(--an-title);letter-spacing:.01em;text-align:center;margin:0;font-weight:600}.an-eingabe{justify-content:center;align-items:center;gap:var(--an-zeilenabstand);flex-wrap:wrap;width:100%;display:flex}.an-eingabe>.an-titel,.an-eingabe>.an-streifen{flex:100%}.an-eingabe>.an-radierer{margin-left:auto}.an-eingabe>.an-rueckmeldung{flex:100%}@media (orientation:portrait) and (min-width:700px),(orientation:landscape) and (min-height:501px){.an-eingabe>.an-streifen{flex:none}.an-eingabe>.an-radierer{margin-left:0}}@media (orientation:landscape) and (max-height:500px){.an-eingabe>.an-titel,.an-eingabe>.an-streifen{flex:none}.an-eingabe>.an-radierer{margin-left:0}}.an-streifen{justify-content:center;align-items:center;gap:var(--an-slot-gap);display:flex}.an-feld{width:var(--an-slot-w);height:var(--an-slot-h);border:2px dashed var(--sand);border-radius:var(--r-key,16px);transition:border-color var(--ease), background var(--ease), transform var(--ease);background:#fffc;flex:none;justify-content:center;align-items:center;display:flex}.an-feld.gefuellt{border-style:solid;border-color:var(--leaf);background:var(--leaf-soft);transform:translateY(-2px)}.an-feld img{width:var(--an-slot-icon);height:var(--an-slot-icon);object-fit:contain}.an-rueckmeldung{height:var(--an-fehlerh);max-width:100%;color:var(--berry,#d9534f);font-size:var(--an-title);text-align:center;text-wrap:pretty;justify-content:center;align-items:center;margin:0;font-weight:600;display:flex}.an-bloecke{align-items:center;gap:var(--an-key-gap);flex-direction:column;display:flex}.an-block{grid-template-columns:repeat(5, var(--an-key));gap:var(--an-key-gap);display:grid}.an-taste{width:var(--an-key);height:var(--an-key);cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;justify-content:center;align-items:center;min-width:64px;min-height:64px;padding:0;transition:transform .12s;display:flex}@media (hover:hover){.an-taste:hover{transform:translateY(-3px)}}.an-taste:active{transform:scale(.94)}.an-taste img{width:var(--an-key-icon);height:var(--an-key-icon);object-fit:contain;pointer-events:none}.an-schilder{justify-content:center;align-items:flex-end;gap:var(--an-signgap);margin-top:var(--an-gap);z-index:2;flex:none;display:flex;position:relative}.an-schild{cursor:pointer;height:var(--an-signh);background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;flex:none;padding:0;transition:transform .1s;display:block}.an-schild-links{aspect-ratio:1767/1260}.an-schild-rechts{aspect-ratio:1869/1181}.an-schild-ausprobieren{background-image:url(/assets/images/UI/UI_Wegweiser_links1_Ausprobieren.webp)}.an-schild-zurueck{background-image:url(/assets/images/UI/UI_Wegweiser_links1_Zurueck.webp)}.an-schild-anmelden{background-image:url(/assets/images/UI/UI_Wegweiser_rechts1_Anmelden.webp)}.an-schild-los{background-image:url(/assets/images/UI/UI_Wegweiser_rechts1_LosGehts.webp)}@media (hover:hover){.an-schild:hover:not(:disabled){transform:translateY(-2px)}}.an-schild:active:not(:disabled){transform:translateY(3px)}.an-schild:disabled{opacity:.38;cursor:default;transform:none}.an-radierer{height:var(--an-radh);aspect-ratio:1740/1216;cursor:pointer;background:url(/assets/images/UI/UI_Radierer.webp) 50%/contain no-repeat;border:none;flex:none;align-self:flex-start;min-width:64px;min-height:64px;padding:0;transition:transform .1s}@media (hover:hover){.an-radierer:hover{transform:translateY(-2px)}}.an-radierer:active{transform:translateY(3px)}.an-seite--gabelung .an-boden{min-height:var(--an-gabelboden);max-height:calc(var(--an-gabelboden) + 70px);margin-top:calc(-1 * var(--an-gabelsink))}.an-gabel{z-index:2;flex-direction:column;flex:none;width:100%;display:flex;position:relative}.an-gabel .an-schild{z-index:1;width:var(--an-gabelbreite);height:auto;position:relative}.an-gabel .an-schild-links{align-self:flex-start}.an-gabel .an-schild-rechts{margin-top:var(--an-gap);align-self:flex-end}.an-boden-fern{z-index:0;margin-inline:calc(-1 * var(--an-pad));height:var(--an-fernboden);margin-top:calc(-1 * var(--an-fernsink));background:var(--boden-fern);border-top:2px solid var(--boden-fern-kante);z-index:0;border-radius:50% 50% 0 0/26px 26px 0 0;flex:none;align-self:stretch;position:relative}@media (min-width:700px),(orientation:landscape){.an-gabel{justify-content:center;align-items:flex-end;gap:var(--an-gabelgap);flex-direction:row}.an-gabel .an-schild{width:auto;height:var(--an-gabelh);align-self:flex-end;margin-top:0}.an-boden-fern{display:none}}@media (orientation:landscape) and (max-height:500px){.an-bloecke{align-items:flex-start;gap:var(--an-blockgap);flex-direction:row}}.an-scheibe{width:var(--an-scheibe);height:var(--an-scheibe);background:url(/assets/images/UI/UI_Avatar.webp) 50%/contain no-repeat;flex:none;justify-content:center;align-items:center;display:flex}.an-scheibe img{object-fit:contain;width:78%;height:78%}.an-avatare{justify-content:center;align-items:center;gap:var(--an-avgap);flex-wrap:wrap;display:flex}.an-avatar{width:var(--an-avtile);height:var(--an-avtile);border-radius:var(--r-tile,20px);background:var(--surface);box-shadow:var(--shadow-tile);cursor:pointer;transition:transform .12s ease, box-shadow var(--ease);border:none;flex:none;justify-content:center;align-items:center;padding:8px;display:flex}@media (hover:hover){.an-avatar:hover:not(:disabled){box-shadow:var(--shadow-card);transform:translateY(-3px)}}.an-avatar:active:not(:disabled){transform:scale(.95)}.an-avatar:disabled{opacity:.6;cursor:default}.an-avatar img{object-fit:contain;pointer-events:none;max-width:100%;max-height:100%}.an-avatar-wartet{background:var(--leaf-soft);cursor:default;position:relative}.an-avatar-wartet:after{content:"";border:4px solid var(--leaf-border-soft);border-top-color:var(--leaf);border-radius:50%;width:40px;height:40px;animation:.9s linear infinite an-dreh}@keyframes an-dreh{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.an-taste,.an-schild,.an-radierer,.an-feld,.an-avatar{transition:none}.an-avatar-wartet:after{animation:none}}.syllable-word{font-family:drbuch-webfont,sans-serif;font-size:var(--wort-groesse,48px);overflow-wrap:anywhere;max-width:100%;line-height:1.1}.exercise-stage{align-items:center;gap:var(--s-6);max-width:780px;padding:var(--s-7) clamp(var(--s-6), 6vw, 56px);background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow-card);flex-direction:column;margin:0 auto;display:flex}.exercise-options-grid{gap:var(--s-5);justify-content:center;width:100%;display:grid}.exercise-options-grid[data-option-count="2"]{grid-template-columns:repeat(2,1fr)}.exercise-options-grid[data-option-count="3"]{grid-template-columns:repeat(3,1fr)}.exercise-options-grid[data-option-count="4"]{grid-template-columns:repeat(2,1fr)}.exercise-options-grid>*,.matching-row>*{min-width:0}.exercise-choice{min-width:0;min-height:64px;padding:var(--s-4);background:var(--surface);border:3px solid var(--sand);border-radius:var(--r-tile);cursor:pointer;box-shadow:var(--shadow-tile);justify-content:center;align-items:center;transition:transform .18s,box-shadow .18s,opacity .5s,border-color .2s,background .2s;display:flex;overflow:hidden}@media (hover:hover){.exercise-choice:not(:disabled):hover{border-color:var(--leaf-border-soft);transform:translateY(-3px);box-shadow:0 8px 18px #4a453c1f}}.exercise-choice:not(:disabled):active{transform:translateY(-1px)scale(.98)}.exercise-choice:disabled{cursor:default}.exercise-image-tile-emoji{font-size:clamp(56px,9vw,104px);line-height:1}.exercise-image-tile-img{object-fit:contain;width:clamp(120px,20vw,200px);max-width:100%;height:clamp(120px,20vw,200px);max-height:100%}.exercise-image-tile-scene{width:var(--szene-groesse,clamp(120px, 22vw, 280px));height:var(--szene-groesse,clamp(120px, 22vw, 280px))}.exercise-choice-dimmed{opacity:.28;box-shadow:none;transform:none}.exercise-choice-correct-pulse{border-color:var(--leaf);background:#e7f2ea;animation:1.4s exercise-pulse;transform:translateY(-20px)}.exercise-choice-chosen-correct{border-color:var(--leaf);background:#e7f2ea}@keyframes exercise-pulse{0%,to{transform:translateY(-20px)scale(1)}30%{transform:translateY(-20px)scale(1.12)}60%{transform:translateY(-20px)scale(1.04)}}.verification-card{align-items:center;gap:var(--s-5);flex-direction:column;display:flex}.verification-buttons{gap:var(--s-6);display:flex}.verification-button{border-radius:var(--r-card);width:120px;min-height:96px;color:var(--surface);cursor:pointer;box-shadow:var(--shadow-tile);border:3px solid #0000;font-size:46px;transition:transform .15s,box-shadow .15s,background .2s,border-color .2s,opacity .5s}.verification-button-yes{background:var(--leaf)}.verification-button-no{background:var(--berry)}@media (hover:hover){.verification-button:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 8px 18px #4a453c29}}.verification-button:not(:disabled):active{transform:translateY(-1px)scale(.98)}.sentence-text{font-family:drbuch-webfont,sans-serif;font-size:var(--satz-groesse,48px);text-align:center;overflow-wrap:break-word;text-wrap:pretty;line-height:1.6}.format-hint-banner{max-width:780px;margin:0 auto var(--s-2);padding:var(--s-3) var(--s-6);border-radius:var(--r-pill);background:var(--sun-bg);border:2px solid var(--sun-border);color:var(--sun-ink);text-align:center;box-shadow:var(--shadow-tile);font-size:22px;font-weight:600}.matching-board{align-items:center;gap:var(--s-6);flex-direction:column;width:100%;display:flex;position:relative}.matching-row{gap:var(--s-5);flex-wrap:wrap;justify-content:center;width:100%;display:flex}.matching-tile-selected{border-color:var(--leaf);box-shadow:0 0 0 3px var(--leaf-ring)}.matching-lines{pointer-events:none;opacity:1;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0;overflow:visible}.matching-lines--revealed{opacity:0}.matching-line{stroke:var(--ink);stroke-width:3.5px;stroke-linecap:round;fill:none;filter:url(#matching-line-sketch);animation:.32s ease-out matching-line-draw}@keyframes matching-line-draw{0%{opacity:0}to{opacity:1}}.intro-card{border:3px solid var(--sand-soft)}.intro-card-button{min-height:64px;margin-top:var(--s-2);border-radius:var(--r-pill);cursor:pointer;background:var(--leaf);color:var(--surface);padding:var(--s-4) var(--s-7);box-shadow:var(--shadow-press);border:none;font-size:20px;font-weight:600;transition:transform .12s,background .18s}@media (hover:hover){.intro-card-button:hover{background:var(--leaf-hover)}}.intro-card-button:active{box-shadow:0 3px 0 var(--leaf-deep);transform:translateY(3px)}@media (prefers-reduced-motion:reduce){.exercise-choice,.verification-button,.intro-card-button{transition:none}.matching-line{animation:none}.matching-lines{transition:none}}.exercise-image-tile-token{width:clamp(120px,20vw,200px);max-width:100%;height:clamp(120px,20vw,200px);max-height:100%;display:inline-flex}.exercise-image-tile-token>svg{width:100%;height:100%}.phrase-display{--wort-groesse:var(--wortgruppe-groesse,48px);flex-wrap:wrap;justify-content:center;column-gap:.35em;display:inline-flex}.exercise-stage:has(.matching-board){max-width:920px}.matching-board .syllable-word{--wort-groesse:40px}.matching-row{gap:16px}.matching-board .exercise-image-tile-img{width:150px;height:150px}.matching-row .exercise-choice{padding:10px 12px}.exercise-options-grid[data-option-kind=sentence]{grid-template-columns:1fr}@media (max-width:480px) and (orientation:portrait){.exercise-stage{--wortgruppe-groesse:36px;--szene-groesse:210px;gap:20px;padding:22px 14px 24px}.exercise-options-grid{gap:22px}.exercise-options-grid[data-option-kind=text],.exercise-options-grid[data-option-kind=sentence]{grid-template-columns:1fr}.matching-board{flex-direction:row;align-items:center;gap:40px}.matching-row{flex-flow:column;flex:1 1 0;min-width:0}.matching-board .exercise-image-tile-img{width:78px;height:78px}.exercise-options-grid[data-option-kind=image][data-option-count="3"]{grid-template-columns:repeat(2,1fr)}.exercise-stage>.syllable-word,.verification-card>.syllable-word{--wort-groesse:48px}.exercise-choice>.syllable-word{--wort-groesse:40px}.matching-board .syllable-word{--wort-groesse:30px}.verification-card .sentence-text{--satz-groesse:34px}.exercise-options-grid .sentence-text{--satz-groesse:26px}}@media (orientation:landscape) and (max-height:520px){.exercise-stage{--wortgruppe-groesse:40px;--satz-groesse:30px;--szene-groesse:180px;gap:14px;padding:16px 20px}:is(.exercise-stage:has(>.exercise-options-grid[data-option-kind=text]),.exercise-stage:has(>.exercise-options-grid[data-option-kind=sentence])){flex-direction:row;align-items:center}:is(.exercise-stage:has(>.exercise-options-grid[data-option-kind=text])>.exercise-options-grid,.exercise-stage:has(>.exercise-options-grid[data-option-kind=sentence])>.exercise-options-grid){flex:auto;width:auto;min-width:0}:is(.exercise-stage:has(>.exercise-options-grid[data-option-kind=text])>.exercise-image-tile-img,.exercise-stage:has(>.exercise-options-grid[data-option-kind=sentence])>.exercise-image-tile-img){flex:none}.exercise-options-grid[data-option-kind=text],.exercise-options-grid[data-option-kind=sentence]{grid-template-columns:1fr}.exercise-options-grid[data-option-kind=image][data-option-count="4"]{grid-template-columns:repeat(4,1fr)}.matching-board .exercise-image-tile-img{width:90px;height:90px}.exercise-stage>.syllable-word,.verification-card>.syllable-word{--wort-groesse:48px}.exercise-choice>.syllable-word{--wort-groesse:36px}.matching-board .syllable-word{--wort-groesse:32px}}@media (min-width:700px) and (orientation:portrait){.exercise-stage{--satz-groesse:44px;--szene-groesse:500px}.exercise-options-grid[data-option-kind=text],.exercise-options-grid[data-option-kind=sentence]{grid-template-columns:1fr}.matching-board{flex-direction:row;align-items:center;gap:64px}.matching-row{flex-flow:column;flex:1 1 0;min-width:0}.matching-board .exercise-image-tile-img{width:180px;height:180px}}.gouache-stroke{stroke-linecap:round;stroke-linejoin:round}.avatar-badge{box-shadow:none;background:url(/assets/images/UI/UI_Avatar.webp) 50%/contain no-repeat;border:none;justify-content:center;align-items:center;display:flex}.avatar-badge img{object-fit:contain;width:78%;height:78%}.avatar-badge-normal{width:64px;height:64px}.avatar-badge-large{width:92px;height:92px}.update-notice{border-radius:var(--r-pill,999px);background:var(--surface,#fffdf7);border:2px solid var(--leaf,#3f9d5a);box-shadow:var(--shadow-card,0 4px 14px #0000001f);font-size:var(--fs-body,17px);z-index:1000;align-items:center;gap:10px;padding:10px 16px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.update-notice-button{border-radius:var(--r-pill,999px);background:var(--leaf,#3f9d5a);color:#fff;font:inherit;cursor:pointer;border:none;padding:8px 14px}