@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,wght@0,400;0,600;1,400&display=swap");.ayci-app{--color-bg:#f3f2f2;--color-surface:#eae9e9;--color-text:#201e1d;--color-accent:#0088b0;--color-accent-2:#d6006c;--color-process-yellow:#edbb00;--color-divider:color-mix(in srgb,#201e1d 16%,transparent);--color-neutral-200:#d9d7d7;--color-neutral-700:#605d5d;--color-neutral-800:#444141;--color-accent-600:#1186ac;--color-accent-700:#006786;--color-accent-2-700:#aa0b56;--font-heading:"Source Serif 4",Georgia,serif;--font-body:"Source Serif 4",Georgia,serif;--radius-md:2px;--shadow-sm:0 1px 2px color-mix(in srgb,#2d2b2b 14%,transparent);background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:18px;line-height:1.6;flex:1 1;-webkit-font-smoothing:antialiased}.ayci-app h1,.ayci-app h2,.ayci-app h3,.ayci-app h4{font-family:var(--font-heading);font-weight:600;line-height:1.12;letter-spacing:-.015em}.ayci-app a{color:var(--color-accent-700);text-underline-offset:3px}.ayci-app a:hover{color:var(--color-accent-2-700)}.ayci-app .app-header{max-width:1100px;margin:0 auto;padding:24px 40px 0;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.ayci-app .app-logo{margin-right:auto;display:inline-flex}.ayci-app .app-nav{display:flex;gap:18px;align-items:baseline;font-size:16px;flex-wrap:wrap}.ayci-app .app-nav a{color:inherit;text-decoration:none}.ayci-app .app-nav a:hover{color:var(--color-accent-700)}.ayci-app .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--font-heading);font-weight:600;color:var(--color-text);background:transparent;border:1px solid transparent;padding:12px 22px;border-radius:var(--radius-md);font-size:16px}.ayci-app .btn-primary{background:var(--color-accent);color:var(--color-bg)}.ayci-app .btn-primary:hover{background:var(--color-accent-600)}.ayci-app .btn-primary:disabled{opacity:.6;cursor:default}.ayci-app .btn-secondary{border-color:var(--color-divider);color:var(--color-text)}.ayci-app .btn-secondary:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.ayci-app .btn-block{width:100%}.ayci-app .card{display:flex;flex-direction:column;gap:10px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid transparent}.ayci-app .elev-sm{box-shadow:var(--shadow-sm)}.ayci-app .field>label{display:block;font-size:13px;margin-bottom:6px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.ayci-app .input{width:100%;min-height:44px;padding:10px 12px;font:inherit;font-size:16px;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md)}.ayci-app .input::placeholder{color:color-mix(in srgb,var(--color-text) 60%,transparent);opacity:1}.ayci-app .input:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}.ayci-app .cmyk-num{position:relative;width:-moz-fit-content;width:fit-content;line-height:.9}.ayci-app .cmyk-num .paper{color:var(--color-bg);text-shadow:.036em .025em 0 var(--color-bg),-.031em -.023em 0 var(--color-bg)}.ayci-app .cmyk-num .plate{position:absolute;inset:0;mix-blend-mode:multiply;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ayci-app .cmyk-num .plate-c{color:var(--color-accent)}.ayci-app .cmyk-num .plate-m{color:var(--color-accent-2);translate:.036em .025em}.ayci-app .cmyk-num .plate-y{color:var(--color-process-yellow);translate:-.031em -.023em}.ayci-app .form-error{color:#b3261e;margin:0;font-size:15px}@media (max-width:820px){.ayci-app [style*=grid-template-columns]:not([style*="columns:repeat(auto-"]):not([style*="columns: repeat(auto-"]){grid-template-columns:1fr!important}.ayci-app .app-header,.ayci-app main{padding-left:22px!important;padding-right:22px!important}.ayci-app main{padding-top:48px!important}}.ayci-app{--color-accent-300:#7cc4dc;--shadow-md:0 6px 18px color-mix(in srgb,#2d2b2b 16%,transparent)}.ayci-app .btn-ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-divider)}.ayci-app .btn-ghost:hover{background:color-mix(in srgb,var(--color-text) 6%,transparent)}.ayci-app .elev-md{box-shadow:var(--shadow-md)}.ayci-footer{--color-bg:#f3f2f2;--color-divider:color-mix(in srgb,#201e1d 16%,transparent);--color-neutral-700:#605d5d;--color-accent-700:#006786;--color-accent-2-700:#aa0b56;font-family:"Source Serif 4",Georgia,serif;background:var(--color-bg);border-top:1px solid var(--color-divider)}.ayci-footer .ayci-footer-inner{max-width:1200px;margin:0 auto;padding:32px 40px 48px;display:flex;flex-wrap:wrap;gap:24px;align-items:baseline;font-size:15px;color:var(--color-neutral-700)}.ayci-footer a{color:var(--color-accent-700);text-decoration:none}.ayci-footer a:hover{color:var(--color-accent-2-700)}.ayci-footer .ayci-footer-copy{margin-left:auto}.ayci-app .pw-reqs{margin:10px 0 4px;font-size:14px}.ayci-app .pw-strength{display:flex;align-items:center;gap:6px;margin-bottom:10px}.ayci-app .pw-bar{flex:1 1;height:4px;border-radius:2px;transition:background .2s;max-width:60px}.ayci-app .pw-strength-label{font-size:13px;margin-left:6px}.ayci-app .pw-reqs ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.ayci-app .pw-reqs li{display:flex;align-items:center;gap:8px;color:var(--color-neutral-700)}.ayci-app .pw-reqs li.ok{color:#0a7d32}.ayci-app .pw-mark{display:inline-flex;width:1.1em;justify-content:center}.ayci-app .input:focus-visible{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 28%,transparent)}.ayci-app .btn:focus-visible,.ayci-app a:focus-visible,.ayci-app input[type=checkbox]:focus-visible,.ayci-app select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.ayci-app .form-error:focus{outline:none}.ayci-app .fs-row{display:flex;align-items:baseline;gap:20px;padding:16px 0;border-bottom:1px solid var(--color-divider)}.ayci-app .fs-it{font-family:var(--font-heading);font-size:22px;min-width:8em}.ayci-app .fs-tr{font-size:17px;color:var(--color-neutral-700);margin-right:auto}.ayci-app .fs-dirs{display:grid;grid-gap:4px;gap:4px;min-width:15em}@media (max-width:820px){.ayci-app .fs-row{flex-wrap:wrap;column-gap:12px;row-gap:4px;padding:14px 0}.ayci-app .fs-it{flex-basis:100%}.ayci-app .fs-it,.ayci-app .fs-tr{min-width:0;overflow-wrap:anywhere}.ayci-app .fs-dirs{flex-basis:100%;min-width:0;margin-top:6px}.ayci-app .quiz-layout{gap:18px!important}.ayci-app .quiz-image{aspect-ratio:auto!important;height:190px!important}.ayci-app .quiz-prompt{min-height:110px!important;padding:24px 22px!important}.ayci-app .learn-card{min-height:132px!important;padding:20px 16px!important}.ayci-app .quiz-side{display:contents}.ayci-app .quiz-meta{order:1;margin-bottom:0!important}.ayci-app .quiz-question{order:2;margin:0!important;font-size:clamp(24px,6.5vw,32px)!important}.ayci-app .quiz-stage{order:3}.ayci-app figure.quiz-stage .quiz-image{width:150px!important;height:150px!important;aspect-ratio:1/1!important;margin:0!important}.ayci-app figure.quiz-stage figcaption{margin-top:6px!important;font-size:12px!important}.ayci-app figure.quiz-stage p{margin:4px 0 0!important;font-size:19px!important}.ayci-app .quiz-form{order:4;gap:14px!important}.ayci-app .quiz-more{order:5;margin-top:10px!important}.ayci-app main h1{font-size:clamp(30px,8vw,46px)!important}}.ayci-app .app-backdrop{display:none}.ayci-app .app-burger{display:none;background:none;border:1px solid var(--color-divider);border-radius:6px;font-size:20px;line-height:1;padding:6px 12px;cursor:pointer;color:var(--color-text)}@media (max-width:820px){.ayci-app .app-header{gap:12px}.ayci-app .app-burger{display:inline-block;order:2}.ayci-app .app-nav{display:none;order:3}.ayci-app .app-header{position:relative;z-index:60;padding-bottom:14px}.ayci-app .app-header.offen{background:var(--color-bg)}.ayci-app .app-nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:18px;font-size:19px;position:absolute;top:100%;left:0;right:0;z-index:1;padding:20px 22px 24px;background:var(--color-surface);border-top:1px solid var(--color-divider);box-shadow:0 14px 28px color-mix(in srgb,#201e1d 22%,transparent)}.ayci-app .app-backdrop{display:block;position:fixed;inset:0;z-index:50;background:color-mix(in srgb,#201e1d 40%,transparent)}}.ayci-app .vf-link{align-self:center;background:none;border:none;padding:4px 6px;cursor:pointer;font:inherit;font-size:14px;color:var(--color-neutral-700);text-decoration:underline;text-underline-offset:3px}.ayci-app .vf-danke,.ayci-app .vf-link:hover{color:var(--color-accent-700)}.ayci-app .vf-danke{align-self:center;margin:0;font-size:14px}.ayci-app .vf-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;background:color-mix(in srgb,#201e1d 40%,transparent)}.ayci-app .vf-sheet{width:100%;max-width:480px;max-height:calc(100vh - 32px);overflow-y:auto;background:var(--color-bg);border-radius:12px;padding:28px 28px 24px;box-shadow:0 14px 28px color-mix(in srgb,#201e1d 22%,transparent)}.ayci-app .vf-titel{font-size:24px;margin:0 0 8px}.ayci-app .vf-wort{margin:0 0 20px;font-size:17px;color:var(--color-neutral-800)}.ayci-app .vf-form{display:flex;flex-direction:column;gap:14px}.ayci-app .vf-form textarea.input{resize:vertical;min-height:84px}.ayci-app .vf-knoepfe{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:4px}@media (max-width:820px){.ayci-app .vf-backdrop{align-items:flex-end;padding:0}.ayci-app .vf-sheet{max-width:none;border-radius:12px 12px 0 0;padding:22px 22px 20px;max-height:85vh}}:root{--primary:#007a5e;--primary-dark:#005a44;--bg:#faf9f6;--text:#1c1c1c;--error:#c0392b}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}.container{max-width:480px;margin:0 auto;padding:2rem 1.25rem}.card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 4px rgba(0,0,0,.08)}h1,h2{line-height:1.2}input,select{width:100%;padding:.65rem .75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;margin-bottom:.85rem}.btn,button{display:inline-block;background:var(--primary);color:#fff;border:none;padding:.7rem 1.2rem;border-radius:8px;font-size:1rem;cursor:pointer;text-decoration:none;text-align:center}.btn:hover,button:hover{background:var(--primary-dark)}button:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--primary);border:1px solid var(--primary)}.error{color:var(--error);font-size:.9rem;margin-bottom:.75rem}nav.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #eee}nav.topbar a{color:var(--text);text-decoration:none;margin-left:1rem}.quiz-image{width:100%;max-width:320px;aspect-ratio:1;object-fit:cover;border-radius:12px;margin:0 auto 1.5rem;display:block;background:#eee}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.5rem;border-bottom:1px solid #eee;font-size:.9rem}.app-shell{display:flex;flex-direction:column;min-height:100vh;background:#f3f2f2}.app-content{flex:1 1;display:flex;flex-direction:column}.site-footer{border-top:1px solid #eee;background:#fff;padding:1rem 1.25rem;margin-top:2rem}.site-footer-inner{max-width:480px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;font-size:.85rem}.site-footer-inner a{color:var(--primary);text-decoration:none}.site-footer-inner a:hover{text-decoration:underline}.site-footer-copy{color:#999;margin-left:auto}.ai-image-hint{text-align:center;font-size:.8rem;color:#888;margin:-1rem auto 1rem}.rating-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;justify-content:center;margin-top:.6rem}.rating-btn{border:1px solid #ddd;background:#fff;border-radius:8px;padding:.35rem .6rem;font-size:.85rem;cursor:pointer;font-weight:600}.rating-btn.schwer{color:#b3261e;border-color:#e7b4b0}.rating-btn.mittel{color:#8a6100;border-color:#e8d29a}.rating-btn.einfach{color:#0a7d32;border-color:#aed9bd}.rating-btn.gelernt{color:#00506b;border-color:#a9d2e0}.rating-btn:hover{background:#f7f7f7}.next-review{margin-top:.5rem;font-size:.85rem;color:#0a7d32;font-weight:600}.infotip{position:relative;display:inline-flex;margin-left:4px;vertical-align:middle}.infotip-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid #bbb;color:#777;font-size:11px;font-style:italic;cursor:help;line-height:1}.infotip-bubble{display:none;position:absolute;bottom:135%;left:50%;transform:translateX(-50%);width:240px;max-width:70vw;background:#201e1d;color:#fff;padding:.55rem .65rem;border-radius:8px;font-size:.78rem;line-height:1.45;z-index:30;text-align:left;box-shadow:0 4px 14px rgba(0,0,0,.22);font-weight:400}.infotip:focus-within .infotip-bubble,.infotip:hover .infotip-bubble{display:block}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:.75rem;gap:.75rem;margin:1rem 0 1.5rem}.stat-card{background:#fff;border:1px solid #eee;border-radius:10px;padding:.9rem .6rem;text-align:center}.stat-num{font-size:1.7rem;font-weight:700;line-height:1}.stat-label{font-size:.78rem;color:#777;margin-top:.3rem}.status-badge{display:inline-block;padding:.1rem .5rem;border-radius:20px;font-size:.72rem;font-weight:600}.filter-row{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.filter-btn{border:1px solid #ddd;background:#fff;color:#333;border-radius:20px;padding:.3rem .8rem;font-size:.85rem;cursor:pointer}.filter-btn.active{background:#007a5e;color:#fff;border-color:#007a5e}.container-wide{max-width:900px;margin:0 auto;padding:2rem 1.25rem}@keyframes ayci-flagge-drehen{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes ayci-flagge-pulsen{0%,to{opacity:1}50%{opacity:.35}}.ayci-lade-flagge{animation:ayci-flagge-drehen 1.1s linear infinite;transform-style:preserve-3d;border-radius:1px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}@media (prefers-reduced-motion:reduce){.ayci-lade-flagge{animation:ayci-flagge-pulsen 1.4s ease-in-out infinite}}