:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--hintergrund:#f4f3f0;--flaeche:#fcfcfb;--text:#0b0b0b;--text-2:#52514e;--rand:#dcdad4;--raster:#e6e4df;--akzent:#2a78d6;--akzent-text:#fff;--fehler:#c62828;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--hintergrund:#121211;--flaeche:#1a1a19;--text:#f0efec;--text-2:#c3c2b7;--rand:#34332f;--raster:#2a2a28;--akzent:#3987e5;--fehler:#ef7b7b}}*{box-sizing:border-box}body{background:var(--hintergrund);color:var(--text);margin:0}#root{max-width:1280px;margin:0 auto;padding:16px}[hidden]{display:none!important}h1,h2,h3{margin:0 0 12px;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.1rem}h3{color:var(--text-2);margin-top:20px;font-size:.95rem}p{margin:0 0 12px}.kopf{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin-bottom:16px;display:flex}.kopf p{color:var(--text-2);margin:0}.reiter,.werkzeug,.experiment-wahl{border:1px solid var(--rand);background:var(--flaeche);border-radius:8px;display:inline-flex;overflow:hidden}.experiment-wahl{margin-bottom:12px}.reiter__tab,.werkzeug__option{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 14px}.reiter__tab+.reiter__tab,.werkzeug__option+.werkzeug__option{border-left:1px solid var(--rand)}.reiter__tab.aktiv,.werkzeug__option.aktiv{background:var(--akzent);color:var(--akzent-text)}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:12px;min-width:0;padding:16px}.simulation{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"gitter parameter""verlauf parameter";align-items:start;gap:16px;display:grid}.simulation__gitter{grid-area:gitter}.simulation__parameter{grid-area:parameter}.simulation__verlauf{grid-area:verlauf}@media (width<=860px){.simulation{grid-template-columns:minmax(0,1fr);grid-template-areas:"gitter""parameter""verlauf"}}.experimente{gap:16px;display:grid}.gitter{width:100%;max-width:640px;image-rendering:pixelated;border-radius:4px;margin:0 auto;display:block}.gitter--interaktiv{cursor:crosshair;touch-action:none}.legende{color:var(--text-2);flex-wrap:wrap;justify-content:center;gap:4px 16px;margin:12px 0;padding:0;font-size:.875rem;list-style:none;display:flex}.legende li{align-items:center;gap:6px;display:flex}.legende__farbe{outline:1px solid var(--rand);border-radius:3px;width:12px;height:12px}.steuerung{flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:12px;display:flex}.steuerung .werkzeug{margin-left:auto}.knopf{border:1px solid var(--rand);background:var(--flaeche);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:8px 14px}.knopf:disabled{opacity:.5;cursor:default}.knopf--primaer{background:var(--akzent);border-color:var(--akzent);color:var(--akzent-text);min-width:88px}.kennzahlen{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:0 0 12px;display:grid}.kennzahlen div{border:1px solid var(--rand);border-radius:8px;padding:8px 12px}.kennzahlen dt{color:var(--text-2);font-size:.8rem}.kennzahlen dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.15rem}.hinweis{color:var(--text-2);font-size:.875rem}.feld{gap:4px;margin-bottom:12px;font-size:.9rem;display:grid}.feld--inline{margin-bottom:0}.feld__zeile{gap:8px;display:flex}.feld__zeile input{flex:1;min-width:0}input[type=number],select{font:inherit;color:var(--text);background:var(--flaeche);border:1px solid var(--rand);border-radius:8px;padding:7px 10px}.feld--inline input{width:110px}.regler{gap:2px;margin-bottom:10px;font-size:.9rem;display:grid}.regler__kopf{justify-content:space-between;display:flex}.regler output{color:var(--text-2);font-variant-numeric:tabular-nums}.regler input,progress{width:100%;accent-color:var(--akzent)}.fehler{color:var(--fehler)}.tabelle-rahmen{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:left;border-bottom:1px solid var(--rand);white-space:nowrap;padding:8px 12px}th{color:var(--text-2);font-size:.85rem;font-weight:600}.beispiele{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.beispiele figure{margin:0}.beispiele .gitter{max-width:400px}.beispiele figcaption{text-align:center;color:var(--text-2);margin-top:8px;font-size:.875rem}.beispiele strong{color:var(--text)}.diagramm .recharts-cartesian-grid line{stroke:var(--raster)}.diagramm .recharts-cartesian-axis-line{stroke:var(--rand)}.diagramm .recharts-text{fill:var(--text-2);font-size:12px}.diagramm .recharts-legend-item-text{color:var(--text)!important}.diagramm .recharts-tooltip-cursor{stroke:var(--text-2)}