/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#18212b;--blue:#26a9e0;--paper:#fffefb}*{box-sizing:border-box}html{background:#edf4f7}body{color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit;color:inherit}main{background:radial-gradient(circle at 15% 0,#fff 0,#0000 36%),#edf4f7;min-height:100vh;padding:26px clamp(18px,3vw,54px) 30px}.hero{grid-template-columns:170px 1fr;gap:8px;max-width:1420px;margin:0 auto 12px;display:grid}.code,.goal{background:var(--paper);border:3px solid var(--ink);border-radius:24px;align-items:center;min-height:94px;display:flex}.code{letter-spacing:.04em;justify-content:center;font-size:34px;font-weight:800}.goal{padding:18px 30px;font-size:clamp(22px,2.2vw,36px);line-height:1.2}.hint{color:#52606c;justify-content:flex-end;gap:10px;max-width:1420px;margin:0 auto 10px;font-size:15px;font-weight:700;display:flex}.arrow{color:var(--blue);font-size:20px}.plan{gap:14px;max-width:1420px;margin:auto;display:grid}.plan-row{--accent:#26a9e0;border:2px solid var(--ink);background:var(--paper);grid-template-columns:180px 1fr;display:grid;box-shadow:0 5px #18212b14}.section-label{border-right:2px solid var(--ink);text-align:center;background:var(--accent);flex-direction:column;justify-content:center;align-items:center;padding:18px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.section-label{background:color-mix(in srgb,var(--accent) 8%,white)}}.section-title{overflow-wrap:anywhere;font-size:25px;font-weight:800;line-height:1.1}.section-icon{color:var(--accent);margin-top:12px;font-size:43px;font-weight:800;line-height:1}.task-grid{grid-template-columns:repeat(7,minmax(125px,1fr));display:grid}.task-card{border-right:1.5px solid var(--ink);min-height:174px;transition:background .18s;position:relative}.task-card:last-child{border-right:0}.open-task{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:130px;padding:18px 10px 8px;display:flex}.open-task:hover,.open-task:focus-visible{background:var(--accent);outline:none}@supports (color:color-mix(in lab, red, red)){.open-task:hover,.open-task:focus-visible{background:color-mix(in srgb,var(--accent) 14%,white)}}.page-number{font-family:Georgia,serif;font-size:30px}.task-numbers{font-size:19px;line-height:1.25}.task-title{color:#4f5b66;max-width:150px;font-size:15px;font-weight:800}.open-label{background:var(--accent);color:#fff;opacity:0;border-radius:99px;padding:3px 10px;font-size:13px;font-weight:800;transition:all .15s;transform:translateY(4px)}.open-task:hover .open-label,.open-task:focus-visible .open-label{opacity:1;transform:none}.done-button{cursor:pointer;color:#51606a;background:#fff;border:1px solid #b6c1c8;border-radius:8px;height:31px;font-size:14px;position:absolute;bottom:8px;left:8px;right:8px}.done-button:hover{border-color:var(--accent)}.done{background:#f2faf3}.done .page-number,.done .task-numbers{opacity:.55}.done .done-button{color:#236132;background:#dff3e3;border-color:#62a26f;font-weight:800}.uebung{--accent:#ee8b2d}.uebung .task-grid{grid-template-columns:repeat(2,minmax(200px,340px)) 1fr}.kroenchen{--accent:#e7b420}.kroenchen .task-grid{grid-template-columns:repeat(4,minmax(160px,1fr))}.training{--accent:#6f8793;min-height:116px}.training-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:23px;display:flex}.training-content span{font-size:18px}footer{color:#5b6770;justify-content:space-between;max-width:1420px;margin:14px auto 0;font-size:15px;font-weight:700;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e1921c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#f6fafc;border-radius:20px;grid-template-rows:auto 1fr auto;width:min(1100px,96vw);height:min(94vh,960px);display:grid;overflow:hidden;box-shadow:0 24px 90px #0009}.modal-head{background:#fff;border-bottom:1px solid #cbd5db;justify-content:space-between;align-items:center;padding:12px 18px 12px 24px;display:flex}.book-label{color:#157ba6;letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:800}h2{margin:2px 0 0;font-size:25px}.close{cursor:pointer;background:#edf2f4;border:0;border-radius:50%;width:48px;height:48px;font-size:38px;line-height:1}.close:hover{background:#dce8ed}.page-view{text-align:center;padding:14px;overflow:auto}.page-view img{width:min(100%,820px);height:auto;box-shadow:0 4px 18px #25384333}.modal-tip{text-align:center;color:#65737c;background:#fff;border-top:1px solid #d8e0e4;padding:9px;font-size:13px}.student-bar{border:2px solid var(--ink);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;max-width:1420px;margin:0 auto 10px;padding:9px 12px 9px 18px;display:flex}.student-bar span{align-items:center;gap:14px;display:flex}.student-bar i{color:#2f7741;font-size:13px;font-style:normal}.student-bar .save-saving{color:#7b641d}.student-bar .save-error{color:#a52828}.student-bar button{cursor:pointer;background:#f5f8f9;border:1px solid #afbbc2;border-radius:9px;padding:7px 12px}.student-actions{gap:8px;display:flex}.student-actions .qr-button{color:#fff;background:#167fae;border-color:#167fae;font-weight:800}.student-actions button:disabled{opacity:.6}.qr-modal{text-align:center;background:#fffefb;border-radius:22px;width:min(500px,94vw);max-height:94vh;padding:28px;position:relative;overflow:auto;box-shadow:0 24px 90px #0009}.qr-modal h2{margin:5px 42px 10px}.qr-modal>img{border:1px solid #d4dce0;border-radius:12px;width:min(340px,80vw);height:auto;margin:8px auto;display:block}.qr-modal p{color:#46545d;line-height:1.45}.qr-modal strong{color:#674e00;background:#fff1c9;border-radius:10px;padding:10px;font-size:14px;display:block}.qr-close{position:absolute;top:14px;right:14px}.download-qr{color:#fff;background:#167fae;border-radius:11px;margin-top:14px;padding:13px;font-weight:900;text-decoration:none;display:block}.login-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(135deg,#eaf4f8f2,#fffaf1f2);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.login-card{border:3px solid var(--ink);text-align:center;background:#fffefb;border-radius:26px;width:min(460px,94vw);padding:30px;box-shadow:0 18px 60px #314b5b38}.login-mark{border:3px solid var(--ink);color:#fff;background:#248fca;border-radius:18px;place-items:center;width:92px;height:68px;margin:0 auto 12px;font-size:27px;font-weight:900;display:grid}.login-card h1{margin:0 0 8px;font-size:32px}.login-card p{color:#4e5b64;max-width:360px;margin:0 auto 22px;line-height:1.45}.login-card label{text-align:left;margin:14px 0;font-weight:800;display:block}.login-card input{background:#fff;border:2px solid #8fa0a9;border-radius:12px;width:100%;height:51px;margin-top:6px;padding:0 14px;font-size:20px;display:block}.login-card input:focus{border-color:#167ca8;outline:3px solid #aadbf1}.login-button{color:#fff;cursor:pointer;background:#167fae;border:0;border-radius:12px;width:100%;height:53px;margin:8px 0 14px;font-size:20px;font-weight:900}.login-button:disabled{opacity:.65}.login-card small{color:#68757d;line-height:1.4;display:block}.login-error{color:#962b20;background:#ffe6e3;border-radius:10px;padding:10px;font-weight:700}.session-loading{border:2px solid var(--ink);background:#fff;border-radius:16px;padding:20px 28px;font-size:19px;font-weight:800}.scan-symbol{color:#167fae;margin:18px auto 10px;font-size:92px;line-height:.8}.qr-welcome small{margin-bottom:20px;display:block}.teacher-link{color:#53616a;font-size:13px;display:inline-block}.teacher-shell{background:#edf4f7;min-height:100vh;padding:30px}.teacher-head{justify-content:space-between;align-items:center;gap:20px;max-width:950px;margin:0 auto 18px;display:flex}.teacher-head span{color:#167fae;font-weight:900}.teacher-head h1{margin:4px 0;font-size:36px}.teacher-head p{color:#60707a;margin:0}.teacher-head>a,.teacher-card>a{color:#26343d;background:#fff;border-radius:10px;padding:10px 14px;font-weight:800;text-decoration:none}.teacher-card{border:2px solid var(--ink);background:#fffefb;border-radius:18px;max-width:950px;margin:0 auto 16px;padding:24px;box-shadow:0 5px #18212b14}.teacher-card h2{margin:0 0 16px}.student-create{align-items:end;gap:12px;display:flex}.student-create label{flex:1;font-weight:800}.student-create input{border:2px solid #95a4ad;border-radius:10px;width:100%;height:48px;margin-top:6px;padding:0 12px;font-size:18px;display:block}.student-create button,.student-row button{color:#fff;cursor:pointer;background:#167fae;border:0;border-radius:10px;min-height:48px;padding:0 16px;font-weight:900}.count{background:#d9eef7;border-radius:50%;place-items:center;min-width:32px;height:32px;font-size:16px;display:inline-grid}.student-list{gap:8px;display:grid}.student-row{background:#fff;border:1px solid #c7d2d8;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.student-row>div{flex-direction:column;gap:4px;display:flex}.student-row span{color:#5d6b74;font-size:14px}.student-detail{background:#fff;border:1px solid #c7d2d8;border-radius:12px;overflow:hidden}.student-detail summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:14px;list-style:none;display:flex}.student-detail summary::-webkit-details-marker{display:none}.student-detail summary>div{flex-direction:column;gap:4px;display:flex}.student-detail summary span{color:#5d6b74;font-size:14px}.student-detail .detail-hint{color:#167fae;font-weight:800}.student-detail[open] .detail-hint{font-size:0}.student-detail[open] .detail-hint:after{content:"Aufgaben ausblenden";font-size:14px}.task-status-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:4px 14px 14px;display:grid}.task-status{border-radius:9px;grid-template-columns:24px 1fr auto;align-items:center;gap:7px;padding:9px;font-size:14px;display:grid}.task-status.finished{color:#245e31;background:#e7f5e9}.task-status.open{color:#68757d;background:#f3f5f6}.task-status>b{font-size:12px}.renew-qr{color:#fff;cursor:pointer;background:#167fae;border:0;border-radius:9px;margin:0 14px 14px;padding:10px 14px;font-weight:900}.progress-groups{background:#f4f7f8;border-radius:12px;gap:12px;margin:0 14px 18px;padding:16px;display:grid}.progress-group{gap:6px;display:grid}.progress-label{justify-content:space-between;gap:12px;font-size:14px;display:flex}.progress-label span{color:#58666f;font-weight:700}.progress-track{background:#dfe6e9;border-radius:99px;height:17px;overflow:hidden;box-shadow:inset 0 1px 2px #1b2c3520}.progress-track>span{border-radius:inherit;min-width:0;height:100%;transition:width .3s;display:block}.basis-bar{background:#26a9e0}.practice-bar{background:#ee8b2d}.crown-bar{background:#e7b420}.task-list-heading{margin:0 14px 8px;font-size:16px}.task-card{min-height:210px}.open-task{min-height:126px;padding:16px 10px 6px}.part-checks{flex-wrap:wrap;place-content:flex-start center;gap:5px;padding:6px 7px 10px;display:flex}.part-checks button{color:#51606a;cursor:pointer;background:#fff;border:1px solid #aebbc2;border-radius:8px;min-height:30px;padding:3px 7px;font-size:13px;font-weight:700}.part-checks button:hover{border-color:var(--accent)}.part-checks button.checked{color:#236132;background:#dff3e3;border-color:#62a26f}.done .part-checks button.checked{font-weight:900}.student-list-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.student-list-head h2{margin:0}.student-list-head button,.print-toolbar button{color:#fff;cursor:pointer;background:#167fae;border:0;border-radius:10px;min-height:42px;padding:0 15px;font-weight:900}.student-list-head button:disabled{opacity:.6}.print-preview{z-index:200;background:#dce5e9;position:fixed;inset:0;overflow:auto}.print-toolbar{z-index:2;color:#fff;background:#18212b;justify-content:space-between;align-items:center;gap:16px;padding:12px max(16px,50vw - 450px);display:flex;position:sticky;top:0;box-shadow:0 3px 14px #0004}.print-toolbar button:first-child{color:#18212b;background:#eef3f5}.print-sheet{background:#fff;width:min(900px,100% - 28px);margin:22px auto;padding:36px;box-shadow:0 8px 30px #1c303d2d}.print-sheet>h1{margin:0 0 5px}.print-sheet>p{color:#596872;margin:0 0 24px}.print-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.print-card{break-inside:avoid;text-align:center;border:2px solid #18212b;border-radius:14px;padding:18px}.print-card h2{margin:0 0 8px;font-size:24px}.print-card img{width:min(100%,260px);margin:auto;display:block}.print-card small{color:#596872;margin-top:7px;display:block}@media print{body *{visibility:hidden}.print-preview,.print-preview *{visibility:visible}.print-preview{background:#fff;position:absolute;inset:0;overflow:visible}.print-toolbar{display:none}.print-sheet{width:100%;box-shadow:none;margin:0;padding:8mm}.print-grid{gap:6mm}.print-card{padding:4mm}.print-card img{width:55mm}}@media (width<=1050px){.task-grid{grid-template-columns:repeat(4,1fr)}.task-card{border-bottom:1.5px solid var(--ink)}.uebung .task-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){main{padding:12px}.hero{grid-template-columns:105px 1fr}.code,.goal{border-radius:16px;min-height:80px}.code{font-size:25px}.goal{padding:12px 16px;font-size:18px}.plan-row{grid-template-columns:1fr}.section-label{border-right:0;border-bottom:2px solid var(--ink);flex-direction:row;gap:12px}.section-icon{margin:0;font-size:30px}.task-grid,.uebung .task-grid,.kroenchen .task-grid{grid-template-columns:repeat(2,1fr)}.task-card{min-height:160px}.task-card:nth-child(2n){border-right:0}.training-content{font-size:18px}footer{flex-direction:column;gap:4px}.teacher-head,.student-create,.student-row,.student-list-head{flex-direction:column;align-items:stretch}.teacher-head h1{font-size:28px}.teacher-shell{padding:14px}.student-row button{min-height:42px}.task-status-list,.print-grid{grid-template-columns:1fr}.student-detail summary{flex-direction:column;align-items:flex-start}.print-sheet{padding:20px}.print-toolbar b{display:none}}.portal-shell{background:linear-gradient(145deg,#eef7fb,#fffaf0);padding:34px clamp(18px,5vw,70px)}.portal-head{justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:0 auto 26px;display:flex}.portal-head span{color:#1383b4;letter-spacing:.05em;font-weight:900}.portal-head h1{max-width:820px;margin:5px 0;font-size:clamp(30px,4vw,52px);line-height:1.05}.portal-head p{color:#60717b;margin:0}.portal-head button{background:#fff;border:1px solid #a9b8c0;border-radius:11px;padding:11px 16px;font-weight:800}.plan-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1180px;margin:auto;display:grid}.plan-choice{--plan-color:#268fbd;border:2px solid #18212b;border-left:10px solid var(--plan-color);color:inherit;background:#fffefb;border-radius:18px;grid-template-columns:78px 1fr auto;align-items:center;gap:18px;padding:20px;text-decoration:none;display:grid;box-shadow:0 5px #18212b16}.plan-choice:hover{transform:translateY(-2px)}.plan-module{background:var(--plan-color);border-radius:17px;width:64px;height:64px}@supports (color:color-mix(in lab, red, red)){.plan-module{background:color-mix(in srgb,var(--plan-color) 17%,white)}}.plan-module{color:var(--plan-color);place-items:center;font-size:23px;font-weight:950;display:grid}.plan-choice h2{margin:0 0 5px;font-size:21px}.plan-choice p{color:#5b6870;margin:0 0 11px;font-size:14px}.plan-choice>b{color:var(--plan-color)}.choice-progress{background:#e2e8eb;border-radius:99px;height:10px;overflow:hidden}.choice-progress span{border-radius:inherit;background:var(--plan-color);height:100%;display:block}.plan-choice small{color:#66747c;margin-top:5px;display:block}.empty-plans{text-align:center;background:#fff;border:2px dashed #92a4ad;border-radius:20px;max-width:720px;margin:70px auto;padding:35px}.workspace-shell{--plan-color:#238fba;background:linear-gradient(145deg,#f4fafc,#fffaf1)}.workspace-shell .student-bar a{color:var(--plan-color);font-weight:900;text-decoration:none}.plan-hero{grid-template-columns:150px 1fr;gap:12px;max-width:1420px;margin:0 auto 16px;display:grid}.plan-hero .code{border-color:var(--plan-color);color:var(--plan-color)}.plan-hero>div:last-child{background:#fffefb;border:3px solid #18212b;border-radius:22px;padding:18px 25px}.plan-hero h1{margin:0 0 7px;font-size:clamp(26px,3vw,40px)}.plan-hero p{margin:0;font-size:19px}.learning-sections{gap:14px;max-width:1420px;margin:auto;display:grid}.learning-row{background:#fff;border:2px solid #18212b;grid-template-columns:180px 1fr;display:grid}.learning-label{text-align:center;border-right:2px solid #18212b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:18px;display:flex}.learning-label b{font-size:22px}.learning-label span{color:var(--plan-color);font-size:40px}.learning-row.practice .learning-label span{color:#e5872b}.learning-row.crown .learning-label span{color:#d7aa14}.learning-cards{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));display:grid}.learning-card{text-align:center;border-bottom:1px solid #bdc8ce;border-right:1px solid #bdc8ce;min-height:168px}.page-open{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;min-height:96px;padding:13px;display:flex}.page-open>span{font-family:Georgia,serif;font-size:28px}.page-open small{color:#61717a}.number-checks{flex-wrap:wrap;justify-content:center;gap:5px;padding:6px;display:flex}.number-checks button{background:#fff;border:1px solid #aab7be;border-radius:8px;padding:6px 8px;font-size:13px;font-weight:800}.number-checks button.checked{color:#236132;background:#dff3e3;border-color:#62a26f}.training-card{background:#fff;border:2px solid #18212b;border-radius:13px;gap:24px;max-width:1420px;margin:14px auto;padding:18px 24px;display:flex}.training-card b{color:var(--plan-color)}.digital-test{border:3px solid var(--plan-color);background:#fffefb;border-radius:22px;max-width:1100px;margin:20px auto;padding:24px}.test-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.test-head span{color:var(--plan-color);text-transform:uppercase;font-size:13px;font-weight:900}.question-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.question-grid label{background:#f1f5f6;border-radius:10px;grid-template-columns:1fr 140px;align-items:center;gap:10px;padding:11px;font-weight:700;display:grid}.question-grid input{background:#fff;border:2px solid #9aabb3;border-radius:8px;width:100%;height:40px;padding:0 9px;font-size:18px}.question-grid small{color:#9e3026;grid-column:2}.question-grid .answer-correct{background:#e4f4e7}.question-grid .answer-correct small{color:#236132}.check-test{background:var(--plan-color);color:#fff;border:0;border-radius:11px;margin:18px auto 0;padding:13px 24px;font-weight:900;display:block}.test-success{text-align:center;color:#236132;font-weight:900}.plan-switches{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.plan-switches label{background:#f2f4f5;border:1px solid #c5d0d5;border-radius:11px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px;display:grid}.plan-switches label.active{background:#e7f5e9;border-color:#62a26f}.plan-switches span{align-items:center;gap:8px;display:flex}.plan-switches small{color:#5b6870}.plan-switches input{width:24px;height:24px}.plan-switches i{min-width:53px;font-size:12px;font-style:normal;font-weight:900}.teacher-note{color:#60707a;margin-top:-7px}.teacher-plan-progress{gap:9px;padding:0 14px 14px;display:grid}.teacher-plan-progress>details{border:1px solid #d0dade;border-radius:10px;overflow:hidden}.teacher-plan-progress>details>summary{background:#f5f7f8;flex-direction:row;padding:11px}.teacher-plan-progress .progress-track{margin:11px 14px}.teacher-plan-progress .task-status-list{padding-top:0}@media (width<=800px){.plan-picker,.question-grid,.plan-switches{grid-template-columns:1fr}.plan-choice{grid-template-columns:60px 1fr}.plan-choice>b{display:none}.plan-module{width:52px;height:52px}.plan-hero{grid-template-columns:90px 1fr}.learning-row{grid-template-columns:1fr}.learning-label{border-bottom:2px solid #18212b;border-right:0;flex-direction:row}.portal-head{flex-direction:column;align-items:flex-start}.question-grid label{grid-template-columns:1fr 110px}.training-card{flex-direction:column;gap:6px}}:root{--turtle:#347c4a;--turtle-dark:#245938;--shell:#96b85d;--sand:#fbf4dc;--pond:#dff3ee}.portal-shell,.workspace-shell,.teacher-shell{background-color:#edf7ed;background-image:radial-gradient(circle at 10% 8%,#fff 0 7%,#0000 7.2%),radial-gradient(circle at 90% 5%,#dcefdc 0 10%,#0000 10.2%),linear-gradient(145deg,#edf8f1,#fff8e8)}.portal-head span,.teacher-head span{color:var(--turtle-dark)}.turtle-head,.turtle-teacher-head{position:relative}.turtle-head:after{content:"🐢";filter:drop-shadow(0 8px #234d3020);font-size:clamp(70px,10vw,130px);transform:rotate(-5deg)}.plan-choice{border-color:#284b35;border-left-color:var(--plan-color);border-radius:24px 24px 24px 8px}.plan-choice:nth-child(2n){border-radius:24px 24px 8px}.plan-module{border:2px solid var(--plan-color)}@supports (color:color-mix(in lab, red, red)){.plan-module{border:2px solid color-mix(in srgb,var(--plan-color) 45%,white)}}.plan-module{border-radius:50%}.choice-progress,.progress-track{background:#d9e6d8}.login-mark{border-color:var(--turtle-dark);background:#dceecb;width:96px;height:78px;font-size:46px}.login-backdrop{background:linear-gradient(145deg,#e6f5e7f2,#fff8e8f2)}.workspace-shell .student-bar,.plan-hero>div:last-child,.learning-row,.training-card,.digital-test,.teacher-card{border-color:#284b35}.workspace-shell .student-bar a,.training-card b{color:var(--turtle-dark)}.learning-label{background:linear-gradient(145deg,#edf7e9,#fffdf4)}.learning-label:after{content:"🐢";font-size:26px}.digital-test{border-color:var(--turtle);background:#fffef8}.test-head span{color:var(--turtle-dark)}.check-test{background:var(--turtle-dark)}.test-notice{color:#385137;background:#edf4df;border-radius:11px;padding:12px 14px}.test-locked{background:#f4f1e7;border-style:dashed}.locked-message{background:#e5eadc;border-radius:15px;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex}.locked-message>span{font-size:56px}.locked-message h3{margin:0 0 5px}.locked-message p{color:#586258;margin:0}.question-grid input:disabled{opacity:1;color:#18212b;background:#faf8ef}.answer-wrong{background:#fbe5e2!important}.student-bulk-create{gap:10px;display:grid}.student-bulk-create textarea{width:100%;min-height:145px;font:inherit;resize:vertical;background:#fff;border:2px solid #91a69a;border-radius:12px;padding:12px;font-size:17px}.student-bulk-create>div{justify-content:space-between;gap:12px;display:flex}.student-bulk-create button,.csv-picker{background:var(--turtle-dark);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-weight:900;display:flex}.csv-picker{color:#244a31;background:#e4eee3;border:1px solid #85a28e}.csv-picker input{opacity:0;width:1px;height:1px;position:absolute}.import-info{color:#245e31;background:#e4f3e5;border-radius:10px;padding:10px;font-weight:800}.teacher-test-result{background:#fbfdf8;border:2px solid #90aa79;border-radius:12px;margin:12px 14px;padding:14px}.teacher-test-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.teacher-test-head>div{flex-direction:column;gap:3px;display:flex}.teacher-test-head small{color:#627064}.teacher-test-head button{background:var(--turtle-dark);color:#fff;border:0;border-radius:9px;padding:9px 12px;font-weight:900}.teacher-test-head button.unlocked{color:#35553c;background:#e8eee4;border:1px solid #8ca28d}.test-answer-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px;display:grid}.test-answer-list>div{border-radius:8px;grid-template-columns:22px 1fr auto;gap:7px;padding:8px;display:grid}.test-answer-list .right{color:#245e31;background:#e5f4e7}.test-answer-list .wrong{color:#8b2e27;background:#fbe5e2}.teacher-task-heading{margin:12px 14px 6px}.print-sheet>h1:before{content:"🐢 "}.turtle-teacher-head:after{content:"🐢";font-size:72px}@media (width<=800px){.turtle-head:after,.turtle-teacher-head:after{display:none}.student-bulk-create>div,.teacher-test-head{flex-direction:column;align-items:stretch}.test-answer-list{grid-template-columns:1fr}.locked-message{align-items:flex-start}}.student-stage-row{flex-wrap:wrap;gap:6px;margin:0 0 11px;display:flex}.student-stage-row span{color:#667069;background:#f1f3ef;border:1px solid #b7c4ba;border-radius:99px;padding:5px 9px;font-size:12px;font-weight:900}.student-stage-row span.complete{color:#255e34;background:#dff1df;border-color:#74a17d}.class-overview{max-width:1180px}.overview-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.overview-title>div>span{color:var(--turtle-dark);letter-spacing:.05em;text-transform:uppercase;font-size:13px;font-weight:900}.overview-title h2{margin:3px 0 0}.overview-title label{gap:5px;min-width:min(420px,100%);font-size:13px;font-weight:900;display:grid}.overview-title select{height:46px;font:inherit;background:#fff;border:2px solid #8fa496;border-radius:11px;padding:0 12px}.overview-table{border:1px solid #c6d3c8;border-radius:14px;overflow:hidden}.overview-row{background:#fff;border-bottom:1px solid #d8e1d9;grid-template-columns:minmax(130px,1.1fr) minmax(180px,1.4fr) minmax(135px,.9fr) minmax(180px,1.4fr);align-items:center;gap:14px;padding:12px 14px;display:grid}.overview-table.no-test .overview-row{grid-template-columns:minmax(130px,1.1fr) minmax(180px,1.4fr) minmax(180px,1.4fr)}.overview-row:last-child{border-bottom:0}.overview-row.overview-head{color:#31503a;background:#e5efe2;font-size:13px}.overview-progress{gap:5px;display:grid}.overview-progress>span{justify-content:space-between;font-size:13px;display:flex}.overview-progress i{color:#617066;font-style:normal}.overview-progress>div{background:#dfe7de;border-radius:99px;height:13px;overflow:hidden}.overview-progress em{border-radius:inherit;background:#4e9a67;height:100%;display:block}.practice-overview em{background:#e4913d}.overview-test{color:#707872;flex-direction:column;gap:3px;display:flex}.overview-test.finished{color:#276238}.overview-test small{color:#667069}@media (width<=800px){.overview-title{flex-direction:column;align-items:stretch}.overview-title label{min-width:0}.overview-table{border:0;gap:10px;display:grid;overflow:visible}.overview-row{border:1px solid #c6d3c8;border-radius:12px;grid-template-columns:1fr;padding:15px}.overview-row.overview-head{display:none}.overview-row>strong{font-size:18px}.overview-progress:before{color:#59675e;font-size:12px;font-weight:900}.overview-row .overview-progress:first-of-type:before{content:"Basisaufgaben"}.practice-overview:before{content:"Übungsaufgaben"!important}.overview-test:before{content:"Teste dich";color:#59675e;font-size:12px;font-weight:900}}.portal-content{opacity:0;visibility:hidden;transition:opacity .55s,transform .55s;transform:translateY(24px)}.portal-content.visible{opacity:1;visibility:visible;transform:none}.book-start{z-index:80;perspective:1800px;background:radial-gradient(circle at 50% 35%,#fff 0 10%,#0000 42%),linear-gradient(145deg,#dff2e5,#fff4d9);place-content:center;justify-items:center;gap:18px;padding:24px;display:grid;position:fixed;inset:0}.book-start>p{color:#294b34;margin:0;font-size:clamp(18px,2.2vw,28px);font-weight:900}.book-stage{aspect-ratio:.707;filter:drop-shadow(0 24px 24px #1b3d2938);width:min(430px,72vw);transform-style:preserve-3d;position:relative}.book-pages,.book-inside,.book-cover{border-radius:5px 17px 17px 5px;position:absolute;inset:0}.book-pages{background:repeating-linear-gradient(90deg,#fffdf4 0 4px,#e9e1ca 5px 6px);border:2px solid #b9ad8d;transform:translate(9px,7px)}.book-inside{color:#2377a8;background:linear-gradient(135deg,#fffef8,#edf7fa);border:3px solid #277db0;place-content:center;justify-items:center;gap:18px;font-size:clamp(22px,4vw,38px);font-weight:950;display:grid}.book-inside span{font-size:68px}.book-cover{z-index:2;cursor:pointer;transform-origin:0;transform-style:preserve-3d;background:#fff;border:0;padding:0;transition:transform 1.05s cubic-bezier(.22,.75,.2,1),filter .4s;overflow:hidden;box-shadow:inset -9px 0 15px #0b31512e}.book-cover:hover{filter:brightness(1.03);transform:rotateY(-5deg)}.book-cover img{object-fit:cover;width:100%;height:100%;display:block}.book-cover>span{color:#fff;background:#173d55e8;border-radius:99px;width:max-content;max-width:88%;padding:11px 17px;font-size:14px;font-weight:900;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0004}.book-start.opening .book-cover{filter:brightness(.84);pointer-events:none;transform:rotateY(-154deg)}.book-start.opening .book-stage{animation:1.05s forwards book-settle}.cover-logout{color:#496052;cursor:pointer;background:#ffffffb8;border:1px solid #8aa093;border-radius:9px;padding:8px 14px}@keyframes book-settle{0%{transform:translate(0)scale(1)}55%{transform:translate(18%)scale(.92)}to{transform:translate(0)scale(1.04)}}@media (width<=600px){.book-stage{width:min(390px,82vw)}.book-cover>span{font-size:12px;bottom:12px}.book-start{gap:13px}}@media (prefers-reduced-motion:reduce){.book-cover,.portal-content{transition-duration:.01ms}.book-start.opening .book-stage{animation:none}}.portal-content.visible{perspective:1800px;background:linear-gradient(90deg,#e9e1cd 0 9px,#fffdf6 10px 49.6%,#d9d0ba 50%,#fffdf7 50.5% 100%);border:1px solid #c9bea4;border-radius:16px 5px 5px 16px;max-width:1280px;margin:auto;padding:34px clamp(20px,4vw,54px) 46px;position:relative;overflow:hidden;box-shadow:0 20px 50px #2746332b,8px 7px #ded3b9}.portal-content .portal-head,.portal-content .plan-picker{z-index:1;position:relative}.page-turn-sheet{z-index:10;transform-origin:0;opacity:0;pointer-events:none;backface-visibility:hidden;background:linear-gradient(90deg,#fffdf5,#f2ecdc);border-left:2px solid #d5cab0;place-content:center;justify-items:center;gap:18px;display:grid;position:absolute;inset:0;transform:rotateY(90deg)}.page-turn-sheet span{font-size:82px}.page-turn-sheet b{color:#28543a;font-size:clamp(22px,4vw,44px)}.portal-content.turning-page .page-turn-sheet{opacity:1;animation:.85s cubic-bezier(.25,.75,.22,1) forwards turn-plan-page}.portal-content.turning-page .plan-choice:not(.chosen){opacity:.45}.plan-choice.chosen{outline:4px solid var(--plan-color)}@supports (color:color-mix(in lab, red, red)){.plan-choice.chosen{outline:4px solid color-mix(in srgb,var(--plan-color) 45%,white)}}.plan-choice.chosen{transform:scale(.98)}@keyframes turn-plan-page{0%{transform:rotateY(92deg);box-shadow:-20px 0 35px #0000}45%{transform:rotateY(28deg);box-shadow:-24px 0 38px #25392b38}to{transform:rotateY(0);box-shadow:-5px 0 18px #25392b22}}@media (width<=800px){.portal-content.visible{background:linear-gradient(90deg,#e8dfc9 0 7px,#fffdf7 8px 100%);padding:24px 16px 34px}.page-turn-sheet{transform-origin:0}}@media (prefers-reduced-motion:reduce){.portal-content.turning-page .page-turn-sheet{animation-duration:.01ms}}.test-paper{gap:18px;display:grid}.test-task-group{background:#fff;border:1.5px solid #87928b;border-radius:4px;padding:16px;box-shadow:0 2px #24382b12}.test-task-group h3{border-bottom:2px solid #263c2d;margin:0 0 12px;padding-bottom:9px;font-size:18px}.test-task-group .question-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.test-task-group .question-grid label{background-color:#fff;background-image:linear-gradient(#eef1ef 1px,#0000 1px),linear-gradient(90deg,#eef1ef 1px,#0000 1px);background-size:24px 24px;border:1px solid #c5cbc7;border-radius:3px}.test-task-group .question-grid input{background:#fffef9;border-color:#56635b;border-radius:2px;font-family:Courier New,monospace;font-weight:800}.test-task-group .question-grid .answer-correct{background-color:#e4f4e7}.test-task-group .question-grid .answer-wrong{background-color:#fbe5e2}@media (width<=800px){.test-task-group .question-grid{grid-template-columns:1fr}.test-task-group{padding:12px}}.test-entry{border:3px solid var(--turtle);background:#fffef8;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:100%;max-width:1420px;margin:0 auto;padding:18px 22px;display:grid;box-shadow:0 5px #284b3516}.test-entry.locked{background:#f2f1e9;border-style:dashed}.test-entry-icon{width:58px;height:58px;color:var(--turtle-dark);background:#dceecb;border-radius:50%;place-items:center;font-size:27px;font-weight:950;display:grid}.test-entry small{color:var(--turtle-dark);text-transform:uppercase;font-weight:900}.test-entry h2{margin:3px 0}.test-entry p{color:#5a675e;margin:0}.test-entry button{background:var(--turtle-dark);color:#fff;cursor:pointer;border:0;border-radius:11px;padding:12px 18px;font-weight:900}.test-modal-backdrop{padding:12px}.test-modal{background:#eef3ed;border-radius:18px;grid-template-rows:auto 1fr;width:min(1240px,98vw);height:min(96vh,1100px);display:grid;overflow:hidden;box-shadow:0 25px 90px #0009}.test-modal-toolbar{background:#fff;border-bottom:2px solid #b8c5ba;justify-content:space-between;align-items:center;gap:18px;padding:12px 18px;display:flex}.test-modal-toolbar>div{gap:3px;display:grid}.test-modal-scroll{padding:18px;overflow:auto}.test-modal-scroll .digital-test{max-width:1100px;margin:0 auto}.test-modal-scroll .test-head{padding-right:4px}@media (width<=700px){.test-entry{grid-template-columns:auto 1fr;padding:14px}.test-entry button{grid-column:1/-1}.test-entry-icon{width:46px;height:46px}.test-modal-scroll{padding:8px}.test-modal-toolbar strong{font-size:13px}}