:root{--ink:#15383b;--muted:#587074;--paper:#fffdf8;--bg:#eaf5f2;--primary:#087681;--dark:#075b63;--accent:#f1a33b;--good:#237a4b;--bad:#b7433d;--line:#c5dcda;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 10% 5%,#fff 0,transparent 26%),var(--bg);min-height:100vh;margin:0}button,select,textarea{font:inherit}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;justify-content:space-between;align-items:center;gap:16px;height:76px;padding:0 clamp(16px,4vw,60px);display:flex;position:sticky;top:0}.brand{color:var(--dark);cursor:pointer;background:0 0;border:0;font-size:1.08rem;font-weight:850}.header-tools{align-items:center;gap:14px;display:flex}.test-toggle{border:1px solid var(--line);color:var(--dark);cursor:pointer;background:#edf7f4;border-radius:999px;padding:8px 12px;font-weight:800}.test-toggle.active{background:var(--accent);border-color:var(--accent)}.progress{width:min(260px,36vw);color:var(--muted);text-align:right;font-size:.78rem;font-weight:700}.progress div{background:#dcebea;border-radius:99px;height:7px;margin-top:7px;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--primary),#50b9a8);width:0;height:100%;transition:width .35s;display:block}main{width:min(1180px,100% - 28px);margin:auto;padding:32px 0 54px}.home{grid-template-columns:1fr 1fr;align-items:center;gap:42px;min-height:calc(100vh - 150px);display:grid}.home h1,.screen-head h1,.finish h1{letter-spacing:-.045em;margin:10px 0 22px;font-size:clamp(2.35rem,5.5vw,5rem);line-height:1}.home p{color:var(--muted);font-size:1.13rem;line-height:1.65}.eyebrow{color:var(--primary);letter-spacing:.09em;text-transform:uppercase;font-size:.78rem;font-weight:850}.screen-head{margin:5px 0 22px}.screen-head h1{margin-bottom:0;font-size:clamp(2rem,4.5vw,3.6rem)}.two-column{grid-template-columns:minmax(0,1fr) minmax(340px,1fr);align-items:start;gap:24px;display:grid}.panel,.image-frame{background:var(--paper);border:1px solid #d3e3df;border-radius:24px;box-shadow:0 12px 30px #174a4c10}.panel{padding:clamp(20px,3vw,34px)}.panel h2{margin-top:0}.reading p{color:#334f52;font-size:1.02rem;line-height:1.67}.image-frame{background:#f7fbfa;justify-content:center;align-items:center;min-height:340px;padding:12px;display:flex;position:relative;overflow:hidden}.card-image,.hero-image{object-fit:contain;border-radius:15px;width:100%;height:100%;max-height:560px;display:block}.hero-image{max-height:520px}.image-error-text{color:var(--bad);font-weight:800;display:none}.image-error img{display:none}.image-error .image-error-text{display:block}.fact{border-left:5px solid var(--accent);background:#edf7f4;border-radius:7px 14px 14px 7px;margin-top:22px;padding:14px 16px;font-weight:800}.actions,.check-row,.finish-buttons{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.check-row{margin-top:18px}.cta,.primary,.secondary,.ghost{cursor:pointer;border:2px solid #0000;border-radius:14px;min-height:48px;padding:0 21px;font-weight:800}.cta,.primary{color:#fff;background:var(--primary);box-shadow:0 7px 16px #075b6326}.cta:hover,.primary:hover{background:var(--dark)}.secondary{color:var(--dark);border-color:var(--line);background:#fff}.ghost{color:var(--muted);background:0 0}button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.station-tabs{gap:7px;padding-bottom:8px;display:flex;overflow-x:auto}.station-tab{color:var(--muted);background:#d9e8e6;border-radius:99px;flex:none;padding:8px 12px;font-size:.8rem;font-weight:800}label{margin:14px 0;font-weight:750;line-height:1.5;display:block}select,textarea{border:2px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:11px;margin-top:7px;padding:10px}textarea{resize:vertical}.choices{gap:10px;margin-top:18px;display:grid}.choices button{text-align:left;border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;min-height:54px;padding:12px 15px}.choices button:hover{border-color:var(--primary)}.sentence{margin:20px 0;font-size:1.12rem;line-height:2.6}.blank{vertical-align:middle;min-width:116px;min-height:40px;color:var(--dark);background:#f3faf8;border:2px dashed #8fb6b2;border-radius:10px;padding:4px 10px;font-weight:800}.blank.filled{background:#e4f2ef;border-style:solid}.wordbank{flex-wrap:wrap;gap:9px;display:flex}.word{cursor:pointer;background:#fff;border:1px solid #a8c9c5;border-radius:12px;min-height:44px;padding:0 14px;font-weight:750}.word.selected{background:var(--accent)}.word.used{opacity:.35}.feedback{border-radius:12px;min-height:0;margin-top:16px}.feedback.good,.feedback.bad{padding:12px 14px}.feedback.good{color:var(--good);background:#e5f5ea}.feedback.bad{color:var(--bad);background:#fff0ef}.centered{text-align:center;max-width:820px;margin:auto;padding:clamp(28px,5vw,56px)}.reveal{text-align:left;margin:28px 0;font-size:1.08rem;line-height:1.65;display:none}.reveal.open{display:block}.assignment-layout{grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);align-items:start;gap:22px;display:grid}.assignment-image{max-height:none}.assignment-form label{grid-template-columns:1fr 90px;align-items:center;gap:10px;display:grid}.assignment-form select{margin:0}.sort-images{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;display:grid}.sort-images figure{border:1px solid var(--line);background:#fff;border-radius:18px;margin:0;overflow:hidden}.sort-images .image-frame{min-height:210px;box-shadow:none;border:0;border-radius:0}.sort-image{object-fit:contain;width:100%;height:220px}.sort-images figcaption{text-align:center;background:#edf7f4;padding:10px;font-weight:900}.sort-texts{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.sort-text{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px}.sort-text p{margin-top:0;line-height:1.55}.sort-actions{margin-top:18px}.finish{text-align:center}.finish-icon{font-size:5rem}.finish p{color:var(--muted);font-size:1.1rem}.finish .image-frame{margin-top:24px}.finish-image{object-fit:contain;width:100%;max-height:440px}.finish-buttons{justify-content:center}@media (width<=820px){.home,.two-column,.assignment-layout{grid-template-columns:1fr}.home{gap:22px}.home .image-frame{order:-1}.image-frame{min-height:250px}.sort-images{grid-template-columns:repeat(2,1fr)}.sort-texts{grid-template-columns:1fr}.brand span{display:none}.progress{width:min(190px,34vw)}.test-toggle{padding:7px 9px;font-size:.76rem}}@media (width<=520px){.topbar{height:68px}.header-tools{gap:7px}.progress{display:none}main{padding-top:20px}.home h1{font-size:2.7rem}.sort-images{grid-template-columns:1fr}.sort-image{height:250px}.actions{justify-content:stretch}.actions button{flex:1}.panel{padding:19px}.assignment-form label{grid-template-columns:1fr 75px}}.sort-help{max-width:760px;color:var(--muted);font-size:1.05rem;line-height:1.55}.sort-images .sort-card{cursor:grab;touch-action:none;border-width:2px;transition:transform .16s,box-shadow .16s,border-color .16s}.sort-images .sort-card:hover,.sort-images .sort-card:focus{border-color:var(--primary);outline:none;box-shadow:0 10px 24px #075b6320}.sort-images .sort-card.dragging{opacity:.72;cursor:grabbing;transform:scale(.97);box-shadow:0 16px 34px #075b6340}.sort-card .image-frame{pointer-events:none}.sort-card figcaption{grid-template-columns:44px 1fr 44px;align-items:center;gap:6px;padding:7px 9px;display:grid}.sort-move{border:1px solid var(--line);width:40px;height:40px;color:var(--dark);cursor:pointer;background:#fff;border-radius:10px;font-weight:900}.sort-move:hover:not(:disabled){background:var(--primary);color:#fff}.home .home-title{font-size:clamp(2rem,4vw,3.6rem);line-height:1.05}.home-intro p{color:#334f52;margin:0 0 16px;font-size:1.08rem;line-height:1.55}.home-image-focus{grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);gap:30px}.home-image-focus .image-frame{min-height:560px}.home-image-focus .hero-image{max-height:650px}.sort-assignment{background:#f8fbfa;margin:0;padding:10px 12px 14px;font-size:.86rem;display:block}.sort-assignment span{margin-bottom:5px;display:block}.sort-assignment select{cursor:pointer;border-width:1px;margin:0;padding:8px}.text-assignment-grid .sort-text{flex-direction:column;display:flex}.text-assignment-grid .sort-text p{flex:1}.text-assignment-grid .sort-text label{margin-bottom:0}.supplementary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.supplementary-task{padding-top:72px;position:relative}.task-number{background:var(--accent);width:36px;height:36px;color:var(--ink);border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;top:24px;left:28px}.supplementary-task p{color:#334f52;font-size:1.06rem;line-height:1.65}.task-prompt{font-weight:850}.external-task-link{color:var(--primary);text-underline-offset:4px;font-size:1.08rem;font-weight:850;text-decoration-thickness:2px;display:inline-block}.external-task-link:hover{color:var(--dark)}.supplementary-actions{margin-top:22px}.supplementary-actions>.secondary{margin-left:auto;display:block}.single-task{grid-template-columns:minmax(0,760px);justify-content:center}.nitrogen-layout{grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr)}.nitrogen-visual{background:linear-gradient(145deg,#f8fcfb,#dcefeb);place-items:center;min-height:360px;display:grid}.nitrogen-visual span{font-size:clamp(7rem,16vw,12rem)}.nitrogen-card p{font-size:1.15rem}.nitrogen-quiz{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.nitrogen-question{flex-direction:column;justify-content:space-between;gap:18px;margin:0;font-size:1.08rem;display:flex}.nitrogen-question select{margin:0}.nitrogen-photo{margin:0;padding:12px;overflow:hidden}.nitrogen-photo .image-frame{min-height:300px;box-shadow:none;border:0;border-radius:14px;padding:0}.nitrogen-image{object-fit:cover;border-radius:12px;width:100%;height:100%;min-height:300px;display:block}.nitrogen-photo figcaption{color:var(--muted);padding:12px 5px 3px;font-size:.86rem;line-height:1.45}.nitrogen-photo figcaption a{color:var(--primary)}.bill-reading{background:#edf7f4;border-radius:14px;padding:16px 18px}.bill-reading h2{font-size:1.25rem}.bill-reading p{color:#334f52;line-height:1.55}.task-divider{border:0;border-top:1px solid var(--line);margin:26px 0}.stage-success{color:var(--good);background:#e5f5ea;border-radius:10px;padding:10px 12px;font-weight:750}.bill-stage{min-height:430px}@media (width<=820px){.supplementary-grid,.nitrogen-quiz,.nitrogen-layout{grid-template-columns:1fr}.nitrogen-visual{min-height:220px}.home-image-focus{grid-template-columns:1fr}.home-image-focus .image-frame{min-height:420px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.assignment-image{object-fit:contain;width:100%;height:auto;max-height:none;display:block}.history-visual{position:relative}.history-visual>.image-frame{height:clamp(500px,68dvh,570px);min-height:0}.history-info-trigger{z-index:2;background:var(--primary);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:14px;width:max-content;max-width:calc(100% - 32px);min-height:48px;padding:10px 18px;font-weight:850;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #15383b45}.history-info-trigger:hover,.history-info-trigger:focus-visible{background:var(--dark)}.history-info-backdrop[hidden]{display:none}.history-info-backdrop{z-index:4;background:#15383bd9;border-radius:24px;place-items:start center;padding:90px 22px 22px;display:grid;position:absolute;inset:0}.history-info-card{background:var(--paper);border-radius:20px;width:min(100%,450px);padding:30px;position:sticky;top:90px;box-shadow:0 18px 45px #0004}.history-info-card h2{margin:0 42px 14px 0}.history-info-card p{color:#334f52;margin:0;font-size:1.05rem;line-height:1.6}.history-info-close{width:40px;height:40px;color:var(--dark);cursor:pointer;background:#e3f1ef;border:0;border-radius:50%;font-size:1.7rem;line-height:1;position:absolute;top:12px;right:12px}.history-info-close:hover,.history-info-close:focus-visible{background:var(--primary);color:#fff}@media (width<=820px){.history-visual>.image-frame{height:auto;min-height:420px}}.two-column:has(.reading)>.image-frame:has(img[src*=rechen-klaeranlage-neu]){grid-template-rows:289px auto;align-items:start;gap:16px;display:grid}.two-column:has(.reading)>.image-frame:has(img[src*=rechen-klaeranlage-neu]):before{content:"";background:#fff url(../assets/rechen-geraet-und-klaeranlage.png) calc(50% + 39px) -23px/390px no-repeat;border-radius:15px;justify-self:center;width:min(276px,100%);height:289px;display:block}.two-column:has(.reading)>.image-frame:has(img[src*=rechen-klaeranlage-neu]) .card-image{align-self:start;height:auto;max-height:none}.history-info-trigger{justify-content:center;align-items:center;gap:10px;display:inline-flex}.history-info-icon{border:2px solid;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-family:Georgia,serif;font-size:1rem;font-weight:900;line-height:1;display:grid}.history-info-trigger:hover .history-info-icon,.history-info-trigger:focus-visible .history-info-icon{transform:scale(1.1)}.source-visual{gap:12px;display:grid}.source-visual>.secondary{justify-self:stretch}.source-visual>.source-transcript{margin-top:0}.finish h1{margin-top:10px;font-size:clamp(2.35rem,5vw,4.4rem)}.word:not(.used){touch-action:none;cursor:grab}.word:not(.used):active{cursor:grabbing}.blank.drop-target{border-style:solid;border-color:var(--accent);background:#fff2d9;box-shadow:0 0 0 4px #f1a33b35}.drag-ghost{z-index:1000;pointer-events:none;opacity:.94;border:2px solid var(--accent);background:#fff4df;margin:0;position:fixed;transform:translate(-50%,-65%);box-shadow:0 10px 24px #15383b3d}.two-column:not(:has(.reading))>.image-frame:has(img[src*="/assets/rechen.png"]){aspect-ratio:390/294;min-height:0;padding:0}.two-column:not(:has(.reading))>.image-frame:has(img[src*="/assets/rechen.png"]) .card-image{object-fit:cover;object-position:center bottom;border-radius:23px;width:100%;height:100%;max-height:none}.station-tab{cursor:pointer;border:0;transition:background .16s,color .16s,transform .16s}.station-tab:hover:not(:disabled),.station-tab:focus-visible:not(:disabled){color:var(--dark);background:#bcdad6;transform:translateY(-1px)}.station-tab.active{background:var(--primary);color:#fff}.station-tab:disabled:not(.active){opacity:.48;cursor:not-allowed}.nitrogen-layout:has(img[src*=stickstoff-zwei-becken]){grid-template-columns:minmax(560px,1.35fr) minmax(400px,.85fr)}.nitrogen-photo .image-frame:has(img[src*=stickstoff-zwei-becken]){min-height:250px}.nitrogen-image[src*=stickstoff-zwei-becken]{object-fit:contain;height:auto;min-height:0}@media (width<=980px){.nitrogen-layout:has(img[src*=stickstoff-zwei-becken]){grid-template-columns:1fr}.nitrogen-photo .image-frame:has(img[src*=stickstoff-zwei-becken]){min-height:0}}.topbar{display:none}main{padding-top:24px}.station-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:4px;display:flex}.station-toolbar .station-tabs{flex:1;min-width:0;padding-bottom:0}.card-tools{flex:none;align-items:center;gap:12px;display:flex}.card-progress{width:190px;color:var(--muted);text-align:right;font-size:.76rem;font-weight:750}.card-progress>div{background:#dcebea;border-radius:99px;height:7px;margin-top:6px;overflow:hidden}.card-progress i{background:linear-gradient(90deg,var(--primary),#50b9a8);height:100%;transition:width .35s;display:block}@media (width<=980px){.station-toolbar{flex-wrap:wrap;align-items:flex-start}.station-toolbar .station-tabs{flex-basis:100%;order:1}.card-tools{order:2;margin-left:auto}}@media (width<=520px){.card-tools{justify-content:space-between;width:100%}.card-progress{width:min(190px,52vw)}}.station-card-layout{margin-top:16px}.station-image-title{z-index:3;max-width:calc(100% - 36px);color:var(--ink);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffdf8eb;border:1px solid #fff;border-radius:12px;padding:8px 14px;font-size:clamp(1.2rem,2.4vw,1.65rem);font-weight:900;line-height:1.1;position:absolute;top:18px;left:18px;box-shadow:0 5px 16px #15383b2b}.inline-card-title{font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.15}.card-progress{white-space:nowrap;width:auto;min-width:62px}.card-progress>div{display:none}.station-image-frame:has(img[src*=sandfang-lesekarte-2]){align-items:flex-start;padding-top:72px}.station-image-frame:has(img[src*=sandfang-lesekarte-2]) .station-image-title{top:14px}.station-image-frame:has(img[src*=sandfang-lesekarte-2]) .card-image{height:auto;max-height:none}.sort-instruction{color:#334f52;margin:0 0 14px;font-size:1.02rem;line-height:1.5}.compact-sort-images .sort-card .image-frame{height:178px;min-height:178px;padding:0}.compact-sort-images .sort-assignment select{padding:8px 10px}.compact-sort-actions{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:0;padding:18px 24px;display:grid}.compact-sort-actions>.feedback,.compact-sort-actions>.actions{margin:0}@media (width<=760px){.compact-sort-actions{grid-template-columns:1fr}.compact-sort-actions>.actions{justify-content:stretch}.compact-sort-actions>.actions button{flex:1}}.station-toolbar{gap:10px}.station-toolbar .station-tabs{gap:5px}.station-toolbar .station-tab{padding:7px 9px;font-size:.7rem}.station-toolbar .card-tools{gap:8px}.station-toolbar .test-toggle{padding:7px 10px;font-size:.74rem}.station-toolbar .card-progress{min-width:34px;font-size:.72rem}.sort-card{-webkit-user-select:none;user-select:none}.sort-card select{touch-action:auto;-webkit-user-select:auto;user-select:auto}.compact-sort-images{gap:8px;margin-bottom:10px}.compact-sort-images .sort-card .image-frame{height:150px;min-height:150px}.compact-sort-images .sort-image{height:142px;transform:scale(1.1)}.compact-sort-images .sort-assignment{padding:5px 8px 7px}.compact-sort-images .sort-assignment select{min-height:38px;margin:0;padding:6px 9px}.compact-sort-actions{padding:12px 18px}.compact-sort-actions .secondary,.compact-sort-actions .primary,.compact-sort-actions .ghost{min-height:42px}.sort-instruction{margin-bottom:9px;line-height:1.35}.final-station-sort .sort-card .image-frame{background:#edf3f1;height:185px;min-height:185px;padding:5px}.final-station-sort .sort-image{object-fit:contain;height:175px;transform:none}.final-station-sort .sort-card figcaption{grid-template-columns:40px minmax(0,1fr) 40px;min-height:54px;font-size:.82rem;line-height:1.15}.final-station-sort .sort-card figcaption strong{text-align:center;overflow-wrap:anywhere}.final-station-sort .sort-move{width:38px;height:38px}.compact-task-intro{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.compact-task-intro .eyebrow{flex:none}.compact-text-assignment{gap:10px;margin-bottom:10px}.compact-text-assignment .sort-text{padding:12px 14px}.compact-text-assignment .sort-text p{margin:0 0 10px;font-size:.92rem;line-height:1.4}.compact-text-assignment .sort-text label{margin:0}.compact-text-assignment .sort-text select{min-height:38px;margin:0;padding:6px 9px}.screen-head:has(+.nitrogen-layout img[src*=stickstoff-zwei-becken]) h1{margin-top:6px;font-size:clamp(2rem,3.5vw,2.8rem)}.nitrogen-layout:has(img[src*=stickstoff-zwei-becken]){grid-template-columns:1fr;gap:12px}.nitrogen-layout:has(img[src*=stickstoff-zwei-becken]) .nitrogen-photo{padding:8px}.nitrogen-photo .image-frame:has(img[src*=stickstoff-zwei-becken]){height:205px;min-height:205px}.nitrogen-image[src*=stickstoff-zwei-becken]{object-fit:contain;width:100%;height:100%;max-height:205px}.nitrogen-layout:has(img[src*=stickstoff-zwei-becken]) .nitrogen-card{grid-template-columns:1fr 1fr;gap:12px 24px;padding:18px 22px;display:grid}.nitrogen-layout:has(img[src*=stickstoff-zwei-becken]) .nitrogen-card p{margin:0;font-size:1rem;line-height:1.45}.nitrogen-layout:has(img[src*=stickstoff-zwei-becken]) .nitrogen-card .fact{align-self:end;margin:0}.nitrogen-layout:has(img[src*=stickstoff-zwei-becken]) .nitrogen-card .actions{align-self:end;margin:0}@media (width<=700px){.nitrogen-layout:has(img[src*=stickstoff-zwei-becken]) .nitrogen-card{grid-template-columns:1fr}.nitrogen-photo .image-frame:has(img[src*=stickstoff-zwei-becken]){height:auto;min-height:0}.nitrogen-image[src*=stickstoff-zwei-becken]{height:auto;max-height:none}}.station-card-layout:has(>.image-frame img[src*=rechen-klaeranlage-neu])>.image-frame{grid-template-rows:230px auto;gap:10px;padding:10px}.station-card-layout:has(>.image-frame img[src*=rechen-klaeranlage-neu])>.image-frame:before{background-position:calc(50% + 31px) -18px;background-size:311px;width:min(220px,100%);height:230px}.station-card-layout:has(>.image-frame img[src*=rechen-klaeranlage-neu])>.image-frame .card-image{justify-self:center;width:82%}.station-card-layout:has(>.image-frame img[src*=rechen-klaeranlage-neu])>.reading{padding:22px 26px}.station-card-layout:has(>.image-frame img[src*=rechen-klaeranlage-neu])>.reading h2{margin-bottom:12px}.station-card-layout:has(>.image-frame img[src*=rechen-klaeranlage-neu])>.reading p{margin:0 0 14px;font-size:.96rem;line-height:1.48}.station-card-layout:has(>.image-frame img[src*=rechen-klaeranlage-neu])>.reading .fact{margin-top:8px;padding:11px 14px}.station-card-layout:has(>.image-frame img[src*=rechen-klaeranlage-neu])>.reading .actions{margin-top:14px}.station-card-layout:has(>.image-frame img[src*=rechen-lesekarte-scharf])>.reading{padding:26px 30px}.station-card-layout:has(>.image-frame img[src*=rechen-lesekarte-scharf])>.reading h2{margin-bottom:14px}.station-card-layout:has(>.image-frame img[src*=rechen-lesekarte-scharf])>.reading p{margin:0 0 14px;font-size:.98rem;line-height:1.58}.station-card-layout:has(>.image-frame img[src*=rechen-lesekarte-scharf])>.reading .fact{margin-top:10px;padding:12px 14px}.station-card-layout:has(>.image-frame img[src*=rechen-lesekarte-scharf])>.reading .actions{margin-top:16px}.vorklaer-compact-layout{background:var(--paper);border:1px solid #d3e3df;border-radius:24px;grid-template-columns:1fr 1fr;align-items:start;gap:12px;margin-top:16px;padding:12px;display:grid;box-shadow:0 12px 30px #174a4c10}.vorklaer-compact-layout>.image-frame{min-height:0;box-shadow:none}.vorklaer-text-top,.vorklaer-text-bottom{box-shadow:none;background:0 0;border:0;border-radius:0}.vorklaer-text-top{padding:14px 18px}.vorklaer-text-top h2{margin-bottom:12px}.vorklaer-text-top p{margin:0 0 13px;font-size:.96rem;line-height:1.48}.vorklaer-text-bottom{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:12px 24px;padding:18px 10px 10px;display:grid}.vorklaer-text-bottom p{margin:0;font-size:.95rem;line-height:1.45}.vorklaer-text-bottom .fact{align-self:end;margin:0;padding:11px 14px}.vorklaer-text-bottom .actions{align-self:end;margin:0}@media (width<=820px){.vorklaer-compact-layout{grid-template-columns:1fr}.vorklaer-text-bottom{grid-column:auto;grid-template-columns:1fr}.vorklaer-compact-layout>.image-frame{min-height:250px}}.sandfang-compact-layout{background:var(--paper);border:1px solid #d3e3df;border-radius:24px;grid-template-columns:1fr 1fr;align-items:start;gap:12px;margin-top:16px;padding:12px;display:grid;box-shadow:0 12px 30px #174a4c10}.sandfang-compact-layout>.image-frame{min-height:0;box-shadow:none}.sandfang-text-top,.sandfang-text-bottom{box-shadow:none;background:0 0;border:0;border-radius:0}.sandfang-text-top{padding:14px 18px}.sandfang-text-top h2{margin-bottom:12px}.sandfang-text-top p{margin:0 0 13px;font-size:.96rem;line-height:1.48}.sandfang-text-top p:last-child{margin-bottom:0}.sandfang-text-bottom{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:minmax(250px,330px) minmax(0,1fr);align-items:center;gap:14px 24px;padding:18px 10px 10px;display:grid}.sandfang-text-bottom .fact,.sandfang-text-bottom .actions{margin:0}.sandfang-text-bottom .fact{padding:11px 14px}.sandfang-text-bottom .actions{grid-column:2}@media (width<=820px){.sandfang-compact-layout{grid-template-columns:1fr}.sandfang-text-bottom{grid-column:auto;grid-template-columns:1fr}.sandfang-compact-layout>.image-frame{min-height:250px}.sandfang-text-bottom .fact{max-width:none}.sandfang-text-bottom .actions{grid-column:1}}.vorklaer-text-bottom,.sandfang-text-bottom{border-top:0}.vorklaer-text-bottom>p{grid-column:1/-1}.vorklaer-text-top .vorklaer-space-filler{margin-top:2px;margin-bottom:0;font-size:.93rem;line-height:1.38}.vorklaer-left-column{flex-direction:column;gap:12px;min-width:0;display:flex}.vorklaer-left-column>.image-frame{min-height:0;box-shadow:none}.vorklaer-left-filler{padding:0 10px}.vorklaer-left-filler p{color:#334f52;margin:0;font-size:.95rem;line-height:1.45}@media (width<=820px){.vorklaer-left-column>.image-frame{min-height:250px}.vorklaer-left-filler{padding:0 6px}}.vorklaer-flow-card{margin-top:16px;padding:14px 18px;display:flow-root}.vorklaer-flow-image{float:left;width:48%;margin:0 26px 12px 0}.vorklaer-flow-image>.image-frame{min-height:0;box-shadow:none}.vorklaer-flow-card>h2{margin:8px 0 14px}.vorklaer-flow-card>p{margin:0 0 14px;font-size:.96rem;line-height:1.48}.vorklaer-flow-footer{clear:both;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;padding-top:2px;display:grid}.vorklaer-flow-footer .fact,.vorklaer-flow-footer .actions{margin:0}.nachklaer-reading-flow .vorklaer-flow-image{width:54%;margin-bottom:16px;margin-right:28px}.nachklaer-reading-flow .vorklaer-flow-image .card-image{max-height:470px}.nachklaer-reading-flow>h2{margin-bottom:16px;font-size:1.65rem}.nachklaer-reading-flow>p{margin-bottom:16px;font-size:1.04rem;line-height:1.58}.faulturm-reading-flow .vorklaer-flow-image{width:44%;margin-bottom:14px;margin-right:26px}.faulturm-reading-flow .vorklaer-flow-image .card-image{max-height:390px}.faulturm-reading-page-0 .vorklaer-flow-image{width:55%}.faulturm-reading-page-0 .vorklaer-flow-image .card-image{max-height:510px}.faulturm-reading-flow>h2{margin-bottom:13px}.faulturm-reading-flow>p{margin-bottom:13px;font-size:.98rem;line-height:1.5}.faulturm-reading-flow .vorklaer-flow-footer:not(:has(.fact)) .actions{grid-column:2}@media (width<=820px){.vorklaer-flow-image,.faulturm-reading-flow .vorklaer-flow-image{float:none;width:100%;margin:0 0 18px}.vorklaer-flow-image>.image-frame{min-height:250px}.vorklaer-flow-footer{grid-template-columns:1fr}.vorklaer-flow-footer .actions{justify-content:stretch}.vorklaer-flow-footer .actions button{flex:1}}.finish-layout{text-align:left;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:28px;display:grid}.finish-layout>.image-frame{min-height:0;margin:0}.finish-layout .finish-image{max-height:600px}.finish-content h1{margin:10px 0 18px;font-size:clamp(2.4rem,4.8vw,4.4rem)}.finish-content p{font-size:1.08rem;line-height:1.6}.finish-content .finish-buttons{justify-content:flex-start}@media (width<=820px){.finish-layout{grid-template-columns:1fr}.finish-layout>.image-frame{min-height:250px}.finish-content{text-align:center}.finish-content .finish-buttons{justify-content:center}}.finish-map-figure{justify-self:center;width:100%;min-width:0;max-width:520px;margin:0}.finish-map-crop{aspect-ratio:1.05;background:#f7fbfa;border:1px solid #d3e3df;border-radius:18px;overflow:hidden}.finish-map-crop img{object-fit:cover;object-position:left center;width:176%;max-width:none;height:100%;display:block}.finish-map-figure figcaption{color:var(--muted);text-align:left;padding:10px 8px 0;font-size:.94rem;line-height:1.45}.finish-buttons .extras-cta{background:var(--accent);color:var(--ink);box-shadow:0 7px 16px #b66d142e}.finish-buttons .extras-cta:hover,.finish-buttons .extras-cta:focus-visible{color:var(--ink);background:#e79427}.extras-theme .panel,.extras-theme .image-frame{background:#fffaf0;border-color:#ecd19d;box-shadow:0 12px 30px #a96b1714}.extras-theme .eyebrow{color:#a45d08}.extras-theme .fact{border-left-color:var(--accent);background:#fff0cf}.extras-theme .station-tab.active{background:var(--accent);color:var(--ink)}.extras-theme .station-tab:hover:not(:disabled),.extras-theme .station-tab:focus-visible:not(:disabled){color:var(--ink);background:#f6d18e}.extras-theme .primary{background:var(--accent);color:var(--ink);box-shadow:0 7px 16px #b66d142e}.extras-theme .primary:hover,.extras-theme .primary:focus-visible{color:var(--ink);background:#e79427}.extras-theme .secondary{background:#fffdf7;border-color:#dfbd7c}.extras-theme .nitrogen-question select{border-color:#dfbd7c}.sandfang-exercise-flow .wordbank{clear:both;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;display:grid}.sandfang-exercise-flow .word{overflow-wrap:anywhere;min-width:0;min-height:42px;padding:4px 5px;font-size:.82rem;line-height:1.15}@media (width<=820px){.sandfang-exercise-flow .wordbank{grid-template-columns:repeat(3,minmax(0,1fr))}}.exercise-footer{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;margin-top:16px;display:grid}.exercise-footer>.feedback,.exercise-footer>.check-row,.exercise-footer>.actions{margin:0}.sandfang-exercise-layout{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:16px}.sandfang-exercise-layout>.image-frame{height:calc(100dvh - 105px);min-height:480px;max-height:650px}.sandfang-exercise-layout .exercise-panel{padding:18px 22px}.sandfang-exercise-layout .exercise-panel h2{margin-bottom:7px}.sandfang-exercise-layout .exercise-instruction{margin:0;font-size:.94rem;line-height:1.4}.sandfang-exercise-layout .sentence{margin:10px 0;font-size:1rem;line-height:2.05}.sandfang-exercise-layout .blank{min-width:96px;min-height:38px;padding:3px 8px}.sandfang-exercise-layout .wordbank{gap:6px}.sandfang-exercise-layout .word{min-height:42px;padding:0 11px}.sandfang-exercise-layout .exercise-footer{margin-top:10px}.sandfang-exercise-layout .exercise-footer button{min-height:44px;padding-inline:14px}.sandfang-exercise-layout .sentence-part{display:block}.sandfang-exercise-layout .sentence-part+.sentence-part{margin-top:7px}.sandfang-exercise-flow{margin-top:16px;padding:16px 20px;display:flow-root}.sandfang-exercise-flow-image{float:left;width:39%;margin:0 24px 12px 0}.sandfang-exercise-flow-image>.image-frame{height:auto;min-height:0;box-shadow:none}.sandfang-exercise-flow>h2{margin:4px 0 7px}.sandfang-exercise-flow .exercise-instruction{margin:0;font-size:.94rem;line-height:1.4}.sandfang-exercise-flow .sentence{margin:10px 0;font-size:1rem;line-height:2}.sandfang-exercise-flow .sentence-part{display:block}.sandfang-exercise-flow .sentence-part+.sentence-part{margin-top:7px}.sandfang-exercise-flow .blank{min-width:96px;min-height:38px;padding:3px 8px}.sandfang-exercise-flow .wordbank{gap:6px}.sandfang-exercise-flow .word{min-height:42px;padding:0 11px}.sandfang-exercise-flow .exercise-footer{clear:both;margin-top:10px}.sandfang-exercise-flow .exercise-footer button{min-height:44px;padding-inline:14px}.sandfang-exercise-flow-image:has(img[src*=faulturm]){width:29%;margin-right:20px}.sandfang-exercise-flow-image:has(img[src*=faulturm]) .card-image{max-height:245px}.sandfang-exercise-flow-image:has(img[src*=belebungsbecken]){width:52%;margin-bottom:14px;margin-right:24px}.sandfang-exercise-flow-image:has(img[src*=belebungsbecken]) .card-image{max-height:480px}.sandfang-exercise-flow-image:has(img[src*=nachklaerbecken]){width:48%;margin-bottom:14px;margin-right:24px}.sandfang-exercise-flow-image:has(img[src*=nachklaerbecken]) .card-image{max-height:430px}@media (width<=820px){.sandfang-exercise-flow-image{float:none;width:100%;margin:0 0 16px}.sandfang-exercise-flow-image>.image-frame{min-height:250px}.exercise-footer{grid-template-columns:1fr 1fr}.exercise-footer>.feedback{grid-column:1/-1}.exercise-footer>.actions{justify-content:stretch}.exercise-footer>.actions button{flex:1}.sandfang-exercise-layout{grid-template-columns:1fr}.sandfang-exercise-layout>.image-frame{height:auto;min-height:250px;max-height:none}}.chemical-screen-head{margin-bottom:10px}.chemical-screen-head h1{margin:5px 0 10px;font-size:clamp(1.8rem,3.5vw,3rem)}.chemical-card{padding:10px}.chemical-card>.image-frame{height:clamp(360px,100dvh - 330px,560px);min-height:0;box-shadow:none;border:0;padding:0}.chemical-image{object-fit:contain;border-radius:16px;width:100%;height:100%;max-height:none;display:block}.chemical-card-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:6px 8px 0;display:grid}.chemical-card-footer p{color:#334f52;margin:0;font-size:.94rem;line-height:1.4}.chemical-card-footer .actions{margin:0}@media (width<=700px){.chemical-card-footer{grid-template-columns:1fr}.chemical-card-footer .actions{justify-content:stretch}.chemical-card-footer .actions button{flex:1}}.thinking-pause-countdown{margin-top:10px;font-weight:750;line-height:1.5;display:block}.thinking-pause{border-left:4px solid var(--accent);background:#fff4df;padding:12px 16px}.thinking-pause-disabled{opacity:.55;cursor:wait}html{-webkit-text-size-adjust:100%}#app{--marker-color:#efff00;--marker-icon-filter:none;--sparkle-color:#bd1675;--sparkle-duration:2.4s;--sparkle-symbol:"✦"}#app[data-marker-theme=mint]{--marker-color:#65ffac;--marker-icon-filter:hue-rotate(85deg);--sparkle-color:#125bb5;--sparkle-duration:3s;--sparkle-symbol:"✧"}#app[data-marker-theme=pink]{--marker-color:#ffa6eb;--marker-icon-filter:hue-rotate(250deg) saturate(.8);--sparkle-color:#7d238d;--sparkle-duration:2.8s;--sparkle-symbol:"✶"}#app[data-marker-theme=blue]{--marker-color:#75e7ff;--marker-icon-filter:hue-rotate(130deg) saturate(.8);--sparkle-color:#6741ba;--sparkle-duration:3.2s;--sparkle-symbol:"✦"}.bill-reading .reading-marker-tools{float:right;margin:0 0 8px 14px}.bill-reading:after{content:"";clear:both;display:block}#app[data-slide-type=bill] .bill-reading p{margin-block:10px}.finish .finish-content .worksheet-prompt{color:#15383b;background:#fff0d5;border-left:5px solid #f1a33b;border-radius:12px;padding:16px 20px;font-size:1.25rem;font-weight:800;line-height:1.5}.worksheet-prompt a{color:inherit;text-underline-offset:4px;text-decoration-thickness:2px}.sort-texts.paired-text-assignment{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.paired-text-assignment .sort-text{flex-direction:column;padding:22px;display:flex}.paired-text-assignment .sort-text p{margin:0 0 22px;font-size:1.375rem;line-height:1.65}.paired-text-assignment .sort-text label{margin-top:auto}.paired-text-assignment .sort-text select{min-height:48px;font-size:1.1875rem}.discovery-intro{margin:8px 0 16px;display:block}.discovery-intro h2{margin:5px 0 0;font-size:1.65rem;line-height:1.2}.paired-text-assignment .sort-text{background:linear-gradient(#edf9f7,#fffdf8 100px);border:2px solid #70bbb8;border-top:6px solid #087681}.paired-text-assignment .sort-text:nth-child(2){background:linear-gradient(#edf5ff,#fffdf8 100px);border-color:#357db5 #8ab8de #8ab8de}.discovery-header{justify-content:space-between;align-items:center;gap:10px;min-height:60px;margin:-8px 0 14px;display:flex}.discovery-status{color:#18636d;align-items:center;gap:10px;font-size:1rem;font-weight:800;display:flex}.discovery-question,.discovery-check{background:#d9f0ee;border-radius:50%;place-items:center;width:32px;height:32px;font-size:1.3rem;display:grid}.discovery-header .image-frame{width:78px;height:60px;min-height:0;box-shadow:none;border-radius:10px;flex:0 0 78px;padding:2px}.discovery-header .discovery-image{object-fit:contain;width:100%;height:100%}.discovery-header .nitrogen-zoom-hint{width:18px;height:18px;font-size:16px;bottom:0;right:0}.paired-text-assignment .sort-text.station-recognized{background:linear-gradient(#e4f6e9,#fffdf8 100px);border-color:#419762}.station-recognized .discovery-status{color:#237a4b}.discovery-check{color:#fff;background:#237a4b}.primary.discovery-next-ready{background:#237a4b;box-shadow:0 0 0 3px #bce1c8,0 5px 14px #237a4b30}#app[data-slide-type=textAssignment] .compact-sort-actions{margin-top:18px}@media (width>=700px) and (height<=740px){.paired-text-assignment .sort-text{padding:16px 20px}.paired-text-assignment .sort-text p{margin-bottom:14px;line-height:1.5}.discovery-header{min-height:48px;margin:-4px 0 10px}.discovery-header .image-frame{height:48px}.discovery-intro{margin:6px 0 10px}#app[data-slide-type=textAssignment] .compact-sort-actions{gap:8px;margin-top:12px;padding:12px}#app[data-slide-type=textAssignment] .thinking-pause{padding-block:6px}#app[data-slide-type=textAssignment] .thinking-pause-countdown{margin-top:0}}@media (width<=999px){.sort-texts.paired-text-assignment{grid-template-columns:1fr;gap:14px}.paired-text-assignment .sort-text p{margin-bottom:16px;font-size:1.25rem;line-height:1.6}}@media (width>=700px){.home-intro p{font-size:1.25rem;line-height:1.65}#app[data-slide-type=bill] .bill-reading p{font-size:1.125rem;line-height:1.55}#app[data-slide-type=bill] .bill-stage>label,#app[data-slide-type=bill] .bill-stage>p,#app[data-slide-type=bill] select,#app[data-slide-type=bill] textarea{font-size:1.125rem}#app:is([data-slide-type=history],[data-slide-type=historySource]) .station-card-layout>.panel>p,.history-info-card p,.source-transcript{font-size:1.1875rem;line-height:1.6}#app:is([data-slide-type=history],[data-slide-type=historySource]) .choices button{font-size:1.125rem;line-height:1.45}#app:is([data-slide-type=history],[data-slide-type=historySource]) .station-card-layout>.panel{padding:16px 20px}#app:is([data-slide-type=history],[data-slide-type=historySource]) .station-card-layout>.panel>h2{margin:0 0 12px}#app:is([data-slide-type=history],[data-slide-type=historySource]) .station-card-layout>.panel>p{margin:10px 0 16px}#app:is([data-slide-type=history],[data-slide-type=historySource]) .choices{gap:8px}#app:is([data-slide-type=history],[data-slide-type=historySource]) .choices button{padding:10px 14px}#app[data-slide-type=historySource] .actions{margin-top:8px}#app[data-slide-type=historySource] .feedback:not(:empty){margin-top:10px;padding-block:8px}}@media (width>=700px) and (width<=999px){#app[data-slide-type=historySource] .source-visual>.image-frame .card-image{max-height:200px}}@media (width>=1000px){#app[data-slide-type=bill] .station-card-layout{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr)}#app:is([data-slide-type=history],[data-slide-type=historySource]) .station-card-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}}.reading-marker-tools{margin:12px 0 18px}.marker-buttons{flex-wrap:wrap;gap:8px;display:flex}.marker-buttons button{touch-action:manipulation;min-height:44px;padding:8px 12px}.marker-buttons [aria-pressed=true]{background:var(--marker-color);color:#15383b;border-color:#087681;box-shadow:0 0 0 3px #08768130}.marker-buttons .marker-icon-button{padding:8px;flex:0 0 48px;place-items:center;width:48px;height:48px;padding:3px;display:inline-grid;position:relative}.marker-icon-button img{object-fit:contain;pointer-events:none;width:40px;height:40px;filter:var(--marker-icon-filter);display:block}.marker-clear-cross{color:#d51d3a;pointer-events:none;background:#fff;border-radius:50%;width:20px;height:20px;font:900 24px/18px sans-serif;position:absolute;bottom:0;right:0}.markable-text{-webkit-user-select:text;user-select:text}.reader-word{border-radius:2px}.reader-word.is-highlighted{position:relative}.reader-word.is-highlighted:after{content:var(--sparkle-symbol);pointer-events:none;width:12px;height:12px;color:var(--sparkle-color);text-shadow:0 0 2px #fff,0 0 5px #fff;transform-origin:50%;opacity:0;animation:marker-sparkle var(--sparkle-duration) ease-in-out infinite;font:16px/12px sans-serif;position:absolute;top:-8px;right:10%}.reader-word.is-highlighted:nth-child(3n):after{color:#875000;animation-delay:-.8s;right:55%}.reader-word.is-highlighted:nth-child(3n+1):after{animation-delay:-1.6s}@keyframes marker-sparkle{0%,65%,to{opacity:0;transform:scale(.3)rotate(-25deg)}30%{opacity:1;transform:scale(1.15)rotate(20deg)}}@media (prefers-reduced-motion:reduce){.reader-word.is-highlighted:after{opacity:.6;animation:none}}.zoomable-image{position:relative}.image-zoom-trigger{border-radius:inherit;cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.sort-card .image-zoom-trigger{z-index:4;pointer-events:auto;width:44px;height:44px;inset:auto 6px 6px auto}.sort-card .image-zoom-trigger .nitrogen-zoom-hint{bottom:0;right:0}.nitrogen-zoom-hint{color:#087782;background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:28px;display:grid;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 8px #15383b40}.image-zoom-dialog{box-sizing:border-box;background:#fff;border:0;border-radius:18px;width:min(1200px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);padding:60px 12px 12px}.image-zoom-dialog::backdrop{background:#102e35bf}.image-zoom-dialog img{object-fit:contain;width:100%;height:auto;max-height:calc(100dvh - 100px);display:block}.image-zoom-close{min-width:44px;min-height:44px;font-size:28px;position:absolute;top:8px;right:10px}html:has(.image-zoom-dialog[open]){overflow:hidden}.reader-word.is-highlighted{background-color:var(--marker-color);color:#15383b;box-shadow:0 1px var(--marker-color);-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:radial-gradient(circle at 15% 18%,#fff 0 1px,#0000 1.7px),radial-gradient(circle at 78% 83%,#fff 0 1px,#0000 1.8px),radial-gradient(circle at 53% 12%,#ffd000 0 1px,#0000 1.6px);background-size:19px 21px,27px 19px,23px 17px}.marker-active .reader-word{cursor:crosshair}.markable-text.marker-active{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}main,.panel,.two-column>*,.station-card-layout>*,.finish-layout>*{min-width:0}button,select,textarea,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #bd7200}.sort-touch-controls{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:6px;display:grid}.sort-touch-controls select{min-width:0}.sort-touch-controls .sort-move{min-width:44px;min-height:44px}.sort-images .sort-card{-webkit-touch-callout:none;position:relative}.sort-images .sort-card.sort-drag-source{opacity:.3}.sort-images .sort-card.sort-drop-target{outline:4px solid var(--accent);outline-offset:2px;background:#fff2d9;border-color:#b46b00}.sort-drop-target:after{content:"Hier ablegen";color:#593500;pointer-events:none;background:#fff2d9;border:1px solid #b46b00;border-radius:8px;padding:6px 10px;font-size:.9rem;font-weight:800;position:absolute;inset:8px auto auto 8px}.sort-drag-ghost{z-index:1000;pointer-events:none;border:3px solid var(--primary);background:#fffdf8ee;border-radius:18px;padding:8px;position:fixed;transform:scale(.97);box-shadow:0 14px 36px #15383b55}.sort-drag-ghost img{object-fit:contain;pointer-events:none;width:100%;height:100%}@media (width>=700px) and (width<=1366px){main{width:calc(100% - 32px);max-width:1180px;padding:16px 0 max(28px, env(safe-area-inset-bottom))}.station-toolbar{flex-wrap:nowrap;align-items:center;gap:12px;margin-bottom:12px}.station-toolbar .station-tabs{flex:auto;order:0;gap:6px;scroll-padding-inline:8px}.station-toolbar .card-tools{order:0;gap:8px;margin:0}.station-toolbar .station-tab,.station-toolbar .test-toggle{min-height:44px;padding:8px 12px;font-size:.85rem}.station-toolbar .card-progress{font-size:.8rem}.panel{padding:20px}.panel h2{line-height:1.25}.screen-head{margin:10px 0 16px}.screen-head h1,.chemical-screen-head h1{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.15}.two-column,.nitrogen-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px}.station-card-layout{margin-top:12px}.image-frame{min-height:0}.station-image-frame{flex-direction:column;gap:10px;padding:12px}.station-image-frame .station-image-title{max-width:100%;box-shadow:none;align-self:flex-start;padding:6px 10px;font-size:1.3rem;position:static}.station-image-frame .card-image{object-fit:contain;width:100%;height:auto;max-height:min(48svh,390px)}.station-image-frame:has(img[src*=sandfang-lesekarte-2]){padding-top:12px}.reading p,.vorklaer-flow-card>p,.faulturm-reading-flow>p,.nachklaer-reading-flow>p,.sandfang-text-top p{font-size:1rem;line-height:1.55}.vorklaer-flow-card{padding:20px}.vorklaer-flow-image,.faulturm-reading-flow .vorklaer-flow-image,.nachklaer-reading-flow .vorklaer-flow-image{width:40%;margin-bottom:14px;margin-right:22px}.vorklaer-flow-footer{gap:14px}.sandfang-compact-layout{gap:14px;padding:16px}.sandfang-text-top{padding:4px 8px}.sandfang-text-bottom{grid-template-columns:minmax(0,1fr) auto;padding:0}.fact{margin-top:16px;padding:12px 14px;line-height:1.45}.actions,.check-row,.finish-buttons{gap:10px;margin-top:16px}.cta,.primary,.secondary,.ghost,.word,.blank,select,.sort-move,.final-station-sort .sort-move,.history-info-close{min-height:44px}.sort-move,.final-station-sort .sort-move,.history-info-close{min-width:44px}select,textarea{font-size:1rem}.bill-stage{min-height:0}.bill-reading{padding:12px 14px}.bill-reading p{line-height:1.5}.home{gap:24px;min-height:calc(100svh - 44px)}.home-image-focus{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.home-image-focus .image-frame{min-height:0}.home-image-focus .hero-image{max-height:75svh}.history-visual>.image-frame{height:min(70svh,520px);min-height:0}.source-visual>.image-frame .card-image{height:auto;max-height:60svh}.history-info-backdrop{padding:80px 14px 14px;overflow-y:auto}.history-info-card{padding:22px;top:0}.history-info-trigger{top:12px}.exercise-panel .sentence{margin:12px 0;font-size:1rem;line-height:2.8}.exercise-panel .blank{min-width:92px;max-width:100%;min-height:44px;padding:5px 9px}.exercise-panel .wordbank{flex-wrap:wrap;gap:8px;display:flex}.exercise-panel .word{overflow-wrap:normal;min-height:44px;padding:8px 12px;font-size:1rem;line-height:1.3}:is(.sandfang-exercise-flow-image,.sandfang-exercise-flow-image:has(img[src*=faulturm]),.sandfang-exercise-flow-image:has(img[src*=belebungsbecken]),.sandfang-exercise-flow-image:has(img[src*=nachklaerbecken])){width:34%;margin:0 20px 12px 0}.sandfang-exercise-flow-image .card-image{max-height:280px}.exercise-footer{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.exercise-footer>.feedback:not(:empty){flex:1 0 100%}.exercise-footer .actions,.exercise-footer .check-row{margin:0}.compact-sort-images{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.compact-sort-images .sort-card .image-frame{height:145px;min-height:0}.compact-sort-images .sort-image{height:140px;transform:none}.compact-sort-images .sort-assignment select,.compact-text-assignment .sort-text select{min-height:44px;padding:8px}.compact-sort-actions{flex-wrap:wrap;justify-content:space-between;padding:16px;display:flex}.compact-sort-actions>.feedback:not(:empty){flex:1 0 100%;order:-1}.compact-sort-actions .secondary,.compact-sort-actions .primary,.compact-sort-actions .ghost{min-height:44px}.compact-text-assignment .sort-text p{font-size:1rem;line-height:1.5}.final-station-sort .sort-card figcaption{grid-template-columns:44px minmax(0,1fr) 44px;padding:8px;font-size:1rem}.nitrogen-layout:has(img[src*=stickstoff-zwei-becken]) .nitrogen-card{padding:20px}.nitrogen-layout:has(img[src*=stickstoff-zwei-becken]) .nitrogen-card p{font-size:1rem;line-height:1.5}.nitrogen-photo .image-frame,.nitrogen-image{min-height:0}.nitrogen-image{object-fit:contain;height:auto;max-height:380px}.chemical-card>.image-frame{height:clamp(260px,52svh,460px)}.finish-layout{gap:22px}.finish-content h1{font-size:2.6rem}.supplementary-task{padding-top:72px}}@media (width>=700px) and (width<=999px){.two-column,.home-image-focus,.finish-layout,.sandfang-compact-layout{grid-template-columns:minmax(0,1fr)}.station-card-layout>.station-image-frame{max-height:none}.station-image-frame .card-image{max-height:220px}.station-card-layout>.image-frame>.card-image{max-height:260px}.vorklaer-flow-image,.faulturm-reading-flow .vorklaer-flow-image,.nachklaer-reading-flow .vorklaer-flow-image,.sandfang-exercise-flow-image{float:none;width:100%;margin:0 0 16px}.sandfang-exercise-flow-image:has(img[src*=faulturm]){float:none;width:100%;margin:0 0 16px}.sandfang-exercise-flow-image:has(img[src*=belebungsbecken]){float:none;width:100%;margin:0 0 16px}.sandfang-exercise-flow-image:has(img[src*=nachklaerbecken]){float:none;width:100%;margin:0 0 16px}.vorklaer-flow-image>.image-frame,.sandfang-exercise-flow-image>.image-frame,.sandfang-compact-layout>.image-frame{min-height:0}.vorklaer-flow-image .card-image,.sandfang-exercise-flow-image .card-image{max-height:220px}.sandfang-text-bottom{grid-template-columns:minmax(0,1fr) auto}.sandfang-text-bottom .actions{grid-column:2}.vorklaer-flow-footer{grid-template-columns:minmax(0,1fr) auto}.home-image-focus .hero-image{max-height:440px}.history-visual>.image-frame{height:300px}.history-visual .card-image{max-height:285px}.source-visual>.image-frame .card-image{max-height:340px}.history-info-backdrop{padding:12px}.compact-sort-images,.sort-texts,.nitrogen-quiz{grid-template-columns:repeat(2,minmax(0,1fr))}.nitrogen-layout .nitrogen-image{max-height:260px}.finish-map-figure{max-width:380px}}@media (width>=700px) and (width<=1366px){:is([data-exercise-station=Faulturm],[data-exercise-station=Vorklärbecken],[data-exercise-station=Nachklärbecken]){grid-template-columns:110px minmax(0,1fr);gap:6px 16px;padding:14px 18px;display:grid}:is([data-exercise-station=Faulturm],[data-exercise-station=Vorklärbecken],[data-exercise-station=Nachklärbecken]) .sandfang-exercise-flow-image{float:none;grid-area:1/1/3;width:auto;margin:0}:is([data-exercise-station=Faulturm],[data-exercise-station=Vorklärbecken],[data-exercise-station=Nachklärbecken]) .station-image-frame{gap:4px;min-height:0;padding:4px}:is([data-exercise-station=Faulturm],[data-exercise-station=Vorklärbecken],[data-exercise-station=Nachklärbecken]) .station-image-title{padding:2px 4px;font-size:1rem}:is([data-exercise-station=Faulturm],[data-exercise-station=Vorklärbecken],[data-exercise-station=Nachklärbecken]) .sandfang-exercise-flow-image .card-image{width:auto;max-width:100%;max-height:65px}:is([data-exercise-station=Faulturm],[data-exercise-station=Vorklärbecken],[data-exercise-station=Nachklärbecken])>h2{grid-column:2;align-self:end;margin:0}:is([data-exercise-station=Faulturm],[data-exercise-station=Vorklärbecken],[data-exercise-station=Nachklärbecken]) .exercise-instruction{grid-column:2}:is([data-exercise-station=Faulturm],[data-exercise-station=Vorklärbecken],[data-exercise-station=Nachklärbecken]) .sentence,:is([data-exercise-station=Faulturm],[data-exercise-station=Vorklärbecken],[data-exercise-station=Nachklärbecken]) .wordbank,:is([data-exercise-station=Faulturm],[data-exercise-station=Vorklärbecken],[data-exercise-station=Nachklärbecken]) .exercise-footer{grid-column:1/-1}:is([data-exercise-station=Faulturm],[data-exercise-station=Vorklärbecken],[data-exercise-station=Nachklärbecken]) .sentence{margin:4px 0;line-height:2.9}:is([data-exercise-station=Faulturm],[data-exercise-station=Vorklärbecken],[data-exercise-station=Nachklärbecken]) .sentence br+br{display:none}:is([data-exercise-station=Faulturm],[data-exercise-station=Vorklärbecken],[data-exercise-station=Nachklärbecken]) .blank{min-height:44px;padding:4px 8px;line-height:1.25}:is([data-exercise-station=Faulturm],[data-exercise-station=Vorklärbecken],[data-exercise-station=Nachklärbecken]) .exercise-footer{margin-top:6px}}@media (width>=1000px) and (width<=1366px){:is([data-exercise-station=Faulturm],[data-exercise-station=Vorklärbecken],[data-exercise-station=Nachklärbecken]) .exercise-footer{flex-wrap:nowrap;align-items:center}:is([data-exercise-station=Faulturm],[data-exercise-station=Vorklärbecken],[data-exercise-station=Nachklärbecken]) .exercise-footer>.feedback:not(:empty){flex:1 1 0}:is([data-exercise-station=Faulturm],[data-exercise-station=Vorklärbecken],[data-exercise-station=Nachklärbecken]) .exercise-footer>.actions{flex-wrap:nowrap}}@media (width>=700px) and (width<=1366px){[data-exercise-station=Vorklärbecken]{grid-template-columns:160px minmax(0,1fr)}[data-exercise-station=Vorklärbecken] .sandfang-exercise-flow-image .card-image{max-height:85px}[data-exercise-station=Faulturm],[data-exercise-station=Nachklärbecken]{grid-template-columns:170px minmax(0,1fr)}:is([data-exercise-station=Faulturm] .sandfang-exercise-flow-image:has(img),[data-exercise-station=Nachklärbecken] .sandfang-exercise-flow-image:has(img)){float:none;width:auto;margin:0}[data-exercise-station=Faulturm] .sandfang-exercise-flow-image .station-image-frame .card-image,[data-exercise-station=Nachklärbecken] .sandfang-exercise-flow-image .station-image-frame .card-image{object-fit:contain;width:100%;height:120px;max-height:120px;transform:none}}@media (width>=700px){.reading[data-reading-station=Sandfang]>p,.reading[data-reading-station=Nachklärbecken]>p{font-size:1.1875rem;line-height:1.6}.reading[data-reading-station=Sandfang] .reading-marker-tools{margin-bottom:10px}.station-card-layout>.panel.reading[data-reading-station=Belebungsbecken][data-reading-page]>p{font-size:1.25rem;line-height:1.65}.station-card-layout>.panel.reading[data-reading-station=Rechen][data-reading-page]{padding:18px 24px}.station-card-layout>.panel.reading[data-reading-station=Rechen][data-reading-page]>p{margin-bottom:10px;font-size:1.1875rem;line-height:1.6}.station-card-layout>.panel.reading[data-reading-station=Rechen][data-reading-page]>h2,.reading[data-reading-station=Rechen] .reading-marker-tools{margin-bottom:10px}.reading[data-reading-station=Vorklärbecken]>p,.reading[data-reading-station=Faulturm]>p{font-size:1.125rem;line-height:1.6}.reading[data-reading-station=Vorklärbecken][data-reading-page="0"]>p,.reading[data-reading-station=Faulturm][data-reading-page="0"]>p{font-size:1.25rem;line-height:1.7}.reading[data-reading-station=Vorklärbecken][data-reading-page="1"]>p,.reading[data-reading-station=Faulturm][data-reading-page="1"]>p{margin-top:0;margin-bottom:.65em}.reading[data-reading-station=Vorklärbecken][data-reading-page="1"] .vorklaer-flow-image,.reading[data-reading-station=Faulturm][data-reading-page="1"] .vorklaer-flow-image{width:32%}}@media (width>=1000px){:is(.sandfang-compact-layout,.station-card-layout:has([data-reading-station=Sandfang])){grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}.station-card-layout:has([data-reading-station=Belebungsbecken]){grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.station-card-layout:has([data-reading-station=Rechen]){grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}}@media (width>=1000px) and (width<=1366px) and (height<=740px){.reading[data-reading-station=Vorklärbecken][data-reading-page="1"]>p{font-size:1.0625rem;line-height:1.55}.reading[data-reading-station=Vorklärbecken][data-reading-page="1"],.reading[data-reading-station=Faulturm][data-reading-page="1"]{padding-block:18px}.reading[data-reading-station=Vorklärbecken][data-reading-page="1"] .reading-marker-tools,.reading[data-reading-station=Faulturm][data-reading-page="1"] .reading-marker-tools{margin-bottom:6px}}@media (width>=700px) and (width<=999px){.station-card-layout .station-image-frame:has(img[src*=sandfang-lesekarte-2]) .card-image{max-height:280px}.reading[data-reading-station=Nachklärbecken] .vorklaer-flow-image .card-image{max-height:200px}.station-card-layout:has([data-reading-station=Rechen])>.station-image-frame .card-image{max-height:200px}.reading[data-reading-station=Vorklärbecken] .vorklaer-flow-image .card-image,.reading[data-reading-station=Faulturm] .vorklaer-flow-image .card-image{height:auto;max-height:220px}.reading[data-reading-station=Vorklärbecken][data-reading-page="1"] .vorklaer-flow-image,.reading[data-reading-station=Faulturm][data-reading-page="1"] .vorklaer-flow-image{float:left;width:38%;margin:0 20px 12px 0}}