.reflexion-app{max-width:900px;margin:0 auto;padding:1rem}.reflexion-header{text-align:center;margin-bottom:1.5rem}.reflexion-header h1{font-size:1.6rem;color:var(--primary-color);margin-bottom:.3rem}.reflexion-header .subtitle{color:var(--text-secondary);font-size:.95rem}.reflexion-content{display:flex;flex-direction:column;gap:1.5rem}.canvas-container{width:100%;height:420px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;cursor:grab;box-shadow:0 1px 3px #00000014}.canvas-container:active{cursor:grabbing}.reflexion-canvas{display:block;width:100%;height:100%}.controls-panel{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.slider-group{display:flex;align-items:center;gap:.8rem;background:var(--card-bg);padding:.8rem 1.2rem;border-radius:10px;border:1px solid var(--border-color);flex:1;min-width:240px}.slider-group label{font-weight:600;white-space:nowrap;color:var(--text-primary)}.slider-group input[type=range]{flex:1;accent-color:var(--primary-color)}.angle-display{font-size:1.3rem;font-weight:700;color:var(--primary-color);min-width:3rem;text-align:right}.info-card{background:var(--card-bg);padding:1.2rem;border-radius:10px;border:1px solid var(--border-color);flex:1;min-width:240px}.info-card h3{font-size:1rem;color:var(--text-primary);margin-bottom:.6rem}.law-display{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:1.1rem;font-weight:600;margin-bottom:.3rem}.angle-values{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:1.4rem;font-weight:700;margin-bottom:.8rem}.angle-alpha{color:#3b82f6}.angle-beta{color:#ef4444}.equals{color:var(--text-secondary)}.info-text{font-size:.85rem;color:var(--text-secondary);line-height:1.5}@media (min-width: 640px){.reflexion-app{padding:2rem}.reflexion-header h1{font-size:1.8rem}.canvas-container{height:480px}.controls-panel{flex-wrap:nowrap;align-items:stretch}.slider-group{flex-direction:column;align-items:stretch;gap:.5rem;flex:0 0 auto;min-width:160px}}.brechungs-simulation{background:var(--card-bg, #fff);border-radius:8px;padding:.5rem}.brechungs-canvas{width:100%;max-width:800px;height:auto;display:block;border-radius:6px;border:1px solid #e2e8f0}.brechung-app{max-width:900px;margin:0 auto;padding:1rem}.brechung-header{text-align:center;margin-bottom:1.5rem}.brechung-header h1{font-size:1.6rem;color:var(--primary-color);margin-bottom:.3rem}.brechung-header .subtitle{color:var(--text-secondary);font-size:.95rem}.brechung-app h2{color:var(--text-primary);margin:2rem 0 1rem;font-size:1.3rem}.simulation-container{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;margin-top:1rem}.parameter-panel{background:var(--card-bg);padding:1.25rem;border-radius:8px;border:1px solid var(--border-color)}.parameter-panel h3{font-size:1rem;margin-bottom:1rem;color:var(--primary-color)}.direction-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.direction-toggle button{flex:1;padding:.6rem .8rem;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-color);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.direction-toggle button:hover{border-color:var(--primary-light)}.direction-toggle button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.parameter{margin-bottom:1.25rem}.parameter label{display:block;font-size:.9rem;margin-bottom:.5rem;color:var(--text-secondary)}.parameter input[type=range]{width:100%}.medium-select{display:block;width:100%;margin-top:.5rem;padding:.4rem;border-radius:4px;border:1px solid var(--border-color)}.laser-section{margin-bottom:1.25rem}.laser-section>label{display:block;font-size:.9rem;margin-bottom:.5rem;color:var(--text-secondary)}.laser-buttons{display:flex;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.laser-button{padding:.4rem .8rem;border:2px solid transparent;border-radius:4px;font-size:.85rem;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.laser-button:hover{transform:scale(1.05);box-shadow:0 2px 8px #0003}.laser-button.active{border-color:#fff;box-shadow:0 0 10px currentColor}.merksaetze-section{margin:2rem 0}.merksatz-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.merksatz-card{background:var(--card-bg);padding:1.25rem;border-radius:8px;border:1px solid var(--border-color);border-left:4px solid var(--primary-color)}.merksatz-icon{font-size:1.4rem;margin-bottom:.5rem;display:block}.merksatz-card p{margin:.5rem 0;line-height:1.5}.highlight{color:var(--accent-color);font-weight:600;margin-top:.75rem!important;padding-top:.75rem;border-top:1px solid var(--border-color)}.examples-section{margin:2rem 0}.example-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.example-card{background:var(--card-bg);padding:1.25rem;border-radius:8px;border:1px solid var(--border-color)}.example-icon{font-size:1.8rem;margin-bottom:.75rem;display:block}.example-card h4{color:var(--primary-color);margin:0 0 .5rem}.example-card p{font-size:.9rem;margin:0;color:var(--text-secondary)}@media (max-width: 768px){.simulation-container,.merksatz-cards,.example-cards{grid-template-columns:1fr}}@media (pointer: coarse){.laser-button,.direction-toggle button{min-height:44px;min-width:44px}.direction-toggle button{padding:.9rem 1rem;font-size:1rem}.direction-toggle{gap:.75rem}.medium-select{min-height:44px;font-size:1rem}.merksatz-card,.example-card{padding:1.5rem}.laser-button:hover{transform:none}.laser-button:active,.direction-toggle button:active{transform:scale(.97);opacity:.9}}.schatten-app{max-width:900px;margin:0 auto;padding:1rem}.schatten-header{text-align:center;margin-bottom:1.5rem}.schatten-header h1{font-size:1.6rem;color:var(--primary-color);margin-bottom:.3rem}.schatten-header .subtitle{color:var(--text-secondary);font-size:.95rem}.schatten-canvas-container{width:100%;background:#1a1a1a;border-radius:12px;border:2px solid #333;overflow:hidden;cursor:move;box-shadow:0 2px 8px #0000004d}.schatten-canvas{display:block;width:100%}.schatten-controls{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.schatten-controls .control-group{background:var(--card-bg);padding:.8rem 1rem;border-radius:8px;border:1px solid var(--border-color);flex:1;min-width:200px}.schatten-controls .control-group label{display:block;font-size:.9rem;color:var(--text-primary);margin-bottom:.5rem}.button-group{display:flex;gap:.5rem}.button-group button{flex:1;padding:.5rem .8rem;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-color);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s}.button-group button:hover{border-color:var(--primary-light)}.button-group button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.schatten-controls input[type=range]{width:100%;accent-color:var(--primary-color)}.schatten-info{background:var(--card-bg);padding:1rem 1.2rem;border-radius:8px;border:1px solid var(--border-color);border-left:4px solid var(--primary-color);margin-top:1rem}.schatten-info p{margin:.3rem 0;font-size:.85rem;color:var(--text-secondary)}@media (max-width: 600px){.schatten-controls{flex-direction:column}}@media (pointer: coarse){.button-group button{min-height:44px;font-size:.95rem;padding:.7rem}.button-group button:hover{transform:none}.button-group button:active{transform:scale(.97);opacity:.9}}.mondphasen-app{max-width:900px;margin:0 auto;padding:1rem}.mondphasen-header{text-align:center;margin-bottom:1.5rem}.mondphasen-header h1{font-size:1.6rem;color:var(--primary-color);margin-bottom:.3rem}.mondphasen-header .subtitle{color:var(--text-secondary);font-size:.95rem}.canvas-label{color:var(--text-secondary);font-size:.8rem;text-align:center;margin-bottom:.3rem}.space-section{margin-bottom:1rem}.space-canvas-container{background:radial-gradient(ellipse at center,#0a0a15,#000005);border-radius:12px;border:2px solid #333;overflow:hidden}.space-canvas{display:block;width:100%;height:auto;cursor:pointer}.bottom-section{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.earth-view-section{display:flex;flex-direction:column;align-items:center}.earth-view-canvas{border:2px solid #333;border-radius:8px;background:radial-gradient(ellipse at center,#0a0a20,#000010)}.phase-name{text-align:center;color:#d97706;font-size:1.1rem;font-weight:700;margin-top:.5rem}.controls-section{flex:1;min-width:280px;display:flex;flex-direction:column;gap:.75rem}.mondphasen-controls{display:flex;flex-wrap:wrap;gap:.75rem}.mondphasen-controls .control-group{background:var(--card-bg);padding:.8rem 1rem;border-radius:8px;border:1px solid var(--border-color);flex:1;min-width:140px}.mondphasen-controls .control-group label{display:block;font-size:.85rem;color:var(--text-primary);margin-bottom:.4rem}.mondphasen-controls .button-group{display:flex;gap:.4rem}.mondphasen-controls .button-group button{flex:1;padding:.4rem .6rem;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-color);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s}.mondphasen-controls .button-group button:hover{border-color:var(--primary-light)}.mondphasen-controls .button-group button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.mondphasen-controls input[type=range]{width:100%;accent-color:var(--primary-color)}.mondphasen-info{background:var(--card-bg);padding:.8rem 1rem;border-radius:8px;border:1px solid var(--border-color);border-left:4px solid var(--primary-color)}.mondphasen-info p{margin:.2rem 0;font-size:.8rem;color:var(--text-secondary)}@media (max-width: 600px){.bottom-section{flex-direction:column;align-items:center}.controls-section{width:100%}}@media (pointer: coarse){.mondphasen-controls .button-group button{min-height:44px;font-size:.95rem}.mondphasen-controls .button-group button:hover{transform:none}.mondphasen-controls .button-group button:active{transform:scale(.97);opacity:.9}}.spiegelbild-app{max-width:1000px;margin:0 auto;padding:1rem}.spiegelbild-header{text-align:center;margin-bottom:1rem}.spiegelbild-header h1{font-size:1.6rem;color:var(--primary-color)}.level-selector{display:flex;gap:.4rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.level-button{padding:.4rem .9rem;border:2px solid var(--border-color);border-radius:20px;background:var(--bg-color);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s}.level-button:hover{border-color:var(--primary-light)}.level-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.spiegelbild-layout{display:grid;grid-template-columns:1fr 260px;gap:1rem;align-items:start}.spiegelbild-canvas-container{background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;cursor:crosshair;box-shadow:0 1px 4px #00000014}.spiegelbild-canvas{display:block;width:100%}.spiegelbild-sidebar{display:flex;flex-direction:column;gap:.75rem}.instruction-panel{background:var(--card-bg);padding:1rem;border-radius:8px;border:1px solid var(--border-color);border-left:4px solid var(--primary-color)}.instruction-panel.complete{border-left-color:var(--success-color);background:#f0fff4}.instruction-panel h3{font-size:.95rem;color:var(--primary-color);margin-bottom:.4rem}.instruction-panel.complete h3{color:var(--success-color)}.instruction-panel p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.help-section{background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);overflow:hidden}.help-toggle{width:100%;padding:.6rem 1rem;background:var(--bg-color);border:none;color:var(--primary-color);font-size:.85rem;cursor:pointer;text-align:left;font-weight:500}.help-toggle:hover{background:#4299e114}.help-content{padding:.75rem 1rem;border-top:1px solid var(--border-color)}.help-content p{font-size:.8rem;color:var(--text-secondary);margin:.3rem 0;line-height:1.4}.progress-panel{background:var(--card-bg);padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color)}.progress-panel h4{font-size:.85rem;color:var(--text-primary);margin-bottom:.5rem}.progress-points{display:flex;flex-wrap:wrap;gap:.4rem}.progress-dot{padding:.3rem .6rem;border-radius:4px;font-size:.8rem;background:var(--bg-color);color:var(--text-secondary);cursor:pointer;transition:all .2s;border:1px solid var(--border-color)}.progress-dot.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.progress-dot.done{background:#c6f6d5;color:#276749;border-color:#9ae6b4}.phase-indicator{display:flex;gap:.3rem}.phase-step{flex:1;text-align:center;padding:.35rem .3rem;font-size:.75rem;border-radius:6px;background:var(--bg-color);color:var(--text-secondary);border:1px solid var(--border-color);transition:all .2s}.phase-step.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:600}.phase-step.done{background:#c6f6d5;color:#276749;border-color:#9ae6b4}.button-row{display:flex;gap:.5rem}.button-row .btn{flex:1;font-size:.85rem;padding:.5rem .8rem}.next-level-btn{width:100%;font-size:1rem!important;padding:.7rem!important;background:var(--success-color)!important}.next-level-btn:hover{background:#38a169!important}@media (max-width: 700px){.spiegelbild-layout{grid-template-columns:1fr}.spiegelbild-sidebar{flex-direction:row;flex-wrap:wrap}.spiegelbild-sidebar>*{flex:1;min-width:200px}.button-row{min-width:100%}}@media (pointer: coarse){.level-button{min-height:44px;padding:.6rem 1.2rem;font-size:.95rem}.button-row .btn,.help-toggle{min-height:44px}.progress-dot{min-height:36px;display:flex;align-items:center;padding:.4rem .8rem}.level-button:hover,.help-toggle:hover{transform:none}}.hp{max-width:1000px;margin:0 auto;padding:1rem;color:#1e293b;line-height:1.55}.hp-intro h2{margin:0 0 .5rem;color:#1d4ed8}.hp-intro p{color:#475569}.hp-section{margin:1.5rem 0;padding:1rem 1.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.hp-section h3{margin:0 0 .6rem;color:#1d4ed8}.hp-section h4{margin:1rem 0 .4rem;color:#334155}.hp-erklaerung{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start;margin-top:.5rem}.hp-erkl-svg{width:100%;height:auto;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.hp-erkl-text p{margin:0 0 .6rem}@media (max-width: 720px){.hp-erklaerung{grid-template-columns:1fr}}.hp-controls{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-bottom:.6rem}.hp-control-group{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.hp-label{font-weight:600;color:#334155}.hp-pill{padding:.45rem 1rem;border:1.5px solid #cbd5e1;background:#fff;color:#475569;border-radius:999px;cursor:pointer;font-size:.95rem;min-height:38px;transition:all .15s}.hp-pill:hover{border-color:#1d4ed8;color:#1d4ed8}.hp-pill.is-active{background:#1d4ed8;border-color:#1d4ed8;color:#fff;font-weight:600}.hp-fullscreen{margin-left:auto;padding:.45rem .9rem;border:1.5px solid #1d4ed8;background:#1d4ed8;color:#fff;border-radius:8px;cursor:pointer;font-size:.95rem;min-height:38px}.hp-fullscreen:hover{background:#1e40af}.hp-canvas-wrap{margin:.5rem auto;max-width:480px;aspect-ratio:1;background:#000;border-radius:8px;overflow:hidden;position:relative}.hp-canvas{width:100%;height:100%;display:block;background:#000}.hp-canvas-wrap--dark{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;max-width:none;aspect-ratio:auto;border-radius:0;background:#000;z-index:9998;display:flex;align-items:center;justify-content:center}.hp-canvas-wrap--dark .hp-canvas{width:min(100vw,100vh);height:min(100vw,100vh)}.hp-dark-close{position:fixed;top:12px;right:12px;z-index:9999;width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#000000b3;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.hp-dark-close:active{background:#fff3}.hp-tipp{margin-top:.5rem;background:#fff7ed;border-left:4px solid #f59e0b;padding:.6rem .9rem;border-radius:6px;font-size:.95rem}.hp-download{margin-top:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.85rem 1rem}.hp-download h4{margin-top:0}.hp-download-controls{display:flex;flex-direction:column;gap:.4rem;margin:.5rem 0 .75rem}.hp-download-controls label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem}.hp-mass{color:#64748b;font-size:.88rem}.hp-download-btn{padding:.6rem 1.1rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;min-height:44px}.hp-download-btn:hover{background:#059669}.hp-druck-hinweis{margin-top:.6rem;font-size:.88rem;color:#64748b}.hp-print-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;z-index:9990;display:flex;align-items:center;justify-content:center;padding:1rem}.hp-print-modal-inner{background:#fff;width:100%;max-width:720px;max-height:90vh;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px #0000004d}.hp-print-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.hp-print-toolbar-actions{display:flex;gap:.5rem;align-items:center}.hp-print-do{padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;min-height:40px}.hp-print-do:hover{background:#059669}.hp-print-close{width:40px;height:40px;border-radius:50%;border:1.5px solid #cbd5e1;background:#fff;color:#475569;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.hp-print-close:hover{background:#f1f5f9;color:#1e293b}.hp-print-content{padding:1rem;overflow:auto;flex:1}.hp-print-info{font-size:.95rem;color:#475569;margin-bottom:.75rem}.hp-print-info p{margin:0}.hp-print-svg svg{display:block;margin:0 auto;max-width:100%;height:auto}@media print{@page{size:A4;margin:10mm}body *{visibility:hidden!important}.hp-print-modal,.hp-print-modal *{visibility:visible!important}.hp-print-modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;padding:0;display:block}.hp-print-modal-inner{box-shadow:none;max-width:none;max-height:none;border-radius:0}.hp-print-toolbar,.hp-print-info{display:none!important}.hp-print-content{padding:0;overflow:visible}.hp-print-svg svg{width:auto;max-width:none}}.hp-callout{margin-top:1.5rem;background:#fef3c7;border-left:4px solid #d97706;padding:.85rem 1rem;border-radius:6px;font-size:.95rem}.sb-modul{width:100%}.sb-modul-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e2e8f0;margin:0 auto 1rem;max-width:1000px;padding:0 1rem;flex-wrap:wrap}.sb-modul-tab{padding:.6rem 1.1rem;border:none;background:transparent;cursor:pointer;font-size:1rem;color:#64748b;border-bottom:3px solid transparent;margin-bottom:-2px;min-height:44px;transition:color .15s,border-color .15s}.sb-modul-tab:hover{color:#1d4ed8}.sb-modul-tab.is-active{color:#1d4ed8;border-bottom-color:#1d4ed8;font-weight:600}.sonnenstand-panel{background:radial-gradient(ellipse at center,#0a0a15,#000005);border-radius:12px;border:2px solid #333;overflow:hidden;margin-bottom:1rem}.sonnenstand-canvas{display:block;width:100%;height:auto}.jahreszeiten-app{max-width:900px;margin:0 auto;padding:1rem}.jahreszeiten-header{text-align:center;margin-bottom:1rem}.jahreszeiten-header h1{font-size:1.6rem;color:var(--primary-color);margin-bottom:.3rem}.jahreszeiten-header .subtitle{color:var(--text-secondary);font-size:.95rem}.view-selector{display:flex;gap:.4rem;justify-content:center;margin-bottom:.75rem;flex-wrap:wrap}.view-selector button{padding:.5rem 1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s}.view-selector button:hover{border-color:var(--primary-light)}.view-selector button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.jahreszeiten-canvas-container{background:radial-gradient(ellipse at center,#0a0a15,#000005);border-radius:12px;border:2px solid #333;overflow:hidden;margin-bottom:1rem}.jahreszeiten-canvas{display:block;width:100%;height:auto;cursor:pointer}.jahreszeiten-bottom{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.season-display{display:flex;flex-direction:column;gap:.6rem;min-width:180px}.season-hemisphere{background:var(--card-bg);padding:.8rem 1rem;border-radius:8px;border:1px solid var(--border-color);text-align:center}.hemisphere-label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.3rem}.season-value{display:block;font-size:1.3rem;font-weight:700}.jahreszeiten-controls-section{flex:1;min-width:280px;display:flex;flex-direction:column;gap:.75rem}.jahreszeiten-controls{display:flex;flex-wrap:wrap;gap:.75rem}.jahreszeiten-controls .control-group{background:var(--card-bg);padding:.8rem 1rem;border-radius:8px;border:1px solid var(--border-color);flex:1;min-width:140px}.jahreszeiten-controls .control-group label{display:block;font-size:.85rem;color:var(--text-primary);margin-bottom:.4rem}.jahreszeiten-controls .button-group{display:flex;gap:.4rem}.jahreszeiten-controls .button-group button{flex:1;padding:.4rem .6rem;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-color);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s}.jahreszeiten-controls .button-group button:hover{border-color:var(--primary-light)}.jahreszeiten-controls .button-group button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.jahreszeiten-controls input[type=range]{width:100%;accent-color:var(--primary-color)}.jahreszeiten-info{background:var(--card-bg);padding:.8rem 1rem;border-radius:8px;border:1px solid var(--border-color);border-left:4px solid var(--primary-color)}.jahreszeiten-info p{margin:.2rem 0;font-size:.8rem;color:var(--text-secondary)}@media (max-width: 600px){.jahreszeiten-bottom{flex-direction:column;align-items:center}.jahreszeiten-controls-section{width:100%}.season-display{flex-direction:row;width:100%}.season-hemisphere{flex:1}.view-selector button{padding:.4rem .7rem;font-size:.8rem}}@media (pointer: coarse){.view-selector button{min-height:44px;font-size:.9rem}.jahreszeiten-controls .button-group button{min-height:44px;font-size:.95rem}.jahreszeiten-controls .button-group button:hover{transform:none}.jahreszeiten-controls .button-group button:active{transform:scale(.97);opacity:.9}}.linsen-app{max-width:1100px;margin:0 auto;padding:1rem}.linsen-header{text-align:center;margin-bottom:1rem}.linsen-header h2{font-size:1.4rem;color:var(--primary-color)}.linsen-header p{font-size:.85rem;color:var(--text-secondary)}.mode-selector{display:flex;justify-content:center;gap:.25rem;margin-bottom:1rem;background:var(--bg-color);border-radius:10px;padding:4px;border:1px solid var(--border-color);max-width:360px;margin-left:auto;margin-right:auto}.mode-btn{flex:1;padding:.45rem 1rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.mode-btn:hover{background:#4299e114}.mode-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 1px 3px #00000026}.linsen-layout{display:grid;grid-template-columns:1fr 270px;gap:1rem;align-items:start}.linsen-canvas-container{background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;cursor:crosshair;box-shadow:0 1px 4px #00000014;touch-action:none}.linsen-canvas{display:block;width:100%}.linsen-sidebar{display:flex;flex-direction:column;gap:.75rem}.object-selector{background:var(--card-bg);padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color)}.object-selector h4{font-size:.85rem;color:var(--text-primary);margin-bottom:.5rem}.object-buttons{display:flex;gap:.4rem}.object-btn{flex:1;padding:.4rem .5rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-primary);font-size:.8rem;cursor:pointer;transition:all .2s;text-align:center}.object-btn:hover{border-color:var(--primary-light)}.object-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.object-btn .icon{display:block;font-size:1.3rem;margin-bottom:.15rem}.parameter-sliders{background:var(--card-bg);padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color)}.parameter-sliders h4{font-size:.85rem;color:var(--text-primary);margin-bottom:.5rem}.slider-group{margin-bottom:.6rem}.slider-group:last-child{margin-bottom:0}.slider-label{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-secondary);margin-bottom:.2rem}.slider-label .value{font-weight:600;color:var(--text-primary)}.slider-group input[type=range]{width:100%;height:6px;accent-color:var(--primary-color)}.ray-progress{background:var(--card-bg);padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color)}.ray-progress h4{font-size:.85rem;color:var(--text-primary);margin-bottom:.5rem}.ray-list{display:flex;flex-direction:column;gap:.3rem}.ray-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:6px;font-size:.8rem;color:var(--text-secondary);background:var(--bg-color);border:1px solid var(--border-color);transition:all .2s}.ray-item.active{border-color:var(--primary-color);color:var(--text-primary);font-weight:600}.ray-item.done{background:#c6f6d5;color:#276749;border-color:#9ae6b4}.ray-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.ray-check{margin-left:auto;font-size:.9rem}.linsen-app .instruction-panel{background:var(--card-bg);padding:1rem;border-radius:8px;border:1px solid var(--border-color);border-left:4px solid var(--primary-color)}.linsen-app .instruction-panel.complete{border-left-color:var(--success-color);background:#f0fff4}.linsen-app .instruction-panel h3{font-size:.95rem;color:var(--primary-color);margin-bottom:.4rem}.linsen-app .instruction-panel.complete h3{color:var(--success-color)}.linsen-app .instruction-panel p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.linsen-buttons{display:flex;gap:.5rem}.linsen-buttons .btn{flex:1;font-size:.85rem;padding:.5rem .8rem}.linsen-app .help-section{background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);overflow:hidden}.linsen-app .help-toggle{width:100%;padding:.6rem 1rem;background:var(--bg-color);border:none;color:var(--primary-color);font-size:.85rem;cursor:pointer;text-align:left;font-weight:500}.linsen-app .help-toggle:hover{background:#4299e114}.linsen-app .help-content{padding:.75rem 1rem;border-top:1px solid var(--border-color)}.linsen-app .help-content p{font-size:.8rem;color:var(--text-secondary);margin:.3rem 0;line-height:1.4}@media (max-width: 750px){.linsen-layout{grid-template-columns:1fr}.linsen-sidebar{flex-direction:row;flex-wrap:wrap}.linsen-sidebar>*{flex:1;min-width:200px}.linsen-buttons{min-width:100%}}@media (pointer: coarse){.object-btn{min-height:44px;padding:.6rem .8rem;font-size:.9rem}.linsen-buttons .btn,.linsen-app .help-toggle{min-height:44px}.ray-item{min-height:36px;padding:.4rem .6rem}.object-btn:hover,.linsen-app .help-toggle:hover{transform:none}}.zlinse-app{max-width:1100px;margin:0 auto;padding:1rem}.zlinse-header{text-align:center;margin-bottom:1rem}.zlinse-header h2{font-size:1.4rem;color:var(--primary-color)}.zlinse-header p{font-size:.85rem;color:var(--text-secondary)}.zlinse-progress{display:flex;justify-content:center;gap:.25rem;margin-bottom:1rem;max-width:520px;margin-left:auto;margin-right:auto}.zlinse-stage-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .3rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s}.zlinse-stage-btn:hover:not(:disabled){border-color:var(--primary-light)}.zlinse-stage-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.zlinse-stage-btn.done{background:#c6f6d5;color:#276749;border-color:#9ae6b4}.zlinse-stage-btn:disabled{opacity:.4;cursor:not-allowed}.stage-num{font-weight:700;font-size:.9rem}.stage-label{font-size:.7rem}.zlinse-layout{display:grid;grid-template-columns:1fr 270px;gap:1rem;align-items:start}.zlinse-canvas-container{background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;cursor:crosshair;box-shadow:0 1px 4px #00000014;touch-action:none}.zlinse-canvas{display:block;width:100%}.zlinse-sidebar{display:flex;flex-direction:column;gap:.75rem}.zlinse-app .instruction-panel{background:var(--card-bg);padding:1rem;border-radius:8px;border:1px solid var(--border-color);border-left:4px solid var(--primary-color)}.zlinse-app .instruction-panel.complete{border-left-color:var(--success-color);background:#f0fff4}.zlinse-app .instruction-panel h3{font-size:.95rem;color:var(--primary-color);margin-bottom:.4rem}.zlinse-app .instruction-panel.complete h3{color:var(--success-color)}.zlinse-app .instruction-panel p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.hint-text{margin-top:.5rem;padding:.5rem;background:#fffbeb;border-radius:6px;border:1px solid #fef3c7;color:#92400e!important;font-size:.82rem!important}.demo-start-btn{margin-top:.75rem;width:100%;font-size:1rem;padding:.6rem}.zlinse-app .ray-item.half{background:#fefcbf;color:#744210;border-color:#f6e05e}.practice-progress{display:flex;gap:.5rem;margin-top:.75rem;justify-content:center}.practice-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;background:var(--bg-color);border:2px solid var(--border-color);color:var(--text-secondary);transition:all .3s}.practice-dot.done{background:#c6f6d5;border-color:#48bb78;color:#276749}.quiz-panel{border-left-color:#8b5cf6!important}.quiz-panel h3{color:#8b5cf6!important}.quiz-question{font-weight:500;color:var(--text-primary)!important;margin-bottom:.75rem}.quiz-answers{display:flex;flex-direction:column;gap:.4rem}.quiz-answer{padding:.5rem .75rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-primary);font-size:.82rem;cursor:pointer;text-align:left;transition:all .2s;line-height:1.4}.quiz-answer:hover:not(:disabled){border-color:#8b5cf6}.quiz-answer.selected{border-color:#8b5cf6;background:#f5f3ff}.quiz-answer.correct{border-color:#48bb78;background:#f0fff4}.quiz-answer.wrong{border-color:#ef4444;background:#fff5f5}.quiz-answer:disabled{cursor:default}.quiz-check-btn{margin-top:.5rem;width:100%}.quiz-explanation{margin-top:.75rem;padding:.5rem;border-radius:6px;font-size:.82rem!important;line-height:1.5}.quiz-explanation.correct{background:#f0fff4;border:1px solid #9ae6b4;color:#276749!important}.quiz-explanation.wrong{background:#fff5f5;border:1px solid #feb2b2;color:#c53030!important}.zlinse-app .ray-progress{background:var(--card-bg);padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color)}.zlinse-app .ray-progress h4{font-size:.85rem;color:var(--text-primary);margin-bottom:.5rem}.zlinse-app .ray-list{display:flex;flex-direction:column;gap:.3rem}.zlinse-app .ray-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:6px;font-size:.8rem;color:var(--text-secondary);background:var(--bg-color);border:1px solid var(--border-color);transition:all .2s}.zlinse-app .ray-item.active{border-color:var(--primary-color);color:var(--text-primary);font-weight:600}.zlinse-app .ray-item.done{background:#c6f6d5;color:#276749;border-color:#9ae6b4}.zlinse-app .ray-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.zlinse-app .ray-check{margin-left:auto;font-size:.9rem}.help-btn{width:100%}.next-btn{width:100%;font-weight:600}@media (max-width: 750px){.zlinse-layout{grid-template-columns:1fr}.zlinse-progress{max-width:100%}.zlinse-stage-btn{padding:.3rem .2rem}.stage-label{display:none}}@media (pointer: coarse){.quiz-answer{min-height:44px;padding:.6rem .8rem}.zlinse-stage-btn{min-height:44px}}.dispersion-app{max-width:900px;margin:0 auto;padding:1rem}.dispersion-header{text-align:center;margin-bottom:1.5rem}.dispersion-header h1{font-size:1.6rem;color:var(--primary-color);margin-bottom:.3rem}.dispersion-header .subtitle{color:var(--text-secondary);font-size:.95rem}.dispersion-app h2{color:var(--text-primary);margin:2rem 0 1rem;font-size:1.3rem}.prisma-simulation-container{display:grid;grid-template-columns:1fr 220px;gap:1.5rem;margin-top:1rem}.prisma-canvas-wrapper{background:#1a1a2e;border-radius:8px;overflow:hidden}.prisma-canvas{width:100%;height:auto;display:block}.prisma-parameter-panel{background:var(--card-bg);padding:1.25rem;border-radius:8px;border:1px solid var(--border-color)}.prisma-parameter-panel h3{font-size:1rem;margin-bottom:1rem;color:var(--primary-color)}.prisma-parameter-panel .parameter{margin-bottom:1.25rem}.prisma-parameter-panel .parameter label{display:block;font-size:.9rem;margin-bottom:.5rem;color:var(--text-secondary)}.prisma-parameter-panel .parameter input[type=range]{width:100%}.dispersion-merksatz-section{margin:2rem 0}.dispersion-merksatz-card{background:var(--card-bg);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color);border-left:4px solid var(--primary-color);line-height:1.6}.dispersion-merksatz-card p{margin:.5rem 0}.dispersion-merksatz-card ul{margin:.75rem 0 .75rem 1.5rem}.dispersion-merksatz-card li{margin:.4rem 0}.dispersion-examples-section{margin:2rem 0}.dispersion-example-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.dispersion-example-card{background:var(--card-bg);padding:1.25rem;border-radius:8px;border:1px solid var(--border-color)}.dispersion-example-icon{font-size:1.8rem;margin-bottom:.75rem;display:block}.dispersion-example-card h4{color:var(--primary-color);margin:0 0 .5rem}.dispersion-example-card p{font-size:.9rem;margin:0;color:var(--text-secondary)}@media (max-width: 768px){.prisma-simulation-container,.dispersion-example-cards{grid-template-columns:1fr}}@media (pointer: coarse){.prisma-parameter-panel .parameter input[type=range]{min-height:44px}.dispersion-example-card{padding:1.5rem}}.auge-app{max-width:1200px;margin:0 auto;padding:1rem}.auge-header{text-align:center;margin-bottom:1rem}.auge-header h2{color:var(--primary-color);margin:0 0 .3rem}.auge-intro{color:var(--text-secondary);max-width:700px;margin:0 auto}.auge-phase-tabs{display:flex;gap:.4rem;justify-content:center;margin:1rem 0;flex-wrap:wrap}.auge-phase-tab{padding:.55rem 1.1rem;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);border-radius:10px;font-size:.95rem;cursor:pointer;transition:all .15s}.auge-phase-tab:hover{border-color:var(--primary-light);color:var(--primary-color)}.auge-phase-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:600}.lichtweg{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:1.2rem;align-items:start}@media (max-width: 900px){.lichtweg{grid-template-columns:1fr}}.lichtweg-svg-wrap{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1rem;position:relative}.auge-svg{width:100%;height:auto;display:block}.lichtweg-progress{position:relative;margin-top:.8rem;height:26px;background:#edf2f7;border-radius:13px;overflow:hidden}.lichtweg-progress-bar{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);transition:width .3s ease}.lichtweg-progress-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:var(--text-primary)}.light-ray line{animation:light-pulse 1.2s ease-in-out infinite}@keyframes light-pulse{0%,to{opacity:.75}50%{opacity:1}}.station-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.2rem}.station-panel h3{color:var(--primary-color);margin:0 0 .6rem;font-size:1.15rem}.station-panel p{margin:.4rem 0;line-height:1.55}.station-special{background:#fff7e6;border-left:4px solid var(--accent-color);padding:.7rem .9rem;margin:.8rem 0;border-radius:6px}.station-special h4{margin:0 0 .3rem;color:#c05621;font-size:1rem}.station-special p{margin:0;font-size:.92rem}.station-actions{margin-top:1rem;display:flex;justify-content:flex-end}.station-finish{text-align:center}.station-score{font-size:1.1rem;margin:1rem 0}.quiz-box{background:#f7fafc;border:1px solid var(--border-color);border-radius:8px;padding:.8rem;margin:.8rem 0}.quiz-question{margin:0 0 .6rem;font-size:.98rem}.quiz-options{display:flex;flex-direction:column;gap:.4rem}.quiz-option{text-align:left;padding:.55rem .8rem;border:1px solid var(--border-color);background:#fff;border-radius:6px;cursor:pointer;font-size:.92rem;transition:all .15s}.quiz-option:hover:not(:disabled){border-color:var(--primary-light);background:#ebf4ff}.quiz-option.selected{border-color:var(--primary-color);background:#ebf4ff}.quiz-option.correct{background:#c6f6d5;border-color:var(--success-color);color:#22543d}.quiz-option.wrong{background:#fed7d7;border-color:#fc8181;color:#742a2a}.quiz-option:disabled{cursor:default}.quiz-feedback{margin-top:.6rem;font-weight:500}.btn-primary{padding:.6rem 1.2rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary:disabled{background:#cbd5e0;cursor:not-allowed}.coming-soon{background:var(--card-bg);border:1px dashed var(--border-color);border-radius:12px;padding:3rem 1rem;text-align:center;color:var(--text-secondary)}.coming-soon h3{color:var(--primary-color);margin:0 0 .5rem}.strahlenkonstr{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:1.2rem;align-items:start}@media (max-width: 900px){.strahlenkonstr{grid-template-columns:1fr}}.strahlenkonstr-svg-wrap{background:#fff;border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:.5rem}.auge-svg--reduced{width:100%;height:auto;display:block}.strahlenkonstr-panel{background:#f8fafc;border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:1rem 1.1rem}.strahlenkonstr-panel h3{margin:0 0 .4rem;color:var(--primary-color)}.strahlenkonstr-intro{font-size:.95rem;color:var(--text-secondary);margin:0 0 1rem}.slider-row{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:.6rem;margin:.8rem 0;font-size:.95rem}.slider-row input[type=range]{width:100%}.slider-hint{color:var(--text-secondary);font-size:.85rem;min-width:90px;text-align:right}.checkbox-row{display:flex;align-items:center;gap:.5rem;margin:.8rem 0;font-size:.95rem}.strahlenkonstr-status{padding:.7rem .9rem;border-radius:8px;margin:.8rem 0;font-size:.95rem;line-height:1.4}.strahlenkonstr-status--scharf{background:#dcfce7;color:#14532d;border:1px solid #86efac}.strahlenkonstr-status--fast{background:#fef9c3;color:#713f12;border:1px solid #fde047}.strahlenkonstr-status--vor,.strahlenkonstr-status--hinter{background:#fee2e2;color:#7f1d1d;border:1px solid #fca5a5}.strahlenkonstr-hilfe{margin-top:.8rem;font-size:.92rem}.strahlenkonstr-hilfe summary{cursor:pointer;color:var(--primary-color)}.strahlenkonstr-hilfe ul{margin:.5rem 0 0 1rem;padding:0}.strahlenkonstr-hilfe li{margin:.3rem 0}.step-list{list-style:none;padding:0;margin:.8rem 0}.step{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;border-radius:6px;font-size:.92rem;color:var(--text-secondary);margin-bottom:.25rem}.step-dot{width:10px;height:10px;border-radius:50%;opacity:.4}.step.active{background:#eef2ff;color:#1e293b;font-weight:600}.step.active .step-dot{opacity:1;box-shadow:0 0 0 3px #3b82f640}.step.done{color:#16a34a;text-decoration:line-through;opacity:.7}.step.done .step-dot{opacity:1}.step-desc{background:#eff6ff;border-left:3px solid #3b82f6;padding:.6rem .8rem;border-radius:6px;margin:.7rem 0;font-size:.9rem;line-height:1.4}.step-miss{margin-top:.4rem;color:#b91c1c;font-size:.88rem}.btn-secondary{padding:.5rem .9rem;border-radius:8px;border:1px solid var(--border-color, #cbd5e1);background:#fff;color:var(--text-secondary);cursor:pointer;font-size:.9rem}.btn-secondary:hover{background:#f1f5f9}.corr-selector{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;margin:.9rem 0 .4rem;font-size:.92rem}.corr-selector>span{font-weight:600;color:var(--text-primary, #1e293b)}.corr-selector label{display:flex;align-items:center;gap:.3rem;cursor:pointer}.og{max-width:1000px;margin:0 auto;padding:1rem}.og-title{margin:0 0 .5rem;font-size:1.6rem;color:#1e293b}.og-intro{margin:0 0 1rem;color:#475569;line-height:1.5}.og-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e2e8f0;margin-bottom:1.5rem;flex-wrap:wrap}.og-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.1rem;border:none;background:transparent;cursor:pointer;font-size:1rem;color:#64748b;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;min-height:44px}.og-tab:hover{color:#1d4ed8}.og-tab.is-active{color:#1d4ed8;border-bottom-color:#1d4ed8;font-weight:600}.og-tab-icon{font-size:1.2rem}.og-subtabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.og-subtab{padding:.45rem .9rem;border:1.5px solid #cbd5e1;background:#fff;border-radius:999px;cursor:pointer;font-size:.92rem;color:#475569;min-height:38px;transition:all .15s}.og-subtab:hover{border-color:#1d4ed8;color:#1d4ed8}.og-subtab.is-active{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.og-text{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem 1.5rem;line-height:1.6;color:#1e293b}.og-text h3{margin-top:0;color:#1d4ed8}.og-text h4{margin:1.2rem 0 .4rem;color:#334155}.og-callout{background:#eff6ff;border-left:4px solid #3b82f6;padding:.85rem 1rem;border-radius:6px;margin:1rem 0}.og-callout--history{background:#fef3c7;border-left-color:#d97706}.og-galilei-diagram{margin:1rem 0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem}.og-galilei-diagram svg{width:100%;height:auto;display:block}.og-konstruktion{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1rem}.og-controls{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:.75rem}.og-control{flex:1 1 240px;min-width:220px}.og-control label{display:block;font-size:.95rem;margin-bottom:.3rem;color:#334155;font-weight:600}.og-num{color:#1d4ed8;font-weight:700;font-variant-numeric:tabular-nums}.og-control input[type=range]{width:100%;height:28px;touch-action:manipulation}.og-status{background:#fff7ed;border:1.5px solid #fdba74;border-radius:8px;padding:.75rem 1rem;margin-bottom:.75rem;font-size:.98rem;line-height:1.5;color:#9a3412}.og-status.is-ok{background:#ecfdf5;border-color:#10b981;color:#065f46}.og-hint{display:inline-block;margin-top:.25rem;color:#64748b;font-size:.88rem}.og-svg{width:100%;height:auto;display:block;background:#f8fafc;border-radius:8px;-webkit-user-select:none;user-select:none;touch-action:none}.og-details{margin-top:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.6rem 1rem}.og-details summary{cursor:pointer;font-weight:600;color:#1d4ed8;padding:.25rem 0}.og-details p{margin:.5rem 0;line-height:1.5;color:#334155}.mikro-historie{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:start;margin:.75rem 0 1.5rem}.mikro-figure{margin:0;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem}.mikro-figure img{max-width:180px;height:auto;display:block;margin:0 auto;border-radius:4px}.mikro-figure figcaption{margin-top:.5rem;font-size:.85rem;color:#64748b;font-style:italic}.mikro-historie-text h4{margin-top:0}.mikro-svg-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;margin:.75rem 0 1rem}.mikro-svg-wrap svg{width:100%;height:auto;display:block}.mikro-fluss{background:#eff6ff;border-left:4px solid #3b82f6;padding:.75rem 1rem;border-radius:6px;margin:.75rem 0 1.25rem}.mikro-formel{text-align:center;font-size:1.25rem;font-weight:600;color:#1d4ed8;background:#f1f5f9;padding:.85rem;border-radius:8px;margin:.75rem 0;font-family:Georgia,serif}.mikro-beispiele{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:1rem 0 1.25rem}.mikro-beispiel{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #10b981;border-radius:8px;padding:.75rem 1rem}.mikro-beispiel h5{margin:0 0 .4rem;color:#065f46;font-size:1rem}.mikro-beispiel p{margin:.3rem 0;font-size:.95rem}@media (max-width: 600px){.mikro-historie{grid-template-columns:1fr}.mikro-figure img{max-width:140px}}@media (max-width: 600px){.og{padding:.6rem}.og-text{padding:1rem}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{text-align:center;padding:1.2rem 1rem .5rem}.app-title-link{text-decoration:none;display:inline-flex;align-items:baseline;gap:.6rem}.app-header h1{font-size:1.8rem;color:var(--primary-color);margin:0}.app-subtitle{font-size:1rem;color:var(--text-secondary);font-weight:400}.module-tabs{display:flex;gap:.25rem;justify-content:center;padding:.5rem 1rem;flex-wrap:wrap}.tab-link{padding:.5rem 1.2rem;border-radius:8px 8px 0 0;text-decoration:none;color:var(--text-secondary);font-size:.95rem;font-weight:500;border:1px solid transparent;border-bottom:none;transition:all .2s;background:transparent}.tab-link:hover{color:var(--primary-color);background:#4299e114}.tab-link.active{color:var(--primary-color);background:var(--card-bg);border-color:var(--border-color);font-weight:600}.back-button-container{max-width:900px;margin:0 auto;padding:.5rem 1rem 0}.back-button{display:inline-flex;align-items:center;padding:.4rem .8rem;font-size:.9rem;color:var(--text-secondary);text-decoration:none;border-radius:6px;transition:all .2s}.back-button:hover{color:var(--primary-color);background:#4299e114}.module-content{flex:1;border-top:1px solid var(--border-color);padding:1rem}.home{max-width:800px;margin:0 auto;padding:1rem 0}.home-intro{text-align:center;margin-bottom:2rem}.home-intro h2{color:var(--primary-color);font-size:1.4rem;margin-bottom:.5rem}.home-intro p{color:var(--text-secondary)}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.module-card{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.8rem 1rem;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);text-decoration:none;transition:all .2s;box-shadow:0 1px 3px #0000000f}.module-card:hover{border-color:var(--primary-light);box-shadow:0 4px 12px #4299e126;transform:translateY(-2px)}.module-icon{font-size:2.2rem}.module-label{font-size:1rem;font-weight:600;color:var(--text-primary);text-align:center}.app-footer{text-align:center;padding:1rem;font-size:.8rem;border-top:1px solid var(--border-color);margin-top:2rem;display:flex;justify-content:center;gap:1.5rem}.app-footer a{color:var(--text-secondary);text-decoration:none}.app-footer a:hover{color:var(--primary-color)}@media (max-width: 500px){.module-grid{grid-template-columns:repeat(2,1fr)}.tab-link{padding:.5rem .8rem;font-size:.85rem}.app-header h1{font-size:1.5rem}}@media (pointer: coarse){.tab-link{min-height:44px;display:flex;align-items:center}.module-card{min-height:44px}}:root{--primary-color: #2c5282;--primary-light: #4299e1;--accent-color: #f59e0b;--success-color: #48bb78;--error-color: #f56565;--bg-color: #f7fafc;--card-bg: #ffffff;--text-primary: #2d3748;--text-secondary: #718096;--border-color: #e2e8f0;--font-family: "Segoe UI", system-ui, -apple-system, sans-serif;--ray-color: #f59e0b;--mirror-color: #64748b;--normal-color: #94a3b8;--angle-incident: #3b82f6;--angle-reflected: #ef4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6}.formula{font-family:Times New Roman,serif;font-style:italic;background:#f0f4f8;padding:.5rem 1rem;border-radius:4px;display:inline-block}.formula sub{font-size:.75em}.btn{padding:.6rem 1.2rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-light)}@media (pointer: coarse){.btn,button{min-height:44px;min-width:44px;padding:.8rem 1.5rem}input[type=text],input[type=number],input[type=range]{min-height:44px;font-size:1.1rem}}