@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{--primary:#ff6c00;--primary-dark:#e05f00;--primary-press:#bf5200;--success:#2aae5f;--success-press:#1f9450;--red:#ff4b4b;--red-press:#d33131;--navy:#000041;--muted:#756a5c;--bg:#fdf7f1;--flaeche:#f5f1ea;--card:#fff;--line:#eee8e0;--radius:18px;--blau-neu:#d6e8ff;--gelb-lernen:#ffe9a8}*{box-sizing:border-box}body{background:var(--bg);color:var(--navy);margin:0;font-family:Nunito,Segoe UI,Helvetica Neue,Arial,sans-serif}.app{min-height:100vh}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes xp-float{0%{opacity:0;transform:translate(-50%,10px)scale(.8)}20%{opacity:1;transform:translate(-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-46px)scale(1)}}@keyframes xp-bump{0%{transform:scale(1)}40%{transform:scale(1.3)rotate(-6deg)}to{transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes word-pop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes card-fly-out{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(110%)rotate(6deg)}}@keyframes card-shake{0%,to{transform:translate(0)}20%{transform:translate(-12px)}40%{transform:translate(10px)}60%{transform:translate(-8px)}80%{transform:translate(6px)}}@keyframes flip-in{0%{opacity:0;transform:perspective(600px)rotateX(70deg)}to{opacity:1;transform:perspective(600px)rotateX(0)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(180px)rotate(320deg)}}main{max-width:1100px;margin:0 auto;padding:36px 20px 60px;animation:.35s fade-up}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:50;background:#ffffffeb;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex;position:sticky;top:0}.logo{letter-spacing:-.02em;color:var(--navy);box-shadow:none;background:#fff0e3;border-radius:12px;align-items:center;gap:8px;padding:4px 10px 4px 6px;font-size:1.35rem;font-weight:900;display:flex}.logo:hover{filter:none;background:#ffe4cc}.logo:active{box-shadow:none;transform:scale(.96)}.logo-badge{background:var(--primary);color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 2px 6px #ff6c0059}.logo-badge svg{width:68%;height:68%;display:block}.tabs{gap:4px;display:flex}.tab{color:var(--navy);box-shadow:none;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-weight:800;display:flex}.tab svg{width:20px;height:20px;display:block}.tab-icon{display:inline-flex;position:relative}.tab:hover{box-shadow:none;filter:none;background:#fff0e3;transform:none}.tab:active{transform:scale(.95)}.tab-active{background:var(--primary);color:#fff}.tab-active:hover{background:var(--primary-dark,#e05f00)}.due-badge{background:var(--red);color:#fff;border-radius:999px;padding:0 5px;font-size:.68rem;line-height:1.4;animation:2.2s infinite pulse;position:absolute;top:-7px;right:-10px}.tab-active .due-badge{color:var(--primary-dark);background:#fff}.stats{align-items:center;gap:14px;font-size:.9rem;display:flex}.streak{color:#e25822;font-weight:900;animation:.4s pop-in}.level-pill{background:var(--card);border:2px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:flex}.level-circle{background:linear-gradient(135deg, var(--primary), #ff9a40);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-weight:900;animation:.4s xp-bump;display:flex;box-shadow:0 2px 6px #ff6c0066}.xp-bar{background:var(--line);border-radius:999px;width:90px;height:9px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg, var(--primary), #ff9a40);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.xp-text-kurz{color:#a89d8d;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.72rem;font-weight:800;display:none}.xp-text{color:#a89d8d;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem;font-weight:700}h1{letter-spacing:-.02em;margin:0 0 8px;font-size:2.1rem;font-weight:900}.accent{color:var(--primary)}.intro{color:#7d7263;margin-bottom:24px}.url-form{gap:10px;margin-bottom:24px;display:flex}.url-form input{border:2px solid var(--line);background:var(--card);border-radius:14px;flex:1;padding:13px 18px;font-family:inherit;font-size:1rem;transition:border-color .15s,box-shadow .15s}.url-form input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #ff6c001f}button{background:var(--primary);color:#fff;letter-spacing:.01em;cursor:pointer;box-shadow:0 4px 0 var(--primary-press);border:none;border-radius:14px;padding:12px 22px;font-family:inherit;font-size:1rem;font-weight:800;transition:filter .12s,transform 80ms,box-shadow 80ms}@media (hover:hover) and (prefers-reduced-motion:no-preference){button:hover:not(:disabled){filter:none;transform:scale(1.02)}}button:disabled{opacity:.6;cursor:wait;box-shadow:0 4px 0 var(--primary-press);transform:none}.error{color:#a33;background:#ffe5e5;border-radius:12px;padding:12px 16px}.reader{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}.video-pane{position:sticky;top:76px}.player-wrap{aspect-ratio:16/9;border-radius:var(--radius);background:#000;overflow:hidden;box-shadow:0 8px 24px #ff6c0024}.player-wrap iframe,.player-wrap #yt-player{border:none;width:100%;height:100%}.video-pane h2{margin:14px 0 10px;font-size:1.05rem}.toggle-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.autoscroll-toggle{color:#7d7263;cursor:pointer;align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.autoscroll-toggle input{accent-color:var(--primary)}.de-toggle{background:var(--card);color:var(--navy);border:2px solid var(--line);box-shadow:none;border-radius:999px;padding:7px 14px;font-size:.85rem}.de-toggle:hover{border-color:var(--primary);filter:none;background:#fff0e3}.de-toggle:active{box-shadow:none;transform:scale(.95)}.de-an{background:var(--primary);border-color:var(--primary);color:#fff}.de-an:hover{background:var(--primary-dark)}.line-de{color:#a89d8d;margin-top:-2px;font-size:.85rem;font-weight:600;line-height:1.5;animation:.25s fade-up;display:block}.save-form{gap:8px;margin-bottom:10px;display:flex}.save-form input{border:2px solid var(--line);border-radius:12px;flex:1;padding:9px 14px;font-family:inherit;font-size:.9rem}.save-form input:focus{border-color:var(--primary);outline:none}.save-form button{padding:9px 14px;font-size:.9rem}.saved-note{color:#1e8a4c;align-items:center;gap:8px;margin:0 0 10px;font-weight:800;display:flex}.category-badge{background:var(--navy);color:#fff;border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:800}.word-card{background:var(--card);border-radius:var(--radius);border:2px solid #0000;margin-top:12px;padding:16px 18px;animation:.3s pop-in;position:relative;box-shadow:0 4px 16px #ff6c001a}@keyframes card-done{0%{opacity:1;transform:scale(1)}12%{transform:scale(1.05)}75%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(.85)translateY(12px)}}@keyframes success-pop{0%{transform:scale(0)rotate(-30deg)}60%{transform:scale(1.35)}to{transform:scale(1)rotate(0)}}.word-card-exit{border-color:var(--success);pointer-events:none;background:#e7f8ee;animation:1.1s forwards card-done}.card-success{align-items:center;gap:14px;display:flex}.success-icon{background:var(--success);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.4rem;font-weight:900;animation:.45s cubic-bezier(.34,1.56,.64,1) success-pop;display:flex;box-shadow:0 4px 12px #2aae5f73}.success-text{font-weight:800}.success-xp{color:var(--primary-dark);font-weight:900;animation:.4s .15s backwards fade-up}.word-es{font-size:1.3rem;font-weight:900}.word-de{color:#7d7263;margin:4px 0 12px}.word-actions{gap:8px;display:flex}.word-actions button{padding:8px 14px;font-size:.9rem}.text-pane{scrollbar-width:thin;max-height:80vh;padding:30vh 12px;font-size:1.1rem;line-height:2;position:relative;overflow-y:auto}.line{opacity:.35;border-left:4px solid #0000;border-radius:4px;margin:0 0 6px;padding-left:10px;transition:opacity .4s}.line.active{opacity:1;border-left-color:var(--primary);font-weight:700}.line:hover{opacity:1}.time{color:#d5c9b8;font-variant-numeric:tabular-nums;cursor:pointer;margin-right:10px;font-size:.75rem;font-weight:700}.time:hover{color:var(--primary)}.word{cursor:pointer;border-radius:6px;padding:1px 3px;transition:background .15s,transform .15s;display:inline-block}.word:hover{background:#ffdcbd}.word.neu{background:var(--blau-neu)}.word.lernen{background:var(--gelb-lernen)}.word.gewusst{box-shadow:inset 0 -2px 0 var(--success);background:0 0}.word-active{color:#fff;animation:.3s word-pop;background:var(--primary)!important}.vocab-gen{margin-bottom:10px}.vocab-gen>button{width:100%}.gen-success{color:#1e8a4c;font-weight:800}.gen-hint{color:#7d7263;margin:0 0 8px;font-size:.9rem}.gen-list{background:var(--card);border-radius:var(--radius);padding:16px;animation:.3s pop-in;box-shadow:0 4px 16px #ff6c001a}.gen-item{cursor:pointer;border-bottom:1px solid #f7efe4;border-radius:8px;grid-template-columns:auto auto 1fr;align-items:baseline;gap:8px;padding:7px 4px;transition:background .12s;display:grid}.gen-item:hover{background:#fdf6ee}.gen-item:last-of-type{border-bottom:none}.gen-item input{accent-color:var(--primary)}.gen-word{font-weight:800}.gen-translation{color:#7d7263}.gen-example{color:#b3a898;grid-column:2/4;font-size:.8rem;font-style:italic}.gen-actions{gap:8px;margin-top:12px;display:flex}.gen-actions button{padding:9px 14px;font-size:.9rem}.trainer-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.trainer-head h1{margin:0}.chips{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.chip{background:var(--card);color:var(--navy);border:2px solid var(--line);box-shadow:none;border-radius:999px;padding:7px 14px;font-size:.88rem;font-weight:800;transition:background .15s,border-color .15s,transform .1s}.chip:hover{border-color:var(--primary);filter:none;background:#fff0e3}.chip:active{box-shadow:none;transform:scale(.94)}.chip-active{background:var(--primary);border-color:var(--primary);color:#fff}.chip-active:hover{background:var(--primary-dark)}.empty-hint{color:#a89d8d;padding:24px 0}.vocab-table{border-collapse:collapse;background:var(--card);border-radius:var(--radius);width:100%;animation:.3s fade-up;overflow:hidden;box-shadow:0 6px 22px #ff6c001a}.vocab-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#b3a898;border-bottom:2px solid #f7efe4;padding:14px 16px 10px;font-size:.72rem}.vocab-table td{border-bottom:1px solid #f7efe4;padding:11px 16px}.vocab-table tbody tr{transition:background .12s}.vocab-table tbody tr:hover{background:#fdf6ee}.vocab-table tr:last-child td{border-bottom:none}.cell-word{font-weight:800}.cell-source{color:#b3a898;max-width:220px;font-size:.85rem}.level-badge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:800;display:inline-block}.lvl-0{background:var(--blau-neu);color:#1d4f8c}.lvl-1{background:var(--gelb-lernen);color:#8c6a00}.lvl-2{color:#8c5a00;background:#ffd98a}.lvl-3{color:#7a4a00;background:#ffc46b}.lvl-4{color:#1c6b3c;background:#c8ecd4}.lvl-5{color:#155a31;background:#a6e2bc}.lvl-6{color:#0f4a27;background:#7fd8a3}.btn-delete{color:#d8cdbc;box-shadow:none;background:0 0;padding:4px 8px;font-size:.9rem}.btn-delete:hover{color:#a33;filter:none;background:#ffe5e5}.btn-delete:active{box-shadow:none;transform:scale(.9)}.training-stage{position:relative}.training-progress{color:#a89d8d;font-weight:700}.flashcard{background:var(--card);text-align:center;border:2px solid #0000;border-radius:24px;width:100%;max-width:720px;margin:0 auto 16px;padding:52px 32px;animation:.35s cubic-bezier(.34,1.4,.64,1) pop-in;position:relative;overflow:hidden;box-shadow:0 10px 30px #ff6c001f}.card-richtig{border-color:var(--success);background:#e7f8ee;animation:.38s ease-in forwards card-fly-out}.flash-word{margin-bottom:20px;font-size:2.2rem;font-weight:900}.flash-back{transform-origin:top;animation:.35s flip-in}.flash-translation{color:#7d7263;margin-bottom:24px;font-size:1.3rem}.flash-actions{justify-content:center;gap:12px;display:flex}.btn-right{background:var(--success);box-shadow:0 4px 0 var(--success-press)}.btn-right:active{box-shadow:0 0 0 var(--success-press)}.btn-right:disabled{box-shadow:0 4px 0 var(--success-press)}.btn-wrong{background:var(--red);box-shadow:0 4px 0 var(--red-press)}.btn-wrong:active{box-shadow:0 0 0 var(--red-press)}.btn-wrong:disabled{box-shadow:0 4px 0 var(--red-press)}.btn-plain{color:#a89d8d;box-shadow:none;background:0 0;margin:0 auto;font-weight:800;display:block}.btn-plain:hover{filter:none;background:#f5eee3}.btn-plain:active{box-shadow:none;transform:scale(.96)}.flashcard.done h2{margin-top:0}.bonus-note{color:var(--primary-dark);font-weight:800}.xp-popup{color:var(--primary-dark);pointer-events:none;z-index:10;font-size:1.4rem;font-weight:900;animation:1.1s ease-out forwards xp-float;position:absolute;top:40px;left:50%;transform:translate(-50%)}.confetti-burst{pointer-events:none;position:absolute;inset:0}.confetti{top:0;left:calc(4% + var(--i) * 7%);background:var(--primary);width:9px;height:14px;animation:confetti-fall 1.6s ease-in calc(var(--i) * 90ms) forwards;border-radius:3px;position:absolute}.confetti:nth-child(3n){background:var(--success)}.confetti:nth-child(4n){background:#4aa3ff}.confetti:nth-child(5n){background:var(--red)}.levelup-overlay{z-index:100;cursor:pointer;background:#00004173;justify-content:center;align-items:center;animation:.25s fade-in;display:flex;position:fixed;inset:0}.levelup-card{text-align:center;background:#fff;border-radius:26px;padding:40px 56px;animation:.55s cubic-bezier(.34,1.56,.64,1) bounce-in;box-shadow:0 20px 60px #0000004d}.levelup-emoji{font-size:3.5rem;animation:.8s .3s wiggle}.levelup-card h2{color:var(--primary-dark);margin:10px 0 4px}.levelup-card p{color:#7d7263;margin:0}.library h1{margin-bottom:16px}.discover-title{margin-top:44px;font-weight:900}.section-row{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px;display:flex}.section-row .discover-title{margin-bottom:0}.video-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin-top:8px;display:grid}.video-card{background:var(--card);border-radius:var(--radius);transition:transform .18s,box-shadow .18s;animation:.3s fade-up;overflow:hidden;box-shadow:0 4px 14px #ff6c0014}.video-card:hover{transform:scale(1.02)}.video-card img{aspect-ratio:16/9;object-fit:cover;cursor:pointer;width:100%;display:block}.video-card-body{padding:11px 14px 12px}.video-card-title{cursor:pointer;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:800;line-height:1.35;transition:color .12s;display:-webkit-box;overflow:hidden}.video-card-title:hover{color:var(--primary-dark)}.video-card-meta{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.video-card-channel{color:#b3a898;font-size:.8rem;font-weight:700}.home{max-width:640px;margin:0 auto}.home-hero{background:var(--card);border-radius:var(--radius);padding:20px;animation:.3s pop-in;box-shadow:0 6px 20px #ff6c0017}.hero-row{flex-wrap:wrap;gap:10px;margin-bottom:4px;display:flex}.hero-chip{color:var(--primary-dark);background:#fff0e3;border-radius:999px;padding:5px 12px;font-size:.85rem;font-weight:800}.hero-cta{width:100%;margin-top:6px}.home-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.home-card{text-align:left;background:var(--card);color:var(--navy);border-radius:var(--radius);flex-direction:column;align-items:flex-start;gap:4px;padding:16px;transition:transform .15s,box-shadow .15s;animation:.3s fade-up;display:flex;box-shadow:0 4px 14px #ff6c0014}.home-card:hover{filter:none;transform:scale(1.02);box-shadow:0 8px 22px #ff6c0021}.home-card:active{transform:scale(.97);box-shadow:0 4px 14px #ff6c0014}.home-emoji{background:#fff0e3;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:4px;font-size:1.25rem;display:flex}.home-title{font-size:1rem;font-weight:900}.home-sub{color:#a89d8d;font-size:.82rem;font-weight:700}.back-link{margin:0 0 14px;padding:8px 14px}.empty-reader{text-align:center;padding:40px 0}.lessons{max-width:640px;margin:0 auto}.lesson-list{flex-direction:column;gap:12px;display:flex}.lesson-card{text-align:left;background:var(--card);color:var(--navy);border-radius:var(--radius);align-items:center;gap:14px;padding:16px 18px;transition:transform .15s,box-shadow .15s;animation:.3s fade-up;display:flex;box-shadow:0 4px 14px #ff6c0014}.lesson-card:hover{filter:none;transform:scale(1.02)}.lesson-card:active{transform:scale(.98);box-shadow:0 4px 14px #ff6c0014}.lesson-emoji{background:#fff0e3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.lesson-text{flex-direction:column;flex:1;gap:2px;display:flex}.lesson-title{font-size:1.02rem;font-weight:900}.lesson-sub{color:#a89d8d;font-size:.85rem;font-weight:700}.lesson-done .lesson-emoji{background:#dcf5e7}.lesson-done .lesson-sub{color:#1e8a4c}.lesson-check{background:var(--success);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-weight:900;display:flex}.lesson-locked{opacity:.55}.lesson-locked:hover{transform:none}.lesson-card:disabled{cursor:not-allowed;transform:none;box-shadow:0 4px 14px #ff6c000d}.player-top{align-items:center;gap:12px;margin-bottom:18px;display:flex}.player-top .btn-plain{margin:0;padding:6px 12px;font-size:1.1rem}.player-bar{flex:1;width:auto;height:12px}.lesson-hint{color:#a89d8d;text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:.85rem;font-weight:800}.lesson-done-emoji{font-size:3rem;animation:.8s .3s wiggle}.intro-goals{text-align:left;color:#6d6152;margin:0 auto 20px;padding:0;font-weight:700;line-height:1.9;list-style:none;display:table}.flash-example{color:#6d6152;margin:-8px 0 22px;font-style:italic;font-weight:600;line-height:1.5}.flash-example-de{color:#b3a898;font-size:.85rem;font-style:normal;display:block}.word-row{justify-content:center;align-items:center;gap:12px;display:flex}.word-row .flash-word{margin-bottom:0}.word-step .word-row{margin-bottom:16px}.speak-btn{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 3px 10px #ff6c0047}@media (hover:hover){.speak-btn:hover{background:var(--primary);filter:none;transform:scale(1.08);box-shadow:0 5px 16px #ff6c0061}}.speak-btn:active{transform:scale(.9)}.speak-btn-mini{vertical-align:middle;width:26px;height:26px;color:var(--primary-dark);box-shadow:none;background:#fff0e3;margin-left:8px}@media (hover:hover){.speak-btn-mini:hover{box-shadow:none;background:#ffe0c4}}.word-step .flash-translation{color:var(--primary-dark);background:#fff0e3;border-radius:999px;margin-bottom:24px;padding:7px 20px;font-size:1.05rem;font-weight:800;display:inline-block}.example-box{text-align:left;background:#fdf6ee;border-left:4px solid #ffc94d;border-radius:12px;max-width:400px;margin:0 auto 24px;padding:13px 16px}.example-es{font-weight:700;line-height:1.5}.example-hit{color:var(--primary-dark);text-underline-offset:3px;-webkit-text-decoration:underline #ffc94d;text-decoration:underline #ffc94d;text-decoration-thickness:3px}.example-de{color:#a89d8d;margin-top:4px;font-size:.88rem;font-weight:600}.info-card .lesson-hint{text-align:center;color:#b8860b}.info-card button{margin:0 auto;display:block}.info-icon{background:linear-gradient(135deg,#ffd76e,#ffbe3d);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 10px;font-size:1.95rem;line-height:1;animation:.8s .3s wiggle;display:flex;box-shadow:0 4px 14px #ffbe3d73}.info-einzeln{text-align:left;margin:4px 0 20px;animation:.35s backwards fade-up}.info-title{color:var(--navy);text-wrap:balance;margin:0 0 8px;font-size:1.15rem;font-weight:900}.info-text{color:#6d6152;margin:0;font-size:1.02rem;font-weight:600;line-height:1.85}.info-punkte{justify-content:center;gap:7px;margin:0 0 18px;display:flex}.info-punkte i{background:var(--line);border-radius:50%;width:7px;height:7px;transition:background .2s,transform .2s}.info-punkte .punkt-aktiv{background:var(--primary);transform:scale(1.35)}.wort-chip{color:var(--primary-dark);white-space:nowrap;background:#fff0e3;border-radius:8px;padding:1px 8px;font-weight:800}.dialog-card{text-align:left}.dialog-card .lesson-hint{text-align:center}.dialog-line{margin-bottom:12px;font-weight:700;line-height:1.5}.dialog-speaker{color:var(--primary);font-weight:900}.dialog-de{color:#b3a898;font-size:.85rem;font-weight:600;animation:.25s fade-up}.dialog-actions{margin-top:20px}.gap-sentence{margin-bottom:6px;font-size:1.35rem;font-weight:800;line-height:1.5}.gap-help{color:#b3a898;margin:0 0 16px;font-size:.88rem;font-weight:600}.chat-card{text-align:left;padding:28px 20px}.chat-card .lesson-hint{text-align:center}.chat{flex-direction:column;gap:10px;min-height:220px;display:flex}.chat-row{align-items:flex-end;gap:8px;display:flex}.chat-row.chat-rechts{flex-direction:row-reverse}.chat-avatar{color:#fff;background:linear-gradient(135deg, var(--primary), #ff9a40);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;font-weight:900;display:flex;box-shadow:0 2px 6px #ff6c0059}.chat-rechts .chat-avatar{background:linear-gradient(135deg, var(--success), #5ecf8a);box-shadow:0 2px 6px #2aae5f66}@keyframes bubble-in-links{0%{opacity:0;transform:translate(-24px)scale(.85)}60%{transform:translate(3px)scale(1.02)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes bubble-in-rechts{0%{opacity:0;transform:translate(24px)scale(.85)}60%{transform:translate(-3px)scale(1.02)}to{opacity:1;transform:translate(0)scale(1)}}.chat-bubble{text-align:left;max-width:82%;color:var(--navy);cursor:pointer;background:#fff0e3;border-radius:16px 16px 16px 4px;padding:9px 14px 10px;font-size:1rem;font-weight:700;line-height:1.45;animation:.4s cubic-bezier(.34,1.3,.64,1) bubble-in-links;box-shadow:0 2px 8px #ff6c0012}.chat-rechts .chat-bubble{background:#e3f7ec;border-radius:16px 16px 4px;animation:.4s cubic-bezier(.34,1.3,.64,1) bubble-in-rechts}.chat-bubble:hover{filter:brightness(.98)}.chat-bubble:active{transform:scale(.97)}.chat-name{text-transform:uppercase;letter-spacing:.06em;color:var(--primary-dark);margin-bottom:2px;font-size:.66rem;font-weight:900;display:block}.chat-rechts .chat-name{color:#1e8a4c}.chat-de{opacity:.7;border-top:1px dashed #0000412e;margin-top:6px;padding-top:6px;font-size:.85rem;font-weight:600;animation:.25s fade-up;display:block}.dialog-actions{justify-content:space-between;margin-top:18px;animation:.35s fade-up}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.chat-typing{cursor:default;align-items:center;gap:5px;padding:14px 16px;display:flex}.chat-typing span{opacity:.4;background:currentColor;border-radius:50%;width:8px;height:8px;animation:1.1s infinite typing-bounce}.chat-typing span:nth-child(2){animation-delay:.15s}.chat-typing span:nth-child(3){animation-delay:.3s}.chat-weiter{margin:18px auto 0;animation:.35s fade-up;display:block}.free-hint{text-align:center;color:#b3a898;margin:6px 0 0;font-size:.78rem;font-weight:700}.list-gen .free-hint{text-align:left;margin:-16px 0 12px 4px}.quiz-options{flex-direction:column;gap:10px;margin-top:6px;display:flex}.quiz-option{background:var(--card);color:var(--navy);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);border-radius:14px;padding:13px 16px;font-size:1.02rem;font-weight:800;transition:border-color .12s,background .12s,transform 80ms}@media (hover:hover){.quiz-option:hover{border-color:var(--primary);filter:none;background:#fff7ef}}.quiz-option:active{box-shadow:0 0 0 var(--line);transform:translateY(3px)}.option-richtig{color:#fff;box-shadow:0 3px 0 var(--success-press);animation:.3s pop-in;background:var(--success)!important;border-color:var(--success)!important}.option-falsch{color:#fff;box-shadow:0 3px 0 var(--red-press);animation:.4s card-shake;background:var(--red)!important;border-color:var(--red)!important}.option-inaktiv{opacity:.45}.fab-stack{z-index:65;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:100px;right:16px}.fab{border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;padding:0;font-size:1.35rem;animation:.3s pop-in;display:flex;box-shadow:0 6px 18px #ff6c0066}.fab:active{transform:scale(.9)}.fab-secondary{background:var(--navy);box-shadow:0 6px 18px #00004159}.fab-secondary:hover{background:#1a1a6e}.fab-done{background:var(--success);box-shadow:0 6px 18px #2aae5f66}.fab-panel{background:var(--card);border-radius:var(--radius);z-index:66;max-width:420px;max-height:60vh;margin-left:auto;padding:16px;animation:.25s pop-in;position:fixed;bottom:170px;left:16px;right:16px;overflow-y:auto;box-shadow:0 12px 40px #00004140}.fab-panel-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.fab-panel-head .btn-plain{margin:0;padding:4px 10px}.modul-bar{align-items:center;gap:8px;margin-top:6px;display:flex}.modul-bar .goal-bar{width:120px;height:8px;display:block}.modul-count{color:#a89d8d;font-size:.78rem;font-weight:800}.journey-card{background:var(--card);border-radius:var(--radius);cursor:pointer;padding:14px 16px;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #ff6c0014}.journey-card:hover{transform:scale(1.02)}.journey-row{align-items:center;gap:10px;padding:7px 0;display:flex}.journey-emoji{font-size:1.1rem}.journey-name{flex:1;font-size:.9rem;font-weight:800}.journey-bar{width:90px;height:8px;display:block}.journey-count{color:var(--success);text-align:right;min-width:28px;font-size:.8rem;font-weight:900}.buch-cover{aspect-ratio:16/9;cursor:pointer;background:linear-gradient(135deg,#fff0e3,#ffe4cc);justify-content:center;align-items:center;font-size:2.6rem;display:flex}.premium-teaser{margin-bottom:18px}.buch-view{max-width:640px}.buch-absatz{margin-bottom:14px}.buch-es{margin:0;font-size:1.08rem;font-weight:600;line-height:1.8}.buch-de{color:#a89d8d;margin:4px 0 0;font-size:.92rem;font-weight:600;animation:.25s fade-up}.buch-view .hero-cta{margin-top:14px}.game-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px;display:grid}.game-card{text-align:left;background:var(--card);color:var(--navy);border-radius:var(--radius);flex-direction:column;align-items:flex-start;gap:3px;padding:14px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 14px #ff6c0014}.game-card:hover{filter:none;transform:scale(1.02);box-shadow:0 8px 22px #ff6c0021}.game-card:active{transform:scale(.97);box-shadow:0 4px 14px #ff6c0014}.game-title{margin:0;font-size:1.15rem}.memory-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:520px;margin:0 auto;display:grid}.memory-card{background:var(--primary);color:#fff;min-height:74px;box-shadow:0 4px 0 var(--primary-press);border-radius:14px;padding:8px;font-size:.92rem;font-weight:800;transition:transform .15s,background .15s}.memory-card:hover{filter:brightness(1.05)}.memory-offen{background:var(--card);color:var(--navy);box-shadow:0 4px 0 var(--line);animation:.25s pop-in}.memory-gefunden{color:#1e8a4c;cursor:default;background:#e7f8ee;box-shadow:0 4px #bfe8cd}.pairs-grid{grid-template-columns:1fr 1fr;gap:10px 16px;width:100%;max-width:560px;margin:0 auto;display:grid}.pairs-col{flex-direction:column;gap:10px;display:flex}.pair-gewaehlt{transform:scale(.98);border-color:var(--primary)!important;background:#fff0e3!important}.kw-scroll{padding-bottom:6px;overflow-x:auto}.kw-grid{gap:3px;width:max-content;margin:0 auto;display:grid}.kw-leer{width:36px;height:36px}.kw-zelle{background:var(--card);border:2px solid var(--line);border-radius:8px;width:36px;height:36px;position:relative}.kw-zelle input{text-align:center;width:100%;height:100%;color:var(--navy);text-transform:uppercase;background:0 0;border:none;border-radius:6px;font-family:inherit;font-size:1rem;font-weight:900}.kw-zelle input:focus{outline:3px solid var(--primary)}.kw-nummer{color:#b3a898;font-size:.55rem;font-style:normal;font-weight:800;position:absolute;top:1px;left:3px}.kw-geloest{border-color:var(--success);background:#e7f8ee}.kw-geloest input{color:#1e8a4c}.kw-hinweise{color:#6d6152;max-width:520px;margin:16px auto 0;padding-left:0;font-weight:700;line-height:1.9;list-style:none}.kw-hinweis-geloest{color:#1e8a4c}.settings{max-width:640px;margin:0 auto}.profile-card{background:linear-gradient(135deg, var(--navy), #1a1a6e);color:#fff;border-radius:var(--radius);align-items:center;gap:16px;padding:20px;animation:.3s pop-in;display:flex;box-shadow:0 8px 24px #00004140}.profile-level{background:linear-gradient(135deg, var(--primary), #ff9a40);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:900;display:flex;box-shadow:0 4px 12px #ff6c0073}.profile-name{font-size:1.2rem;font-weight:900}.profile-stats{opacity:.85;font-size:.88rem;font-weight:700}.settings-heading{text-transform:uppercase;letter-spacing:.07em;color:#a89d8d;margin:26px 0 8px 4px;font-size:.85rem}.plan-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.plan-card{background:var(--card);border-radius:var(--radius);flex-direction:column;padding:18px;display:flex;box-shadow:0 6px 22px #ff6c001a}.plan-active{border:2px solid var(--line)}.plan-premium{border:2px solid var(--primary);background:var(--card)}.plan-name{flex-wrap:wrap;align-items:center;gap:8px;font-size:1.05rem;font-weight:900;display:flex}.plan-badge{background:var(--success);color:#fff;border-radius:999px;padding:2px 9px;font-size:.68rem}.badge-soon{background:var(--primary)}.plan-features{color:#6d6152;flex:1;margin:12px 0;padding:0;font-size:.88rem;font-weight:700;list-style:none}.plan-features li{margin-bottom:7px}.plan-price{color:var(--primary-dark);margin-bottom:10px;font-weight:900}.price-options{flex-direction:column;gap:7px;margin-bottom:12px;display:flex}.price-row{border:1.5px solid var(--line);color:#6d6152;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:9px 13px;font-size:.88rem;font-weight:700;display:flex}.price-row b{color:var(--navy);font-size:.98rem}.price-best{border-color:var(--primary);background:#fff0e3}.spar-badge{background:var(--success);color:#fff;border-radius:999px;margin-left:4px;padding:1px 8px;font-size:.68rem;font-style:normal;font-weight:900}.plan-card button{padding:9px 16px;font-size:.9rem}.settings-card{background:var(--card);border-radius:var(--radius);padding:6px 16px;box-shadow:0 6px 22px #ff6c001a}.settings-row{border-bottom:1px solid #f7efe4;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.settings-row:last-child{border-bottom:none}.row-title{font-weight:800}.row-hint{color:#a89d8d;font-size:.82rem;font-weight:600}.btn-small{flex-shrink:0;padding:8px 14px;font-size:.85rem}.btn-danger{background:var(--red);box-shadow:0 4px 0 var(--red-press)}.btn-danger:active{box-shadow:0 0 0 var(--red-press)}.goal-row{flex-wrap:wrap;gap:8px;padding:12px 0 4px;display:flex}.goal-progress{align-items:center;gap:12px;padding:10px 0 14px;display:flex}.goal-bar{width:140px;height:12px}.goal-text{color:#6d6152;font-size:.85rem;font-weight:800}.switch{flex-shrink:0;width:48px;height:28px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background:#e0d6c6;border-radius:999px;transition:background .2s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s cubic-bezier(.34,1.4,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00004140}.switch input:checked+.slider{background:var(--success)}.switch input:checked+.slider:before{transform:translate(20px)}.about-note{text-align:center;color:#b3a898;margin-top:30px;font-size:.82rem;font-weight:700}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=800px){main{padding:20px 14px 44px}h1{font-size:1.55rem}.intro{margin-bottom:16px;font-size:.92rem}.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;padding:9px 14px}.logo{font-size:1.05rem}.stats{gap:8px;margin-left:auto}.xp-text{display:none}.xp-text-kurz{display:inline}.xp-bar{width:44px}.level-circle{width:26px;height:26px;font-size:.85rem}body.lektion-laeuft .tabs{display:none}body.lektion-laeuft main{padding-bottom:30px}.tabs{z-index:70;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fffffff5;gap:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #ff6c0014}.tab{color:#a89d8d;border-radius:12px;flex-direction:column;flex:1;gap:3px;padding:4px 0;font-size:.7rem;font-weight:800}.tab svg{width:26px;height:26px}.tab:hover{background:0 0}.tab-active{color:var(--primary);background:0 0}.tab-active:hover{background:0 0}.tab-active .due-badge{background:var(--red);color:#fff}main{padding-bottom:110px}.reader{grid-template-columns:1fr;gap:16px}.video-pane{position:static}.text-pane{max-height:56vh;padding:14vh 4px;font-size:1rem}.word-card{padding:20px 20px calc(22px + env(safe-area-inset-bottom));z-index:80;border-radius:22px 22px 0 0;margin:0;animation:.3s cubic-bezier(.22,1,.36,1) sheet-up;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 34px #00004147}.word-card-exit{animation:1.1s forwards card-done}.trainer-head{gap:10px}.vocab-table{display:block;overflow-x:auto}.flashcard{padding:38px 18px}.flash-word{font-size:1.7rem}.flash-actions{flex-wrap:wrap}.video-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.levelup-card{margin:0 16px;padding:30px 34px}.plan-grid,.game-grid{grid-template-columns:1fr}.memory-card{min-height:64px;font-size:.8rem}}.biblio-karte{position:relative}.biblio-anzahl{color:var(--muted);background:#fff;border-radius:999px;padding:5px 12px;font-size:.82rem;font-weight:800}.niveau-badge{z-index:2;letter-spacing:.03em;color:#fff;border-radius:8px;padding:4px 9px;font-size:.68rem;font-weight:900;position:absolute;top:8px;left:8px;box-shadow:0 2px 6px #00004140}.niveau-A1{background:var(--success)}.niveau-A2{background:var(--primary)}.niveau-B1{background:var(--navy)}.chip-aktiv{background:var(--primary);color:#fff;border-color:var(--primary)}.login-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000416b;place-items:center;padding:20px;animation:.2s login-auf;display:grid;position:fixed;inset:0}@keyframes login-auf{0%{opacity:0}to{opacity:1}}.login-box{background:#fff;border-radius:26px;width:100%;max-width:410px;max-height:92vh;padding:34px 30px 26px;animation:.32s cubic-bezier(.34,1.3,.64,1) login-rein;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0000414d}@keyframes login-rein{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.login-schliessen{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:1.7rem;line-height:1;position:absolute;top:14px;right:16px}.login-schliessen:hover{background:var(--flaeche);color:var(--navy)}.login-kopf{text-align:center;margin-bottom:22px}.login-badge{place-items:center;width:46px;height:46px;margin:0 auto 12px;font-size:1.8rem;display:grid}.login-kopf h2{margin-bottom:6px;font-size:1.45rem}.login-kopf p{color:var(--muted);font-size:.93rem;line-height:1.5}.login-form{gap:14px;display:grid}.login-feld{gap:6px;display:grid}.login-feld span{color:var(--muted);font-size:.83rem;font-weight:800}.login-feld input{border:2px solid var(--line);background:var(--flaeche);color:var(--navy);border-radius:14px;padding:13px 15px;font-family:inherit;font-size:1rem;font-weight:600;transition:border-color .15s,background .15s}.login-feld input:focus{border-color:var(--primary);background:#fff;outline:none}.login-absenden{justify-content:center;width:100%;margin-top:4px}.login-absenden:disabled{opacity:.6;cursor:wait}.login-fehler{color:#c0392b;background:#ffeceb;border-radius:12px;padding:11px 14px;font-size:.9rem;font-weight:700}.login-hinweis{color:#1f7a45;background:#e8f7ee;border-radius:12px;padding:11px 14px;font-size:.9rem;font-weight:700;line-height:1.45}.login-wechsel{justify-items:center;gap:8px;margin:18px 0 14px;display:grid}.login-wechsel .btn-plain{color:var(--muted);font-size:.92rem}.login-wechsel .btn-plain b{color:var(--primary)}.login-klein{font-size:.85rem!important}.login-fuss{color:var(--muted-light,#a89d8d);text-align:center;border-top:1px solid var(--line);padding-top:14px;font-size:.78rem;line-height:1.5}.konto-karte{background:#fff;border-radius:18px;align-items:center;gap:14px;padding:16px 18px;display:flex;box-shadow:0 6px 22px #ff6c001a}.konto-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:1.2rem;font-weight:900;display:grid}.konto-text{flex:1;min-width:0}.konto-name{font-weight:800}.konto-mail{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.konto-sync{color:var(--success);font-size:.78rem;font-weight:800}.btn-outline{color:var(--navy);border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-family:inherit;font-size:1rem;font-weight:800;transition:border-color .15s,transform .1s;display:inline-flex}.btn-outline:hover{border-color:var(--primary)}.btn-outline:active{transform:scale(.97)}.ebook-form input{border:2px solid var(--line);color:var(--navy);background:#fff;border-radius:14px;padding:14px 16px;font-family:inherit;font-size:1rem;font-weight:600}.ebook-form input:focus{border-color:var(--primary);outline:none}.ebook-form input:disabled{background:var(--flaeche);opacity:.6}.ebook-form-zeile{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ebook-niveaus{gap:6px;display:flex}.kontingent{color:var(--muted);margin-bottom:16px;font-size:.87rem;font-weight:800}.kontingent-leer{color:var(--primary-dark,#e05f00)}.ebook-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:18px;margin-top:18px;display:grid}.ebook-karte{cursor:pointer;transition:transform .2s;position:relative}.ebook-karte:hover{transform:scale(1.02)}.ebook-cover{aspect-ratio:3/4;background:linear-gradient(145deg, var(--navy), #2a2a7a);border-left:7px solid #0000002e;border-radius:14px;place-items:center;display:grid;position:relative;box-shadow:0 8px 22px #00004129}.ebook-cover-A1{background:linear-gradient(145deg,#2aae5f,#48c97a)}.ebook-cover-A2{background:linear-gradient(145deg,#ff6c00,#ff9a40)}.ebook-cover-B1{background:linear-gradient(145deg,#000041,#2a2a7a)}.ebook-cover-B2{background:linear-gradient(145deg,#7d1a33,#a83350)}.ebook-cover-symbol{filter:drop-shadow(0 2px 4px #00000040);font-size:2.6rem}.ebook-cover-niveau{color:var(--navy);background:#ffffffe6;border-radius:7px;padding:3px 8px;font-size:.7rem;font-weight:900;position:absolute;top:10px;right:10px}.ebook-marke{color:var(--navy);white-space:nowrap;background:#ffffffeb;border-radius:999px;padding:3px 10px;font-size:.68rem;font-weight:800;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.ebook-info{padding:10px 2px 0}.ebook-titel{margin-bottom:3px;font-size:.93rem;font-weight:800;line-height:1.3}.ebook-meta{color:var(--muted);font-size:.78rem;font-weight:700}.ebook-loeschen{opacity:0;background:#ffffffe6;border-radius:7px;padding:2px 7px;transition:opacity .15s;position:absolute;top:8px;left:12px}.ebook-karte:hover .ebook-loeschen{opacity:1}@media (width<=600px){.ebook-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:14px}.ebook-form-zeile{flex-direction:column;align-items:stretch}.ebook-form-zeile .btn{justify-content:center;width:100%}}.ebook-cover-titel{color:#fff;text-align:center;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:6px;padding:0 14px;font-size:.88rem;font-weight:900;line-height:1.3;display:-webkit-box;overflow:hidden}.ebook-cover-autor{color:#fffc;margin-top:8px;font-size:.7rem;font-weight:700}.ebook-cover{flex-direction:column;justify-content:center;align-items:center;display:flex}.leser{padding-bottom:130px;animation:.3s fade-up}.leser-kopf{align-items:flex-start;gap:14px;margin-bottom:8px;display:flex}.leser-kopf-titel{gap:2px;min-width:0;display:grid}.leser-kopf-titel b{font-size:.95rem;line-height:1.3}.leser-kopf-titel span{color:var(--muted);font-size:.8rem;font-weight:700}.leser-text{max-width:640px;margin:0 auto;padding:26px 4px 10px;animation:.35s fade-up}.leser-label{color:var(--primary-dark,#e05f00);margin-bottom:10px;font-size:.85rem;font-weight:800}.leser-titel{letter-spacing:-.02em;margin-bottom:22px;font-size:clamp(1.5rem,4.5vw,2.1rem);font-weight:900;line-height:1.2}.leser-absatz{color:var(--navy);margin-bottom:18px;font-size:1.07rem;line-height:1.85}.leser-fuss{z-index:60;border-top:1px solid var(--line);padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#fff;justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #ff6c0014}.leser-sprachen{gap:7px;display:flex}.sprach-knopf{border:2px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:9px 18px;font-family:inherit;font-size:.9rem;font-weight:800;transition:all .15s}.sprach-knopf.sprach-aktiv{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 3px 0 var(--primary-press,#bf5200)}.sprach-knopf.sprach-navy.sprach-aktiv{background:var(--navy);border-color:var(--navy);box-shadow:0 3px #00002a}.leser-fortschritt{flex:1;gap:5px;min-width:0;max-width:380px;display:grid}.leser-balken{gap:4px;display:flex}.balken-teil{background:var(--line);cursor:pointer;border-radius:3px;flex:1;height:5px;transition:background .2s}.balken-voll{background:var(--success)}.balken-halb{background:var(--primary)}.leser-stand{color:var(--muted);text-align:right;font-size:.74rem;font-weight:800}.leser-pfeile{gap:8px;display:flex}.pfeil{font-size:1.05rem;padding:10px 18px!important}.pfeil:disabled{opacity:.4;cursor:not-allowed}@media (width<=700px){.leser-fuss{padding-bottom:calc(76px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:10px}.leser-fortschritt{order:-1;width:100%;max-width:none}.leser{padding-bottom:210px}}.buch-vokabeln{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:9px;margin:4px 0 26px;display:grid}.buch-vokabel{background:#fff;border-radius:12px;flex-direction:column;gap:2px;padding:11px 14px;display:flex;box-shadow:0 3px 10px #ff6c000f}.buch-vokabel b{color:var(--primary-dark,#e05f00);font-size:.96rem}.buch-vokabel span{color:var(--muted);font-size:.87rem}.studio{border:1px solid var(--line);background:#fff;border-radius:22px;margin-bottom:20px;padding:22px;position:relative;overflow:hidden;box-shadow:0 10px 30px #ff6c0014}.studio:before{content:"";background:linear-gradient(90deg, var(--primary), #ffc94d, var(--primary-light));height:5px;position:absolute;top:0;left:0;right:0}.studio-kopf{align-items:center;gap:13px;margin-bottom:18px;display:flex}.studio-icon{background:linear-gradient(140deg,#fff0e3,#ffe3c7);border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:1.45rem;display:grid;box-shadow:inset 0 0 0 1.5px #ff6c0040}.studio-titel{flex:1;gap:1px;min-width:0;display:grid}.studio-titel b{letter-spacing:-.01em;font-size:1.05rem}.studio-titel span{color:var(--muted);font-size:.83rem;font-weight:700}.studio-zaehler{color:var(--success);background:#e8f7ee;border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:.82rem;font-weight:900}.studio-zaehler.zaehler-leer{color:#c0392b;background:#ffeceb}.studio-form{gap:13px;display:grid}.studio-feld{gap:6px;display:grid}.studio-feld>span{color:var(--muted);font-size:.84rem;font-weight:800}.studio-feld input{border:2px solid var(--line);background:var(--flaeche);color:var(--navy);border-radius:14px;width:100%;padding:14px 16px;font-family:inherit;font-size:1rem;font-weight:600;transition:border-color .15s,background .15s}.studio-feld input:focus{border-color:var(--primary);background:#fff;outline:none}.studio-feld input:disabled{opacity:.55}.studio-vorschlaege{flex-wrap:wrap;gap:7px;display:flex}.studio-zeile{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-optionen{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.studio-option-label{color:var(--muted);margin-right:4px;font-size:.8rem;font-weight:800}.studio-los{justify-content:center}.studio-leer-hinweis{color:#c0392b;background:#ffeceb;border-radius:12px;padding:11px 14px;font-size:.88rem;font-weight:700}.studio-punkte:after{content:"…";text-align:left;width:1.2em;animation:1.2s steps(4,end) infinite studio-tippen;display:inline-block}@keyframes studio-tippen{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@media (width<=640px){.studio{padding:18px}.studio-zeile{flex-direction:column;align-items:stretch}.studio-los{width:100%}}.app-laedt{background:var(--bg);min-height:100vh}.wk{background:var(--flaeche);color:var(--navy);overflow-x:hidden}.wk-wolke{filter:blur(100px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.wk-wolke-1{opacity:.55;background:radial-gradient(circle,#ffcf9e,#0000 70%);width:560px;height:560px;animation:20s ease-in-out infinite wk-treiben;top:-190px;right:-150px}.wk-wolke-2{opacity:.45;background:radial-gradient(circle,#ffd9b8,#0000 70%);width:480px;height:480px;animation:26s ease-in-out infinite reverse wk-treiben;bottom:-200px;left:-170px}.wk-wolke-3{opacity:.4;background:radial-gradient(circle,#ffdcb5,#0000 70%);width:620px;height:620px;top:-120px;left:45%}.wk-wolke-4{opacity:.38;background:radial-gradient(circle,#ffcf9e,#0000 70%);width:540px;height:540px;bottom:-180px;right:-140px}.wk-wolke-5{opacity:.5;background:radial-gradient(circle,#ffc98e,#0000 70%);width:420px;height:420px;top:-140px;left:50%;transform:translate(-50%)}@keyframes wk-treiben{0%,to{transform:translate(0)scale(1)}50%{transform:translate(38px,-30px)scale(1.09)}}.wk-hero{background:var(--bg);place-items:center;min-height:100vh;padding:60px 22px 80px;display:grid;position:relative}.wk-inhalt{z-index:1;text-align:center;max-width:560px;animation:.7s cubic-bezier(.22,1,.36,1) wk-auf;position:relative}@keyframes wk-auf{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.wk-marke{align-items:center;gap:11px;margin-bottom:26px;display:inline-flex}.wk-badge{place-items:center;width:46px;height:46px;font-size:1.8rem;display:grid}.wk-name{letter-spacing:-.03em;color:var(--navy);font-size:1.9rem;font-weight:900}.wk-titel{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(1.95rem,5.6vw,2.8rem);font-weight:900;line-height:1.16}.wk-text{color:var(--muted);margin-bottom:26px;font-size:1.05rem;line-height:1.6}.wk-punkte{flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:32px;display:flex}.wk-punkt{background:#fff;border-radius:999px;padding:8px 15px;font-size:.87rem;font-weight:800;box-shadow:0 3px 12px #ff6c0012}.wk-knoepfe{gap:11px;max-width:330px;margin:0 auto 20px;display:grid}.wk-start{justify-content:center;width:100%;padding:16px 26px;font-size:1.08rem}.wk-anmelden{width:100%;padding:14px 26px;font-size:1rem}.wk-fuss{color:var(--muted-light,#a89d8d);font-size:.85rem;font-weight:700}.wk-scroll-hinweis{color:var(--muted-light,#a89d8d);font-size:.82rem;font-weight:800;animation:2s ease-in-out infinite wk-wippen;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}@keyframes wk-wippen{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,7px)}}.wk-sektion{padding:92px 0;position:relative}.wk-sektion-warm{background:linear-gradient(#0000,#fff4e8 35% 65%,#0000)}.wk-sektion-schluss{padding-bottom:40px}.wk-breite{z-index:1;max-width:1060px;margin:0 auto;padding:0 22px;position:relative}.wk-kopf{text-align:center;max-width:640px;margin:0 auto 48px}.wk-kopf h2{letter-spacing:-.03em;margin-bottom:13px;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:900;line-height:1.18}.wk-kopf p{color:var(--muted);font-size:1.03rem;line-height:1.6}.wk-label{color:var(--primary-dark,#e05f00);background:#fff0e3;border-radius:999px;margin-bottom:16px;padding:7px 15px;font-size:.8rem;font-weight:800;display:inline-block}.wk-label-hell{color:#ffb37a;background:#ffffff24}.zeigt-sich{opacity:0;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.zeigt-sich.sichtbar{opacity:1;transform:translateY(0)}.zeigt-sich.v1{transition-delay:.1s}.zeigt-sich.v2{transition-delay:.2s}@media (prefers-reduced-motion:reduce){.zeigt-sich{opacity:1;transition:none;transform:none}.wk-wolke,.wk-scroll-hinweis{animation:none}}.wk-schritte{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.wk-schritt{background:#fff;border-radius:22px;padding:30px 26px;transition:transform .3s,box-shadow .3s,opacity .65s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 26px #ff6c0012}.wk-schritt:hover{transform:scale(1.02)}.wk-schritt-nr{color:#fff;background:linear-gradient(140deg, var(--primary), var(--primary-light,#ff9a40));border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:16px;font-size:1.15rem;font-weight:900;display:grid;box-shadow:0 5px 15px #ff6c0052}.wk-schritt h3{margin-bottom:7px;font-size:1.12rem;font-weight:900}.wk-schritt p{color:var(--muted);font-size:.96rem;line-height:1.55}.wk-bento{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.wk-kachel{background:#fff;border-radius:22px;padding:28px;transition:transform .3s,box-shadow .3s,opacity .65s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 26px #ff6c0012}.wk-kachel:hover{transform:scale(1.02)}.wk-kachel-breit{grid-column:span 2}.wk-kachel-dunkel{background:linear-gradient(140deg, var(--navy), #1e1e64);color:#fff}.wk-kachel-dunkel p{color:#ffffffbd}.wk-kachel-icon{background:linear-gradient(140deg,#fff0e3,#ffe3c7);border-radius:15px;place-items:center;width:50px;height:50px;margin-bottom:15px;font-size:1.4rem;display:grid}.wk-kachel-dunkel .wk-kachel-icon{background:#ffffff21}.wk-kachel h3{margin-bottom:7px;font-size:1.12rem;font-weight:900}.wk-kachel p{color:var(--muted);font-size:.96rem;line-height:1.55}.wk-demo{background:var(--flaeche);border-radius:15px;gap:7px;margin-top:18px;padding:15px 17px;display:grid}.wk-demo-zeile{color:var(--muted-light,#a89d8d);border-left:3px solid #0000;padding-left:11px;font-size:.93rem;font-weight:700}.wk-demo-aktiv{color:var(--navy);border-left-color:var(--primary)}.wk-demo-aktiv b{background:#ffe9a8;border-radius:5px;padding:0 3px}.wk-stufen{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.wk-stufe{color:var(--muted);background:#f5eee3;border-radius:999px;padding:5px 11px;font-size:.72rem;font-weight:800}.wk-stufe-an{background:var(--primary);color:#fff}.wk-band{background:linear-gradient(140deg, var(--navy), #14144f 60%, #1e1e64);color:#fff;border-radius:30px;grid-template-columns:1fr 1fr;align-items:center;gap:44px;padding:56px 46px;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);display:grid;position:relative;overflow:hidden}.wk-band:before{content:"";filter:blur(60px);background:radial-gradient(circle,#ff6c0066,#0000 70%);width:420px;height:420px;position:absolute;top:-130px;right:-90px}.wk-band-text{position:relative}.wk-band h2{letter-spacing:-.03em;margin-bottom:13px;font-size:clamp(1.6rem,3.6vw,2.2rem);font-weight:900}.wk-band p{color:#ffffffc2;font-size:1rem;line-height:1.6}.wk-zahlen{grid-template-columns:repeat(2,1fr);gap:14px;display:grid;position:relative}.wk-zahl{background:#ffffff14;border:1px solid #ffffff21;border-radius:18px;padding:20px}.wk-zahl b{color:var(--primary-light,#ff9a40);font-size:2rem;font-weight:900;line-height:1;display:block}.wk-zahl span{color:#ffffffb8;margin-top:6px;font-size:.84rem;font-weight:700;display:block}.wk-tarife{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;display:grid}.wk-tarif{background:#fff;border:2px solid #0000;border-radius:22px;gap:4px;padding:30px 26px;transition:transform .3s,box-shadow .3s,opacity .65s cubic-bezier(.22,1,.36,1);display:grid;position:relative;box-shadow:0 8px 26px #ff6c0012}.wk-tarif:hover{transform:scale(1.02)}.wk-tarif-beste{border-color:var(--primary);box-shadow:0 16px 40px #ff6c002e}.wk-tarif-fahne{background:var(--primary);color:#fff;white-space:nowrap;border-radius:999px;padding:5px 15px;font-size:.73rem;font-weight:900;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.wk-tarif-name{font-size:1.05rem;font-weight:900}.wk-tarif-preis{letter-spacing:-.03em;font-size:2.2rem;font-weight:900}.wk-tarif-preis small{color:var(--muted);font-size:.92rem;font-weight:700}.wk-tarif-hinweis{color:var(--muted);min-height:20px;font-size:.86rem;font-weight:700}.wk-tarif ul{gap:9px;margin:18px 0;padding:0;list-style:none;display:grid}.wk-tarif li{padding-left:23px;font-size:.93rem;font-weight:700;position:relative}.wk-tarif li:before{content:"✓";color:var(--success);font-weight:900;position:absolute;left:0}.wk-tarif .btn,.wk-tarif .btn-outline{justify-content:center;width:100%}.wk-abschluss{text-align:center;background:#fff;border-radius:30px;padding:64px 30px;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 16px 44px #ff6c0017}.wk-abschluss h2{letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(1.7rem,4vw,2.3rem);font-weight:900;position:relative}.wk-abschluss p{color:var(--muted);max-width:430px;margin:0 auto 26px;font-size:1.03rem;position:relative}.wk-abschluss .btn{max-width:300px;margin:0 auto;position:relative}.wk-footer{color:var(--navy);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:40px 22px 46px;font-weight:800;display:flex}.wk-footer-badge{place-items:center;width:28px;height:28px;font-size:1.1rem;display:grid}.wk-footer-klein{text-align:center;width:100%;color:var(--muted-light,#a89d8d);font-size:.82rem;font-weight:700}@media (width<=900px){.wk-schritte,.wk-bento,.wk-tarife{grid-template-columns:1fr}.wk-kachel-breit{grid-column:span 1}.wk-band{grid-template-columns:1fr;padding:40px 26px}}@media (width<=500px){.wk-sektion{padding:68px 0}.wk-punkt{padding:7px 12px;font-size:.8rem}.wk-zahlen{grid-template-columns:1fr 1fr}.wk-zahl{padding:16px}}.filter-zeile{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.filter-haupt{flex-wrap:wrap;gap:8px;display:flex}.filter-stufe{color:var(--muted);border:2px solid var(--line);cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%237d7263' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 14px center/11px no-repeat;border-radius:999px;padding:8px 34px 8px 15px;font-family:inherit;font-size:.87rem;font-weight:800;transition:border-color .15s,color .15s}.filter-stufe:hover{border-color:var(--primary)}.filter-stufe:focus{border-color:var(--primary);outline:none}.filter-stufe-aktiv{background-color:var(--primary);color:#fff;border-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%23ffffff' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}@media (width<=600px){.filter-zeile{flex-direction:column;align-items:stretch}.filter-stufe{width:100%}}.themen-leiste{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.thema{color:var(--navy);border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:.88rem;font-weight:800;transition:border-color .15s,background .15s,transform .1s;display:inline-flex}.thema:hover{border-color:var(--primary)}.thema:active{transform:scale(.97)}.thema-aktiv{background:var(--primary);color:#fff;border-color:var(--primary)}.thema-emoji{font-size:1rem;line-height:1}@media (width<=600px){.themen-leiste{scrollbar-width:none;flex-wrap:nowrap;margin-left:-4px;padding-bottom:6px;padding-left:4px;overflow-x:auto}.themen-leiste::-webkit-scrollbar{display:none}.thema{flex-shrink:0}}body.liest-buch .topbar,body.liest-buch .bottom-nav,body.liest-buch .bereich-schalter,body.liest-buch .lib-kopf,body.liest-buch .intro{display:none!important}body.liest-buch .app>main{padding-top:0}body.liest-buch .library{padding-top:8px}.lese-wort{cursor:pointer;border-radius:5px;margin:0 -2px;padding:0 2px;transition:background .15s}.lese-wort:hover{background:#ffe9a8}.lese-wort:active{background:var(--primary);color:#fff}.lese-tipp{color:var(--muted-light,#a89d8d);margin-top:26px;font-size:.82rem;font-weight:700}.wortkarte-hintergrund{z-index:150;background:#0000414d;place-items:end center;padding:20px;animation:.18s login-auf;display:grid;position:fixed;inset:0}.wortkarte{background:#fff;border-radius:22px;width:100%;max-width:420px;margin-bottom:12px;padding:22px 24px;animation:.28s cubic-bezier(.34,1.3,.64,1) sheet-hoch;box-shadow:0 20px 50px #00004147}@keyframes sheet-hoch{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.wortkarte-wort{letter-spacing:-.02em;margin-bottom:4px;font-size:1.5rem;font-weight:900}.wortkarte-de{color:var(--muted);margin-bottom:18px;font-size:1rem;font-weight:700}.wortkarte-knoepfe{gap:10px;display:flex}.wortkarte-knoepfe .btn,.wortkarte-knoepfe .btn-outline{flex:1;justify-content:center}@media (width>=700px){.wortkarte-hintergrund{place-items:center}.wortkarte{margin-bottom:0}}body.liest-video .topbar,body.liest-video .bottom-nav{display:none!important}body.liest-video .app>main{padding-top:14px}.zurueck-knopf,.leser-kopf .back-link{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:7px;margin-bottom:16px;padding:9px 18px;font-family:inherit;font-size:.9rem;font-weight:800;transition:filter .15s,transform .1s;display:inline-flex;box-shadow:0 3px 10px #ff6c004d}.zurueck-knopf:hover,.leser-kopf .back-link:hover{filter:brightness(1.07)}.zurueck-knopf:active,.leser-kopf .back-link:active{transform:scale(.97)}.werkzeuge{background:#fff;border-radius:20px;gap:16px;margin-top:16px;padding:18px;display:grid;box-shadow:0 6px 22px #ff6c0012}.werkzeug-gruppe{gap:8px;display:grid}.werkzeug-gruppe:not(:last-child){border-bottom:1px solid var(--line);padding-bottom:15px}.werkzeug-titel{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.76rem;font-weight:800}.werkzeug-gruppe:first-child{grid-auto-flow:column;justify-content:start;align-items:center;gap:9px}.werkzeug-knopf{color:var(--navy);background:var(--flaeche);border:2px solid var(--line);cursor:pointer;border-radius:12px;padding:9px 14px;font-family:inherit;font-size:.84rem;font-weight:800;transition:border-color .15s,transform .1s}.werkzeug-knopf:hover{border-color:var(--primary)}.werkzeug-knopf:active{transform:scale(.95)}.werkzeug-gross{background:var(--primary);color:#fff;border-color:var(--primary);padding:8px 18px;font-size:1.1rem}.werkzeug-gross:hover{filter:brightness(1.07);border-color:var(--primary)}.tempo-reihe{flex-wrap:wrap;gap:6px;display:flex}.tempo-knopf{color:var(--muted);background:var(--flaeche);border:2px solid var(--line);cursor:pointer;border-radius:999px;padding:6px 13px;font-family:inherit;font-size:.8rem;font-weight:800;transition:all .15s}.tempo-knopf:hover{border-color:var(--primary)}.tempo-aktiv{background:var(--primary);color:#fff;border-color:var(--primary)}.werkzeug-schalter{cursor:pointer;align-items:center;gap:9px;font-size:.9rem;font-weight:700;display:flex}.werkzeug-schalter input{width:17px;height:17px;accent-color:var(--primary);cursor:pointer}.werkzeug-schalter input:disabled{cursor:wait}.werkzeug-aktion{color:var(--navy);background:var(--flaeche);border:2px solid var(--line);cursor:pointer;text-align:left;border-radius:13px;padding:11px 15px;font-family:inherit;font-size:.9rem;font-weight:800;transition:border-color .15s,background .15s}.werkzeug-aktion:hover{border-color:var(--primary);background:#fff}.aktion-fertig{border-color:var(--success);color:#1f7a45;background:#e8f7ee}@media (width<=900px){.werkzeuge{padding:15px}.werkzeug-gruppe:first-child{flex-wrap:wrap}}body.liest-video .reader{max-width:860px;margin:0 auto;padding-bottom:96px;display:block}body.liest-video .video-pane{max-width:760px;margin:0 auto 4px}body.liest-video .video-pane h2{text-align:center;color:var(--muted);margin:12px 0 0;font-size:.95rem;font-weight:700}body.liest-video .text-pane{scrollbar-width:none;max-width:680px;height:calc(100vh - 580px);min-height:200px;margin:26px auto 0;padding:10px 8px;font-size:1.2rem;line-height:2;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}body.liest-video .text-pane::-webkit-scrollbar{display:none}body.liest-video .video-pane{z-index:5;background:var(--bg);position:sticky;top:8px}body.liest-video .text-pane .line{opacity:.38;transition:opacity .3s,color .3s}body.liest-video .text-pane .line.active{opacity:1;font-weight:700}.reader-fuss{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#fffffff5;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;padding:12px 20px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #ff6c0012}.fuss-knopf{color:var(--navy);background:var(--flaeche);border:2px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:999px;padding:9px 15px;font-family:inherit;font-size:.84rem;font-weight:800;transition:border-color .15s,background .15s,transform .1s}.fuss-knopf:hover{border-color:var(--primary)}.fuss-knopf:active{transform:scale(.95)}.fuss-knopf:disabled{opacity:.55;cursor:wait}.fuss-an{background:var(--primary);color:#fff;border-color:var(--primary)}.fuss-spiel{background:var(--primary);color:#fff;border-color:var(--primary);padding:9px 20px;font-size:1.05rem}.fuss-spiel:hover{filter:brightness(1.07);border-color:var(--primary)}.fuss-tempo:hover{border-color:var(--primary)}body.liest-video .fab-panel{z-index:70;max-width:380px;position:fixed;bottom:84px;right:20px}@media (width<=800px){.reader-fuss{gap:10px;padding:10px 12px}.fuss-knopf{padding:8px 12px;font-size:.78rem}.fuss-rechts{justify-content:center;width:100%}body.liest-video .reader{padding-bottom:150px}body.liest-video .text-pane{font-size:1.08rem;line-height:1.95}body.liest-video .fab-panel{max-width:none;bottom:140px;left:12px;right:12px}}.bewertungen{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin-top:20px;display:grid}.bewertung{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;gap:2px;padding:12px 8px;font-family:inherit;transition:transform .12s,border-color .15s,background .15s;display:grid}.bewertung:hover{transform:scale(1.03)}.bewertung:active{transform:translateY(1px)}.bewertung-text{font-size:.92rem;font-weight:900}.bewertung-zeit{opacity:.7;font-size:.74rem;font-weight:700}.bewertung-nochmal{color:#c0392b;background:#fff6f5;border-color:#f3c4c0}.bewertung-nochmal:hover{background:#ffecea}.bewertung-schwer{color:#b06f00;background:#fffaf2;border-color:#f5d9ae}.bewertung-schwer:hover{background:#fff3e2}.bewertung-gut{color:#1f7a45;background:#f4fbf7;border-color:#b6e3c8}.bewertung-gut:hover{background:#e8f7ee}.bewertung-einfach{color:#2c5aa8;background:#f5f8ff;border-color:#bcd0f5}.bewertung-einfach:hover{background:#e9f0ff}.fliegt-nochmal,.fliegt-schwer,.fliegt-gut,.fliegt-einfach{pointer-events:none;animation-duration:.42s;animation-timing-function:cubic-bezier(.35,0,.6,1);animation-fill-mode:forwards}.fliegt-nochmal{animation-name:karte-links}.fliegt-schwer{animation-name:karte-links-sanft}.fliegt-gut{animation-name:karte-rechts}.fliegt-einfach{animation-name:karte-rechts-weit}@keyframes karte-links{to{opacity:0;transform:translate(-115%)rotate(-13deg)}}@keyframes karte-links-sanft{to{opacity:0;transform:translate(-62%)translateY(16px)rotate(-6deg)}}@keyframes karte-rechts{to{opacity:0;transform:translate(62%)translateY(16px)rotate(6deg)}}@keyframes karte-rechts-weit{to{opacity:0;transform:translate(115%)rotate(13deg)}}@media (prefers-reduced-motion:reduce){.fliegt-nochmal,.fliegt-schwer,.fliegt-gut,.fliegt-einfach{animation:.25s forwards karte-ausblenden}@keyframes karte-ausblenden{to{opacity:0}}}@media (width<=560px){.bewertungen{gap:5px}.bewertung{padding:11px 4px}.bewertung-text{font-size:.8rem}.bewertung-zeit{font-size:.66rem}}.video-kopf{background:linear-gradient(135deg,#fff2e5,#ffe8d4);border-radius:18px;margin-top:14px;padding:15px 18px}.video-titel{color:var(--navy);margin:0 0 11px;font-size:1rem;font-weight:800;line-height:1.4}.video-aktionen{flex-wrap:wrap;gap:8px;display:flex}.video-aktion{color:var(--navy);cursor:pointer;white-space:nowrap;background:#ffffffd9;border:none;border-radius:999px;padding:9px 15px;font-family:inherit;font-size:.84rem;font-weight:800;transition:background .15s,transform .1s}.video-aktion:hover{background:#fff}.video-aktion:active{transform:scale(.96)}.video-aktion:disabled{opacity:.6;cursor:wait}.video-aktion.aktion-an{background:var(--primary);color:#fff}.video-aktion.aktion-fertig{background:var(--success);color:#fff}.reader-fuss{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#fffffff5;justify-content:center;align-items:center;gap:14px;padding:11px 20px;display:flex;position:fixed;bottom:0;left:0;right:0}.fuss-spiel{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;place-items:center;width:46px;height:46px;font-size:1.15rem;transition:filter .15s,transform .1s;display:grid}.tempo-steller{background:var(--flaeche);border-radius:999px;align-items:center;gap:3px;padding:4px;display:flex}.tempo-schritt{width:32px;height:32px;color:var(--navy);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;font-family:inherit;font-size:1.1rem;font-weight:900;transition:background .15s;display:grid}.tempo-schritt:hover:not(:disabled){background:#fff}.tempo-schritt:disabled{opacity:.3;cursor:default}.tempo-wert{text-align:center;min-width:42px;color:var(--muted);font-size:.84rem;font-weight:800}.video-bild{cursor:pointer;line-height:0;position:relative}.video-bild img{width:100%;display:block}.video-fortschritt{background:#0000412e;border-radius:0 0 2px 2px;height:4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.video-fortschritt-balken{background:var(--primary);border-radius:0 2px 2px 0;height:100%;transition:width .3s}.video-fortschritt-balken.fertig{background:var(--success)}@media (width<=700px){.reader-fuss{gap:10px;padding:9px 14px}.video-aktion{padding:8px 12px;font-size:.78rem}}.lese-wort-neu{background:var(--blau-neu)}.lese-wort-lernen{background:var(--gelb-lernen)}.lese-wort-gewusst{box-shadow:inset 0 -2px 0 var(--success)}.wortkarte-marke{vertical-align:middle;color:#1f7a45;background:#e8f7ee;border-radius:999px;margin-left:10px;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-block}.such-knopf{text-align:left;border:2px dashed var(--line);cursor:pointer;background:#fff;border-radius:18px;align-items:center;gap:14px;width:100%;margin-bottom:20px;padding:16px 18px;font-family:inherit;transition:border-color .15s,background .15s,transform .1s;display:flex}.such-knopf:active{transform:scale(.99)}.such-lupe{background:linear-gradient(140deg,#fff0e3,#ffe3c7);border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:1.3rem;display:grid}.such-text{gap:2px;display:grid}.such-text b{color:var(--navy);font-size:.98rem}.such-text>span{color:var(--muted);font-size:.83rem;font-weight:700}.suche-hintergrund{z-index:180;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00004161;place-items:center;padding:20px;animation:.18s login-auf;display:grid;position:fixed;inset:0}.suche-fenster{background:#fff;border-radius:24px;width:100%;max-width:620px;max-height:88vh;padding:24px;animation:.3s cubic-bezier(.34,1.3,.64,1) sheet-hoch;overflow-y:auto;box-shadow:0 24px 60px #0000414d}.suche-kopf{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.suche-kopf b{font-size:1.15rem;display:block}.suche-kopf span{color:var(--muted);font-size:.87rem;font-weight:700}.suche-schliessen{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:2px 8px;font-size:1.7rem;line-height:1}.suche-schliessen:hover{background:var(--flaeche);color:var(--navy)}.suche-form{gap:9px;margin-bottom:14px;display:flex}.suche-form input{border:2px solid var(--line);background:var(--flaeche);color:var(--navy);border-radius:14px;flex:1;padding:13px 16px;font-family:inherit;font-size:1rem;font-weight:600}.suche-form input:focus{border-color:var(--primary);background:#fff;outline:none}.suche-form .btn{padding:13px 22px}.suche-ideen{flex-wrap:wrap;gap:7px;display:flex}.suche-hinweis{color:var(--muted);margin:6px 0 12px;font-size:.88rem;font-weight:700}.suche-treffer{gap:9px;display:grid}.treffer{text-align:left;background:var(--flaeche);cursor:pointer;border:2px solid #0000;border-radius:14px;align-items:center;gap:13px;width:100%;padding:9px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.treffer:hover{border-color:var(--primary);background:#fff}.treffer img{aspect-ratio:16/9;object-fit:cover;border-radius:10px;flex-shrink:0;width:110px}.treffer-text{gap:3px;min-width:0;display:grid}.treffer-titel{color:var(--navy);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}.treffer-meta{font-size:.78rem;font-weight:700;color:var(--muted)!important}@media (width<=560px){.suche-fenster{border-radius:20px;padding:18px}.suche-form{flex-direction:column}.suche-form .btn{justify-content:center;width:100%}.treffer img{width:88px}}.gen-knoepfe{align-items:stretch;gap:8px;display:flex}.gen-knoepfe button{white-space:nowrap}.gen-los{flex:1;justify-content:center;padding-left:14px;padding-right:14px;font-size:14.5px}.gen-ki{flex-shrink:0;padding-left:15px;padding-right:15px;font-size:14.5px}.gen-ki:disabled{opacity:.5;cursor:not-allowed}.gen-info{border:1.5px solid var(--line);background:var(--card);width:38px;color:var(--muted);box-shadow:none;cursor:pointer;border-radius:12px;flex-shrink:0;padding:0;font-family:inherit;font-size:1rem;font-weight:900}.gen-info:hover{border-color:var(--primary);color:var(--primary-dark)}.gen-erklaerung{background:var(--flaeche);border-radius:14px;margin-top:12px;padding:14px 15px}.gen-erklaerung p{color:var(--muted);margin:0 0 9px;font-size:13.5px;font-weight:600;line-height:1.5}.gen-erklaerung p:last-child{margin-bottom:0}.gen-erklaerung b{color:var(--navy);font-weight:900}.gen-klein{opacity:.85;font-size:12.5px!important}.gen-begruendung{background:linear-gradient(135deg,#fff2e5,#ffe8d4);border-radius:14px;margin-bottom:14px;padding:13px 16px}.gen-begruendung-marke{color:var(--primary-dark,#e05f00);margin-bottom:5px;font-size:.78rem;font-weight:900;display:block}.gen-begruendung p{color:var(--navy);font-size:.88rem;line-height:1.55}.video-aktion,.fuss-knopf,.werkzeug-aktion,.kategorie-chip{cursor:pointer;white-space:nowrap;border-radius:999px;font-family:inherit;font-weight:800;transition:background .15s,border-color .15s,color .15s,transform .1s}.video-aktion:active,.fuss-knopf:active,.kategorie-chip:active{transform:scale(.96)}.btn-still{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:10px 14px;font-family:inherit;font-size:.9rem;font-weight:800}.btn-still:hover{background:var(--flaeche);color:var(--navy)}.kategorie-wahl{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.kategorie-chip{color:var(--navy);background:var(--flaeche);border:2px solid var(--line);padding:7px 14px;font-size:.84rem}.kategorie-chip:hover{border-color:var(--primary)}.kategorie-aktiv{background:var(--primary);color:#fff;border-color:var(--primary)}.save-form{gap:10px;display:grid}.save-form input{border:2px solid var(--line);background:var(--flaeche);color:var(--navy);border-radius:14px;padding:12px 15px;font-family:inherit;font-size:.95rem;font-weight:600}.save-form input:focus{border-color:var(--primary);background:#fff;outline:none}.save-form .btn{justify-content:center;width:100%}.plan-features li{padding-left:24px;list-style:none;position:relative}.plan-features li:before{content:"✓";color:var(--success);font-weight:900;position:absolute;left:0}.plan-premium .plan-features li:before{color:var(--primary)}.treffer,.treffer *,.such-knopf,.such-knopf *,.song-oeffnen,.song-oeffnen *,.song-pdf,.kategorie-chip,.bewertung,.bewertung *,.fuss-knopf,.video-aktion,.werkzeug-knopf,.werkzeug-aktion,.tempo-schritt,.thema,.chip,.btn-outline,.btn-still,.gen-info,.filter-stufe,.spiel-karte,.spiel-karte *,.interpret-karte,.interpret-karte *,.liste-kopf,.liste-kopf *,.gitter-feld,.fang-tropfen,.art-karte,.art-karte *,.song-vorschlag,.song-vorschlag *,.start-aktion-zweit,.start-aktion-zweit *,.weiter-hinweis,.text-warnung,.reihen-mehr,.satz-baustein,.hoeren-knopf,.hoeren-knopf *,.song-vorschlag,.song-vorschlag .song-vorschlag-titel,.vorschlag-chip,.such-knopf,.such-knopf *,.song-oeffnen,.song-oeffnen *,.song-pdf,.wiederholen-los,.filter-knopf{color:var(--navy)}.thema-aktiv,.chip-aktiv,.chip-active,.kategorie-aktiv,.fuss-an,.video-aktion.aktion-an,.video-aktion.aktion-fertig,.filter-stufe-aktiv,.wiederholen-los,.filter-an{color:#fff!important}.bewertung-nochmal,.bewertung-nochmal *{color:#c0392b}.bewertung-schwer,.bewertung-schwer *{color:#b06f00}.bewertung-gut,.bewertung-gut *{color:#1f7a45}.bewertung-einfach,.bewertung-einfach *{color:#2c5aa8}.treffer-meta,.such-text>span,.bewertung-zeit{opacity:.72}.suche-filter{border-bottom:1px solid var(--line);gap:12px;margin-bottom:4px;padding:13px 0 15px;display:grid}.filter-gruppe{gap:6px;display:grid}.filter-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;align-items:baseline;gap:8px;font-size:.78rem;font-weight:800;display:flex}.filter-hilfe{color:var(--primary-dark,#e05f00);text-transform:none;letter-spacing:0;font-size:.75rem;font-style:normal;font-weight:700}.filter-knoepfe{flex-wrap:wrap;gap:6px;display:flex}.filter-knopf{color:var(--navy);background:var(--flaeche);border:2px solid var(--line);cursor:pointer;border-radius:999px;padding:7px 13px;font-family:inherit;font-size:.82rem;font-weight:800;transition:border-color .15s,background .15s,transform .1s}.filter-knopf:hover{border-color:var(--primary)}.filter-knopf:active{transform:scale(.95)}.filter-an{background:var(--primary);border-color:var(--primary);color:#fff!important}@media (width<=560px){.filter-knopf{padding:6px 11px;font-size:.77rem}}@media (height<=800px){body.liest-video .video-pane{max-width:560px}body.liest-video .text-pane{height:calc(100vh - 450px)}}@media (width<=820px){body.liest-video .video-pane{max-width:100%}}body.liest-video .video-pane{position:relative}.video-buehne{z-index:-1;pointer-events:none;background:linear-gradient(170deg,#ff8124 0%,#ff6c00 55%,#f56200 100%);width:100vw;height:calc(100% + 110px);position:absolute;top:-80px;left:50%;transform:translate(-50%)}.buehnen-welle{width:100%;height:96px;display:block;position:absolute;bottom:-1px;left:0;right:0}.buehnen-welle path{fill:var(--bg)}body.liest-video .zurueck-knopf{z-index:6;color:var(--primary-dark,#e05f00);background:#fffffff2;position:relative;box-shadow:0 3px 12px #00004129}body.liest-video .zurueck-knopf:hover{background:#fff}body.liest-video .player-wrap{border-radius:18px;box-shadow:0 14px 40px #7832004d}body.liest-video .video-kopf{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff5;border-radius:18px;margin-top:14px;padding:16px 18px;box-shadow:0 8px 24px #78320029}body.liest-video .video-titel{color:var(--navy)}.video-aktionen{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.video-aktion{border:2px solid var(--line);background:var(--flaeche);box-shadow:none;border-radius:12px;align-items:center;gap:7px;padding:10px 17px;font-size:.85rem;font-weight:800;display:inline-flex}.video-aktion:hover{border-color:var(--primary);background:#fff}.video-aktion.aktion-an{background:var(--primary);border-color:var(--primary);color:#fff!important}.video-aktion.aktion-fertig{border-color:var(--success);background:#e8f7ee;color:#1f7a45!important}body.liest-video .word-card{z-index:90;border-radius:20px;width:min(440px,100vw - 32px);margin:0;padding:18px 20px;animation:.28s cubic-bezier(.34,1.3,.64,1) karte-hoch;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 18px 44px #00004142}@keyframes karte-hoch{0%{opacity:0;transform:translate(-50%,22px)}to{opacity:1;transform:translate(-50%)}}.fuss-spiel{background:var(--primary);cursor:pointer;border:none;border-radius:50%;place-items:center;width:50px;height:50px;padding:0;transition:filter .15s,transform .1s;display:grid;box-shadow:0 4px 14px #ff6c0061}.fuss-spiel svg{fill:#fff;width:22px;height:22px;display:block}.fuss-spiel:hover{filter:brightness(1.08)}.fuss-spiel:active{transform:scale(.93)}@media (width<=820px){.video-buehne{height:calc(100% + 95px);top:-70px}.buehnen-welle{height:78px}body.liest-video .word-card{bottom:78px}.video-aktion{padding:9px 13px;font-size:.8rem}}.trainer-titel{letter-spacing:-.03em;margin-bottom:22px;font-size:1.9rem;font-weight:900}.bereich-kopf h2{letter-spacing:-.02em;margin-bottom:4px;font-size:1.15rem;font-weight:900}.bereich-kopf p{color:var(--muted);max-width:58ch;font-size:.89rem;line-height:1.5}.bereich-wiederholen{background:linear-gradient(135deg,#fff3e8,#ffe9d6);border:2px solid #ffd9b8;flex-wrap:wrap;align-items:center;gap:20px;display:flex}.wiederholen-zahl{background:var(--primary);color:#fff;border-radius:22px;flex-shrink:0;place-items:center;width:82px;height:82px;display:grid;box-shadow:0 6px 18px #ff6c0057}.wiederholen-zahl b{font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:900;line-height:1}.wiederholen-zahl span{opacity:.9;font-size:.64rem;font-weight:800}.wiederholen-text{flex:1;min-width:200px}.wiederholen-text h2{margin-bottom:4px;font-size:1.2rem;font-weight:900}.wiederholen-text p{color:var(--muted);font-size:.9rem;line-height:1.5}.wiederholen-los{padding:15px 34px;font-size:1.02rem}.wiederholen-los:disabled{opacity:.45;cursor:default;box-shadow:none}.spiel-paar{grid-template-columns:1fr 1fr;gap:14px;display:grid}.spiel-karte{text-align:center;background:var(--flaeche);border:2px solid var(--line);cursor:pointer;border-radius:18px;justify-items:center;gap:3px;padding:22px 16px;font-family:inherit;transition:border-color .15s,transform .15s,background .15s;display:grid}.spiel-karte:hover{transform:scale(1.02)}.spiel-karte:active{transform:translateY(0)}.spiel-karte:disabled{opacity:.5;cursor:not-allowed}.spiel-karte:disabled:hover{border-color:var(--line);background:var(--flaeche);transform:none}.spiel-leer{text-align:center;background:var(--flaeche);border:2px solid var(--line);border-radius:20px;justify-items:center;gap:10px;max-width:420px;margin:40px auto;padding:32px 24px;display:grid}.spiel-leer-icon{font-size:40px}.spiel-leer h2{margin:0;font-size:1.25rem}.spiel-leer p{color:var(--muted);margin:0;font-size:.95rem}.spiel-leer .btn{margin-top:8px}.spiel-bild{grid-template-columns:1fr 1fr;gap:5px;width:54px;height:54px;margin-bottom:10px;display:grid}.spiel-bild i{background:var(--primary);opacity:.85;border-radius:6px}.spiel-bild i:nth-child(2),.spiel-bild i:nth-child(3){opacity:.45}.spiel-bild-linien{grid-template-columns:1fr;align-content:center;gap:7px}.spiel-bild-linien i{opacity:.85;border-radius:999px;height:9px}.spiel-bild-linien i:nth-child(2){opacity:.5;width:78%}.spiel-bild-linien i:nth-child(3){opacity:.65;width:90%}.spiel-name{font-size:1rem;font-weight:900}.spiel-hinweis{color:var(--muted);font-size:.82rem;font-weight:700}.bereich .studio{box-shadow:none;border:none;margin:0;padding:0}.bereich .studio:before{display:none}@media (width<=640px){.bereich{border-radius:18px;padding:18px}.bereich-wiederholen{gap:14px}.wiederholen-zahl{border-radius:18px;width:64px;height:64px}.wiederholen-zahl b{font-size:1.5rem}.wiederholen-los{justify-content:center;width:100%}.spiel-paar{gap:10px}.spiel-karte{padding:18px 12px}}.kopf-zeile{justify-content:space-between;align-items:center;gap:12px;display:flex}.rest-zaehler{color:var(--success);font-variant-numeric:tabular-nums;background:#e8f7ee;border-radius:999px;flex-shrink:0;padding:5px 12px;font-size:.8rem;font-weight:900}.wort-form{gap:12px;display:grid}.wort-form input{border:2px solid var(--line);background:var(--flaeche);color:var(--navy);border-radius:14px;width:100%;padding:14px 16px;font-family:inherit;font-size:1rem;font-weight:600}.wort-form input:focus{border-color:var(--primary);background:#fff;outline:none}.wort-form input:disabled{opacity:.55}.wort-vorschlaege{flex-wrap:wrap;gap:7px;display:flex}.vorschlag-chip{color:var(--navy);background:var(--flaeche);border:2px solid var(--line);cursor:pointer;border-radius:999px;padding:8px 15px;font-family:inherit;font-size:.85rem;font-weight:800;transition:border-color .15s,background .15s,transform .1s}.vorschlag-chip:hover{border-color:var(--primary);background:#fff}.vorschlag-chip:active{transform:scale(.96)}.wort-los{justify-content:center;width:100%}.such-knopf{border:2px solid var(--line);background:var(--flaeche);border-style:solid;margin-bottom:0}.such-knopf:hover{border-color:var(--primary);background:#fff}.such-lupe{color:var(--primary-dark,#e05f00);background:linear-gradient(140deg,#fff0e3,#ffe3c7)}.such-lupe svg{width:21px;height:21px}.biblio-zaehler{color:var(--primary-dark,#e05f00);background:#fff0e3}.niveau-zeile{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.niveau-label{color:var(--muted);margin-right:4px;font-size:.8rem;font-weight:800}.chip-gewaehlt{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.bereich-schalter{margin-bottom:20px}.bereich .ebook-grid,.bereich .video-grid{margin-top:0}.bereich .themen-leiste{margin-bottom:18px}.song-treffer{gap:9px;margin-top:16px;display:grid}.song-liste{gap:10px;display:grid}.song-zeile{background:var(--flaeche);border:2px solid var(--line);border-radius:14px;align-items:center;gap:10px;padding:9px;transition:border-color .15s;display:flex}.song-zeile:hover{border-color:var(--primary)}.song-oeffnen{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:13px;min-width:0;padding:0;font-family:inherit;display:flex}.song-oeffnen img{aspect-ratio:16/9;object-fit:cover;border-radius:9px;flex-shrink:0;width:84px}.song-text{gap:2px;min-width:0;display:grid}.song-titel{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:.93rem;font-weight:800;overflow:hidden}.song-meta{color:var(--muted);font-size:.79rem;font-weight:700}.song-pdf{color:var(--navy);border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;flex-shrink:0;padding:8px 15px;font-family:inherit;font-size:.8rem;font-weight:800;transition:border-color .15s,background .15s}.song-pdf:hover{border-color:var(--primary);background:#fff8f2}.song-pdf:disabled{opacity:.55;cursor:wait}.spotify-teaser{background:var(--flaeche);border:2px dashed var(--line);border-radius:16px;padding:18px}.spotify-marke{letter-spacing:.04em;text-transform:uppercase;color:var(--primary-dark,#e05f00);background:#fff0e3;border-radius:999px;margin-bottom:10px;padding:5px 12px;font-size:.74rem;font-weight:900;display:inline-block}.spotify-teaser p{color:var(--muted);font-size:.89rem;line-height:1.55}@media (width<=560px){.song-oeffnen img{width:68px}.song-pdf{padding:8px 12px;font-size:.76rem}}.spotify-box{background:var(--flaeche);border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:flex-start;gap:14px;padding:22px;display:flex}.spotify-erklaerung{color:var(--muted);max-width:52ch;margin:0;font-size:14px}.spotify-los{background:#1db954;border-color:#1db954}.spotify-los:hover{background:#17a349}.spotify-leiste{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.spotify-status{color:#1db954;align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.spotify-status:before{content:"";background:#1db954;border-radius:50%;width:8px;height:8px}.spotify-aktionen{gap:8px;display:flex}.interpreten-liste{flex-direction:column;gap:10px;display:flex}.interpret-karte{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;gap:3px;padding:13px 15px;transition:border-color .15s,transform .15s;display:flex}.interpret-karte:hover{transform:scale(1.02)}.interpret-name{font-size:15px;font-weight:700}.interpret-meta{color:var(--muted);font-size:12px}.interpret-hinweis{color:#b4762a;background:#fff3e2;border-radius:6px;align-self:flex-start;margin-top:4px;padding:2px 6px;font-size:11px}.plan-kopf{justify-content:space-between;align-items:baseline;gap:12px;margin:18px 0 12px;display:flex}.plan-titel{margin:0;font-size:19px}.plan-dauer{color:var(--primary);white-space:nowrap;background:#fff3e8;border-radius:999px;padding:4px 11px;font-size:13px;font-weight:700}.plan-liste{flex-direction:column;gap:2px;margin:0 0 18px;padding:0;list-style:none;display:flex}.plan-schritt{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:11px 4px;display:flex}.plan-schritt:last-child{border-bottom:none}.plan-haken{border:2px solid var(--line);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:grid}.plan-fertig .plan-haken{background:var(--primary);border-color:var(--primary)}.plan-fertig .plan-name{opacity:.55;text-decoration:line-through}.plan-text{flex-direction:column;gap:1px;min-width:0;display:flex}.plan-name{font-size:15px;font-weight:700}.plan-hinweis{color:var(--muted);font-size:12.5px}.plan-rest{color:var(--muted);text-align:center;margin:12px 0 0;font-size:13px}.home-hero .goal-progress{margin-top:18px}.liste-kopf{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:4px 0;display:flex}.liste-kopf-text{flex-direction:column;gap:3px;display:flex}.liste-titel{font-size:19px;font-weight:800}.liste-sub{color:var(--muted);font-size:13.5px}.liste-kopf .liste-pfeil{color:var(--primary);flex:none;font-size:20px;transition:transform .2s}.liste-kopf .liste-pfeil-auf{transform:rotate(180deg)}.liste-werkzeuge{margin:16px 0 12px}.liste-suche{border:1px solid var(--line);width:100%;font:inherit;border-radius:12px;padding:11px 14px;font-size:15px}.liste-suche:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ffe6d0}.liste-mehr{margin:14px auto 0;display:block}.chat-ton{cursor:pointer;opacity:.45;background:0 0;border:none;align-self:center;padding:4px 6px;font-size:15px;transition:opacity .15s,transform .15s}.chat-ton:hover{opacity:1;transform:scale(1.15)}.spiel-bild-gitter{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.spiel-bild-gitter i{background:var(--primary);opacity:.35;border-radius:2px;width:9px;height:9px}.spiel-bild-gitter i:first-child,.spiel-bild-gitter i:nth-child(5),.spiel-bild-gitter i:nth-child(9){opacity:1}.spiel-bild-fang{align-items:flex-end;gap:5px;display:flex}.spiel-bild-fang i{background:var(--primary);border-radius:4px;width:8px}.spiel-bild-fang i:first-child{opacity:.35;height:22px}.spiel-bild-fang i:nth-child(2){height:32px}.spiel-bild-fang i:nth-child(3){opacity:.35;height:14px}.spiel-buehne{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);max-width:620px;margin:0 auto;padding:20px}.spiel-kopf{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.spiel-titel{font-size:17px;font-weight:800}.spiel-stand{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.spiel-buehne .spiel-hinweis{color:var(--muted);margin:0 0 16px;font-size:13.5px}.spiel-abbrechen{margin:18px auto 0;display:block}.gitter{grid-template-columns:repeat(var(--spalten), 1fr);touch-action:none;-webkit-user-select:none;user-select:none;margin-inline:auto;gap:3px;max-width:420px;margin-bottom:18px;display:grid}.gitter-feld{aspect-ratio:1;background:var(--flaeche);border:1px solid var(--line);cursor:pointer;border-radius:7px;place-items:center;min-width:0;padding:0;font-size:min(4.2vw,17px);font-weight:800;line-height:1;transition:background .1s,color .1s;display:grid}.gitter-feld.feld-aktiv{background:var(--primary);color:#fff;border-color:var(--primary)}.gitter-feld.feld-gefunden{border-color:var(--success);color:var(--success);background:#dff5e6}.such-liste{flex-wrap:wrap;gap:8px;display:flex}.such-wort{background:var(--flaeche);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13.5px}.such-wort.wort-gefunden{border-color:var(--success);background:#dff5e6}.such-wort.wort-gefunden b{opacity:.65;text-decoration:line-through}.such-wort em{color:var(--muted);font-style:normal}.fang-auftrag{text-align:center;margin-bottom:14px}.fang-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:800;display:block}.fang-wort{background:#fff3e8;border:1px solid #ffd9b8;border-radius:14px;max-width:100%;padding:9px 18px;font-size:clamp(19px,5.5vw,26px);line-height:1.25;display:inline-block}.fang-feld{background:linear-gradient(#fff8f1, var(--flaeche));border:1px solid var(--line);border-radius:14px;height:340px;transition:background .2s;position:relative;overflow:hidden}.fang-feld.fang-gut{background:#dff5e6}.fang-feld.fang-schlecht{background:#ffe4e4}.fang-tropfen{background:var(--card);border:2px solid var(--primary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;white-space:normal;text-align:center;border-radius:999px;max-width:44%;padding:8px 14px;font-size:clamp(12px,3.6vw,15px);font-weight:800;line-height:1.2;animation:linear forwards fallen;position:absolute;top:-44px;box-shadow:0 3px 10px #ff6c001a}.fang-tropfen:active{transform:scale(.94)}@keyframes fallen{to{transform:translateY(440px)}}@media (prefers-reduced-motion:reduce){.fang-tropfen{animation-duration:12s!important}}.art-kopf{margin-bottom:22px}.art-kopf .btn-plain{margin-bottom:6px;padding-left:0}.art-unterzeile{color:var(--muted);margin:4px 0 0;font-size:14.5px}.art-liste{flex-direction:column;gap:12px;display:flex}.art-karte{background:var(--card);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:16px;grid-template-columns:52px 1fr 16px;align-items:center;gap:14px;width:100%;padding:16px 18px;transition:border-color .15s,transform .15s;display:grid}.art-karte:hover{transform:scale(1.02)}.art-emoji{background:var(--flaeche);border-radius:14px;place-items:center;width:52px;height:52px;font-size:26px;display:grid}.art-text{flex-direction:column;gap:2px;min-width:0;display:flex}.art-titel{font-size:16.5px;font-weight:800}.art-beschreibung{color:var(--muted);font-size:13.5px}.art-hinweis{color:var(--primary);font-size:12px;font-weight:700}.art-pfeil{color:var(--muted);font-size:22px}.auswahl-fuenf{flex-direction:column;gap:8px;margin-top:18px;display:flex}.schreib-form{margin-top:20px}.schreib-feld{border:2px solid var(--line);width:100%;font:inherit;text-align:center;border-radius:14px;padding:14px 16px;font-size:17px}.schreib-feld:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ffe6d0}.schreib-knoepfe{justify-content:center;gap:10px;margin-top:12px;display:flex}.tipp-feld{letter-spacing:.22em;color:var(--primary-dark);background:#fff3e8;border:1px dashed #ffd9b8;border-radius:12px;margin:16px auto 0;padding:10px 16px;font-size:19px;font-weight:800;display:inline-block}.tipp-feld.tipp-loesung{letter-spacing:normal;border-style:solid;border-color:var(--success);color:var(--success);background:#dff5e6}.spiel-xp{z-index:60;background:var(--primary);color:#fff;pointer-events:none;white-space:nowrap;border-radius:999px;padding:10px 20px;font-size:16px;font-weight:800;animation:1.3s ease-out forwards xp-schweben;position:fixed;top:24%;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #ff6c0059}@keyframes xp-schweben{0%{opacity:0;transform:translate(-50%,12px)scale(.8)}18%{opacity:1;transform:translate(-50%)scale(1.06)}30%{transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-34px)scale(1)}}@media (prefers-reduced-motion:reduce){.spiel-xp{animation:1.3s linear forwards xp-schweben}}.such-auftrag{margin-bottom:14px}.such-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:800;display:block}.such-auftrag .such-liste{margin-bottom:0}.interpret-eingabe{gap:8px;margin-bottom:10px;display:flex}.interpret-feld{border:1px solid var(--line);background:var(--card);min-width:0;color:var(--text);font:inherit;border-radius:12px;flex:1;padding:11px 14px;font-size:14px}.interpret-feld:focus{border-color:var(--primary);outline:none}.interpret-eingabe .btn{flex-shrink:0;padding:11px 18px}.interpret-vorschlaege{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.interpret-block{border:1px solid var(--line);background:var(--card);border-radius:14px;transition:border-color .15s;position:relative;overflow:hidden}.interpret-weg{z-index:1;background:var(--flaeche);width:26px;height:26px;color:var(--muted);cursor:pointer;border:none;border-radius:50%;font-size:12px;line-height:1;position:absolute;top:8px;right:8px}.interpret-weg:hover{background:var(--line);color:var(--text)}.interpret-block.block-offen{border-color:var(--primary)}.interpret-block .interpret-karte{border:none;border-radius:0;width:100%;transform:none}.interpret-block .interpret-karte:hover{background:var(--flaeche);transform:none}.interpret-anzahl{color:var(--primary);margin-top:5px;font-size:12px;font-weight:700}.interpret-songs{border-top:1px solid var(--line);background:var(--card);flex-direction:column;gap:2px;padding:8px;display:flex}.song-vorschlag,.song-vorschlag:disabled,.song-vorschlag:active{box-shadow:none;transform:none}.song-vorschlag{text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:12px;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:10px 12px;transition:background .12s;display:grid}@media (hover:hover){.song-vorschlag:hover:not(:disabled){background:#fff3e8;transform:none}.song-vorschlag:hover .song-play{background:var(--primary);color:#fff}}.song-vorschlag:disabled{opacity:.55;cursor:default}.song-vorschlag.song-laedt{opacity:1;background:#fff3e8}.song-play{width:36px;height:36px;color:var(--primary);background:#ffe8d4;border-radius:50%;place-items:center;padding-left:2px;font-size:13px;transition:background .15s,color .15s;display:grid}.song-laedt .song-play{background:var(--primary);color:#fff;padding-left:0;animation:1s linear infinite dreht}@keyframes dreht{to{transform:rotate(360deg)}}.song-vorschlag-titel{font-size:14.5px;font-weight:700}.song-vorschlag-dauer{color:var(--primary);border:1.5px solid #ffd9b8;border-radius:999px;flex:none;padding:5px 12px;font-size:12px;font-weight:800}.song-laedt .song-vorschlag-dauer{border-color:var(--primary)}.song-meldung{border-top:1px solid var(--line);background:var(--flaeche);color:var(--muted);margin:0;padding:10px 14px;font-size:13px}.song-meldung-fehler{color:#c0392b;background:#fdf0ee}.lern-fortschritt{margin-bottom:14px}.lern-balken{background:var(--line);border-radius:999px;height:10px;margin-bottom:6px;overflow:hidden}.lern-balken-voll{background:linear-gradient(90deg, #ff8124, var(--primary));border-radius:999px;min-width:0;height:100%;transition:width .4s}.home .hero-row{margin-bottom:18px}.plan-chips{flex-wrap:wrap;gap:7px;margin:10px 0 12px;display:flex}.plan-chip{border:1px solid var(--line);color:var(--navy);background:#fff;border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:700}.plan-chip.chip-fertig{border-color:var(--success);color:var(--success);background:#dff5e6}.ziel-zeile{max-width:340px}.ziel-zeile .lern-balken{height:8px;margin-bottom:4px}.ziel-text{color:var(--muted);font-size:12.5px;font-weight:700}.unterricht-karte{background:var(--flaeche);border:1px solid var(--line);border-radius:16px;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;padding:16px 18px;display:grid}.unterricht-avatar{background:#fff3e8;border-radius:50%;place-items:center;width:56px;height:56px;font-size:30px;display:grid}.unterricht-text{flex-direction:column;gap:2px;min-width:0;display:flex}.unterricht-text b{font-size:15.5px}.unterricht-text span{color:var(--muted);font-size:13px}.unterricht-premium{font-weight:800;color:var(--primary)!important;font-size:12px!important}@media (width<=560px){.unterricht-karte{grid-template-columns:48px 1fr}.unterricht-karte .btn-outline{grid-column:1/-1}}.woche-diagramm{grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:150px;padding:8px 4px 0;display:grid}.woche-diagramm-leer{height:84px}.woche-tag{flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;height:100%;display:flex}.woche-wert{color:var(--muted);font-variant-numeric:tabular-nums;min-height:15px;font-size:12px;font-weight:800}.woche-balken{background:#ffd9b8;border-radius:8px 8px 3px 3px;width:100%;max-width:34px;transition:height .4s}.woche-balken.balken-heute{background:var(--primary)}.woche-label{color:var(--muted);font-size:11.5px;font-weight:700}.woche-label.label-heute{color:var(--primary)}.nav-emoji{font-size:26px}.start-aktionen{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.start-aktion{background:linear-gradient(135deg, #ff8124, var(--primary));color:#fff;text-align:left;cursor:pointer;border:none;border-radius:18px;flex-direction:column;align-items:flex-start;gap:4px;padding:20px 18px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 6px 18px #ff6c0047}.start-aktion:active{transform:scale(.97)}.start-aktion-zweit{background:var(--card);color:var(--navy);border:2px solid var(--line);box-shadow:none}.start-aktion-emoji{margin-bottom:4px;font-size:28px}.start-aktion-titel{font-size:16.5px;font-weight:800;line-height:1.2}.start-aktion-sub{opacity:.85;font-size:12.5px}.start-aktion-zweit .start-aktion-sub{color:var(--primary);opacity:1;font-weight:700}@media (hover:hover){.start-aktion:hover{transform:scale(1.02)}}.start-ziel{max-width:none;margin-bottom:26px}.luecke-linie{border-bottom:2.5px solid var(--primary);vertical-align:baseline;width:4.5em;margin:0 4px;display:inline-block}.lade-geruest{max-width:760px;margin:0 auto}.lade-buehne{background:linear-gradient(170deg,#ff8124 0%,#ff6c00 100%);margin:-12px -20px 0;padding:18px 20px 78px;position:relative}.lade-video{aspect-ratio:16/9;border-radius:16px;margin-bottom:14px}.lade-titel{border-radius:8px;width:62%;height:15px;margin:0 auto 14px}.lade-knoepfe{justify-content:center;gap:10px;display:flex}.lade-knoepfe span{border-radius:12px;flex:1;max-width:130px;height:38px}.lade-zeilen{flex-direction:column;gap:16px;max-width:680px;margin:26px auto 0;display:flex}.lade-zeile{border-radius:7px;height:19px}.lade-text{text-align:center;color:var(--muted);margin-top:26px;font-size:14px;font-weight:700}.schimmer{background:#00004112;display:block;position:relative;overflow:hidden}.lade-buehne .schimmer{background:#ffffff38}.schimmer:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:1.5s ease-in-out infinite schimmern;position:absolute;inset:0;transform:translate(-100%)}@keyframes schimmern{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.schimmer:after{animation:none}}.weiter-hinweis{z-index:5;width:fit-content;color:var(--navy);background:#fffffff2;border-radius:999px;justify-content:center;align-items:center;gap:12px;margin:10px auto 0;padding:7px 14px;font-size:13px;font-weight:700;animation:.35s ease-out hinweis-rein;display:flex;position:relative;box-shadow:0 3px 12px #ff6c0024}@keyframes hinweis-rein{0%{opacity:0;transform:translateY(-6px)}}.weiter-neu{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;text-decoration:underline}.text-warnung{z-index:5;max-width:640px;color:var(--navy);background:#fffffff5;border-left:4px solid #e8a33d;border-radius:12px;margin:12px auto 0;padding:11px 16px;font-size:13px;line-height:1.5;position:relative;box-shadow:0 3px 12px #ff6c001f}.reader-fuss{padding:10px 16px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:saturate(180%)blur(16px);background:#fffdfaeb;border-top:1px solid #0000410f;flex-wrap:nowrap;gap:14px;box-shadow:0 -6px 24px #ff6c000f}.reader-fuss .fuss-spiel{background:var(--primary);border:none;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;padding:0;transition:transform .12s,box-shadow .12s;display:grid;box-shadow:0 4px 14px #ff6c0061}.reader-fuss .fuss-spiel svg{fill:#fff;width:22px;height:22px;margin-left:2px}.reader-fuss .fuss-spiel svg rect{margin-left:0}.reader-fuss .fuss-spiel:active{transform:scale(.93);box-shadow:0 2px 8px #ff6c0057}@media (hover:hover){.reader-fuss .fuss-spiel:hover{box-shadow:0 6px 20px #ff6c0075}}.reader-fuss .tempo-steller{background:#0000410d;border-radius:999px;flex:none;align-items:center;gap:2px;padding:4px;display:flex}.reader-fuss .tempo-schritt{width:34px;height:34px;color:var(--navy);box-shadow:none;background:0 0;border:none;border-radius:50%;place-items:center;padding:0;font-size:19px;font-weight:800;line-height:1;transition:background .12s;display:grid}.reader-fuss .tempo-schritt:active:not(:disabled){background:#0000411a;transform:none}.reader-fuss .tempo-schritt:disabled{opacity:.28;box-shadow:none}@media (hover:hover){.reader-fuss .tempo-schritt:hover:not(:disabled){background:#fff}}.reader-fuss .tempo-wert{text-align:center;min-width:40px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:800}.reader-fuss .fuss-knopf{color:var(--navy);box-shadow:none;background:0 0;border:2px solid #0000411a;border-radius:999px;flex:none;padding:11px 18px;font-size:14px}.reader-fuss .fuss-knopf:active{box-shadow:none;transform:scale(.96)}.reader-fuss .fuss-an{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 3px 12px #ff6c0052}@media (hover:hover){.reader-fuss .fuss-knopf:hover{border-color:var(--primary)}}@media (width<=420px){.reader-fuss{gap:10px;padding-left:12px;padding-right:12px}.reader-fuss .fuss-spiel{width:46px;height:46px}.reader-fuss .fuss-knopf{padding:10px 14px;font-size:13.5px}.reader-fuss .tempo-schritt{width:30px;height:30px;font-size:17px}.reader-fuss .tempo-wert{min-width:34px;font-size:12.5px}}.tutor-karte{background:var(--card);border:2px solid var(--primary);border-radius:22px;margin-bottom:26px;padding:26px 24px 24px;position:relative;overflow:hidden}.tutor-karte:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffe4cc 0%,#0000 70%);width:190px;height:190px;position:absolute;top:-70px;right:-70px}.tutor-bild{border:4px solid var(--primary);background:linear-gradient(135deg, #ffb877, var(--primary));border-radius:50%;place-items:center;width:108px;height:108px;margin-bottom:20px;display:grid;position:relative;overflow:hidden}.tutor-bild img{object-fit:cover;width:100%;height:100%}.tutor-initialen{color:#fff;font-size:42px;font-weight:900}.tutor-titel{margin:0 0 10px;font-size:24px;font-weight:900;line-height:1.15;position:relative}.tutor-text{color:var(--navy);max-width:40ch;margin:0 0 20px;font-size:15.5px;line-height:1.5;position:relative}.tutor-knoepfe{flex-wrap:wrap;gap:12px;display:flex;position:relative}.tutor-knopf{background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 4px 0 var(--primary-press);border:none;border-radius:12px;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:800;transition:transform .1s,box-shadow .1s;display:inline-flex}.tutor-knopf:active{box-shadow:0 1px 0 var(--primary-press);transform:translateY(3px)}.tutor-knopf span{font-size:13px}.kategorie-reihe{margin-bottom:30px}.kategorie-reihe:last-child{margin-bottom:0}.reihen-kopf{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.reihen-titel{align-items:center;gap:9px;margin:0;font-size:17px;font-weight:800;display:flex}.reihen-emoji{font-size:19px}.reihen-mehr{color:var(--primary);box-shadow:none;cursor:pointer;background:#fff3e8;border:none;border-radius:999px;flex:none;padding:7px 14px;font-size:13px;font-weight:800;transition:background .12s}.reihen-mehr:active{box-shadow:none;transform:scale(.96)}@media (hover:hover){.reihen-mehr:hover{background:#ffe4cc}}.trainer .bereich{background:var(--card);border-radius:22px;margin-bottom:16px;padding:20px 18px;box-shadow:0 6px 22px #ff6c001a}.bereich.bereich-wiederholen{background:var(--card);border:1.5px solid #ffd9b8;border-radius:22px;margin:4px 0 16px;padding:22px;box-shadow:0 6px 22px #ff6c001a}.wiederholen-zahl{align-content:center;gap:2px;width:88px;height:auto;min-height:88px;padding:12px 8px}.wiederholen-zahl b{font-size:1.75rem}.wiederholen-zahl span{text-align:center;opacity:.95;font-size:10.5px;font-weight:800;line-height:1.15}.trainer .gen-info{background:var(--flaeche);box-shadow:none;line-height:1}.trainer .gen-info:active{box-shadow:none;transform:scale(.94)}.trainer .liste-kopf{box-shadow:none;background:0 0;border:none;border-radius:0;padding:2px 0}.trainer .liste-kopf:active{box-shadow:none;transform:none}.trainer .btn-outline{box-shadow:none;border:2px solid var(--line);color:var(--navy);background:#fff}.trainer .btn-outline:active{box-shadow:none;transform:scale(.98)}@media (hover:hover){.trainer .btn-outline:hover{border-color:var(--primary)}}.trainer .spiel-karte,.trainer .vorschlag-chip,.trainer .chip,.trainer .wort-feld,.trainer input,.trainer select,.trainer .filter-stufe,.trainer .liste-suche{box-shadow:none}.trainer .spiel-karte{border:1px solid var(--line);background:#fff}.trainer .spiel-karte:active{box-shadow:none;transform:scale(.98)}@media (hover:hover){.trainer .spiel-karte:hover{transform:scale(1.02)}}.trainer .vorschlag-chip,.trainer .chip{border:1.5px solid var(--line);background:#fff}.trainer .vorschlag-chip:active,.trainer .chip:active{box-shadow:none;transform:scale(.96)}.trainer input,.trainer .liste-suche,.trainer select{border:1.5px solid var(--line);background:#fff}.trainer .wiederholen-los,.trainer .wort-los{box-shadow:0 4px 0 var(--primary-press)}.bereich{background:var(--card);border-radius:22px;margin-bottom:16px;padding:20px 18px;box-shadow:0 6px 22px #ff6c001a}.bereich-kopf{margin-bottom:14px}.bereich-kopf p{color:var(--muted);max-width:52ch;margin:4px 0 0;font-size:13px;line-height:1.45}button{box-shadow:none}button:active{box-shadow:none;transform:scale(.97)}.btn,.wiederholen-los,.wort-los,.hero-cta,.tutor-knopf,.start-aktion:not(.start-aktion-zweit){box-shadow:0 4px 0 var(--primary-press)}.btn:active,.wiederholen-los:active,.wort-los:active,.tutor-knopf:active{box-shadow:0 1px 0 var(--primary-press);transform:translateY(3px)}.start-aktion:not(.start-aktion-zweit){box-shadow:0 6px 18px #ff6c0047}.chip,.vorschlag-chip,.thema,.filter-knopf,.btn-outline,.btn-plain,.kategorie-chip,.reihen-mehr,.such-knopf{box-shadow:none;border:1.5px solid var(--line);background:#fff}.btn-plain{border:none}.thema-aktiv,.chip-aktiv,.chip-active,.filter-an{background:var(--primary);border-color:var(--primary);color:#fff}@media (hover:hover){.chip:hover,.vorschlag-chip:hover,.thema:hover,.filter-knopf:hover,.btn-outline:hover{border-color:var(--primary)}}input[type=text],input[type=search],input:not([type]),select,textarea{border:1.5px solid var(--line);box-shadow:none;background:#fff}.mit-icon{align-items:center;gap:7px;display:inline-flex}.mit-icon svg{flex:none}.hero-chip{border:1.5px solid var(--line);box-shadow:none;background:#fff;align-items:center;gap:6px;display:inline-flex}.hero-chip svg{color:var(--primary)}.thema{align-items:center;gap:7px;display:inline-flex}.thema svg{flex:none}.thema-aktiv svg{color:#fff}.start-aktion-icon{background:#ffffff38;border-radius:13px;place-items:center;width:44px;height:44px;margin-bottom:6px;display:grid}.start-aktion-zweit .start-aktion-icon{color:var(--primary);background:#fff3e8}.art-emoji svg{color:var(--primary)}.suche-hinweis,.empty-hint{color:var(--muted);font-size:13px}.hoeren-knopf{border:2px solid var(--primary);color:var(--primary-dark,#e05f00);box-shadow:none;touch-action:manipulation;background:#fff3e8;border-radius:999px;align-items:center;gap:10px;margin:8px auto 20px;padding:14px 26px;font-size:16px;font-weight:800;display:inline-flex}.hoeren-knopf:active{box-shadow:none;transform:scale(.96)}@media (hover:hover){.hoeren-knopf:hover{background:var(--primary);color:#fff}}.satzbau-deutsch{margin:0 0 18px;font-size:17px;font-weight:700}.satzbau-ablage{border:2px dashed var(--line);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:62px;margin-bottom:18px;padding:12px;transition:border-color .2s,background .2s;display:flex}.satzbau-ablage.ablage-richtig{border-style:solid;border-color:var(--success);background:#dff5e6}.satzbau-ablage.ablage-falsch{border-style:solid;border-color:var(--red);background:#ffe9e9}.ablage-leer{color:var(--muted);font-size:13.5px}.satzbau-vorrat{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:6px;display:flex}.satz-baustein{border:1.5px solid var(--line);color:var(--navy);box-shadow:none;touch-action:manipulation;background:#fff;border-radius:11px;padding:10px 15px;font-size:15px;font-weight:700}.satz-baustein:active{box-shadow:none;transform:scale(.95)}.satz-baustein.baustein-gesetzt{border-color:var(--primary);background:#fff8f2}.satz-baustein.baustein-weg{opacity:.25}.satzbau-loesung{color:var(--muted);margin:-8px 0 16px;font-size:13.5px}.quote-ring{width:112px;height:112px;margin:0 auto 16px;position:relative}.quote-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.quote-ring circle{fill:none;stroke-width:9px;stroke-linecap:round}.ring-grund{stroke:var(--line)}.ring-voll{transition:stroke-dasharray .8s ease-out}.ring-gut .ring-voll{stroke:var(--success)}.ring-uebung .ring-voll{stroke:var(--primary)}.quote-zahl{font-variant-numeric:tabular-nums;place-items:center;font-size:26px;font-weight:900;display:grid;position:absolute;inset:0}.quote-zahl i{margin-left:1px;font-size:15px;font-style:normal}.abschluss-knoepfe{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.rueckblick-hinweis{color:var(--primary)}.kulturnotiz{background:var(--flaeche);max-width:44ch;color:var(--navy);text-align:left;border-radius:12px;margin:14px auto 8px;padding:12px 16px;font-size:13.5px;line-height:1.5}.kulturnotiz b{color:var(--primary)}.kursplan{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.plan-zeile{text-align:left;background:var(--card);border:1px solid var(--line);width:100%;box-shadow:none;border-radius:14px;grid-template-columns:30px 1fr auto;align-items:center;gap:11px;padding:11px 13px;display:grid}.plan-nr{color:#a99e91;text-align:center;font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.plan-text{min-width:0;display:block}.plan-titel{color:var(--navy);font-size:14.5px;font-weight:700;line-height:1.25;display:block}.plan-lernst{color:var(--muted);margin-top:2px;font-size:11.5px;font-weight:600;line-height:1.3;display:block}.plan-haken{color:var(--success);font-size:15px;font-weight:800}.plan-schloss{border:2px solid #cfc4b6;border-radius:4px;width:13px;height:13px}.plan-dran{border:2px solid var(--primary);box-shadow:0 3px 0 var(--primary-press)}.plan-dran .plan-nr{color:var(--primary)}.plan-knopf{background:var(--primary);color:#fff;border-radius:99px;padding:6px 13px;font-size:11.5px;font-weight:800}.plan-fertig .plan-nr{color:var(--success)}.plan-zu{opacity:.5}.heute{text-align:left;background:var(--card);border:1px solid var(--line);width:100%;box-shadow:0 4px 0 var(--line);border-radius:20px;padding:18px;display:block}.heute-kopf{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.heute-marke{letter-spacing:.1em;text-transform:uppercase;color:var(--primary);font-size:10.5px;font-weight:800}.heute-dauer{color:var(--muted);font-size:11.5px;font-weight:700}.heute-titel{color:var(--navy);margin-bottom:4px;font-size:22px;font-weight:800;line-height:1.15;display:block}.heute-lernst{color:var(--muted);margin-bottom:14px;font-size:13px;font-weight:600;line-height:1.4;display:block}.heute-zeilen{gap:7px;margin-bottom:16px;display:grid}.heute-zeile{color:var(--navy);align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.heute-punkt{background:var(--primary);border-radius:50%;flex:none;width:5px;height:5px}.heute-los{text-align:center;background:var(--primary);color:#fff;box-shadow:0 4px 0 var(--primary-press);border-radius:14px;padding:13px;font-size:15px;font-weight:800;display:block}.heute-fertig{text-align:center}.heute-fertig .heute-lernst{margin-bottom:0}.streifen{text-align:left;width:100%;box-shadow:none;background:0 0;border:none;padding:16px 4px 0;display:block}.streifen-titel{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:800;display:block}.streifen-punkte{align-items:center;gap:5px;display:flex}.pkt{background:var(--line);border-radius:99px;flex:1;height:6px}.pkt-fertig{background:var(--success)}.pkt-dran{background:var(--primary)}.streifen-alle{color:var(--primary);align-items:center;gap:5px;margin-top:9px;font-size:12px;font-weight:700;display:flex}.start-aktionen-schmal{grid-template-columns:1fr;margin-top:14px}.route{background:#f2ebe0;border:1px solid #e8ded0;border-radius:20px;margin-top:16px;padding:10px 0 4px;position:relative;overflow:hidden}.route-spur{pointer-events:none;width:74px;position:absolute;top:0;left:12px}.route-belag{fill:none;stroke:#e7ded0;stroke-width:9px;stroke-linecap:round}.route-geschafft{fill:none;stroke:var(--success);stroke-width:9px;stroke-linecap:round}.etappen{margin:0;padding:10px 0 0;list-style:none;position:relative}.etappe{align-items:center;display:flex;position:relative}.etappe-punkt{color:#fff;background:#ece3d5;border:4px solid #f2ebe0;border-radius:50%;place-items:center;width:30px;height:30px;margin:-15px 0 0 -15px;display:grid;position:absolute;top:50%}.punkt-fertig{background:var(--success)}.punkt-dran{background:var(--primary);width:34px;height:34px;margin:-17px 0 0 -17px;box-shadow:0 0 0 6px #ff6c0029}.etappe-fahne{background:var(--primary);color:#fff;border-radius:3px 8px 8px 3px;padding:2px 9px 2px 7px;font-size:11px;font-weight:900;line-height:1.5;position:absolute;bottom:30px;left:15px}.etappe-fahne:before{content:"";background:var(--primary-press);border-radius:2px;width:3px;height:30px;position:absolute;top:0;left:-2px}.etappe-karte{border:1.5px solid var(--line);background:var(--card);text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:0;margin-left:96px;margin-right:14px;padding:13px 15px;display:flex;box-shadow:0 6px 22px #ff6c001a}.etappe-karte:active{transform:scale(.99)}.karte-versetzt{margin-left:112px}.karte-zu{opacity:.55;cursor:default}.karte-zu:active{transform:none}.karte-marke{letter-spacing:.04em;color:var(--primary);font-size:11px;font-weight:900}.karte-kopf{color:var(--muted);align-items:center;gap:7px;display:flex}.karte-titel{color:var(--navy);font-size:15px;font-weight:900;line-height:1.25}.karte-dran .karte-titel{font-size:16.5px}.karte-unter{color:var(--muted);font-size:12.5px;font-weight:600;line-height:1.3}.karte-status{color:var(--success-press);font-size:12.5px;font-weight:800}.karte-dauer{color:var(--muted);align-items:center;gap:5px;font-size:12.5px;font-weight:700;display:flex}.karte-los{color:var(--primary);align-items:center;gap:6px;margin-top:5px;font-size:13.5px;font-weight:900;display:flex}.karte-fertig{border-color:#d7eede}.karte-dran{border-color:#ffd9b8}@media (hover:hover) and (prefers-reduced-motion:no-preference){.etappe-karte{transition:transform .15s}.etappe-karte:hover:not(:disabled){transform:scale(1.015)}}.modul-kopf{align-items:center;gap:14px;margin:6px 0 16px;display:flex}.modul-kopf-ring{border:1.5px solid var(--line);background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:58px;height:58px;font-size:1.7rem;line-height:1;display:grid}.modul-kopf-text{min-width:0}.modul-kopf-text h1{letter-spacing:-.02em;margin:0;font-size:1.75rem}.modul-kopf-text p{color:var(--muted);margin:2px 0 0;font-size:13.5px;font-weight:600;line-height:1.35}.modul-stand{border:1.5px solid var(--line);background:var(--card);border-radius:18px;align-items:center;gap:12px;padding:13px 14px;display:flex}.modul-stand .goal-bar{flex:1;min-width:60px;height:9px;display:block}.modul-stand-text{color:var(--muted);flex-shrink:0;font-size:13px;font-weight:800}.modul-stand-chip{color:var(--primary-dark);background:#ffeedf;border-radius:12px;flex-shrink:0;padding:7px 13px;font-size:13px;font-weight:900}.modul-stand-chip.chip-fertig{color:var(--success-press);background:#eafaf0}.ansicht-schalter{background:var(--flaeche);border-radius:99px;gap:3px;margin-top:14px;padding:3px;display:inline-flex}.ansicht-schalter button{box-shadow:none;color:var(--muted);background:0 0;border:none;border-radius:99px;align-items:center;gap:7px;padding:8px 20px;font-size:13.5px;font-weight:800;display:flex}.ansicht-schalter button.aktiv svg{color:var(--primary)}.ansicht-schalter button.aktiv{background:var(--card);color:var(--navy);box-shadow:0 1px 3px #ff6c001a}.inhalt-suche{background:var(--flaeche);color:var(--muted);border-radius:12px;align-items:center;gap:9px;margin-bottom:14px;padding:0 13px;display:flex}.inhalt-suche input{color:var(--navy);background:0 0;border:none;flex:1;padding:12px 0;font-size:15px}.inhalt-suche input:focus{outline:none}.inhalt-zahl{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:12px;font-weight:700}.inhalt-liste{gap:7px;margin:0;padding:0;list-style:none;display:grid}.inhalt-zeile{text-align:left;background:var(--card);border:1px solid var(--line);width:100%;box-shadow:none;color:var(--muted);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;display:flex}.inhalt-zeile:hover{border-color:var(--primary)}.inhalt-text{min-width:0;display:block}.inhalt-titel{color:var(--navy);font-size:14.5px;font-weight:700;line-height:1.3;display:block}.inhalt-meta{color:var(--muted);margin-top:3px;font-size:11.5px;font-weight:600;display:block}.inhalt-hinweis{text-align:center;color:var(--muted);padding:26px 0;font-size:14px}.lesetext-titel{color:var(--navy);text-wrap:balance;margin:10px 0 14px;font-size:22px;font-weight:800;line-height:1.2}.lesetext-ton{width:100%;margin-bottom:18px}.lesetext-kapitel{background:var(--flaeche);color:var(--muted);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:8px 12px;font-size:12.5px;font-weight:700;display:flex}.lesetext-kapitel button{padding:2px 8px;font-size:17px}.lesetext-kapitel button:disabled{opacity:.3}.lesetext-kapitel-titel{color:var(--primary);margin:0 0 14px;font-size:17px;font-weight:800;line-height:1.3}.lesetext-koerper{gap:16px;max-width:34em;display:grid}.lesetext-absatz p{color:var(--navy);cursor:pointer;margin:0;font-size:16.5px;line-height:1.72}.lesetext-vokabel{box-shadow:none;font:inherit;color:var(--primary);background:0 0;border:none;border-bottom:1.5px solid #ff6c0059;border-radius:0;padding:0;font-weight:700}.lesetext-vokabel.schon-da{color:var(--success);border-bottom-color:#2aae5f66}.lesetext-deutsch{border-left:2.5px solid var(--line);color:var(--muted);margin:7px 0 0;padding-left:13px;font-size:14.5px;line-height:1.6}.lesetext-hinweis{color:var(--muted);text-align:center;margin-top:26px;font-size:12px}.lesetext-vokabel.laedt{opacity:.5}.lesetext-wortfehler{color:var(--red-press);background:#fff1f1;border-radius:10px;margin-top:16px;padding:10px 13px;font-size:13px}.tutor-bild{position:relative}.tutor-live{background:var(--red);color:#fff;letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--card);border-radius:99px;padding:2px 8px;font-size:9.5px;font-weight:800;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.tutor-knopf-live{background:var(--primary);color:#fff;box-shadow:0 4px 0 var(--primary-press);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.tutor-knopf:disabled{opacity:.55;cursor:not-allowed}.tutor-knopf-zweit{color:var(--primary);border:2px solid var(--primary);box-shadow:none;background:#fff}.tutor-knopf-zweit:active{box-shadow:none;transform:translateY(1px)}@media (width<=460px){.tutor-knoepfe{flex-direction:column;align-items:stretch}.tutor-knopf{justify-content:center}}.tutor-hinweis{color:var(--muted);margin:10px 0 0;font-size:12px}.video-hero{background:var(--card);border:1.5px solid var(--line);border-radius:22px;flex-wrap:wrap;align-items:center;gap:13px;margin:4px 0 16px;padding:20px 18px;display:flex;box-shadow:0 6px 22px #ff6c001a}.gen-symbol,.video-hero-symbol{width:46px;height:46px;color:var(--primary);background:#ffeedf;border-radius:14px;flex:none;place-items:center;display:grid}.video-hero-text{flex:12rem;min-width:0}.video-hero-text h2{color:var(--navy);margin:0;font-size:1.18rem;font-weight:900}.video-hero-text p{color:var(--muted);margin:2px 0 0;font-size:13.5px;font-weight:600;line-height:1.4}.video-hero-form{background:var(--flaeche);border:1px solid var(--line);border-radius:12px;flex:100%;align-items:center;gap:6px;margin-top:3px;padding:5px 5px 5px 14px;display:flex}.video-hero-form input{min-width:0;color:var(--navy);text-overflow:ellipsis;background:0 0;border:none;flex:1;padding:9px 0;font-size:14px}.video-hero-form input:focus{outline:none}.video-hero-form .btn{box-shadow:none;border-radius:9px;flex:none;padding:9px 18px;font-size:14px}.mediathek-kopf{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.mediathek-kopf-links{min-width:0}.mediathek-kopf h2{color:var(--navy);align-items:center;gap:9px;margin:0;font-size:18px;font-weight:800;display:flex}.mediathek-kopf h2 svg{color:var(--primary);flex:none}.mediathek-kopf p{color:var(--muted);margin:5px 0 0;font-size:13px}.kopf-aktion{background:var(--card);border:1px solid var(--line);box-shadow:none;color:var(--navy);border-radius:99px;flex:none;align-items:center;gap:5px;padding:8px 15px;font-size:13px;font-weight:700;display:inline-flex}.kopf-aktion:hover{border-color:var(--primary);color:var(--primary)}.kopf-zahl{color:#1f7a45;background:#eaf7ef;border-radius:99px;flex:none;padding:5px 13px;font-size:12.5px;font-weight:800}.quer-liste{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:14px;display:grid}@media (width<=560px){.quer-liste{grid-template-columns:1fr}}.quer-karte{background:var(--card);border:1px solid var(--line);border-radius:14px;gap:0;display:flex;overflow:hidden}.quer-bild{cursor:pointer;background:var(--flaeche);flex:none;width:44%;max-width:190px;position:relative}.quer-bild img{object-fit:cover;width:100%;height:100%;display:block}.quer-dauer{color:#fff;background:#000014d1;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700;position:absolute;bottom:8px;left:8px}.quer-text{flex-direction:column;justify-content:space-between;gap:10px;min-width:0;padding:13px 14px;display:flex}.quer-titel{color:var(--navy);cursor:pointer;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.quer-fuss{justify-content:space-between;align-items:center;gap:8px;display:flex}.mehr-videos{background:var(--card);border:1px solid var(--line);box-shadow:none;color:var(--navy);border-radius:99px;align-items:center;gap:8px;margin:22px auto 0;padding:11px 22px;font-size:14px;font-weight:700;display:flex}.mehr-videos:hover{border-color:var(--primary);color:var(--primary)}.stil-vorschlaege{flex-wrap:wrap;flex:100%;gap:7px;margin:2px 0 0;display:flex}.stil-vorschlaege .vorschlag-chip{background:var(--card);border-width:1.5px;padding:8px 11px;font-size:.78rem;font-weight:700}.video-hero-form .btn:disabled{opacity:1;color:#fff;cursor:default;background:#ffd0ab}.deck{background:var(--flaeche);border-radius:14px;gap:6px;margin:0 0 18px;padding:5px;display:flex}.deck button{color:var(--muted);box-shadow:none;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 8px;font-family:inherit;font-size:14.5px;font-weight:800}.deck button:active{transform:none}.deck .deck-aktiv{background:var(--card);color:var(--navy);box-shadow:0 1px 4px #ff6c001a}.deck-zahl{background:var(--primary);color:#fff;border-radius:9px;min-width:20px;margin-left:5px;padding:1px 6px;font-size:12px;font-weight:900;display:inline-block}.gram-heute-titel{color:var(--navy);margin:0 0 2px;font-size:17px;font-weight:900}.gram-liste{flex-direction:column;gap:8px;margin-top:12px;display:flex}.gram-karte{text-align:left;border:1.5px solid var(--line);background:var(--card);width:100%;box-shadow:none;cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:13px 14px;display:flex}.gram-karte:active{transform:scale(.99)}.gram-karte-zu{opacity:.45;cursor:default}.gram-karte-zu:active{transform:none}.gram-karte-text{flex:1;min-width:0}.gram-karte-titel{color:var(--navy);font-size:15px;font-weight:800;display:block}.gram-karte-regel{color:var(--muted);margin-top:2px;font-size:13px;line-height:1.35;display:block}.gram-stand{background:var(--flaeche);color:var(--muted);border-radius:9px;flex-shrink:0;padding:4px 9px;font-size:12px;font-weight:800}.gram-stand-faellig{background:var(--primary);color:#fff}.gram-fuss{text-align:center;color:var(--muted);margin:18px 0 6px;font-size:13px}.gram-deutsch{color:var(--muted);margin:0 0 14px;font-size:14.5px}.gram-satz{color:var(--navy);margin:0 0 18px;font-size:20px;font-weight:700;line-height:1.5}.gram-luecke{border-bottom:2.5px solid var(--primary);min-width:74px;color:var(--primary);text-align:center;padding:0 8px;display:inline-block}.gram-eingabe{border:1.5px solid var(--line);background:var(--flaeche);width:100%;color:var(--navy);text-align:center;border-radius:13px;padding:13px 14px;font-family:inherit;font-size:17px;font-weight:700}.gram-eingabe:focus{border-color:var(--primary);background:var(--card);outline:none}.gram-hilfe{color:var(--muted);margin:10px 0 4px;font-size:13px;font-weight:700}.gram-aufloesung{color:var(--navy);margin:12px 0 0;font-size:14px}.gram-optionen{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.gram-option{border:1.5px solid var(--line);background:var(--card);color:var(--navy);box-shadow:none;cursor:pointer;border-radius:13px;padding:12px 18px;font-family:inherit;font-size:16px;font-weight:800}.gram-option:active{transform:scale(.97)}.gram-option-richtig{border-color:var(--success);color:var(--success-press);background:#eafaf0}.gram-option-falsch{border-color:var(--red);color:var(--red-press);background:#ffeded}.gram-woerter{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.gram-wort{border:1.5px solid var(--line);background:var(--card);color:var(--navy);box-shadow:none;cursor:pointer;border-radius:11px;padding:10px 13px;font-family:inherit;font-size:16px;font-weight:700}.gram-wort:active{transform:scale(.95)}.gram-wort-treffer{border-color:var(--success);background:#eafaf0}.gram-wort-daneben{border-color:var(--red);background:#ffeded}.flashcard.gram-richtig{border-color:var(--success)}.flashcard.gram-falsch{border-color:var(--red)}.gram-naechster{color:var(--muted);margin:4px 0 0;font-size:14px}.gram-abbrechen{color:var(--muted);box-shadow:none;cursor:pointer;background:0 0;border:none;margin:20px auto 0;padding:8px 16px;font-family:inherit;font-size:13.5px;font-weight:700;display:block}.gram-abbrechen:active{transform:none}.station{text-align:left;border:2px dashed var(--primary);border-radius:var(--radius);background:var(--card);cursor:pointer;align-items:center;gap:14px;width:100%;margin:26px 0 10px;padding:18px 16px;display:flex;box-shadow:0 6px 22px #ff6c001a}.station:active{transform:scale(.99)}.station-zu{border-style:solid;border-color:var(--line);background:var(--flaeche);cursor:default}.station-zu:active{transform:none}.station-fertig{border-style:solid;border-color:var(--success);background:#f2fbf5}.station-emoji{border:1.5px solid var(--line);width:46px;height:46px;color:var(--success);background:#fff;border-radius:50%;flex-shrink:0;place-items:center;font-size:22px;font-weight:900;display:grid}.station-text{flex:1;min-width:0}.station-marke{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);font-size:11.5px;font-weight:900;display:block}.station-zu .station-marke{color:var(--muted)}.station-fertig .station-marke{color:var(--success-press)}.station-text h3{color:var(--navy);margin:2px 0 3px;font-size:16.5px;font-weight:900}.station-text p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.4}.station-knopf{background:var(--primary);color:#fff;border-radius:12px;flex-shrink:0;padding:9px 15px;font-size:14px;font-weight:900}.station-fertig .station-knopf{background:var(--success)}.reise-titel{margin-bottom:10px}.accent-strich{display:inline-block;position:relative}.accent-strich:after{content:"";background:var(--primary);opacity:.85;border-radius:4px;height:5px;position:absolute;bottom:-7px;left:4%;right:4%}.intro{line-height:1.55}.weiterlernen{text-align:left;background:var(--card);cursor:pointer;border:1.5px solid #ffd9b8;border-radius:22px;align-items:center;gap:16px;width:100%;margin:26px 0 30px;padding:18px 18px 18px 16px;display:flex;box-shadow:0 6px 22px #ff6c001a}.weiterlernen:active{transform:scale(.995)}.weiterlernen-ring{background:#fff;border:4px solid #ffe4cd;border-radius:50%;flex-shrink:0;place-items:center;width:74px;height:74px;font-size:2.1rem;line-height:1;display:grid}.weiterlernen-text{flex:1;min-width:0}.weiterlernen-marke{letter-spacing:.1em;text-transform:uppercase;color:var(--primary);font-size:11.5px;font-weight:900;display:block}.weiterlernen-titel{color:var(--navy);margin:3px 0;font-size:1.18rem;font-weight:900;display:block}.weiterlernen-sub{color:var(--muted);margin-bottom:10px;font-size:13.5px;font-weight:600;line-height:1.35;display:block}.weiterlernen-pfeil{background:var(--primary);color:#fff;text-indent:1px;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.reise-abschnitt{color:var(--navy);align-items:center;gap:9px;margin:0 0 14px;font-size:1.18rem;font-weight:900;display:flex}.modul-liste{flex-direction:column;gap:12px;display:flex}.modul-kachel{text-align:left;border:1.5px solid var(--line);background:var(--card);cursor:pointer;border-radius:20px;align-items:center;gap:14px;width:100%;padding:17px 15px;display:flex;box-shadow:0 6px 22px #ff6c001a}.modul-kachel:active{transform:scale(.995)}.modul-zu{opacity:.5;cursor:default}.modul-zu:active{transform:none}.modul-fertig{border-color:#bfe6cd}.modul-ring{background:#fdf1e6;border-radius:50%;flex-shrink:0;place-items:center;width:58px;height:58px;font-size:1.7rem;line-height:1;display:grid}.modul-fertig .modul-ring{background:#eafaf0}.modul-text{flex:1;min-width:0}.modul-titel{color:var(--navy);font-size:1.12rem;font-weight:900;display:block}.modul-sub{color:var(--muted);margin:3px 0 9px;font-size:13.5px;font-weight:600;line-height:1.35;display:block}.modul-zahl{background:#fdf1e6;border-radius:15px;flex-shrink:0;align-content:center;justify-items:center;min-width:74px;padding:9px 8px;line-height:1.1;display:grid}.modul-zahl b{color:var(--primary);font-size:1.5rem;font-weight:900}.modul-zahl i{color:var(--primary);opacity:.7;font-size:.82rem;font-style:normal;font-weight:800}.modul-zahl em{color:var(--primary);opacity:.8;margin-top:2px;font-size:11px;font-style:normal;font-weight:800}.modul-zahl-fertig{background:#eafaf0}.modul-zahl-fertig b,.modul-zahl-fertig i,.modul-zahl-fertig em{color:var(--success-press)}.modul-kachel .modul-count{font-size:.76rem}.modul-fertig .xp-bar-fill{background:var(--success)}.start-gruss{margin-bottom:6px;font-size:2.6rem}.home .intro{margin-bottom:22px;font-size:15px}.start-karte{border:1.5px solid var(--line);background:var(--card);border-radius:22px;margin-bottom:16px;padding:20px 18px;box-shadow:0 6px 22px #ff6c001a}.start-lektion{align-items:center;gap:18px;display:flex}.mini-route{flex-shrink:0;width:64px;height:150px}.mini-weg{fill:none;stroke:#e7ded0;stroke-width:4px;stroke-linecap:round}.mini-weg-fertig{fill:none;stroke:#d9d0c2;stroke-width:4px;stroke-linecap:round}.mini-punkt{fill:#e2d9cb;stroke:#fff;stroke-width:4px}.mini-punkt-dran{fill:var(--primary)}.mini-punkt-fertig{fill:var(--success)}.mini-haken{fill:none;stroke:#fff;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round}.start-lektion-text{flex:1;min-width:0}.start-marke{color:var(--muted);font-size:14px;font-weight:600;display:block}.start-lektion-text h2{letter-spacing:-.02em;color:var(--navy);margin:3px 0 4px;font-size:1.42rem;font-weight:900;line-height:1.15}.start-lektion-text>p{color:var(--muted);margin:0 0 16px;font-size:14.5px;font-weight:600}.start-lektion-stand{align-items:center;gap:12px;margin-bottom:16px;display:flex}.start-lektion-stand .goal-bar{flex:1;min-width:50px;height:10px;display:block}.start-lektion-zahl{color:var(--muted);flex-shrink:0;font-size:13.5px;font-weight:600}.start-lektion-zahl b{color:var(--navy);font-weight:900}.start-weiter{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:15px;justify-content:center;align-items:center;gap:10px;width:100%;padding:15px 18px;font-family:inherit;font-size:16px;font-weight:900;display:flex}.start-weiter:active{transform:scale(.99)}.start-abschnitt{color:var(--navy);margin:0 0 14px;font-size:1.25rem;font-weight:900}.start-abschnitt-sub{color:var(--muted);margin:-10px 0 18px;font-size:14px;font-weight:600}.reise-liste{margin:0 0 4px;padding:0;list-style:none}.reise-station{gap:14px;padding-bottom:22px;display:flex;position:relative}.reise-station:before{content:"";background:var(--line);width:2px;position:absolute;top:32px;bottom:0;left:15px}.reise-station:last-child{padding-bottom:6px}.reise-station:last-child:before{display:none}.reise-punkt{width:32px;height:32px;color:var(--primary-dark);font-variant-numeric:tabular-nums;background:#ffeedf;border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:900;display:grid}.reise-inhalt{flex:1;min-width:0;padding-top:3px}.reise-inhalt h3{color:var(--navy);text-wrap:balance;margin:0 0 5px;font-size:15.5px;font-weight:900}.reise-inhalt p{color:var(--muted);margin:0 0 9px;font-size:14px;font-weight:600;line-height:1.55}.reise-link{color:var(--primary);box-shadow:none;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:13.5px;font-weight:900;display:inline-flex}.reise-link:active{transform:scale(.98)}.reise-ziel{background:linear-gradient(135deg,#fff4ea,#fdece0);border-radius:18px;margin-top:6px;padding:18px 16px}.reise-ziel h3{color:var(--navy);margin:0 0 5px;font-size:15.5px;font-weight:900}.reise-ziel p{color:var(--muted);margin:0 0 14px;font-size:14px;font-weight:600;line-height:1.5}.einladen{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:15px;width:100%;padding:14px 18px;font-family:inherit;font-size:15.5px;font-weight:900}.einladen:active{transform:scale(.99)}.woche-reihe{justify-content:space-between;align-items:flex-end;margin:0 0 20px;padding:0;list-style:none;display:flex;position:relative}.woche-reihe:before{content:"";background:#e3ddd4;height:2px;position:absolute;bottom:13px;left:14px;right:14px}.woche-punkt{flex-direction:column;align-items:center;gap:9px;display:flex;position:relative}.woche-name{color:var(--muted);font-size:12.5px;font-weight:700}.punkt-heute .woche-name{color:var(--primary);font-weight:900}.woche-kreis{color:#fff;background:#e6ddcf;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.woche-kreis.kreis-halb{background:var(--primary)}.woche-kreis.kreis-voll{background:var(--success)}.punkt-heute .woche-kreis{box-shadow:0 0 0 4px #ffe4cd}.start-zahlen{border:1.5px solid var(--line);background:var(--flaeche);border-radius:17px;grid-template-columns:repeat(3,1fr);padding:16px 0;display:grid}.start-zahl{flex-direction:column;align-items:center;gap:3px;display:flex}.start-zahl+.start-zahl{border-left:1.5px solid var(--line)}.start-zahl b{color:var(--navy);font-size:1.6rem;font-weight:900}.start-zahl span{color:var(--muted);font-size:12.5px;font-weight:600}.lib-unter{color:var(--muted);margin:-10px 0 20px;font-size:15px;font-weight:600}.hero-form-rund{border:1.5px solid var(--line);background:var(--card);border-radius:15px;gap:8px;padding:6px 6px 6px 16px}.hero-form-rund:focus-within{border-color:var(--primary)}.hero-form-rund input{background:0 0;border:none;border-radius:0;padding:10px 0;font-size:14.5px;font-weight:600}.hero-form-rund input:focus{box-shadow:none;outline:none}.gen-pfeil,.hero-rund{background:var(--primary);color:#fff;width:38px;height:38px;box-shadow:none;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}.gen-pfeil:disabled,.hero-rund:disabled{opacity:.4;cursor:default}.gen-pfeil:active:not(:disabled),.hero-rund:active:not(:disabled){transform:scale(.94)}.video-zeilen{flex-direction:column;gap:12px;display:flex}.video-zeile{text-align:left;border:1.5px solid var(--line);background:var(--card);width:100%;box-shadow:none;cursor:pointer;border-radius:18px;align-items:center;gap:14px;padding:12px;display:flex}.video-zeile:active{transform:scale(.995)}.zeile-bild{aspect-ratio:4/3;background:var(--flaeche);border-radius:13px;flex-shrink:0;width:116px;max-width:30vw;position:relative;overflow:hidden}.zeile-bild img{object-fit:cover;width:100%;height:100%;display:block}.zeile-text{flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:0;display:flex}.zeile-text .niveau-badge{box-shadow:none;border-radius:7px;margin-bottom:2px;padding:3px 8px;position:static}.zeile-titel{color:var(--navy);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:900;line-height:1.25;display:-webkit-box;overflow:hidden}.zeile-kanal,.zeile-dauer{color:var(--muted);font-size:12.5px;font-weight:600}.zeile-kanal{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}@media (width<=400px){.bereich-schalter .chip{padding-left:12px;padding-right:12px;font-size:13.5px}.bereich-schalter{gap:6px}}.zeile-play{background:var(--card);border:1.5px solid var(--line);width:40px;height:40px;color:var(--primary);text-indent:2px;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.video-zeile:active .zeile-play{background:#fff4ea}@media (hover:hover) and (prefers-reduced-motion:no-preference){.video-zeile{transition:transform .15s}.video-zeile:hover{transform:scale(1.01)}}.ebook-form{gap:9px;margin-bottom:4px;display:flex}.ebook-form input{border:1.5px solid var(--line);background:var(--flaeche);min-width:0;color:var(--navy);border-radius:13px;flex:1;padding:12px 15px;font-family:inherit;font-size:14.5px;font-weight:600}.ebook-form input:focus{border-color:var(--primary);background:var(--card);outline:none}.ebook-form .btn{flex-shrink:0}.ebook-eigene li{align-items:center;gap:8px;display:flex}.ebook-eigene .inhalt-zeile{flex:1;min-width:0}.ebook-weg{flex-shrink:0}.gen-kopf{align-items:flex-start;gap:13px;margin-bottom:16px;display:flex}.gen-text{flex:1;min-width:0}.gen-text h2{color:var(--navy);margin:0;font-size:1.18rem;font-weight:900}.gen-text p{color:var(--muted);margin:2px 0 0;font-size:13.5px;font-weight:600}.gen-feld{border:1.5px solid var(--line);background:var(--card);border-radius:15px;align-items:center;gap:8px;padding:6px 6px 6px 16px;display:flex}.gen-feld:focus-within{border-color:var(--primary)}.gen-feld input{min-width:0;color:var(--navy);text-overflow:ellipsis;background:0 0;border:none;flex:1;padding:10px 0;font-family:inherit;font-size:14.5px;font-weight:600}.gen-feld input:focus{outline:none}.gen-feld input:disabled{opacity:.55}.list-gen .vorschlag-chip{background:var(--card);border-width:1.5px;padding:8px 11px;font-size:.78rem;font-weight:700}.list-gen .wort-vorschlaege{flex-wrap:wrap;justify-content:flex-start;gap:8px}@keyframes bereich-ein{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.wechsel{animation:.28s both bereich-ein}@media (prefers-reduced-motion:reduce){.wechsel{animation:none}}.leitfaden-tuer{text-align:left;cursor:pointer;align-items:center;gap:14px;width:100%;display:flex}.leitfaden-text{flex:1;min-width:0}.leitfaden-text h2{color:var(--navy);margin:3px 0;font-size:1.25rem;font-weight:900}.leitfaden-text p{color:var(--muted);margin:0;font-size:14px;font-weight:600;line-height:1.4}.leitfaden-pfeil{width:42px;height:42px;color:var(--primary);background:#ffeedf;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.leitfaden-seite .reise-liste{margin-top:6px}.leitfaden-zeile{text-align:left;border:1.5px solid var(--line);background:var(--card);width:100%;color:var(--muted);cursor:pointer;border-radius:16px;align-items:center;gap:12px;margin-bottom:10px;padding:15px 16px;display:flex;box-shadow:0 6px 22px #ff6c001a}.leitfaden-zeile-text{flex:1;min-width:0}.leitfaden-zeile-text b{color:var(--navy);font-size:15px;font-weight:900;display:block}.leitfaden-zeile-text span{color:var(--muted);margin-top:2px;font-size:13px;font-weight:600;line-height:1.35;display:block}body.lektion-laeuft .lessons,.training-stage{flex-direction:column;justify-content:center;min-height:calc(100dvh - 200px);display:flex}body.lektion-laeuft .lessons>.player-top,.training-stage>.player-top,.training-stage>.lern-fortschritt{flex:none}.bereich-wiederholen{position:relative}.wieder-info{border:1.5px solid var(--line);background:var(--card);width:30px;height:30px;color:var(--muted);box-shadow:none;cursor:pointer;border-radius:50%;place-items:center;padding:0;font-family:inherit;font-size:15px;font-weight:900;line-height:1;display:grid;position:absolute;top:16px;right:16px}.wieder-info:hover{border-color:var(--primary);color:var(--primary-dark)}.wieder-erklaerung{background:var(--flaeche);border-radius:15px;flex-basis:100%;order:99;grid-column:1/-1;margin-top:14px;padding:15px 16px}.wieder-erklaerung h3{color:var(--navy);margin:0 0 9px;font-size:15px;font-weight:900}.wieder-erklaerung p{color:var(--muted);margin:0 0 10px;font-size:13.5px;font-weight:600;line-height:1.55}.wieder-erklaerung p:last-child{margin-bottom:0}.wieder-erklaerung b{color:var(--navy);font-weight:900}.spotify-box{position:relative}.spotify-box .wieder-info{top:0;right:0}.spotify-box .wieder-erklaerung{order:0}.zitat{border-left:3px solid #ffd9b8;margin:0 0 24px;padding-left:14px}.zitat-es{color:var(--navy);text-wrap:balance;margin:0;font-size:16px;font-style:italic;font-weight:800;line-height:1.4}.zitat-de{color:var(--muted);margin:3px 0 0;font-size:13.5px;font-weight:600;line-height:1.4}.zitat-quelle{font-style:italic}.szene-karte{--station-ton:#2563eb}.szene-karte .station-marke{color:var(--station-ton)}.szene-karte .station-knopf{background:var(--station-ton);box-shadow:0 3px 12px #2563eb47}.szene-karte .station-emoji{background:#e8efff}.hoerszene-ort{color:var(--text-schwach,#6b6b6b);text-align:center;margin:0 0 22px;max-width:34ch;margin-inline:auto;font-size:.95rem;line-height:1.5}.hoerszene-buehne{flex-direction:column;align-items:center;gap:14px;padding:26px 0 20px;display:flex}.hoerszene-welle{place-items:center;width:84px;height:84px;display:grid;position:relative}.hoerszene-welle span{opacity:0;background:#f0e9e0;border-radius:50%;width:30px;height:30px;margin:auto;position:absolute;inset:0}.hoerszene-welle span:first-child{opacity:1}.hoerszene-welle.welle-an span:first-child{background:var(--primary);animation:6s ease-in-out infinite puls-kern}.hoerszene-welle.welle-an span:nth-child(2){opacity:1;border:2px solid var(--primary);background:0 0;animation:6s ease-in-out infinite puls-ring}@keyframes puls-kern{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}@keyframes puls-ring{0%,to{opacity:.5;transform:scale(1.1)}50%{opacity:.12;transform:scale(2.5)}}@media (prefers-reduced-motion:reduce){.hoerszene-welle.welle-an span{animation:none}.hoerszene-welle.welle-an span:nth-child(2){opacity:.25;transform:scale(2)}}.hoerszene-sprecher{color:var(--text-schwach,#6b6b6b);min-height:1.5em;font-size:1.05rem}.hoerszene-sprecher b{color:var(--primary-dark)}.hoerszene-balken{background:#eee8e0;border-radius:3px;height:6px;margin:4px 0 22px;overflow:hidden}.hoerszene-balken-voll{background:var(--primary);border-radius:3px;height:100%;transition:width .4s}.hoerszene-knoepfe{flex-direction:column;align-items:center;gap:10px;display:flex}.hoerszene-knoepfe>button{width:100%;max-width:300px}.verstehen-frage{color:var(--text,#1a1a2e);text-align:center;margin:6px 0 16px;font-size:1.15rem;font-weight:700;line-height:1.45}.nochmal-hoeren{color:var(--primary-dark);box-shadow:none;background:#fff0e3;border-radius:999px;align-items:center;gap:7px;margin:0 auto 18px;padding:8px 16px;font-size:.9rem;display:inline-flex}@media (hover:hover){.nochmal-hoeren:hover{filter:none;background:#ffe0c4}}.abschrift{text-align:left}.abschrift-schalter{color:var(--text,#1a1a2e);box-shadow:none;background:#f2ebe0;border-radius:999px;margin:0 auto 18px;padding:8px 16px;font-size:.9rem;display:block}.abschrift-liste{flex-direction:column;gap:14px;max-height:52vh;margin:0 0 20px;padding:0;list-style:none;display:flex;overflow-y:auto}.abschrift-liste li{grid-template-columns:62px 1fr;align-items:start;gap:10px;display:grid}.abschrift-name{color:var(--primary-dark);overflow-wrap:anywhere;padding-top:3px;font-size:.8rem;font-weight:700}.abschrift-es{color:var(--text,#1a1a2e);margin:0;line-height:1.5}.abschrift-de{color:var(--text-schwach,#6b6b6b);margin:3px 0 0;font-size:.92rem;line-height:1.45}.ob{background:var(--bg);min-height:100dvh;color:var(--text,#1a1a2e);flex-direction:column;align-items:center;padding:26px 20px 40px;display:flex}.ob-kopf{align-items:center;gap:12px;width:100%;max-width:560px;margin-bottom:38px;display:flex}.ob-zurueck,.ob-skip{color:var(--text-schwach,#6b6b6b);cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:10px;padding:6px 10px;font-family:inherit}.ob-zurueck{font-size:1.3rem;font-weight:900}.ob-skip{white-space:nowrap;font-size:.85rem;font-weight:700}@media (hover:hover){.ob-zurueck:hover,.ob-skip:hover{background:var(--flaeche);color:var(--primary-dark);filter:none}}.ob-balken{background:var(--line);border-radius:999px;flex:1;height:12px;overflow:hidden}.ob-balken-voll{background:var(--primary);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1)}.ob-frage-zeile{align-items:center;gap:16px;width:100%;max-width:560px;margin-bottom:26px;display:flex}.ob-maskottchen{--blase:var(--primary);flex-shrink:0;display:inline-flex}.ob-maskottchen .logo-badge{width:64px;height:64px;box-shadow:none;color:var(--blase);--primary:#fff;--primary-light:#ffd0ac;background:0 0;border-radius:0}.ob-maskottchen .logo-badge svg{width:100%;height:100%}.ob-blase{background:#fff;border-radius:18px;padding:16px 20px;font-size:1.15rem;font-weight:800;line-height:1.4;animation:.3s pop-in;position:relative;box-shadow:0 6px 22px #ff6c001a}.ob-blase:before{content:"";background:#fff;width:14px;height:14px;position:absolute;top:50%;left:-7px;transform:translateY(-50%)rotate(45deg)}.ob-optionen{flex-direction:column;gap:12px;width:100%;max-width:560px;animation:.35s fade-up;display:flex}.ob-option{color:var(--text,#1a1a2e);text-align:left;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:16px;align-items:center;gap:14px;padding:14px 18px;font-family:inherit;font-size:1.02rem;font-weight:700;transition:transform .14s,box-shadow .14s,border-color .14s;display:flex;box-shadow:0 4px 16px #ff6c0014}@media (hover:hover){.ob-option:hover{filter:none;transform:scale(1.02);box-shadow:0 8px 24px #ff6c0029}}.ob-option:active{transform:scale(.98)}.ob-option-aktiv{border-color:var(--primary);animation:.25s pop-in;box-shadow:0 8px 26px #ff6c0042}.ob-option-emoji{background:#fff0e3;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.35rem;display:flex}.ob-option-text{flex-direction:column;gap:1px;display:flex}.ob-option-text small{color:var(--text-schwach,#6b6b6b);font-size:.78rem;font-weight:700}.ob-karte{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:480px;margin:auto;padding:30px 24px 26px;animation:.35s cubic-bezier(.34,1.4,.64,1) pop-in;box-shadow:0 10px 34px #ff6c001f}.ob-karte h1{letter-spacing:-.01em;margin:10px 0;font-size:1.65rem;font-weight:900;line-height:1.25}.ob-akzent{color:var(--primary);display:block}.ob-text{color:var(--text-schwach,#6b6b6b);margin:0 0 24px;font-weight:600;line-height:1.6}.ob-karte .ob-maskottchen .logo-badge{width:84px;height:84px}@keyframes ob-schweben{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.ob-schwebt{animation:3.5s ease-in-out infinite ob-schweben;display:inline-block}.ob-ladebalken{background:var(--line);border-radius:999px;height:12px;margin:0 0 30px;overflow:hidden}.ob-ladebalken-voll{background:linear-gradient(90deg, var(--primary), #ffa34d);border-radius:999px;height:100%;transition:width .25s linear}.ob-tour{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:168px;padding:0 4px;animation:.45s fade-up;display:flex}.ob-tour-emoji{background:#fff0e3;border-radius:17px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:4px;font-size:1.7rem;display:flex}.ob-tour h2{color:var(--primary-dark);margin:0;font-size:1.12rem;font-weight:900}.ob-tour p{color:var(--text-schwach,#6b6b6b);max-width:34ch;margin:0;font-size:.94rem;font-weight:600;line-height:1.55}.ob-tour-punkte{justify-content:center;gap:7px;margin-top:18px;display:flex}.ob-tour-punkte span{background:var(--line);border-radius:50%;width:7px;height:7px;transition:background .3s,width .3s}.ob-tour-punkte span.aktiv{background:var(--primary);border-radius:999px;width:20px}@media (prefers-reduced-motion:reduce){.ob-schwebt,.ob-tour{animation:none}}.ob-schluss{max-width:520px}.ob-begruendung{color:var(--text-schwach,#6b6b6b);text-align:left;border-left:3px solid var(--primary);margin:0 0 20px;padding-left:12px;font-size:.92rem;font-style:italic;line-height:1.6}.ob-liste{background:var(--flaeche);text-align:left;border-radius:16px;margin:0 0 20px;padding:4px 16px}.ob-liste-zeile{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:14px;padding:10px 2px;animation:.3s backwards fade-up;display:flex}.ob-liste-zeile:last-child{border-bottom:none}.ob-liste-zeile:nth-child(2){animation-delay:50ms}.ob-liste-zeile:nth-child(3){animation-delay:.1s}.ob-liste-zeile:nth-child(4){animation-delay:.15s}.ob-liste-zeile:nth-child(5){animation-delay:.2s}.ob-liste-zeile:nth-child(6){animation-delay:.25s}.ob-liste-es{color:var(--primary-dark);font-weight:900}.ob-liste-de{color:var(--text-schwach,#6b6b6b);text-align:right;font-size:.9rem;font-weight:700}.ob-liste-mehr{color:var(--text-schwach,#6b6b6b);justify-content:center;font-size:.86rem;font-weight:700}.ob-medien{grid-template-columns:1fr 1fr;gap:12px;margin:0 0 22px;display:grid}.ob-medium{background:var(--flaeche);text-align:left;border-radius:16px;flex-direction:column;gap:4px;padding:8px;display:flex;overflow:hidden}.ob-medium img{aspect-ratio:16/9;object-fit:cover;border-radius:10px;width:100%;margin-bottom:2px}.ob-medium-art{color:var(--primary-dark);text-transform:uppercase;letter-spacing:.04em;font-size:.74rem;font-weight:800}.ob-medium-titel{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.84rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.ob-los{width:100%;padding:15px 28px;font-size:1.05rem;font-weight:800}.ob-hinweis{color:var(--text-schwach,#6b6b6b);margin:14px 0 0;font-size:.86rem;line-height:1.55}@media (width<=420px){.ob-medien{grid-template-columns:1fr}.ob-karte{padding:24px 18px 22px}.ob-karte h1{font-size:1.42rem}}.ew{z-index:900;justify-content:center;padding:14px;animation:.35s ease-out ew-herein;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes ew-herein{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ew{animation:none}}.ew-karte{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:520px;padding:20px 22px;box-shadow:0 -4px 40px #00000029}.ew-titel{color:var(--text,#1a1a2e);margin:0 0 8px;font-size:1rem;font-weight:800}.ew-text{color:var(--text,#1a1a2e);margin:0 0 16px;font-size:.95rem;line-height:1.55}.ew-knoepfe{gap:10px;display:flex}.ew-knopf{cursor:pointer;border:2px solid var(--primary);color:var(--primary-dark);box-shadow:none;background:#fff;border-radius:13px;flex:1;padding:13px 18px;font-family:inherit;font-size:.95rem;font-weight:800;transition:transform .14s,background .14s}@media (hover:hover){.ew-knopf:hover{filter:none;background:#fff0e3;transform:scale(1.02)}}.ew-knopf:active{transform:scale(.97)}@media (width<=520px){.ew-knoepfe{flex-direction:column}}.de-fehler{color:#b3261e;background:#fdeceb;border-radius:10px;width:100%;margin-top:8px;padding:8px 12px;font-size:.85rem;line-height:1.45;display:block}.word-fehler{color:#b3261e;background:#fdeceb;border-radius:10px;margin:6px 0 4px;padding:9px 12px;font-size:.9rem;line-height:1.5}.word-fehler small{color:var(--text-schwach,#6b6b6b);margin-top:4px;font-size:.8rem;display:block}.suche-warnung{border-left:3px solid var(--primary);color:var(--primary-dark);background:#fff4e5;border-radius:0 10px 10px 0;margin:0 0 12px;padding:10px 14px;font-size:.88rem;line-height:1.5}.recht{max-width:42rem;color:var(--navy);background:var(--bg);min-height:100vh;margin:0 auto;padding:24px 20px 80px;line-height:1.7}.recht h1{text-wrap:balance;margin:16px 0 8px;font-size:1.75rem}.recht-zurueck{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:8px 0;font-weight:600}.recht-h2{text-wrap:balance;margin:32px 0 8px;font-size:1.15rem}.recht-h3{margin:20px 0 4px;font-size:1rem}.recht-p{margin:0 0 12px}.recht a{color:var(--primary);overflow-wrap:anywhere}.recht-dienst{border-left:3px solid var(--line);margin:0 0 18px;padding:4px 0 4px 14px}.recht-dienst dt{letter-spacing:.04em;text-transform:uppercase;opacity:.6;margin-top:8px;font-size:.8rem}.recht-dienst dd{margin:0}.recht-kasten{border:1px solid var(--line);background:var(--card);border-radius:12px;margin:16px 0 24px;padding:16px 18px}.recht-hinweis{background:var(--card);border-radius:12px;padding:14px 16px}.recht-stand{opacity:.6;margin-top:40px;font-size:.85rem}.wk-footer-recht{flex-wrap:wrap;justify-content:center;gap:4px 18px;margin-top:10px;display:flex}.wk-footer-recht button{font:inherit;color:inherit;opacity:.75;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:underline}.wk-footer-recht button:hover{opacity:1}.ew-link{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.lul{padding-bottom:40px}.lul-kopf{color:var(--primary);align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.lul-kopf h1{margin:0}.lul-unter{color:var(--muted);max-width:34rem;margin:4px 0 0;font-size:.92rem}.lul-stueck{line-height:1.65}.lul-titel{text-wrap:balance;margin:6px 0 0;font-size:1.5rem}.lul-titel-de{color:var(--muted);margin:2px 0 0;font-size:.95rem}.lul-vorspann{text-wrap:pretty;margin:12px 0 0;font-weight:700}.lul-schalter{border:1px solid var(--line);font:inherit;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;margin:16px 0 4px;padding:5px 14px;font-size:.82rem;font-weight:700}.lul-schalter:hover{color:var(--navy);border-color:var(--muted)}.lul-absatz{margin-top:18px}.lul-es{margin:0;font-size:1.05rem}.lul-de{border-left:2px solid var(--line);color:var(--muted);margin:6px 0 0;padding-left:12px;font-size:.92rem}.lul-wusstest{background:var(--flaeche);border-radius:14px;margin-top:26px;padding:14px 16px}.lul-wusstest p{margin:6px 0 0;font-size:.92rem}.lul-woerter{gap:2px;margin:14px 0 18px;padding:0;list-style:none;display:grid}.lul-wort{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:9px 0;display:flex}.lul-wort:last-child{border-bottom:none}.lul-wort b{font-weight:800}.lul-wort span{color:var(--muted);font-size:.92rem}.lul-wort em{letter-spacing:.03em;text-transform:uppercase;color:var(--success);margin-left:auto;font-size:.75rem;font-style:normal;font-weight:800}.lul-wort-drin b{opacity:.55}.lul-liste{gap:2px;margin-top:12px;display:grid}.lul-haken{color:var(--success);font-style:normal;font-weight:700}.lul-aktiv{background:var(--flaeche);border-radius:12px}.lul-tuer{text-align:left;cursor:pointer;align-items:center;gap:14px;width:100%;display:flex}.gespraech{padding-bottom:90px}.gespr-tuer{text-align:left;cursor:pointer;align-items:center;gap:14px;width:100%;display:flex}.gespr-kopf{color:var(--primary);align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.gespr-kopf h1{margin:0}.gespr-unter{color:var(--muted);max-width:34rem;margin:4px 0 0;font-size:.92rem}.gespr-schalter{margin:0 0 12px}.gespr-verlauf{flex-direction:column;gap:12px;display:flex}.gespr-blase{border-radius:18px;max-width:82%;padding:11px 15px;line-height:1.5}.gespr-ich{background:var(--primary);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.gespr-tutor{background:var(--flaeche);color:var(--navy);border-bottom-left-radius:5px;align-self:flex-start}.gespr-es{margin:0;font-size:1.02rem}.gespr-ich .gespr-es{font-weight:600}.gespr-de{border-top:1px solid var(--line);color:var(--muted);margin:6px 0 0;padding-top:6px;font-size:.88rem}.gespr-korrektur{color:#8a5a12;background:#fff5e9;border-radius:10px;margin:8px 0 0;padding:7px 10px;font-size:.85rem}.gespr-start{margin-top:8px}.gespr-start-titel{margin:0 0 10px;font-weight:700}.gespr-einstiege{flex-wrap:wrap;gap:8px;display:flex}.gespr-chip{background:var(--card);border:1.5px solid var(--line);font:inherit;color:var(--navy);cursor:pointer;border-radius:999px;padding:9px 15px;font-size:.9rem;font-weight:600}.gespr-chip:hover{border-color:var(--primary);color:var(--primary)}.gespr-tippt{align-items:center;gap:5px;display:flex}.gespr-tippt span{background:var(--muted);opacity:.5;border-radius:50%;width:7px;height:7px;animation:1.2s infinite both gespr-blink}.gespr-tippt span:nth-child(2){animation-delay:.2s}.gespr-tippt span:nth-child(3){animation-delay:.4s}@keyframes gespr-blink{0%,80%,to{opacity:.25}40%{opacity:.9}}.gespr-fehler{color:var(--red);margin:4px 2px;font-size:.9rem}.gespr-eingabe{background:var(--bg);align-items:center;gap:8px;margin-top:16px;padding-top:8px;display:flex;position:sticky;bottom:12px}.gespr-eingabe input{border:1.5px solid var(--line);min-width:0;font:inherit;background:var(--card);color:var(--navy);border-radius:999px;flex:1;padding:12px 18px;font-size:1rem}.gespr-eingabe input:focus{border-color:var(--primary);outline:none}.gespr-senden{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.gespr-senden:disabled{opacity:.4;cursor:default}.gespr-rest{text-align:center;color:var(--muted);margin:4px 0;font-size:.8rem}.gespr-start-zwei{margin-top:22px}.gespr-chip-situation{background:var(--flaeche);border-color:#0000}.bereich.bereich-spiele{box-shadow:none;background:0 0;padding:0}.bereich-spiele .spiel-karte{box-shadow:0 6px 20px #ff6c001f}.wortkarte{position:relative}.wortkarte-schliessen{background:var(--flaeche);width:30px;height:30px;color:var(--muted);cursor:pointer;border:none;border-radius:50%;place-items:center;font-size:15px;line-height:1;display:grid;position:absolute;top:12px;right:12px}.wortkarte-schliessen:hover{background:var(--line);color:var(--navy)}.kalender{margin-top:22px}.kal-titel{margin:0 0 8px}.kal-wochentage{grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:5px;display:grid}.kal-wochentage span{text-align:center;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.68rem;font-weight:700}.kal-gitter{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.kal-tag{aspect-ratio:1;border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:9px;place-items:center;padding:0;display:grid;position:relative}.kal-zahl{color:var(--muted);font-size:.68rem;position:absolute;top:3px;left:5px}.kal-aktiv{background:var(--primary);border-color:var(--primary)}.kal-aktiv .kal-zahl{color:#fffc}.kal-kreuz{color:#fff;font-size:.95rem;font-weight:800;line-height:1}.kal-heute{box-shadow:0 0 0 2px var(--primary)}.kal-zukunft{opacity:.35;cursor:default;background:0 0}.kal-gewaehlt{outline:2px solid var(--navy);outline-offset:1px}.kal-detail{color:var(--navy);margin:10px 0 0;font-size:.85rem}.wortart-wahl{flex-wrap:wrap;gap:8px;margin:10px 0 12px;display:flex}.vorschlag-chip-aktiv{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.spielwort-liste{margin:12px 0 0;padding:0;list-style:none}.spielwort{border-bottom:1px solid var(--line);padding:10px 0}.spielwort:last-child{border-bottom:none}.spielwort-kopf{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.spielwort-kopf b{font-weight:800}.spielwort-kopf span{color:var(--muted);font-size:.9rem}.spielwort-satz{border-left:2px solid var(--line);color:var(--muted);margin:4px 0 0;padding-left:10px;font-size:.86rem;font-style:italic}.runden-woerter{background:var(--card);text-align:left;border-radius:16px;margin-top:22px;padding:14px 18px}.runden-woerter-titel{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-size:.8rem;font-weight:800}.runden-woerter ul{margin:0;padding:0;list-style:none}.buch-leser{max-width:40rem;margin:0 auto}.leser-leiste{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.leser-knopf{border:1.5px solid var(--line);background:var(--card);width:42px;height:42px;color:var(--navy);cursor:pointer;border-radius:50%;flex:none;font-size:1.05rem}.leser-knopf:disabled{opacity:.35;cursor:default}.leser-sprache{background:var(--flaeche);border-radius:999px;padding:3px;display:flex}.leser-sprache button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 18px;font-size:.88rem;font-weight:700}.leser-sprache .sprache-aktiv{background:var(--card);color:var(--navy);box-shadow:0 2px 8px #0000411a}.leser-stand{align-items:center;gap:10px;margin-bottom:18px;display:flex}.leser-stand .lern-balken{flex:1}.leser-stand span{color:var(--muted);flex:none;font-size:.78rem;font-weight:700}.leser-buchkopf h1{text-wrap:balance;margin:0 0 2px;font-size:1.5rem}.leser-buchkopf p{color:var(--muted);margin:0 0 16px;font-size:.9rem}.leser-seite{background:var(--card);border-radius:20px;padding:26px 24px;animation:.25s pop-in;box-shadow:0 6px 22px #ff6c0012}.leser-absatz{margin:0;font-size:1.12rem;line-height:1.75}.leser-vokabel-titel{margin:0 0 10px;font-size:1.15rem}.leser-fuss{justify-content:space-between;gap:10px;margin-top:16px;display:flex}.leser-weiter{background:var(--primary);border-color:var(--primary);color:#fff;border-radius:999px;width:auto;padding:0 22px;font-weight:800}.buch-xp{background:var(--primary);color:#fff;pointer-events:none;z-index:60;border-radius:999px;padding:8px 18px;font-weight:900;animation:1.1s forwards buch-xp-hoch;position:fixed;bottom:30%;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #ff6c0066}@keyframes buch-xp-hoch{0%{opacity:0;transform:translate(-50%)translateY(14px)scale(.8)}20%{opacity:1;transform:translate(-50%)translateY(0)scale(1.06)}70%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-36px)scale(1)}}.intro-hintergrund{z-index:80;background:#00004173;justify-content:center;align-items:flex-end;padding:18px;animation:.25s intro-dunkel;display:flex;position:fixed;inset:0}@keyframes intro-dunkel{0%{opacity:0}to{opacity:1}}.intro-karte{background:var(--card);text-align:center;border-radius:24px;width:100%;max-width:430px;margin-bottom:66px;padding:26px 24px 22px;animation:.34s cubic-bezier(.34,1.35,.64,1) sheet-hoch;position:relative;box-shadow:0 24px 60px #00004159}.intro-karte h2{margin:12px 0 6px;font-size:1.3rem}.intro-karte p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.55}.intro-icon{background:var(--primary);color:#fff;border-radius:20px;place-items:center;width:62px;height:62px;margin:-56px auto 0;animation:.5s cubic-bezier(.34,1.6,.64,1) .12s backwards intro-hops;display:grid;box-shadow:0 12px 30px #ff6c0073}@keyframes intro-hops{0%{opacity:0;transform:translateY(22px)scale(.6)}to{opacity:1;transform:translateY(0)scale(1)}}.intro-funke{background:var(--primary);opacity:0;border-radius:50%;width:9px;height:9px;animation:.7s .2s backwards intro-funkeln;position:absolute;top:-8px}.intro-funke-a{animation-name:intro-funkeln-a;left:38%}.intro-funke-b{width:6px;height:6px;animation-name:intro-funkeln-b;left:58%}@keyframes intro-funkeln-a{0%{opacity:0;transform:translateY(10px)scale(.5)}40%{opacity:1}to{opacity:0;transform:translate(-22px,-26px)scale(1)}}@keyframes intro-funkeln-b{0%{opacity:0;transform:translateY(10px)scale(.5)}40%{opacity:1}to{opacity:0;transform:translate(24px,-20px)scale(1)}}@media (prefers-reduced-motion:reduce){.intro-karte,.intro-icon,.intro-funke,.intro-hintergrund{animation:none}}.intro-schritt{letter-spacing:.05em;text-transform:uppercase;color:var(--primary);margin-top:10px;font-size:.75rem;font-weight:800;display:inline-block}.intro-knoepfe{justify-content:center;gap:10px;margin-top:18px;display:flex}.intro-alles-klar{min-width:55%}.rundgang-start{width:100%;margin-bottom:18px}.song-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px;display:grid}.song-karte{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.song-bild{cursor:pointer;aspect-ratio:16/9;background:var(--flaeche);border:none;padding:0;position:relative}.song-bild img{object-fit:cover;width:100%;height:100%;display:block}.song-play-overlay{color:#fff;opacity:0;background:#0000412e;place-items:center;font-size:1.5rem;transition:opacity .15s;display:grid;position:absolute;inset:0}.song-bild:hover .song-play-overlay{opacity:1}.song-dauer{color:#fff;font-variant-numeric:tabular-nums;background:#000000b8;border-radius:6px;padding:2px 7px;font-size:.72rem;font-weight:700;position:absolute;bottom:8px;right:8px}.song-karte-fuss{align-items:center;gap:8px;padding:10px 12px;display:flex}.song-karte-text{text-align:left;cursor:pointer;min-width:0;font:inherit;background:0 0;border:none;flex:1;padding:0}.song-karte-text .song-titel{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:800;display:block;overflow:hidden}.song-karte-text .song-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;display:block;overflow:hidden}.treffer-prueft{opacity:.85}.treffer-spinner{border:2.5px solid var(--line);border-top-color:var(--primary);border-radius:50%;flex:none;width:18px;height:18px;animation:.7s linear infinite dreht}.start-tuer{text-align:left;cursor:pointer;align-items:center;gap:14px;width:100%;display:flex}.tuer-icon{color:#fff;border-radius:16px;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 8px 20px #ff6c0038}.tuer-icon-sprechen{background:linear-gradient(135deg,#ff8124,#ff6c00)}.tuer-icon-entdecken{background:linear-gradient(135deg,#2fb59b,#1e9d85);box-shadow:0 8px 20px #1f9d8540}.tuer-icon-leitfaden{background:var(--navy);box-shadow:0 8px 20px #00004133}@media (hover:hover){.start-tuer{transition:transform .15s}.start-tuer:hover{transform:translateY(-2px)}}.abschluss-seite{padding:0 0 30px}.abschluss-held{text-align:center;color:#fff;background:linear-gradient(170deg,#ff8b2e 0%,#ff6c00 38%,#c24400 72%,#571c4a 100%);border-radius:0 0 34px 34px;margin:-12px -16px 0;padding:46px 20px 78px;position:relative;overflow:hidden}.abschluss-titel{letter-spacing:-.02em;margin:18px 0 4px;font-size:1.75rem;font-weight:900;animation:.5s cubic-bezier(.34,1.4,.64,1) .25s backwards abschluss-rein}.abschluss-lektion{opacity:.85;margin:0;font-weight:700;animation:.5s .4s backwards abschluss-rein}@keyframes abschluss-rein{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.abschluss-ring{width:132px;height:132px;margin:0 auto;animation:.45s cubic-bezier(.34,1.5,.64,1) abschluss-pop;position:relative}@keyframes abschluss-pop{0%{opacity:0;transform:scale(.6)}}.abschluss-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.abschluss-ring circle{fill:none;stroke-width:9px;stroke-linecap:round}.abschluss-ring .ring-grund{stroke:#ffffff40}.abschluss-ring .ring-voll{stroke:#fff;stroke-dasharray:0 264;animation:.9s ease-out .15s forwards ring-fuellen}@keyframes ring-fuellen{to{stroke-dasharray:var(--ziel) 264}}.abschluss-ring .quote-zahl{color:#fff;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:2px;font-size:2rem;font-weight:900;display:flex;position:absolute;inset:0}.abschluss-ring .quote-zahl i{opacity:.8;font-size:1rem;font-style:normal}.konfetti-regen{pointer-events:none;position:absolute;inset:0}.konfetti{top:-12px;left:calc(4% + (var(--i) * 4.2%));opacity:0;width:8px;height:13px;animation:konfetti-fall 1.7s ease-in calc(var(--i) * 70ms) forwards;background:#fff;border-radius:2px;position:absolute}.konfetti:nth-child(3n){background:#ffd76b;border-radius:50%;width:7px;height:7px}.konfetti:nth-child(4n){background:#7be3c1}.konfetti:nth-child(5n){background:#ffb3d1;height:10px}@keyframes konfetti-fall{0%{opacity:0;transform:translateY(0)rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(300px)rotate(300deg)}}@media (prefers-reduced-motion:reduce){.abschluss-titel,.abschluss-lektion,.abschluss-ring,.konfetti{animation:none}.abschluss-ring .ring-voll{stroke-dasharray:var(--ziel) 264;animation:none}}.abschluss-blatt{max-width:470px;margin:-40px auto 0;padding:0 16px;position:relative}.abschluss-chips{justify-content:center;gap:12px;display:flex}.abschluss-chip{background:var(--card);text-align:center;border-radius:18px;flex:1;max-width:170px;padding:14px 10px;animation:.5s .55s backwards abschluss-rein;box-shadow:0 10px 28px #0000411a}.abschluss-chip b{color:var(--navy);font-size:1.3rem;font-weight:900;display:block}.abschluss-chip span{color:var(--muted);font-size:.78rem;font-weight:700}.chip-xp b{color:var(--primary)}.abschluss-notiz{background:var(--card);border-radius:16px;margin-top:16px;padding:14px 16px;animation:.5s .65s backwards abschluss-rein;box-shadow:0 6px 20px #ff6c0012}.abschluss-notiz p{margin:6px 0 0;font-size:.92rem;line-height:1.55}.abschluss-text{text-align:center;color:var(--muted);margin:16px 4px 0;font-size:.92rem;line-height:1.55;animation:.5s .75s backwards abschluss-rein}.abschluss-seite .abschluss-knoepfe{flex-direction:column;gap:10px;margin-top:20px;animation:.5s .85s backwards abschluss-rein;display:flex}.abschluss-weiter{width:100%}.sammelbalken{margin-top:20px}.balken-titel{margin:0 0 8px}.balken-zeile{align-items:center;gap:10px;margin-bottom:7px;display:flex}.balken-name{color:var(--muted);flex:0 0 68px;font-size:.8rem;font-weight:700}.balken-bahn{background:var(--flaeche);border-radius:999px;flex:1;height:12px;overflow:hidden}.balken-voll{border-radius:999px;height:100%;transition:width .6s;display:block}.balken-wert{text-align:right;font-variant-numeric:tabular-nums;color:var(--navy);flex:0 0 38px;font-size:.85rem}.ns-tuer{margin-top:14px}.ns-karte{background:var(--card);border-radius:18px;margin-bottom:10px;overflow:hidden;box-shadow:0 6px 22px #ff6c000f}.ns-kopf{cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;padding:15px 18px;display:flex}.ns-kopf-text b{color:var(--navy);font-weight:900;display:block}.ns-kopf-text span{color:var(--muted);font-size:.82rem}.ns-inhalt{padding:0 18px 16px}.ns-merken{margin:0 0 12px;font-size:.92rem;line-height:1.5}.ns-signal{color:var(--muted);margin:12px 0 0;font-size:.85rem}.ns-tabelle-rahmen{margin-bottom:10px;overflow-x:auto}.ns-tabelle{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem}.ns-tabelle th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--primary);padding:6px 10px 6px 0;font-size:.75rem}.ns-tabelle td{border-top:1px solid var(--line);padding:6px 10px 6px 0}.ns-person{color:var(--muted);white-space:nowrap;font-size:.8rem}.flashcard{touch-action:pan-y}.swipe-hinweise{color:var(--muted);opacity:.55;text-transform:uppercase;letter-spacing:.03em;justify-content:space-between;margin-bottom:6px;font-size:.75rem;font-weight:800;display:flex}.karte-blitz-gut{box-shadow:0 0 0 3px var(--success), 0 10px 30px #1f9d8540}.karte-blitz-nochmal{box-shadow:0 0 0 3px var(--red), 0 10px 30px #dc3c3c33}.karte-blitz-gut .bewertungen,.karte-blitz-nochmal .bewertungen{pointer-events:none;opacity:.35}