.app{min-height:100vh}.home{max-width:1200px;margin:0 auto;padding:2rem;text-align:center}.home h1{font-size:2.5rem;color:var(--primary-color);margin-bottom:.5rem}.subtitle{color:var(--text-secondary);font-size:1.2rem;margin-bottom:3rem}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.module-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:left;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.module-card:hover:not(.locked){transform:translateY(-4px);box-shadow:0 8px 24px #6966661f}.module-card.locked{opacity:.6;cursor:not-allowed}.module-card h2{color:var(--primary-color);margin-bottom:.5rem;font-size:1.3rem}.module-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.badge{display:inline-block;background:var(--accent-color);color:#e8e2e2;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;margin-top:.75rem}.badge.neu{background:linear-gradient(135deg,#22c55e,#16a34a)}.badge.knallertest{background:linear-gradient(135deg,#ef4444,#dc2626)}.module-card.highlight{border-color:#bcae63;background:linear-gradient(135deg,#d6d5c91a,#a9a29a0d)}.module-card.highlight h2{color:#f1b62e}.wellenoptik-app{display:flex;min-height:100vh}.module-nav{width:220px;background:var(--card-bg);border-right:1px solid var(--border-color);padding:1rem;position:fixed;height:100vh;overflow-y:auto}.nav-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.back-link{font-size:.85rem;color:var(--text-secondary);text-decoration:none}.back-link:hover{color:var(--primary-color)}.nav-header h1{font-size:1.3rem;color:var(--primary-color);margin-top:.5rem}.nav-links{display:flex;flex-direction:column;gap:.25rem}.nav-links a{padding:.6rem .8rem;color:var(--text-primary);text-decoration:none;border-radius:6px;font-size:.95rem;transition:all .2s}.nav-links a:hover{background:var(--bg-color)}.nav-links a.active{background:var(--primary-color);color:#fff}.module-content{flex:1;margin-left:220px;padding:2rem;max-width:1200px}@media (max-width: 768px){.wellenoptik-app{flex-direction:column}.module-nav{position:relative;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-color)}.nav-links{flex-direction:row;flex-wrap:wrap;gap:.5rem}.module-content{margin-left:0}}.page{max-width:900px}.page h1{color:var(--primary-color);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.page h2{color:var(--text-primary);margin:2rem 0 1rem;font-size:1.4rem}.page p{margin-bottom:1rem;line-height:1.7}.theory-section{background:var(--card-bg);padding:1.5rem;border-radius:8px;margin-bottom:2rem}.formula{font-family:Times New Roman,Georgia,serif;font-size:1.1rem;background:#f0f4f8;padding:.4rem .8rem;border-radius:4px;display:inline-block;margin:.5rem 0}.formula.large{font-size:1.4rem;padding:.8rem 1.5rem;display:block;text-align:center;margin:1rem 0}.simulation-section{margin:2rem 0}.simulation-container{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;margin-top:1rem}.simulation-placeholder{background:#1a202c;color:#fff;min-height:350px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.2rem}.simulation-placeholder .hint{font-size:.9rem;color:#a0aec0;margin-top:.5rem}.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)}.laser-buttons{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.laser-button{padding:.4rem .8rem;border:2px solid transparent;border-radius:4px;font-size:.85rem;font-weight:500;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}.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%}.wavelength-color{display:inline-block;width:20px;height:12px;border-radius:2px;margin-left:8px;vertical-align:middle}.calc-value{display:block;font-size:.85rem;color:var(--text-secondary)}.medium-select{display:block;width:100%;margin-top:.5rem;padding:.4rem;border-radius:4px;border:1px solid var(--border-color)}.derivation-section{background:var(--card-bg);padding:1.5rem;border-radius:8px;margin:2rem 0}.variables{background:var(--bg-color);padding:1rem;border-radius:4px;margin-top:1rem}.variables p{margin:.3rem 0;font-size:.95rem}details.geometric-derivation{margin-top:1rem}details summary{cursor:pointer;color:var(--primary-color);font-weight:500}.derivation-content{padding:1rem;background:var(--bg-color);border-radius:4px;margin-top:.5rem}.formula-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.formula-box{background:var(--bg-color);padding:1rem;border-radius:8px;text-align:center}.formula-box h4{font-size:.95rem;margin-bottom:.5rem}.formula-note{font-size:.9rem;color:var(--text-secondary);margin-top:.5rem}.comparison-table{width:100%;border-collapse:collapse;margin:1rem 0}.comparison-table th,.comparison-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.comparison-table th{background:var(--bg-color);font-weight:600}.note{background:#ebf8ff;border-left:4px solid var(--primary-light);padding:1rem;margin:1rem 0;border-radius:0 4px 4px 0}.hint{color:var(--text-secondary);font-size:.9rem;font-style:italic}.topic-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.topic-card{background:var(--card-bg);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color)}.topic-card h3{color:var(--primary-color);margin-bottom:.75rem}.topic-card ul{margin:.75rem 0 0 1.25rem;font-size:.9rem}.key-formulas{background:var(--card-bg);padding:1.5rem;border-radius:8px;margin-top:2rem}.formula-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.formula-item{text-align:center;padding:1rem;background:var(--bg-color);border-radius:6px}.formula-item .label{display:block;font-size:.85rem;color:var(--text-secondary);margin-top:.5rem}.highlight-section{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff}.highlight-section h2{color:#fff}.key-point{font-size:1.3rem;text-align:center;padding:1rem}.expectation-box,.warning-box{padding:1.5rem;border-radius:8px;margin:1rem 0}.expectation-box{background:var(--bg-color);border:1px solid var(--border-color)}.warning-box{background:#fff5f5;border:1px solid #feb2b2}.warning-box h3{color:var(--error-color)}.teaser{font-size:1.1rem;color:var(--primary-color);font-weight:500;margin-top:1.5rem}.task-categories{display:flex;flex-direction:column;gap:2rem}.task-category h2{color:var(--primary-color);padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.task-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.task-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.task-number{font-weight:600;color:var(--primary-color)}.task-difficulty{font-size:.9rem}.task-question{margin-bottom:1rem}.task-data{background:var(--bg-color);padding:.75rem;border-radius:4px;margin-top:.75rem;font-size:.9rem}.task-data ul{margin:.5rem 0 0 1.25rem}.task-solution{background:#f0fff4;border:1px solid #9ae6b4;padding:1rem;border-radius:6px;margin:1rem 0}.task-solution h4{color:var(--success-color);margin-bottom:.75rem}.show-solution{font-size:.9rem}.case-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.case-card{background:var(--bg-color);padding:1rem;border-radius:8px}.case-card h4{color:var(--primary-color);margin-bottom:.5rem;font-size:.95rem}.case-card .highlight{color:var(--accent-color);font-weight:600}.spectrum-demo{margin:1.5rem 0}.spectrum-bar{height:30px;background:linear-gradient(to right,violet,indigo,#00f,#0ff,green,#ff0,orange,red);border-radius:4px}.spectrum-labels{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);margin-top:.5rem}.mode-selection{margin:2rem 0}.mode-tabs{display:flex;gap:1rem;margin-top:1rem}.mode-tab{flex:1;padding:1rem 1.5rem;background:var(--bg-color);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;text-align:left;transition:all .2s ease}.mode-tab:hover{border-color:var(--primary-light)}.mode-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.mode-tab strong{display:block;font-size:1rem;margin-bottom:.25rem}.mode-subtitle{display:block;font-size:.85rem;opacity:.8}.mode-explanation{margin:1.5rem 0}.explanation-box{padding:1.5rem;border-radius:8px;margin-bottom:1rem}.explanation-box.fall1{background:#ebf8ff;border-left:4px solid var(--primary-color)}.explanation-box.fall2{background:#faf5ff;border-left:4px solid #805ad5}.explanation-box h3{margin-bottom:1rem;color:var(--text-primary)}.prediction{font-weight:500;margin-top:1rem}.result{background:#ffffffb3;padding:.75rem 1rem;border-radius:4px;margin-top:.5rem}.slit-count-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1.5rem}.count-button{padding:.75rem;background:var(--bg-color);border:2px solid var(--border-color);border-radius:6px;cursor:pointer;text-align:center;transition:all .2s ease}.count-button:hover{border-color:var(--primary-light);background:#f0f4f8}.count-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.nebenmaxima-info{display:block;font-size:.75rem;opacity:.7;margin-top:.25rem}.current-params{background:var(--bg-color);padding:1rem;border-radius:6px;font-size:.9rem}.current-params p{margin:.3rem 0}.comparison-table tr.highlight{background:#fef3c7}.comparison-table tr.highlight td{font-weight:600}.pointer-model{background:var(--bg-color);padding:1.25rem;border-radius:8px;margin-top:1rem}.pointer-model p{margin-bottom:.75rem}.vector-diagram{display:flex;flex-direction:column;align-items:center;margin:1.5rem 0;padding:1rem;background:#fff;border-radius:8px;border:1px solid var(--border-color)}.vector-diagram svg{display:block}.vector-caption{margin-top:.75rem;font-size:.9rem;color:var(--text-secondary);text-align:center}.formula-section{margin:2rem 0}.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);cursor:pointer;font-size:.85rem;font-weight:500;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)}.laser-section{margin-bottom:1rem}.laser-section>label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.white-light-button{width:100%;padding:.5rem;margin-top:.5rem;border:2px solid var(--border-color);border-radius:6px;background:linear-gradient(to right,red,#ff8000,#ff0,#0f0,#0080ff,#8000ff);color:#333;font-weight:500;cursor:pointer;transition:all .2s ease}.white-light-button:hover{transform:scale(1.02);box-shadow:0 2px 8px #0003}.white-light-button.active{border-color:#333;box-shadow:0 0 10px #0000004d}.calculated-values{background:var(--bg-color);padding:1rem;border-radius:6px;margin-top:1rem}.calculated-values h4{margin:0 0 .5rem;font-size:.9rem;color:var(--primary-color)}.calculated-values p{margin:.3rem 0;font-size:.85rem}.total-reflection{color:#d32f2f;font-weight:700}.critical-angle{color:#ed6c02;font-style:italic}.observations-section{margin:2rem 0}.observation-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.observation-card{background:var(--card-bg);padding:1.25rem;border-radius:8px;border:1px solid var(--border-color)}.observation-card h4{color:var(--primary-color);margin:0 0 .75rem}.observation-card p{margin:.5rem 0}.formula-small{font-family:Times New Roman,Georgia,serif;font-size:1rem;color:var(--text-secondary)}.dispersion-section{background:#fef3c7;padding:1.5rem;border-radius:8px;margin:2rem 0;border-left:4px solid #d97706}.dispersion-section h2{color:#92400e;margin-top:0}.dispersion-section ul{margin:1rem 0 1rem 1.5rem}.dispersion-section li{margin:.5rem 0}.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);text-align:center}.example-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.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,.formula-comparison,.case-cards{grid-template-columns:1fr}.mode-tabs{flex-direction:column}.slit-count-buttons,.observation-cards,.example-cards{grid-template-columns:1fr}}@media (pointer: coarse){button,.laser-button,.count-button,.mode-tab,.direction-toggle button,.white-light-button{min-height:44px;min-width:44px}.laser-button{padding:.75rem 1.2rem;font-size:1rem}.laser-buttons{gap:.75rem}.direction-toggle button{padding:.9rem 1rem;font-size:1rem}.direction-toggle{gap:.75rem}.white-light-button{padding:.75rem;font-size:1rem}.count-button{padding:1rem;font-size:1rem}.slit-count-buttons{gap:.75rem}.mode-tab{padding:1.25rem}input[type=range]{height:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:8px;background:var(--border-color);border-radius:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;background:var(--primary-color);border-radius:50%;margin-top:-10px;cursor:pointer;box-shadow:0 2px 6px #0003}.parameter{margin-bottom:1.75rem}.parameter label{font-size:1rem;margin-bottom:.75rem}.medium-select{padding:.75rem;font-size:1rem;min-height:44px}details summary{padding:.75rem 0;font-size:1rem}.parameter-panel,.observation-card,.example-card,.task-item{padding:1.5rem}.laser-button:hover,.white-light-button:hover,.count-button:hover{transform:none}.laser-button:active,.white-light-button:active,.count-button:active,.direction-toggle button:active,.mode-tab:active{transform:scale(.97);opacity:.9}}.beugungs-simulation{display:flex;flex-direction:column;gap:1rem;background:#0a0a0a;border-radius:8px;padding:1rem;overflow:hidden}.beugungs-simulation h4{margin:0 0 .5rem;color:#888;font-size:.85rem;font-weight:400}.geometry-view,.spectrum-view{display:flex;flex-direction:column}.geometry-canvas,.spectrum-canvas{width:100%;max-width:800px;height:auto;border-radius:4px;box-shadow:0 2px 8px #0000004d}.geometry-canvas{border:1px solid #333}.spectrum-canvas{border:1px solid #222}@media (max-width: 900px){.beugungs-simulation{padding:.5rem}.geometry-canvas,.spectrum-canvas{max-width:100%}}.lichtbuendel-visualisierung{background:var(--card-bg, #fff);border-radius:8px;padding:1.5rem;margin:1rem 0}.lichtbuendel-visualisierung h4{margin:0 0 1rem;color:var(--primary-color, #2c5282)}.buendel-canvas{width:100%;max-width:600px;height:auto;display:block;margin:1rem auto;border:1px solid #e2e8f0;border-radius:6px}.ordnung-navigation{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem}.ordnung-navigation button{padding:.5rem 1rem;border:1px solid var(--border-color, #e2e8f0);border-radius:4px;background:var(--bg-color, #f7fafc);cursor:pointer;font-size:.9rem;transition:all .2s}.ordnung-navigation button:hover:not(:disabled){background:var(--primary-color, #2c5282);color:#fff}.ordnung-navigation button:disabled{opacity:.4;cursor:not-allowed}.ordnung-anzeige{font-size:1.2rem;font-weight:600;color:var(--primary-color, #2c5282);min-width:180px;text-align:center}.buendel-container{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:1rem}.spalt-darstellung{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.spalt-rahmen{display:flex;flex-direction:column;align-items:center;gap:.5rem}.spalt-label{font-size:.85rem;color:#666;font-style:italic}.buendel-bereich{display:flex;flex-direction:column;border:3px solid #333;border-radius:4px;overflow:hidden;min-width:80px}.buendel{height:40px;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px dashed rgba(0,0,0,.2);transition:all .3s ease}.buendel:last-child{border-bottom:none}.buendel-nummer{font-weight:700;color:#333;font-size:.9rem}.buendel.ausgeloescht{text-decoration:line-through}.ausloeschung-marker{position:absolute;right:-25px;font-size:1.2rem;color:#c53030}.gangunterschied-info{font-size:.8rem;color:#666;margin-top:.5rem}.pfeil-bereich{display:flex;flex-direction:column;align-items:center;gap:.5rem}.pfeil{font-size:2rem;color:#666}.gesamt-gangunterschied{font-size:.9rem;font-weight:500;color:var(--primary-color, #2c5282);background:#e6f0ff;padding:.3rem .8rem;border-radius:4px}.ergebnis{text-align:center;padding:1rem 1.5rem;border-radius:8px;min-width:150px}.ergebnis-maximum{background:linear-gradient(135deg,gold,#ffec8b);border:2px solid #daa520}.ergebnis-minimum{background:linear-gradient(135deg,#2d3748,#4a5568);color:#fff;border:2px solid #1a202c}.ergebnis-nebenmaximum{background:linear-gradient(135deg,#ecc94b,#f6e05e);border:2px solid #d69e2e}.ergebnis-typ{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.ergebnis-formel{font-family:Times New Roman,Georgia,serif;font-size:1rem}.ergebnis-detail{font-size:.8rem;margin-top:.5rem;opacity:.8}.erklaerung-box{background:#ebf8ff;border-left:4px solid var(--primary-color, #2c5282);padding:1rem;border-radius:0 4px 4px 0;margin-bottom:1rem}.erklaerung-box p{margin:0;line-height:1.6}.zusammenfassung{background:var(--bg-color, #f7fafc);padding:1rem;border-radius:4px}.zusammenfassung h5{margin:0 0 .5rem;color:var(--primary-color, #2c5282)}.zusammenfassung p{margin:.5rem 0;font-size:.9rem;line-height:1.5}@media (max-width: 600px){.spalt-darstellung{flex-direction:column}.pfeil{transform:rotate(90deg)}.ordnung-navigation{flex-wrap:wrap}}.geometrie-herleitung{background:var(--card-bg, #fff);border-radius:8px;padding:1.5rem;margin:1rem 0}.geometrie-herleitung h4{margin:0 0 1rem;color:var(--primary-color, #2c5282)}.geometrie-controls{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding:1rem;background:#f7fafc;border-radius:6px}.ordnung-control{display:flex;align-items:center;gap:.5rem}.ordnung-control input[type=range]{width:100px}.ordnung-control span{font-weight:700;min-width:20px}.toggle-controls{display:flex;gap:1.5rem}.toggle-controls label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.dreieck1-label{color:#c53030;font-weight:500}.dreieck2-label{color:#2b6cb0;font-weight:500}.geometrie-canvas{width:100%;max-width:700px;height:auto;border:1px solid #e2e8f0;border-radius:6px;display:block;margin:0 auto}.formeln-bereich{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.formel-box{padding:1rem;border-radius:6px;text-align:center}.formel-box h5{margin:0 0 .5rem;font-size:.9rem}.formel-box .formel{font-family:Times New Roman,Georgia,serif;font-size:1.1rem;margin:.5rem 0}.formel-box .erklaerung{font-size:.8rem;color:#666;margin:0}.formel-box.dreieck1{background:#c530301a;border:2px solid #c53030}.formel-box.dreieck1 h5{color:#c53030}.formel-box.dreieck2{background:#2b6cb01a;border:2px solid #2b6cb0}.formel-box.dreieck2 h5{color:#2b6cb0}.formel-box.naeherung{background:#38a1691a;border:2px solid #38a169}.formel-box.naeherung h5{color:#38a169}.endergebnis{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#ebf8ff,#e6fffa);border-radius:8px;text-align:center}.endergebnis p{margin:.5rem 0}.endergebnis .hauptformel{font-family:Times New Roman,Georgia,serif;font-size:1.3rem;color:var(--primary-color, #2c5282);margin-top:.75rem}@media (max-width: 600px){.geometrie-controls{flex-direction:column}.toggle-controls{flex-direction:column;gap:.5rem}.formeln-bereich{grid-template-columns:1fr}}.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}.detektiv-spiel{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#e8e8e8;font-family:Georgia,serif;position:relative}.detektiv-spiel>.back-link{position:fixed;top:1rem;left:1rem;color:#888;text-decoration:none;font-size:.9rem;z-index:101;transition:color .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.detektiv-spiel>.back-link:hover{color:gold}.fortschritt{position:fixed;top:0;left:0;right:0;background:#000c;padding:.75rem;z-index:100;display:flex;flex-direction:column;align-items:center}.fortschritt-bar{display:flex;gap:.5rem}.fortschritt-punkt{width:32px;height:32px;border-radius:50%;background:#333;border:2px solid #555;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;transition:all .3s ease}.fortschritt-punkt.aktiv{background:#2563eb;border-color:#3b82f6}.fortschritt-punkt.geloest{background:#22c55e;border-color:#4ade80}.fortschritt-label{font-size:.8rem;color:#888;margin-top:.25rem}.intro-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.intro-content{max-width:600px;text-align:center}.intro-content h1{font-size:2.5rem;margin-bottom:.5rem;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.intro-content .subtitle{font-size:1.2rem;color:#a0aec0;margin-bottom:2rem}.intro-story{background:#ffffff0d;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left;line-height:1.8;border-left:4px solid #ffd700}.intro-story p{margin-bottom:1rem}.intro-story p:last-child{margin-bottom:0}.intro-hinweis{background:#2563eb33;border-radius:8px;padding:1rem;margin-bottom:2rem}.intro-hinweis p{margin-bottom:.75rem}.link-button{color:#60a5fa;text-decoration:none;font-weight:500}.link-button:hover{text-decoration:underline}.start-button{background:linear-gradient(135deg,gold,#ff8c00);color:#1a1a2e;border:none;padding:1rem 2.5rem;font-size:1.2rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd70066}.start-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70099}.kapitel{padding:5rem 2rem 2rem;max-width:800px;margin:0 auto}.kapitel-header{text-align:center;margin-bottom:2rem}.kapitel-nummer{font-size:.9rem;color:gold;text-transform:uppercase;letter-spacing:2px}.kapitel-titel{font-size:2rem;margin:.5rem 0;color:#fff}.kapitel-ort{font-size:1rem;color:#a0aec0;font-style:italic}.story-box{background:#ffffff0d;border-radius:12px;padding:1.5rem;margin-bottom:2rem;line-height:1.8;border-left:4px solid #3b82f6}.story-box p{margin-bottom:1rem}.story-box p:last-child{margin-bottom:0}.bild-container{margin:2rem 0;text-align:center}.bild-container img,.bild-container canvas{max-width:100%;border-radius:8px;box-shadow:0 4px 20px #0006}.bild-beschriftung{font-size:.9rem;color:#888;margin-top:.5rem;font-style:italic}.location-bild{margin:0 0 1.5rem}.location-bild img{max-height:300px;width:auto;object-fit:cover;border:3px solid rgba(255,215,0,.3)}.location-bild.small img{max-height:200px}.erfolg-bild img{max-height:350px;border-color:#22c55e80}.hinweis-box{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:1rem;margin:1.5rem 0}.hinweis-box h4{color:gold;margin:0 0 .5rem;font-size:1rem}.hinweis-box p{margin:0;font-size:.95rem}.daten-box{background:#0000004d;border-radius:8px;padding:1rem 1.5rem;margin:1.5rem 0;font-family:Courier New,monospace}.daten-box h4{color:#22c55e;margin:0 0 .75rem;font-size:.9rem;font-family:Georgia,serif}.daten-box ul{list-style:none;padding:0;margin:0}.daten-box li{padding:.25rem 0;color:#a0aec0}.daten-tabelle{width:100%;border-collapse:collapse;margin:1.5rem 0;background:#0000004d;border-radius:8px;overflow:hidden}.daten-tabelle th,.daten-tabelle td{padding:.75rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.daten-tabelle th{background:#0006;color:gold;font-size:.9rem}.daten-tabelle td{font-family:Courier New,monospace}.eingabe-bereich{background:#ffffff14;border-radius:12px;padding:1.5rem;margin-top:2rem;text-align:center}.eingabe-bereich h3{color:#fff;margin:0 0 .5rem}.eingabe-bereich p{color:#a0aec0;margin-bottom:1rem;font-size:.95rem}.eingabe-gruppe{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.eingabe-gruppe input{background:#0006;border:2px solid #555;border-radius:8px;padding:.75rem 1rem;font-size:1.2rem;color:#fff;width:150px;text-align:center;font-family:Courier New,monospace;transition:border-color .3s ease}.eingabe-gruppe input:focus{outline:none;border-color:#3b82f6}.eingabe-gruppe input.fehler{border-color:#ef4444;animation:shake .5s ease}.eingabe-gruppe input.richtig{border-color:#22c55e}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.pruefen-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.75rem 2rem;font-size:1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s ease}.pruefen-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.feedback{margin-top:1rem;padding:1rem;border-radius:8px;text-align:center}.feedback.erfolg{background:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#4ade80}.feedback.fehler{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#f87171}.weiter-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;margin-top:1rem;transition:all .3s ease}.weiter-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.erfolg-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center}.erfolg-content{max-width:600px}.erfolg-content h1{font-size:3rem;color:gold;margin-bottom:1rem}.erfolg-content .trophy{font-size:5rem;margin-bottom:1rem}.erfolg-content p{font-size:1.2rem;line-height:1.8;margin-bottom:1rem}.neustart-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;margin-top:1.5rem;transition:all .3s ease}.neustart-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}@media (max-width: 768px){.kapitel{padding:4.5rem 1rem 1.5rem}.kapitel-titel{font-size:1.5rem}.intro-content h1{font-size:1.8rem}.eingabe-gruppe{flex-direction:column}.eingabe-gruppe input{width:100%;max-width:200px}}@media (pointer: coarse){.start-button,.pruefen-button,.weiter-button,.neustart-button{min-height:50px;padding:1rem 2rem}.eingabe-gruppe input{min-height:50px;font-size:1.3rem}.fortschritt-punkt{width:40px;height:40px;font-size:1rem}}.hohlraumstrahlung-simulation{display:flex;flex-direction:column;gap:2rem;padding:1rem;max-width:1000px;margin:0 auto}.visualisierung-bereich{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media (max-width: 800px){.visualisierung-bereich{grid-template-columns:1fr}}.hohlkoerper-container{display:flex;flex-direction:column;gap:1rem}.hohlkoerper-svg{width:100%;max-width:350px;border-radius:8px;box-shadow:0 4px 12px #0000004d}.temperatur-regler,.wellenlaengen-regler{display:flex;flex-direction:column;gap:.5rem}.temperatur-regler label,.wellenlaengen-regler label{font-weight:600;color:#e0e0e0}.temperatur-regler input[type=range],.wellenlaengen-regler input[type=range]{width:100%;height:8px;border-radius:4px;background:#333;cursor:pointer;-webkit-appearance:none}.temperatur-regler input[type=range]::-webkit-slider-thumb,.wellenlaengen-regler input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#ff6b35;cursor:pointer;border:2px solid #fff}@media (pointer: coarse){.temperatur-regler input[type=range],.wellenlaengen-regler input[type=range]{height:12px}.temperatur-regler input[type=range]::-webkit-slider-thumb,.wellenlaengen-regler input[type=range]::-webkit-slider-thumb{width:44px;height:44px}.mess-buttons button{min-height:48px;padding:.8rem 1.2rem;font-size:1rem}.kurven-toggle button{min-height:48px}}.temperatur-regler .wert,.wellenlaengen-regler .wert{font-size:1.2rem;font-weight:700;color:#ff6b35}.bereich-info{font-size:.85rem;color:#888;margin-left:.5rem}.detektor-container{background:#1e1e32cc;border-radius:12px;padding:1.5rem;border:1px solid #333}.detektor-container h3{margin:0 0 1rem;color:#e0e0e0;font-size:1.1rem}.spektrum-balken{position:relative;height:30px;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.spektrum-gradient{width:100%;height:100%;background:linear-gradient(to right,#333,#333 14%,#8b00ff 14.7%,#40f 17%,#00f 17.9%,#06f 19%,#0ff 20.5%,#0f8 21.6%,#0f0 23%,#8f0 24%,#ff0 25.3%,#fa0 26.3%,#f60 27.4%,red 30%,#c00 34%,#800 35.8%,#400 40%,#333 50%,#333)}.wellenlaengen-marker{position:absolute;top:0;width:4px;height:100%;background:#fff;transform:translate(-50%);box-shadow:0 0 8px #fffc}.marker-farbe{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:20px;height:20px;border-radius:50%;border:2px solid #fff}.intensitaets-anzeige{margin:1.5rem 0}.intensitaets-anzeige label{display:block;margin-bottom:.5rem;color:#e0e0e0;font-weight:600}.intensitaets-balken{height:25px;background:#222;border-radius:4px;overflow:hidden;border:1px solid #444}.intensitaets-fueller{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:3px}.intensitaets-anzeige .wert{display:block;text-align:right;font-size:1.1rem;font-weight:700;color:#fff;margin-top:.3rem}.mess-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.mess-buttons button{padding:.6rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.btn-messen{background:#4caf50;color:#fff}.btn-messen:hover{background:#45a049}.btn-speichern{background:#2196f3;color:#fff}.btn-speichern:hover:not(:disabled){background:#1976d2}.btn-speichern:disabled{background:#555;color:#888;cursor:not-allowed}.btn-loeschen{background:#666;color:#fff}.btn-loeschen:hover{background:#555}.kurven-toggle{text-align:center}.kurven-toggle button{padding:.8rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.kurven-toggle button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.kurven-toggle button.active{background:linear-gradient(135deg,#764ba2,#667eea)}.kurven-bereich{background:#1e1e32cc;border-radius:12px;padding:1.5rem;border:1px solid #333}.kurven-bereich h3{margin:0 0 1rem;color:#e0e0e0;text-align:center}.kurven-diagramm{width:100%;overflow-x:auto}.kurven-svg{width:100%;min-width:500px;border-radius:8px}.kurven-legende{margin-top:1rem;padding:1rem;background:#0000004d;border-radius:8px}.kurven-legende p{margin:.5rem 0;font-size:.9rem;color:#bbb}.kurven-legende strong{color:#ff6b35}.hohlraumstrahlung-app{min-height:100vh;background:linear-gradient(135deg,#3f3f57,#232b43);color:#e0e0e0}.hohlraumstrahlung-header{background:#0000004d;padding:1rem 2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;border-bottom:1px solid #ada3a3}.hohlraumstrahlung-header h1{margin:0;font-size:1.8rem;color:#ff6b35}.hohlraumstrahlung-header .subtitle{margin:0;color:#888;font-size:1rem}.back-link{position:absolute;left:1rem;color:#888;text-decoration:none;font-size:.9rem;transition:color .2s}.back-link:hover{color:#ff6b35}.hohlraumstrahlung-main{padding:2rem;max-width:1100px;margin:0 auto}.page-intro{text-align:center;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto}.page-intro h2{color:#ff6b35;margin-bottom:1rem}.page-intro p{line-height:1.6;color:#bbb}.aufgabe{background:#ff6b351a;border-left:4px solid #ff6b35;padding:1rem;border-radius:0 8px 8px 0;margin-top:1rem}.aufgabe strong{color:#ff6b35}.info-box{background:#474769cc;border-radius:12px;padding:1.5rem;margin-top:2rem;border:1px solid #333}.info-box h3{color:#ff6b35;margin:0 0 1rem}.info-box p{line-height:1.6;color:#bbb;margin:.5rem 0}.info-box strong{color:#e0e0e0}.formel{text-align:center;font-size:1.5rem;font-family:Times New Roman,serif;font-style:italic;color:#ff6b35;padding:1rem;background:#0003;border-radius:8px;margin:1rem 0}@media (max-width: 600px){.hohlraumstrahlung-header{padding:1rem}.back-link{position:static;margin-bottom:.5rem}.hohlraumstrahlung-main{padding:1rem}}.elektroskop-svg{display:block;border-radius:8px;box-shadow:0 4px 12px #0000004d}.zeiger{transition:all .8s ease-out}.licht-animation{animation:pulsieren 2s ease-in-out infinite}.skala line{stroke-dasharray:2,2}.zufallsentdeckung-simulation{display:flex;flex-direction:column;gap:24px;padding:20px;background:#0d0d1a;border-radius:12px}.simulation-bereich{display:flex;gap:40px;align-items:flex-start;justify-content:center;flex-wrap:wrap}.elektroskop-container{flex-shrink:0}.steuerung{display:flex;flex-direction:column;gap:20px;min-width:250px;padding:20px;background:#1a1a2e;border-radius:8px}.steuerung h3{margin:0 0 10px;color:#ddd;font-size:1.1rem;border-bottom:1px solid #333;padding-bottom:10px}.steuerung-gruppe{display:flex;flex-direction:column;gap:8px}.steuerung-gruppe label{color:#aaa;font-size:.9rem}.toggle-button{padding:12px 24px;font-size:1.1rem;border:2px solid #444;border-radius:8px;background:#222;color:#888;cursor:pointer;transition:all .3s ease}.toggle-button:hover{border-color:#666}.toggle-button.aktiv{background:linear-gradient(135deg,#87ceeb,#5fa8c7);border-color:#87ceeb;color:#000;box-shadow:0 0 20px #87ceeb66}.kugel-auswahl{display:flex;gap:8px}.kugel-button{flex:1;padding:8px 12px;border:2px solid #444;border-radius:6px;background:#222;color:#888;cursor:pointer;transition:all .2s ease}.kugel-button:hover{border-color:#666}.kugel-button.ausgewaehlt.negativ{background:#1a3a5c;border-color:#3498db;color:#3498db}.kugel-button.ausgewaehlt.positiv{background:#5c2a2a;border-color:#e74c3c;color:#e74c3c}.aktion-button{padding:10px 20px;border:none;border-radius:6px;background:#2a4a6a;color:#ddd;cursor:pointer;transition:all .2s ease;font-size:.95rem}.aktion-button:hover{background:#3a5a7a}.aktion-button:active{transform:scale(.98)}.aktion-button.entladen{background:#4a4a4a}.aktion-button.entladen:hover{background:#5a5a5a}.status-anzeige{padding:12px;background:#111;border-radius:6px;border:1px solid #333}.status-zeile{display:flex;justify-content:space-between;padding:4px 0;color:#aaa;font-size:.9rem}.status-zeile span:last-child{font-weight:700;color:#ddd}.status-zeile span.positiv{color:#e74c3c}.status-zeile span.negativ{color:#3498db}.info-button{padding:10px;border:1px solid #444;border-radius:6px;background:transparent;color:#888;cursor:pointer;font-size:.85rem;transition:all .2s ease}.info-button:hover{border-color:#666;color:#aaa}.info-popup{padding:20px;background:#1a1a2e;border-radius:8px;border:1px solid #333}.info-popup h4{margin:0 0 16px;color:#ddd}.info-content{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.info-bild{text-align:center}.info-bild .elektroskop-svg{width:200px;height:auto}.bildunterschrift{margin-top:8px;color:#888;font-size:.85rem;max-width:200px}.info-text{color:#aaa;line-height:1.6;font-size:.95rem}.auswertung{padding:20px;background:#1a2a1a;border-radius:8px;border:1px solid #2a4a2a}.auswertung h4{margin:0 0 16px;color:#8bc34a}.auswertung-content{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 700px){.auswertung-content{grid-template-columns:1fr}}.auswertung h5{margin:0 0 12px;color:#aaa}.beobachtung ul{margin:0;padding-left:20px;color:#888;line-height:1.8}.beobachtung li{margin-bottom:8px}.erklaerung p{color:#888;line-height:1.6;margin:0}.erklaerung strong{color:#8bc34a}@media (pointer: coarse){.toggle-button,.kugel-button,.aktion-button,.info-button{min-height:48px;min-width:48px}.kugel-button{min-width:80px;min-height:80px}}.kondensator-methode{display:flex;flex-direction:column;gap:2rem;padding:1rem;max-width:1100px;margin:0 auto}.elektron-zum-ring{animation:fliegenZumRing 2.5s ease-out infinite}@keyframes fliegenZumRing{0%{opacity:0;transform:translate(240px,130px)}10%{opacity:1}70%{opacity:1;transform:translate(150px,130px)}to{opacity:0;transform:translate(130px,130px)}}.elektron-abgelenkt-oben{animation:fliegenAbgelenktOben 2.5s ease-out infinite;animation-delay:1s}@keyframes fliegenAbgelenktOben{0%{opacity:0;transform:translate(240px,120px)}15%{opacity:1;transform:translate(210px,120px)}50%{opacity:1;transform:translate(180px,100px)}to{opacity:0;transform:translate(160px,50px)}}.elektron-abgelenkt-unten{animation:fliegenAbgelenktUnten 2.5s ease-out infinite;animation-delay:1.8s}@keyframes fliegenAbgelenktUnten{0%{opacity:0;transform:translate(240px,140px)}15%{opacity:1;transform:translate(210px,140px)}50%{opacity:1;transform:translate(180px,160px)}to{opacity:0;transform:translate(160px,210px)}}.parameter-gruppe{margin-bottom:1.5rem}.material-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.material-btn{padding:.6rem 1rem;background:#2a2a4a;border:2px solid #555;border-radius:8px;color:#e0e0e0;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.2rem}.material-wa{font-size:.75rem;color:#888}.wellenlaenge-buttons{display:flex;gap:.4rem;flex-wrap:wrap}.wl-btn{padding:.5rem .7rem;border:2px solid transparent;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8);transition:all .2s}.wl-btn:hover{transform:scale(1.05)}.wl-btn.active{border-color:#fff;box-shadow:0 0 10px #ffffff80}.bereich-hinweis{display:block;margin-top:.5rem;font-size:.85rem;color:#888}.intensitaet-wert{display:block;text-align:right;color:#ff6b35;font-weight:700;margin-top:.3rem}.intensitaet-hinweis{margin-top:.5rem;font-size:.85rem;color:#888;font-style:italic}.btn-messen{width:100%;padding:.8rem;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-messen:disabled{background:#555;cursor:not-allowed;opacity:.6}.tabellen-bereich{background:#1e1e32cc;border-radius:12px;padding:1.5rem;border:1px solid #333}.tabellen-bereich h3{margin:0 0 1rem;color:#ff6b35}.mess-tabelle{width:100%;border-collapse:collapse;margin-bottom:1rem}.mess-tabelle th,.mess-tabelle td{padding:.7rem;text-align:center;border:1px solid #444}.mess-tabelle th{background:#2a2a4a;color:#e0e0e0;font-weight:600}.mess-tabelle .keine-daten{color:#888;font-style:italic;padding:2rem}.mess-tabelle input{width:100%;max-width:150px;padding:.4rem;background:#2a2a4a;border:2px solid #555;border-radius:4px;color:#e0e0e0;font-size:.9rem;text-align:center}.mess-tabelle input:focus{outline:none;border-color:#ff6b35}.tabellen-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.formel-hinweis{margin:0;font-size:.9rem;color:#888}.btn-reset{padding:.5rem 1rem;background:#666;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.btn-reset:hover{background:#555}.btn-graphen{width:100%;margin-top:1rem;padding:.8rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-graphen:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-graphen:disabled{background:#555;cursor:not-allowed}.btn-hinweis{font-size:.8rem;font-weight:400;opacity:.8}.graphen-bereich{background:#1e1e32cc;border-radius:12px;padding:1.5rem;border:1px solid #333}.graphen-bereich h3{margin:0 0 1.5rem;color:#ff6b35;text-align:center}.graphen-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 700px){.graphen-container{grid-template-columns:1fr}}.graph{text-align:center}.graph h4{margin:0 0 .5rem;color:#e0e0e0}.graph-svg{width:100%;max-width:300px;border-radius:8px}.graph-bemerkung{margin:.5rem 0 0;font-size:.9rem;color:#888;font-style:italic}.steigung-ergebnis{margin-top:1rem;padding:1rem;background:#ff6b351a;border-left:4px solid #ff6b35;border-radius:0 8px 8px 0;text-align:left}.steigung-hinweis{font-size:.85rem;color:#888!important}.auswertung-fragen{margin-top:2rem;padding:1rem;background:#0000004d;border-radius:8px}.auswertung-fragen h4{margin:0 0 .5rem;color:#ff6b35}.auswertung-fragen ul{margin:0;padding-left:1.5rem;color:#bbb}.auswertung-fragen li{margin:.5rem 0}@media (pointer: coarse){.parameter-gruppe input[type=range]{height:12px}.parameter-gruppe input[type=range]::-webkit-slider-thumb{width:44px;height:44px}.btn-messen,.graph-buttons button,.auswertung-buttons button{min-height:48px;padding:.8rem 1.2rem}.mess-tabelle input{min-height:44px;font-size:1rem}.wellenlaengen-select select{min-height:48px;font-size:1rem}}.gegenfeld-methode{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;max-width:1100px;margin:0 auto}.tab-navigation{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.tab-navigation button{padding:.7rem 1.5rem;background:#2a2a4a;border:2px solid #444;border-radius:8px;color:#aaa;font-size:.95rem;cursor:pointer;transition:all .2s}.tab-navigation button:hover{background:#3a3a5a;color:#fff}.tab-navigation button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.experiment-bereich{display:flex;flex-direction:column;gap:1.5rem}.simulation-bereich{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media (max-width: 900px){.simulation-bereich{grid-template-columns:1fr}}.fotozelle-container{display:flex;justify-content:center}.fotozelle-svg{width:100%;max-width:400px;border-radius:12px;box-shadow:0 4px 12px #0000004d}.licht-strahl{animation:pulsieren 1.5s ease-in-out infinite}@keyframes pulsieren{0%,to{opacity:.6}50%{opacity:.9}}.elektronen-strom .elektron-fliessend{animation:stromFliessen 1.5s linear infinite}.elektronen-strom .delay-0{animation-delay:0s}.elektronen-strom .delay-1{animation-delay:.5s}.elektronen-strom .delay-2{animation-delay:1s}@keyframes stromFliessen{0%{opacity:0;transform:translate(240px,120px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(130px,120px)}}.elektronen-gestoppt{animation:zittern .3s ease-in-out infinite}@keyframes zittern{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.steuerung-container{background:#1e1e32cc;border-radius:12px;padding:1.5rem;border:1px solid #333}.steuerung-container h3{margin:0 0 1.5rem;color:#ff6b35;font-size:1.1rem}.parameter-gruppe.highlight{background:#ff6b351a;padding:1rem;border-radius:8px;border-left:3px solid #ff6b35}.parameter-gruppe label{display:block;margin-bottom:.5rem;color:#e0e0e0;font-weight:600}.parameter-gruppe .hinweis{margin:.5rem 0 0;font-size:.85rem;color:#ff6b35;font-style:italic}.material-buttons,.wellenlaenge-buttons,.intensitaet-buttons{display:flex;gap:.4rem;flex-wrap:wrap}.material-btn{padding:.5rem .8rem;background:#2a2a4a;border:2px solid #555;border-radius:6px;color:#e0e0e0;cursor:pointer;transition:all .2s}.material-btn:hover{background:#3a3a5a}.material-btn.active{background:#4a4a6a;border-width:3px}.wl-btn,.int-btn{padding:.4rem .6rem;border:2px solid transparent;border-radius:5px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8);transition:all .2s}.wl-btn.active,.int-btn.active{border-color:#fff;box-shadow:0 0 8px #ffffff80}.int-btn{background:#555}.parameter-gruppe input[type=range]{width:100%;height:8px;border-radius:4px;background:#333;cursor:pointer;-webkit-appearance:none}.parameter-gruppe input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#ff6b35;cursor:pointer;border:2px solid #fff}.status-box{background:#0000004d;padding:1rem;border-radius:8px;margin-top:1rem}.status-box p{margin:.3rem 0;color:#e0e0e0}.direkt-messen{margin-top:1rem;padding-top:1rem;border-top:1px solid #333}.direkt-messen .btn-messen{width:100%}.erfasste-messwerte{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-top:.7rem}.mess-label{color:#888;font-size:.8rem;margin-right:.2rem}.mess-chip{display:inline-block;padding:.2rem .5rem;background:#ffffff0f;border:1px solid #555;border-radius:4px;font-size:.75rem;color:#ccc}.auswertung1-bereich,.auswertung2-bereich{background:#1e1e32cc;border-radius:12px;padding:1.5rem;border:1px solid #333}.auswertung1-bereich h3,.auswertung2-bereich h3{margin:0 0 .5rem;color:#ff6b35}.erklaerung{color:#bbb;margin-bottom:1.5rem;line-height:1.5}.mess-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#0003;border-radius:8px}.iu-controls{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:1.5rem;padding:1.5rem;background:#0003;border-radius:8px}.iu-controls-row{display:flex;gap:2rem;flex-wrap:wrap}.iu-controls .parameter-gruppe{margin-bottom:0}.slider-gruppe{background:#ff6b351a;padding:1rem;border-radius:8px;border-left:3px solid #ff6b35}.slider-gruppe label{margin-bottom:.8rem}.gegenspannung-slider{width:100%;height:12px;border-radius:6px;background:linear-gradient(to right,#4caf50,#ff6b35,#f44336);cursor:pointer;-webkit-appearance:none}.gegenspannung-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;border:3px solid #ff6b35;box-shadow:0 2px 6px #0000004d}.slider-labels{display:flex;justify-content:space-between;margin-top:.3rem;font-size:.8rem;color:#888}.mess-anzeige{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.anzeige-box{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#1a1a3a;border-radius:6px;border:2px solid #0ff}.anzeige-box .label{color:#888}.anzeige-box .wert{color:#0ff;font-family:monospace;font-size:1.2rem;font-weight:700}.anzeige-box.grenzspannung-box{border-color:#ff6b35}.anzeige-box.grenzspannung-box .wert{color:#ff6b35}.btn-reset-iu{padding:.5rem 1rem;background:#555;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem}.btn-reset-iu:hover{background:#666}.aktuell{display:flex;gap:1rem;flex-wrap:wrap}.aktuell span{padding:.4rem .8rem;background:#2a2a4a;border-radius:4px;color:#e0e0e0;font-family:monospace}.btn-messen{padding:.6rem 1.2rem;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-messen:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.btn-messen:disabled{background:#555;cursor:not-allowed}.mess-tabelle{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.mess-tabelle th,.mess-tabelle td{padding:.6rem;text-align:center;border:1px solid #444}.mess-tabelle th{background:#2a2a4a;color:#e0e0e0;font-weight:600;font-size:.9rem}.mess-tabelle td{background:#1a1a3a;color:#e0e0e0}.mess-tabelle .keine-daten{color:#888;font-style:italic;padding:1.5rem}.mess-tabelle input{width:100%;max-width:120px;padding:.3rem;background:#2a2a4a;border:2px solid #555;border-radius:4px;color:#e0e0e0;font-size:.85rem;text-align:center}.mess-tabelle input.korrekt{border-color:#4caf50;background:#4caf501a}.mess-tabelle input.falsch{border-color:#f44336;background:#f443361a}.graph-container{margin-top:1.5rem}.graph-container h4{margin:0 0 1rem;color:#e0e0e0;text-align:center}.graph-svg{width:100%;max-width:400px;display:block;margin:0 auto;border-radius:8px}.graph-svg.large{max-width:500px}.graph-hinweis{text-align:center;color:#888;font-style:italic;margin-top:.5rem}.legende{margin-top:1.5rem;padding:1rem;background:#0000004d;border-radius:8px}.legende p{margin:0 0 .5rem;color:#ff6b35}.legende ul{margin:0;padding-left:1.5rem;color:#bbb}.legende li{margin:.4rem 0}.passwort-bereich{margin-top:1rem;text-align:center}.btn-passwort-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;text-decoration:underline;transition:color .2s}.btn-passwort-link:hover{color:#8b9cf7}.passwort-feld{display:flex;gap:.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.passwort-feld input{padding:.5rem 1rem;background:#2a2a4a;border:2px solid #555;border-radius:6px;color:#e0e0e0;font-size:.9rem;text-align:center;max-width:200px}.passwort-feld input:focus{outline:none;border-color:#667eea}.passwort-feld input.falsch{border-color:#f44336;animation:schuetteln .3s ease-in-out}@keyframes schuetteln{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.btn-passwort-ok{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s}.btn-passwort-ok:hover{background:#7b8ef0}.passwort-fehler-text{color:#f44336;font-size:.85rem;width:100%;text-align:center}.passwort-belohnung{margin-top:1rem;padding:1rem 1.5rem;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:8px;text-align:center}.passwort-titel{color:#4caf50;font-weight:600;margin:0 0 .5rem}.passwort-text{color:#bbb;margin:0 0 .3rem;font-size:.9rem}.passwort-wort{color:#667eea;font-size:1.3rem;font-weight:700;margin:.5rem 0;letter-spacing:.05em}.passwort-tipp{color:#888;font-size:.8rem;font-style:italic;margin:.5rem 0 0}@media (pointer: coarse){.parameter-gruppe input[type=range],.gegenspannung-slider{height:12px}.parameter-gruppe input[type=range]::-webkit-slider-thumb,.gegenspannung-slider::-webkit-slider-thumb{width:44px;height:44px}.btn-messen,.graph-buttons button,.auswertung-buttons button,.modus-toggle button{min-height:48px;padding:.8rem 1.2rem}.mess-tabelle input{min-height:44px;font-size:1rem}.wellenlaengen-select select{min-height:48px;font-size:1rem}}.photoeffekt-app{min-height:100vh;background:linear-gradient(135deg,#21213b,#48486d);color:#e0e0e0}.photoeffekt-header{padding:20px 30px;background:#0000004d;border-bottom:1px solid #333}.photoeffekt-header h1{margin:10px 0;font-size:1.8rem;color:#fff}.back-link{color:#888;text-decoration:none;font-size:.9rem}.back-link:hover{color:#aaa}.photoeffekt-nav{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}.photoeffekt-nav a{padding:8px 16px;border-radius:20px;text-decoration:none;color:#888;background:#ffffff0d;border:1px solid #333;font-size:.9rem;transition:all .2s ease}.photoeffekt-nav a:hover:not(.disabled){border-color:#555;color:#aaa}.photoeffekt-nav a.active{background:#87ceeb;border-color:#87ceeb;color:#000}.photoeffekt-nav a.disabled{opacity:.4;cursor:not-allowed}.photoeffekt-main{padding:30px;max-width:1200px;margin:0 auto}.page{display:flex;flex-direction:column;gap:24px}.page-intro{max-width:800px}.page-intro h2{color:#fff;margin:0 0 16px}.page-intro p{color:#aaa;line-height:1.6;margin:0 0 12px}.page-intro .aufgabe{padding:12px 16px;background:#87ceeb1a;border-left:3px solid #87CEEB;border-radius:0 8px 8px 0}.page-intro .aufgabe strong{color:#87ceeb}.hinweis{padding:12px 16px;background:#ffc1071a;border-left:3px solid #ffc107;border-radius:0 8px 8px 0;color:#aaa;font-size:.9rem}.hinweis strong{color:#ffc107}.coming-soon{text-align:center;padding:60px 20px;color:#666}.coming-soon h2{color:#888}.photonen-doppelspalt{width:100%}.simulation-layout{display:grid;grid-template-columns:1fr 320px;gap:2rem;align-items:start}@media (max-width: 1000px){.simulation-layout{grid-template-columns:1fr}}.visualisierungen{display:flex;flex-direction:column;gap:1.5rem}.seitenansicht-container h4,.schirm-container h4{color:#ccc;margin:0 0 8px;font-size:.95rem;display:flex;justify-content:space-between;align-items:center}.zaehler{font-size:.85rem;color:#9b59b6;font-weight:400}.seitenansicht-svg{width:100%;max-width:700px;border-radius:8px;border:1px solid #333}.wellenfront-ring{animation:wellenExpand 3s linear infinite}@keyframes wellenExpand{0%{stroke-opacity:.4}50%{stroke-opacity:.15}to{stroke-opacity:.4}}.schirm-canvas{width:100%;max-width:700px;border-radius:8px;border:1px solid #333;background:#0a0a12}.steuerung-container{background:#0003;border-radius:12px;padding:1.5rem;border:1px solid #333}.steuerung-container h3{margin:0 0 1.2rem;color:#fff;font-size:1.1rem}.parameter-gruppe{margin-bottom:1.2rem}.parameter-gruppe label{display:block;margin-bottom:6px;color:#aaa;font-size:.9rem}.parameter-gruppe input[type=range]{width:100%;accent-color:#9b59b6}.wellenlaenge-buttons{display:flex;gap:6px;flex-wrap:wrap}.wl-btn{padding:6px 12px;border:2px solid transparent;border-radius:8px;color:#fff;font-size:.85rem;cursor:pointer;transition:all .2s;background:#444;text-shadow:0 1px 2px rgba(0,0,0,.8)}.wl-btn.active{border-color:#fff;transform:scale(1.05);box-shadow:0 0 12px #ffffff4d}.wl-btn:hover:not(.active){border-color:#888}.modus-toggle{display:flex;gap:6px}.modus-toggle button{flex:1;padding:8px 12px;border:2px solid #444;border-radius:8px;background:#2a2a4a;color:#888;font-size:.85rem;cursor:pointer;transition:all .2s}.modus-toggle button.active{background:linear-gradient(135deg,#9b59b6,#6c3483);border-color:#9b59b6;color:#fff}.modus-toggle button:hover:not(.active){border-color:#666;color:#aaa}.button-zeile{display:flex;gap:8px;margin-bottom:1rem}.btn-start{flex:1;padding:12px 16px;border:none;border-radius:8px;background:linear-gradient(135deg,#27ae60,#1e8449);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-start.aktiv{background:linear-gradient(135deg,#e67e22,#d35400)}.btn-start:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.btn-reset{padding:12px 16px;border:2px solid #555;border-radius:8px;background:transparent;color:#888;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-reset:hover{border-color:#888;color:#ccc}.status-box{background:#0000004d;border-radius:8px;padding:.8rem 1rem;margin-bottom:1rem}.status-box p{margin:4px 0;font-size:.9rem;color:#aaa}.status-box strong{color:#ccc}.sim-hinweis{padding:10px 14px;background:#9b59b61a;border-left:3px solid #9b59b6;border-radius:0 8px 8px 0;color:#bbb;font-size:.85rem;line-height:1.5}.sim-hinweis.erfolg{background:#27ae601a;border-left-color:#27ae60}@media (pointer: coarse){.wl-btn{min-height:44px;min-width:44px;padding:10px 14px}.modus-toggle button{min-height:44px}.btn-start,.btn-reset{min-height:48px}.parameter-gruppe input[type=range]::-webkit-slider-thumb{width:44px;height:44px}}.elektronen-doppelspalt{width:100%}.elektronen-doppelspalt .simulation-layout{display:grid;grid-template-columns:1fr 320px;gap:2rem;align-items:start}@media (max-width: 1000px){.elektronen-doppelspalt .simulation-layout{grid-template-columns:1fr}}.elektronen-doppelspalt .visualisierungen{display:flex;flex-direction:column;gap:1.5rem}.elektronen-doppelspalt .seitenansicht-container h4,.elektronen-doppelspalt .schirm-container h4{color:#ccc;margin:0 0 8px;font-size:.95rem;display:flex;justify-content:space-between;align-items:center}.elektronen-doppelspalt .zaehler{font-size:.85rem;font-weight:400}.elektronen-doppelspalt .seitenansicht-svg{width:100%;max-width:700px;border-radius:8px;border:1px solid #333}.elektronen-doppelspalt .schirm-canvas{width:100%;max-width:700px;border-radius:8px;border:1px solid #333;background:#0a0a12}.elektronen-doppelspalt .steuerung-container{background:#0003;border-radius:12px;padding:1.5rem;border:1px solid #333}.elektronen-doppelspalt .steuerung-container h3{margin:0 0 1.2rem;color:#fff;font-size:1.1rem}.elektronen-doppelspalt .parameter-gruppe{margin-bottom:1.2rem}.elektronen-doppelspalt .parameter-gruppe label{display:block;margin-bottom:6px;color:#aaa;font-size:.9rem}.elektronen-doppelspalt .parameter-gruppe input[type=range]{width:100%;accent-color:#00cccc}.teilchen-buttons{display:flex;gap:6px;flex-wrap:wrap}.teilchen-btn{padding:8px 14px;border:2px solid #444;border-radius:8px;background:#2a2a4a;color:#aaa;font-size:.85rem;cursor:pointer;transition:all .2s}.teilchen-btn.active{background:#3a3a5a;color:#fff;border-width:3px}.teilchen-btn:hover:not(.active){border-color:#666}.debroglie-anzeige{background:#00c8c814;border:1px solid rgba(0,200,200,.2);border-radius:8px;padding:10px 14px;margin-bottom:1.2rem;display:flex;align-items:center;gap:8px}.debroglie-anzeige .label{color:#aaa;font-size:.9rem;font-style:italic;font-family:Times New Roman,serif}.debroglie-anzeige .wert{font-size:1.1rem;font-weight:700;font-family:monospace}.detektor-gruppe{background:#ff32320d;border:1px solid rgba(255,50,50,.15);border-radius:8px;padding:12px}.detektor-toggle{display:flex;gap:6px;margin-bottom:8px}.detektor-toggle button{flex:1;padding:8px 12px;border:2px solid #444;border-radius:8px;background:#2a2a4a;color:#888;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s}.detektor-toggle button.active.aus{background:#2a4a2a;border-color:#4caf50;color:#4caf50}.detektor-toggle button.active.an{background:#4a2a2a;border-color:#f44;color:#f44}.detektor-hinweis{margin:0;font-size:.8rem;color:#888;line-height:1.4}.detektor-pulse{animation:detektorPulse 1.5s ease-in-out infinite}@keyframes detektorPulse{0%,to{stroke-opacity:1;r:8}50%{stroke-opacity:.4;r:12}}.elektronen-doppelspalt .button-zeile{display:flex;gap:8px;margin-bottom:1rem}.elektronen-doppelspalt .btn-start{flex:1;padding:12px 16px;border:none;border-radius:8px;background:linear-gradient(135deg,#27ae60,#1e8449);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.elektronen-doppelspalt .btn-start.aktiv{background:linear-gradient(135deg,#e67e22,#d35400)}.elektronen-doppelspalt .btn-start:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.elektronen-doppelspalt .btn-reset{padding:12px 16px;border:2px solid #555;border-radius:8px;background:transparent;color:#888;font-size:.9rem;cursor:pointer}.elektronen-doppelspalt .btn-reset:hover{border-color:#888;color:#ccc}.elektronen-doppelspalt .status-box{background:#0000004d;border-radius:8px;padding:.8rem 1rem;margin-bottom:1rem}.elektronen-doppelspalt .status-box p{margin:4px 0;font-size:.9rem;color:#aaa}.elektronen-doppelspalt .sim-hinweis{padding:10px 14px;border-radius:0 8px 8px 0;font-size:.85rem;line-height:1.5;color:#bbb}.elektronen-doppelspalt .sim-hinweis.erfolg{background:#27ae601a;border-left:3px solid #27ae60}.elektronen-doppelspalt .sim-hinweis.warnung{background:#ff44441a;border-left:3px solid #ff4444}@media (pointer: coarse){.teilchen-btn{min-height:44px;min-width:44px}.detektor-toggle button,.elektronen-doppelspalt .btn-start,.elektronen-doppelspalt .btn-reset{min-height:48px}.elektronen-doppelspalt .parameter-gruppe input[type=range]::-webkit-slider-thumb{width:44px;height:44px}}.debroglie-herleitung{width:100%;max-width:800px}.herleitung-bereich{margin-bottom:2rem}.schritte{display:flex;flex-direction:column;gap:1rem}.schritt-karte{background:#0003;border:1px solid #333;border-radius:12px;padding:1.2rem 1.5rem;transition:all .5s ease}.schritt-karte.versteckt{opacity:0;max-height:0;padding:0;margin:0;overflow:hidden;border:none}.schritt-karte.sichtbar{opacity:1;max-height:300px}.schritt-karte.highlight{border-color:#9b59b6;background:#9b59b61a}.schritt-karte h4{margin:0 0 10px;color:#ccc;font-size:1rem}.formel-box{background:#0000004d;border-radius:8px;padding:12px 20px;margin:10px 0;text-align:center}.formel{font-family:Times New Roman,Georgia,serif;font-size:1.4rem;font-style:italic;color:#fff;letter-spacing:1px}.schritt-karte.highlight .formel{color:#d4a0f5;font-size:1.6rem}.schritt-karte p{margin:10px 0 0;color:#999;line-height:1.6;font-size:.95rem}.schritt-navigation{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}.btn-weiter{padding:12px 24px;border:none;border-radius:8px;background:linear-gradient(135deg,#9b59b6,#6c3483);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-weiter:hover{transform:translateY(-2px);box-shadow:0 4px 15px #9b59b666}.btn-weiter.fertig{background:linear-gradient(135deg,#555,#333)}.schritt-zaehler{color:#666;font-size:.9rem}.rechner-bereich{background:#0003;border:1px solid #333;border-radius:12px;padding:1.5rem}.rechner-bereich h3{margin:0 0 8px;color:#fff;font-size:1.2rem}.rechner-intro{color:#999;font-size:.95rem;margin:0 0 1.2rem}.beispiele-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-bottom:1.5rem}.beispiel-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #444;border-radius:8px;background:#ffffff08;color:#aaa;font-size:.85rem;cursor:pointer;transition:all .2s;text-align:left}.beispiel-btn:hover{border-color:#9b59b6;color:#ccc;background:#9b59b614}.beispiel-icon{font-size:1.2rem}.beispiel-name{line-height:1.3}.rechner-eingaben{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}@media (max-width: 500px){.rechner-eingaben{grid-template-columns:1fr}}.eingabe-gruppe{display:flex;flex-direction:column;gap:4px}.eingabe-gruppe label{color:#888;font-size:.85rem}.eingabe-gruppe input{padding:8px 12px;border:2px solid #444;border-radius:8px;background:#1a1a3a;color:#fff;font-family:monospace;font-size:.95rem}.eingabe-gruppe input:focus{outline:none;border-color:#9b59b6}.einheit{color:#666;font-size:.8rem}.rechner-ergebnis{background:#9b59b614;border:1px solid rgba(155,89,182,.3);border-radius:12px;padding:1.2rem 1.5rem;text-align:center}.ergebnis-formel{color:#aaa;font-family:Times New Roman,serif;font-style:italic;font-size:1.1rem;margin-bottom:8px}.ergebnis-wert{color:#d4a0f5;font-size:1.8rem;font-weight:700;font-family:monospace}.ergebnis-vergleich{margin:12px 0 0;color:#888;font-size:.9rem;line-height:1.5}@media (pointer: coarse){.beispiel-btn{min-height:48px;padding:12px}.btn-weiter{min-height:48px;padding:14px 28px}.eingabe-gruppe input{min-height:44px;font-size:1rem}}.knallertest{max-width:800px;margin:0 auto}.knallertest-tabs{display:flex;gap:8px;margin-bottom:24px}.knallertest-tabs button{padding:10px 20px;border-radius:20px;border:1px solid #444;background:#ffffff0d;color:#999;font-size:.95rem;cursor:pointer;transition:all .2s;min-height:44px}.knallertest-tabs button:hover{border-color:#666;color:#ccc}.knallertest-tabs button.active{background:#9b59b6;border-color:#9b59b6;color:#fff}.kugel-vorrat{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:12px 16px;background:#0003;border-radius:12px;margin-bottom:20px}.kugel-vorrat-label{width:100%;text-align:center;font-size:.85rem;color:#888;margin-bottom:4px}.kugel-mini{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c8dcff80,#6482b440 60%,#3c507826);border:1px solid rgba(180,200,240,.3);transition:all .3s;display:flex;align-items:center;justify-content:center;font-size:.7rem}.kugel-mini.waehlbar{cursor:pointer}.kugel-mini.waehlbar:hover{border-color:#9b59b6;box-shadow:0 0 10px #9b59b680;transform:scale(1.15)}.kugel-mini.aktiv{border-color:gold;box-shadow:0 0 8px #ffd70080;transform:scale(1.2)}.kugel-mini.getestet-dA{background:radial-gradient(circle at 35% 35%,#78ff7866,#3cb43c33);border-color:#64c86480}.kugel-mini.getestet-dB{background:radial-gradient(circle at 35% 35%,#9696ff66,#5050c833);border-color:#7878dc80}.kugel-mini.explodiert{background:radial-gradient(circle,#ff503c4d,#641e1426);border-color:#ff503c66}.interferometer-container{background:#00000040;border-radius:12px;padding:16px;margin-bottom:20px}.interferometer{width:100%;height:auto;display:block}.beam-path{stroke:#3a3a5c;stroke-width:2;fill:none}.beam-path.lit-upper,.beam-path.lit-lower,.beam-path.lit-output{stroke:#ffd70059;stroke-width:3;transition:stroke .3s,stroke-width .3s}.comp-source{fill:#6c3483;stroke:#9b59b6;stroke-width:1.5}.comp-splitter{fill:#64a0ff33;stroke:#5b8aff;stroke-width:1.5}.splitter-diag{stroke:#5b8aff;stroke-width:2}.comp-mirror{fill:#c8c8dc26;stroke:#aab;stroke-width:1.5}.mirror-diag{stroke:#ccd;stroke-width:3}.comp-detector{fill:#3c3c5099;stroke:#555;stroke-width:1.5;transition:fill .3s,stroke .3s}.comp-detector.lit-dA{fill:#50ff7899;stroke:#4f4;animation:detector-pulse .6s ease-out}.comp-detector.lit-dB{fill:#648cff99;stroke:#66f;animation:detector-pulse .6s ease-out}.svg-label{fill:#999;font-size:12px;font-family:inherit}.svg-label-detector{fill:#ccc;font-size:13px;font-weight:700;font-family:inherit}.photon-glow{fill:#ffd70033;transition:opacity .15s}.photon-core{fill:gold;transition:opacity .15s}.photon-group{transition:opacity .2s}.explosion-circle{fill:#ff5014cc;animation:explode 1.2s ease-out forwards}.explosion-flash{fill:#ffffc8e6;animation:flash .3s ease-out forwards}@keyframes explode{0%{r:8;opacity:1;fill:#ffffc8}20%{r:35;fill:#ff7814e6}60%{r:45;fill:#ff3c1480}to{r:50;opacity:0}}@keyframes flash{0%{r:5;opacity:1}to{r:60;opacity:0}}@keyframes detector-pulse{0%{filter:brightness(2)}to{filter:brightness(1)}}@keyframes kugel-test-glow{0%,to{stroke-opacity:.5}50%{stroke-opacity:1}}.knallertest-controls{text-align:center;margin-bottom:20px}.waehl-hinweis{text-align:center;color:#9b59b6;font-size:.95rem;padding:12px;animation:fade-pulse 1.5s ease-in-out infinite}.ergebnis-anzeige{text-align:center;padding:16px;border-radius:12px;margin-bottom:16px;font-size:1.1rem;font-weight:600}.ergebnis-anzeige.explosion{background:#ff3c1e26;border:1px solid rgba(255,60,30,.3);color:#ff6b4a}.ergebnis-anzeige.dA{background:#50ff781a;border:1px solid rgba(80,255,120,.25);color:#5f5}.ergebnis-anzeige.dB{background:#648cff1a;border:1px solid rgba(100,140,255,.25);color:#88f}.sortier-bereich{margin-bottom:20px}.sortier-frage{text-align:center;font-size:1rem;color:#ccc;margin-bottom:12px}.sortier-koerbe{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.korb-btn{flex:1;min-width:140px;max-width:200px;padding:14px 12px;border:2px solid #444;border-radius:12px;background:#ffffff0a;color:#ccc;font-size:.95rem;cursor:pointer;transition:all .2s;min-height:48px;text-align:center}.korb-btn:hover{border-color:#9b59b6;background:#9b59b61a;color:#fff}.korb-btn:active{transform:scale(.97)}.knallertest-feedback{text-align:center;padding:12px 16px;border-radius:10px;margin-top:12px;margin-bottom:16px;font-size:.95rem;line-height:1.5}.knallertest-feedback.richtig{background:#48bb7826;border:1px solid rgba(72,187,120,.3);color:#68d391}.knallertest-feedback.falsch{background:#f565651f;border:1px solid rgba(245,101,101,.25);color:#fc8181}.mini-statistik{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;padding:12px;background:#00000026;border-radius:10px;font-size:.85rem;color:#888}.stat-item{display:flex;align-items:center;gap:6px}.stat-dot{width:10px;height:10px;border-radius:50%}.stat-dot.explosion{background:#ff6b4a}.stat-dot.dA{background:#5f5}.stat-dot.dB{background:#66f}.stat-dot.richtig{background:#68d391}.auswertung{text-align:center}.auswertung h3{font-size:1.5rem;color:#fff;margin-bottom:20px}.auswertung-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:400px;margin:0 auto 24px}.auswertung-stat{padding:12px;border-radius:10px;background:#0003;border:1px solid #333}.auswertung-stat .stat-value{font-size:1.8rem;font-weight:700;color:#fff}.auswertung-stat .stat-label{font-size:.85rem;color:#888;margin-top:4px}.auswertung-stat.highlight{border-color:#50ff7866;background:#50ff7814}.auswertung-stat.highlight .stat-value{color:#5f5}.enthuellung{margin:24px 0}.enthuellung h4{color:#ccc;margin-bottom:12px;font-size:1rem}.kugeln-reveal{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.kugel-reveal{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:2px solid;position:relative}.kugel-reveal.voll{background:radial-gradient(circle at 35% 35%,#ff645099,#c8281e66);border-color:#ff503c99;color:#fcc}.kugel-reveal.leer{background:radial-gradient(circle at 35% 35%,#c8dcff59,#6482b426);border-color:#b4c8f059;color:#aac}.kugel-reveal .kugel-ergebnis-icon{position:absolute;bottom:-4px;right:-4px;font-size:.75rem;background:#1a1a3a;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.highlight-box{padding:16px 20px;border-radius:12px;background:#50ff7814;border:1px solid rgba(80,255,120,.3);color:#68d391;font-size:1.1rem;margin-bottom:20px;line-height:1.6}.theorie-vergleich{padding:14px 18px;border-radius:10px;background:#9b59b614;border:1px solid rgba(155,89,182,.25);color:#bbb;font-size:.9rem;line-height:1.6;text-align:left;margin-bottom:20px}.btn-neustart{padding:14px 32px;border:none;border-radius:10px;background:linear-gradient(135deg,#9b59b6,#6c3483);color:#fff;font-size:1rem;cursor:pointer;transition:transform .15s;min-height:48px}.btn-neustart:hover{transform:translateY(-2px)}.erklaerung-tab{color:#ccc;line-height:1.7}.erklaerung-tab h3{color:#fff;font-size:1.3rem;margin:24px 0 12px}.erklaerung-tab h3:first-child{margin-top:0}.erklaerung-tab p{margin-bottom:12px;font-size:.95rem}.erklaerung-tab strong{color:#d4a5e8}.erklaerung-tab em{color:gold;font-style:normal}.erklaerung-diagram{background:#00000040;border-radius:12px;padding:16px;margin:16px 0}.erklaerung-diagram svg{width:100%;height:auto;display:block}.erklaerung-list{list-style:none;padding:0;margin:8px 0 16px}.erklaerung-list li{padding:6px 0 6px 20px;position:relative;font-size:.95rem}.erklaerung-list li:before{content:"→";position:absolute;left:0;color:#9b59b6}.phase-box{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.85rem;margin:0 2px}.phase-box.null{background:#64c86426;color:#6d6;border:1px solid rgba(100,200,100,.3)}.phase-box.pi{background:#ff645026;color:#f88;border:1px solid rgba(255,100,80,.3)}.anim-hinweis{text-align:center;color:#888;font-size:.9rem;padding:12px;animation:fade-pulse 1.5s ease-in-out infinite}@keyframes fade-pulse{0%,to{opacity:.5}50%{opacity:1}}@media (max-width: 520px){.knallertest{padding:0 4px}.sortier-koerbe{flex-direction:column;align-items:center}.korb-btn{max-width:100%;width:100%}.auswertung-stats{grid-template-columns:1fr}}.quantenobjekte-app{min-height:100vh;background:linear-gradient(135deg,#1a1a3a,#2d1b4e);color:#e0e0e0}.quantenobjekte-header{padding:20px 30px;background:#0000004d;border-bottom:1px solid #333}.quantenobjekte-header h1{margin:10px 0;font-size:1.8rem;color:#fff}.quantenobjekte-nav{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}.quantenobjekte-nav a{padding:8px 16px;border-radius:20px;text-decoration:none;color:#888;background:#ffffff0d;border:1px solid #333;font-size:.9rem;transition:all .2s ease}.quantenobjekte-nav a:hover{border-color:#555;color:#aaa}.quantenobjekte-nav a.active{background:#9b59b6;border-color:#9b59b6;color:#fff}.quantenobjekte-main{padding:30px;max-width:1200px;margin:0 auto}.roentgen-apparatur-svg{width:100%;max-width:700px;border-radius:12px;box-shadow:0 4px 12px #0006}.gluehwendel{animation:gluehen 2s ease-in-out infinite}@keyframes gluehen{0%,to{opacity:.6}50%{opacity:1}}.elektron-flug-v{animation:elektronFlugVertikal 1s linear infinite}.elektron-flug-v.e1{animation-delay:0s}.elektron-flug-v.e2{animation-delay:.25s}.elektron-flug-v.e3{animation-delay:.5s}.elektron-flug-v.e4{animation-delay:.75s}@keyframes elektronFlugVertikal{0%{opacity:0;transform:translate(125px,95px)}10%{opacity:1;transform:translate(123px,110px)}50%{opacity:1;transform:translate(120px,155px)}90%{opacity:1;transform:translate(118px,200px)}to{opacity:0;transform:translate(115px,218px)}}.strahl-pulsierend{animation:strahlPuls 1s ease-in-out infinite}@keyframes strahlPuls{0%,to{opacity:.5}50%{opacity:1}}.blink{animation:blinken .8s ease-in-out infinite}@keyframes blinken{0%,to{opacity:1}50%{opacity:.2}}.roentgen-erzeugung{max-width:1100px;margin:0 auto}.erzeugung-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:start}@media (max-width: 900px){.erzeugung-layout{grid-template-columns:1fr}}.apparatur-container{display:flex;justify-content:center}.steuerung-panel{background:#0d1b2acc;border-radius:12px;padding:1.5rem;border:1px solid #1e3a5f}.steuerung-panel h3{margin:0 0 1.5rem;color:#00bcd4;font-size:1.1rem}.roentgen-erzeugung .parameter-gruppe{margin-bottom:1.5rem}.roentgen-erzeugung .parameter-gruppe label{display:block;margin-bottom:.5rem;color:#e0e0e0;font-weight:600;font-size:.95rem}.roentgen-erzeugung .parameter-gruppe input[type=range]{width:100%;height:8px;border-radius:4px;background:#1e3a5f;cursor:pointer;-webkit-appearance:none}.roentgen-erzeugung .parameter-gruppe input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#00bcd4;cursor:pointer;border:2px solid #fff}.wert-anzeige{display:block;text-align:right;color:#00bcd4;font-weight:700;font-family:monospace;margin-top:.3rem}.heizung-gruppe{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}.heizung-gruppe label{margin-bottom:0!important}.heizung-btn{padding:.5rem 1.5rem;border:2px solid #555;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.heizung-btn.aus{background:#311;border-color:#f44;color:#f44}.heizung-btn.an{background:#131;border-color:#4caf50;color:#4caf50}.heizung-btn:hover{transform:scale(1.05)}.heizung-hinweis{display:block;width:100%;font-size:.8rem;color:#f44;font-style:italic}.target-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.target-btn{padding:.6rem 1rem;background:#123;border:2px solid #334;border-radius:8px;color:#e0e0e0;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.2rem}.target-btn:hover{background:#1a3344}.target-btn.active{background:#1a3a5f;border-width:3px}.target-z{font-size:.75rem;color:#888}.status-box{background:#0a1628;border-radius:8px;padding:1rem;border:1px solid #1e3a5f;margin-bottom:1rem}.status-zeile{display:flex;justify-content:space-between;padding:.3rem 0}.status-label{color:#888;font-size:.9rem}.status-wert{color:#e0e0e0;font-family:monospace;font-size:.95rem}.status-wert.highlight{color:#0f0;font-weight:700}.hinweis-box{padding:10px 14px;background:#ffc10714;border-left:3px solid #ffc107;border-radius:0 8px 8px 0;color:#aaa;font-size:.85rem}.hinweis-box strong{color:#ffc107}@media (pointer: coarse){.roentgen-erzeugung .parameter-gruppe input[type=range]{height:12px}.roentgen-erzeugung .parameter-gruppe input[type=range]::-webkit-slider-thumb{width:44px;height:44px}.target-btn{min-height:48px;padding:.8rem 1.2rem}}.spektrum-graph-svg{width:100%;max-width:560px;border-radius:8px;box-shadow:0 2px 8px #0000004d}.target-vergleich{max-width:1200px;margin:0 auto}.tv-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media (max-width: 1000px){.tv-layout{grid-template-columns:1fr}}.tv-links{display:flex;flex-direction:column;gap:1.5rem}.tv-controls{background:#0d1b2acc;border-radius:12px;padding:1.5rem;border:1px solid #1e3a5f}.spannung-info{color:#aaa;font-size:.95rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.spannung-info strong{color:#00bcd4}.lambda-min{color:#888;font-family:monospace;font-size:.85rem}.target-vergleich .parameter-gruppe{margin-bottom:1rem}.target-vergleich .parameter-gruppe label{display:block;margin-bottom:.5rem;color:#e0e0e0;font-weight:600}.target-vergleich .target-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.target-vergleich .target-btn{padding:.6rem 1rem;background:#123;border:2px solid #334;border-radius:8px;color:#e0e0e0;cursor:pointer;transition:all .2s;position:relative}.target-vergleich .target-btn:hover:not(:disabled){background:#1a3344}.target-vergleich .target-btn.active{background:#1a3a5f;border-width:3px}.target-vergleich .target-btn.gemessen{opacity:.7}.target-vergleich .target-btn .check{color:#4caf50;margin-left:.3rem;font-weight:700}.btn-row{display:flex;gap:.5rem;margin-top:1rem}.target-vergleich .btn-messen{flex:1;padding:.8rem;background:linear-gradient(135deg,#00897b,#00695c);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.target-vergleich .btn-messen:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00897b66}.target-vergleich .btn-messen:disabled{background:#334;cursor:not-allowed;opacity:.6}.target-vergleich .btn-reset{padding:.8rem 1rem;background:#445;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.target-vergleich .btn-reset:hover:not(:disabled){background:#556}.tv-rechts{display:flex;flex-direction:column;gap:1rem}.tv-rechts h3{margin:0;color:#00bcd4;font-size:1.1rem}.didaktik-hinweis{padding:12px 16px;background:#00bcd414;border-left:3px solid #00bcd4;border-radius:0 8px 8px 0;color:#bbb;font-size:.9rem;line-height:1.5}.didaktik-hinweis.wichtig{background:#4caf5014;border-color:#4caf50}.didaktik-hinweis.wichtig strong{color:#4caf50}.didaktik-hinweis.frage{background:#ffc10714;border-color:#ffc107}.didaktik-hinweis.frage strong{color:#ffc107}.didaktik-hinweis .tipp{margin:.5rem 0 0;font-size:.85rem;color:#888;font-style:italic}@media (pointer: coarse){.target-vergleich .target-btn{min-height:48px;padding:.8rem 1.2rem}.target-vergleich .btn-messen,.target-vergleich .btn-reset{min-height:48px}}.spannungs-vergleich{max-width:1200px;margin:0 auto}.sub-tab-nav{display:flex;gap:.5rem;margin-bottom:1.5rem}.sub-tab-nav button{padding:10px 20px;background:#ffffff0d;border:1px solid #1e3a5f;border-radius:8px 8px 0 0;color:#888;cursor:pointer;font-size:.95rem;transition:all .2s}.sub-tab-nav button:hover:not(:disabled){background:#ffffff1a;color:#bbb}.sub-tab-nav button.active{background:#00bcd426;border-color:#00bcd4;color:#00bcd4;font-weight:600}.sub-tab-nav button:disabled{opacity:.4;cursor:not-allowed}.tab-hinweis{font-size:.75rem;font-weight:400;opacity:.8}.sv-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media (max-width: 1000px){.sv-layout{grid-template-columns:1fr}}.sv-links{display:flex;flex-direction:column;gap:1.5rem}.sv-controls{background:#0d1b2acc;border-radius:12px;padding:1.5rem;border:1px solid #1e3a5f}.target-info{color:#aaa;margin-bottom:1rem}.target-info strong{color:#e87040}.spannungs-vergleich .parameter-gruppe{margin-bottom:1rem}.spannungs-vergleich .parameter-gruppe label{display:block;margin-bottom:.5rem;color:#e0e0e0;font-weight:600}.spannung-buttons{display:flex;gap:.4rem;flex-wrap:wrap}.spannung-btn{padding:.5rem .8rem;background:#123;border:2px solid #334;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s;position:relative}.spannung-btn:hover:not(:disabled){background:#1a3344}.spannung-btn.active{background:#1a3a5f;border-width:3px;color:#fff!important}.spannung-btn.gemessen{opacity:.7}.spannung-btn .check{color:#4caf50;margin-left:.2rem}.spannungs-vergleich .btn-row{display:flex;gap:.5rem;margin-top:1rem}.spannungs-vergleich .btn-messen{flex:1;padding:.8rem;background:linear-gradient(135deg,#00897b,#00695c);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.spannungs-vergleich .btn-messen:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00897b66}.spannungs-vergleich .btn-messen:disabled{background:#334;cursor:not-allowed;opacity:.6}.spannungs-vergleich .btn-reset{padding:.8rem 1rem;background:#445;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.spannungs-vergleich .btn-reset:hover:not(:disabled){background:#556}.sv-rechts{display:flex;flex-direction:column;gap:1rem}.sv-rechts h3{margin:0;color:#00bcd4;font-size:1.1rem}.spannungs-vergleich .didaktik-hinweis{padding:12px 16px;background:#00bcd414;border-left:3px solid #00bcd4;border-radius:0 8px 8px 0;color:#bbb;font-size:.9rem;line-height:1.5}.spannungs-vergleich .didaktik-hinweis strong{color:#00bcd4}.auswertung-bereich{display:flex;flex-direction:column;gap:1.5rem}.auswertung-intro p{color:#aaa;line-height:1.6;margin:0}.auswertung-graph-container{display:flex;justify-content:center}.spannungs-vergleich .tabellen-bereich{background:#0d1b2acc;border-radius:12px;padding:1.5rem;border:1px solid #1e3a5f}.spannungs-vergleich .tabellen-bereich h3{margin:0 0 1rem;color:#00bcd4}.spannungs-vergleich .mess-tabelle{width:100%;border-collapse:collapse;margin-bottom:1rem}.spannungs-vergleich .mess-tabelle th,.spannungs-vergleich .mess-tabelle td{padding:.7rem;text-align:center;border:1px solid #1e3a5f}.spannungs-vergleich .mess-tabelle th{background:#123;color:#e0e0e0;font-weight:600;font-size:.85rem}.spannungs-vergleich .mess-tabelle td{background:#0d1b2a;color:#e0e0e0;position:relative}.spannungs-vergleich .mess-tabelle input{width:100%;max-width:130px;padding:.4rem;background:#123;border:2px solid #1e3a5f;border-radius:4px;color:#e0e0e0;font-size:.9rem;text-align:center}.spannungs-vergleich .mess-tabelle input:focus{outline:none;border-color:#00bcd4}.spannungs-vergleich .mess-tabelle input.korrekt{border-color:#4caf50;background:#4caf501a}.spannungs-vergleich .mess-tabelle input.falsch{border-color:#f44336;background:#f443361a}.spannungs-vergleich .mess-tabelle input:disabled{opacity:.4;cursor:not-allowed}.auto-wert{font-family:monospace;color:#888!important}.check-mark{color:#4caf50;margin-left:.3rem;font-weight:700}.cross-mark{color:#f44336;margin-left:.3rem;font-weight:700}.formel-hinweise p{margin:0;font-size:.85rem;color:#888}.ef-graph-bereich{background:#0d1b2acc;border-radius:12px;padding:1.5rem;border:1px solid #1e3a5f;text-align:center}.ef-graph-bereich h3{margin:0 0 1rem;color:#00bcd4}.ef-graph-svg{width:100%;max-width:500px;border-radius:8px}.graph-hinweis{margin:.5rem 0 0;font-size:.9rem;color:#888;font-style:italic}.spannungs-vergleich .steigung-ergebnis{margin-top:1rem;padding:1rem;background:#00bcd414;border-left:4px solid #00bcd4;border-radius:0 8px 8px 0;text-align:left}.steigung-ergebnis p{margin:.3rem 0;color:#e0e0e0}.steigung-ergebnis .vergleich{font-size:.9rem;color:#aaa}.steigung-ergebnis .treffer{color:#4caf50;font-weight:700}.steigung-ergebnis .erkenntnis{margin-top:.8rem;padding:.8rem;background:#0003;border-radius:6px;font-size:.9rem;color:#bbb;line-height:1.5}.steigung-ergebnis .erkenntnis strong{color:#ffc107}@media (pointer: coarse){.spannung-btn{min-height:44px;padding:.7rem 1rem}.spannungs-vergleich .btn-messen,.spannungs-vergleich .btn-reset{min-height:48px}.spannungs-vergleich .mess-tabelle input{min-height:44px;font-size:1rem}.sub-tab-nav button{min-height:44px}}@media (max-width: 700px){.spannungs-vergleich .mess-tabelle th,.spannungs-vergleich .mess-tabelle td{padding:.4rem;font-size:.8rem}.spannungs-vergleich .mess-tabelle input{max-width:90px;font-size:.8rem}}.zusammenfassung{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.zf-section{background:#0d1b2a99;border:1px solid #1e3a5f;border-radius:12px;padding:1.5rem}.zf-section h3{color:#00bcd4;margin:0 0 1rem;font-size:1.15rem;border-bottom:1px solid #1e3a5f;padding-bottom:.5rem}.versuch-karten{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.versuch-karte{background:#0a1628b3;border:1px solid #1e3a5f;border-radius:8px;padding:1rem 1.2rem}.versuch-karte h4{color:#ccd;margin:0 0 .75rem;font-size:.95rem}.versuch-karte ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.versuch-karte li{color:#aab;font-size:.88rem;line-height:1.5;padding-left:1rem;position:relative}.versuch-karte li:before{content:"▸";position:absolute;left:0;color:#00bcd4}.versuch-karte li.fazit{color:#00bcd4;font-weight:600;border-top:1px solid #1e3a5f;padding-top:.5rem;margin-top:.2rem}.versuch-karte li.fazit:before{content:"→"}.vergleich-schema{margin:1rem 0}.schema-svg{width:100%;max-width:600px;display:block;margin:0 auto}.zentrale-erkenntnis{text-align:center;color:#aab;font-size:.95rem;margin-top:1rem}.formel-highlight{text-align:center;padding:1.5rem 1rem;background:radial-gradient(ellipse at center,rgba(0,188,212,.12),transparent 70%);border-radius:12px}.formel-highlight .formel{font-size:2.2rem;font-weight:700;color:#fff;letter-spacing:.08em;text-shadow:0 0 20px rgba(0,188,212,.5),0 0 40px rgba(0,188,212,.2)}.bedeutung-punkte{display:flex;flex-direction:column;gap:1rem}.bedeutung-punkt{display:flex;gap:1rem;align-items:flex-start}.punkt-icon{font-size:1.5rem;color:#00bcd4;min-width:2rem;text-align:center;line-height:1.4}.punkt-text{color:#aab;font-size:.9rem;line-height:1.6}.punkt-text strong{color:#ccd}.formel-kette{display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;padding:1rem 0}.formel-block{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:#00bcd414;border:1px solid rgba(0,188,212,.2);border-radius:8px;padding:.8rem 1rem}.formel-label{font-size:.75rem;color:#888;text-align:center;line-height:1.3}.formel-ausdruck{font-size:1.1rem;color:#fff;font-weight:600}.formel-gleich{font-size:1.4rem;color:#00bcd4;font-weight:700}.anwendungen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.anwendung{background:#0a1628b3;border:1px solid #1e3a5f;border-radius:8px;padding:1rem;text-align:center}.anwendung-icon{font-size:2rem;color:#00bcd4;margin-bottom:.4rem}.anwendung h4{color:#ccd;margin:0 0 .4rem;font-size:.9rem}.anwendung p{color:#889;font-size:.82rem;line-height:1.5;margin:0}@media (max-width: 900px){.versuch-karten,.anwendungen-grid{grid-template-columns:1fr}.formel-kette{flex-direction:column;gap:.5rem}.formel-gleich{transform:rotate(90deg)}.formel-highlight .formel{font-size:1.6rem}}.roentgen-app{min-height:100vh;background:linear-gradient(135deg,#0d1b2a,#1b2d4a);color:#e0e0e0}.roentgen-header{padding:20px 30px;background:#0000004d;border-bottom:1px solid #1e3a5f}.roentgen-header h1{margin:10px 0;font-size:1.8rem;color:#fff}.roentgen-app .back-link{color:#888;text-decoration:none;font-size:.9rem}.roentgen-app .back-link:hover{color:#aaa}.roentgen-nav{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}.roentgen-nav a{padding:8px 16px;border-radius:20px;text-decoration:none;color:#888;background:#ffffff0d;border:1px solid #1e3a5f;font-size:.9rem;transition:all .2s ease}.roentgen-nav a:hover{border-color:#2a5a8f;color:#aaa}.roentgen-nav a.active{background:#00bcd4;border-color:#00bcd4;color:#000}.roentgen-main{padding:30px;max-width:1200px;margin:0 auto}.roentgen-app .page{display:flex;flex-direction:column;gap:24px}.roentgen-app .page-intro{max-width:800px}.roentgen-app .page-intro h2{color:#fff;margin:0 0 16px}.roentgen-app .page-intro p{color:#aaa;line-height:1.6;margin:0 0 12px}.roentgen-app .page-intro .aufgabe{padding:12px 16px;background:#00bcd41a;border-left:3px solid #00bcd4;border-radius:0 8px 8px 0}.roentgen-app .page-intro .aufgabe strong{color:#00bcd4}.vom-photoeffekt{display:flex;flex-direction:column;gap:20px;max-width:800px}.step-progress{display:flex;gap:8px;justify-content:center}.step-dot{width:36px;height:36px;border-radius:50%;border:2px solid #1e3a5f;background:#ffffff0d;color:#666;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.step-dot:hover{border-color:#2a5a8f;color:#aaa}.step-dot.active{background:#00bcd4;border-color:#00bcd4;color:#000}.step-dot.done{background:#00bcd433;border-color:#00bcd4;color:#00bcd4}.step-card{background:#ffffff0a;border:1px solid #1e3a5f;border-radius:12px;padding:28px}.step-card h3{color:#fff;margin:0 0 20px;font-size:1.3rem}.step-content p{color:#bbb;line-height:1.7;margin:0 0 14px}.step-content ul{color:#bbb;line-height:1.7;padding-left:24px;margin:0 0 14px}.step-content li{margin-bottom:6px}.step-content strong{color:#e0e0e0}.step-content em{color:#00bcd4;font-style:normal}.merke{padding:14px 18px;background:#00bcd41a;border-left:3px solid #00bcd4;border-radius:0 8px 8px 0;color:#ccc;line-height:1.6;margin-top:12px}.frage{padding:14px 18px;background:#f59e0b1a;border-left:3px solid #f59e0b;border-radius:0 8px 8px 0;color:#ccc;line-height:1.6;margin-top:12px}.formel{text-align:center;font-size:1.6rem;font-weight:700;color:#00bcd4;padding:16px;margin:12px 0;background:#00bcd40f;border-radius:8px;font-family:Georgia,serif;letter-spacing:2px}.stoss-schema{margin:16px 0}.stoss-svg{width:100%;max-width:500px;display:block;margin:0 auto}.step-nav{display:flex;justify-content:space-between;align-items:center;gap:16px}.step-btn{padding:10px 20px;border-radius:8px;border:1px solid #1e3a5f;background:#ffffff0d;color:#aaa;cursor:pointer;font-size:.95rem;transition:all .2s ease}.step-btn:hover:not(:disabled){border-color:#2a5a8f;color:#fff}.step-btn:disabled{opacity:.3;cursor:not-allowed}.step-btn.primary{background:#00bcd4;border-color:#00bcd4;color:#000;font-weight:700}.step-btn.primary:hover:not(:disabled){background:#00d4ef;border-color:#00d4ef}.step-counter{color:#666;font-size:.85rem}.compton-streuung{display:flex;flex-direction:column;gap:24px}.section-card{background:#ffffff0a;border:1px solid #1e3a5f;border-radius:12px;padding:24px}.section-card h3{color:#fff;margin:0 0 16px;font-size:1.15rem}.versuchsaufbau-svg{width:100%;max-width:680px;display:block;margin:0 auto}.stoss-svg{width:100%;display:block;margin:0 auto 8px}.vergleich-svg{width:100%;max-width:450px;display:block;margin:0 auto}.diagramm-svg{width:100%;max-width:500px;display:block;margin:0 auto}.aufbau-info{color:#888;font-size:.9rem;line-height:1.5;margin-top:12px}.hinweis{color:#666;font-size:.85rem;font-style:italic;margin-top:12px;text-align:center}.slider-container{max-width:500px;margin:0 auto;text-align:center}.slider-container label{color:#ccc;font-size:.95rem;display:block;margin-bottom:8px}.slider-container label strong{color:#00bcd4;font-size:1.2rem}.slider-container input[type=range]{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#1e3a5f;border-radius:3px;outline:none}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#00bcd4;cursor:pointer;border:2px solid #fff}.slider-marks{display:flex;justify-content:space-between;color:#555;font-size:.75rem;margin-top:4px}.stoss-layout{display:grid;grid-template-columns:1fr 190px;gap:16px;align-items:start}.stoss-hauptbereich{min-width:0}.stoss-legende{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:center;margin-bottom:8px;font-size:.8rem;color:#888}.legende-item{display:flex;align-items:center;gap:6px}.legende-punkt{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.messwerte-sidebar{display:flex;flex-direction:column;gap:8px}@media (max-width: 768px){.stoss-layout{grid-template-columns:1fr}.messwerte-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.messwert-card{background:#ffffff08;border:1px solid #1e3a5f;border-radius:8px;padding:12px;text-align:center}.messwert-card.highlight{border-color:#00bcd4;background:#00bcd414}.mw-label{display:block;color:#888;font-size:.8rem;margin-bottom:4px}.mw-value{display:block;color:#fff;font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums}.messwert-card.highlight .mw-value{color:#00bcd4}.compton-erklaerung{display:flex;flex-direction:column;gap:12px;max-width:800px}.accordion-item{border:1px solid #1e3a5f;border-radius:10px;overflow:hidden;transition:border-color .2s}.accordion-item.open{border-color:#2a5a8f}.accordion-header{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:#ffffff08;border:none;color:#ccc;font-size:1rem;cursor:pointer;text-align:left}.accordion-header:hover{background:#ffffff0f}.accordion-number{width:28px;height:28px;border-radius:50%;background:#1e3a5f;color:#aaa;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.accordion-item.open .accordion-number{background:#00bcd4;color:#000}.accordion-title{flex:1}.accordion-arrow{color:#666;font-size:1.1rem}.accordion-body{padding:6px 20px 24px 60px}.accordion-body p{color:#bbb;line-height:1.7;margin:0 0 14px}.accordion-body ul{color:#bbb;line-height:1.7;padding-left:20px;margin:0 0 14px}.accordion-body li{margin-bottom:8px}.accordion-body strong{color:#e0e0e0}.vorhersage{display:flex;align-items:baseline;gap:10px;padding:12px 16px;border-radius:8px;margin:12px 0;line-height:1.5;color:#bbb}.vorhersage.klassisch{background:#ef444414;border-left:3px solid #ef4444}.vorhersage .label{font-weight:700;color:#ef4444;white-space:nowrap}.formel-box{padding:14px 18px;background:#ffffff0a;border:1px solid #1e3a5f;border-radius:8px;margin:12px 0}.formel-titel{color:#aaa;font-size:.85rem;margin-bottom:6px}.formel-inhalt{color:#00bcd4;font-size:1.15rem;font-family:Georgia,serif;margin-bottom:6px}.formel-text{color:#777;font-size:.85rem}.hauptformel{text-align:center;font-size:1.4rem;color:#00bcd4;padding:20px;margin:16px 0;background:#00bcd40f;border:1px solid rgba(0,188,212,.2);border-radius:10px;font-family:Georgia,serif}.nenner{padding-top:2px;font-size:.95rem}.spezialfaelle{width:100%;border-collapse:collapse;margin:14px 0;font-size:.95rem}.spezialfaelle th{background:#ffffff0f;color:#aaa;padding:10px 14px;text-align:left;border-bottom:1px solid #1e3a5f}.spezialfaelle td{padding:10px 14px;color:#bbb;border-bottom:1px solid rgba(255,255,255,.04)}.spezialfaelle .highlight-row td{background:#00bcd40f;color:#00bcd4;font-weight:700}.compton-quiz{display:flex;flex-direction:column;gap:20px;max-width:800px}.quiz-card{background:#ffffff0a;border:1px solid #1e3a5f;border-radius:12px;padding:24px;transition:border-color .3s}.quiz-card.correct{border-color:#22c55e}.quiz-card.wrong{border-color:#ef4444}.quiz-nummer{color:#00bcd4;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.quiz-frage{color:#fff;font-size:1.05rem;line-height:1.5;margin:0 0 16px}.quiz-optionen{display:flex;flex-direction:column;gap:8px}.quiz-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff08;border:1px solid #1e3a5f;border-radius:8px;color:#bbb;font-size:.95rem;cursor:pointer;text-align:left;transition:all .15s ease}.quiz-option:hover{border-color:#2a5a8f;background:#ffffff0f}.quiz-option.selected{border-color:#00bcd4;background:#00bcd41a;color:#fff}.quiz-option.is-correct{border-color:#22c55e;background:#22c55e1f;color:#22c55e}.quiz-option.is-wrong{border-color:#ef4444;background:#ef44441f;color:#ef4444}.option-letter{width:28px;height:28px;border-radius:50%;background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.quiz-option.selected .option-letter{background:#00bcd4;color:#000}.quiz-option.is-correct .option-letter{background:#22c55e;color:#000}.quiz-option.is-wrong .option-letter{background:#ef4444;color:#fff}.option-text{flex:1}.quiz-erklaerung{margin-top:14px;padding:12px 16px;border-radius:8px;font-size:.9rem;line-height:1.6}.quiz-erklaerung.richtig{background:#22c55e14;border-left:3px solid #22c55e;color:#aaa}.quiz-erklaerung.richtig strong{color:#22c55e}.quiz-erklaerung.falsch{background:#ef444414;border-left:3px solid #ef4444;color:#aaa}.quiz-erklaerung.falsch strong{color:#ef4444}.quiz-footer{text-align:center;padding:16px 0}.quiz-submit{padding:14px 32px;border-radius:10px;border:none;background:#00bcd4;color:#000;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.quiz-submit:hover:not(:disabled){background:#00d4ef}.quiz-submit:disabled{background:#1e3a5f;color:#555;cursor:not-allowed}.quiz-ergebnis{display:flex;flex-direction:column;align-items:center;gap:16px}.quiz-reset{padding:10px 24px;border-radius:8px;border:1px solid #1e3a5f;background:transparent;color:#aaa;font-size:.9rem;cursor:pointer}.quiz-reset:hover{border-color:#2a5a8f;color:#fff}.compton-app{min-height:100vh;background:linear-gradient(135deg,#0d1b2a,#1b2d4a);color:#e0e0e0}.compton-header{padding:20px 30px;background:#0000004d;border-bottom:1px solid #1e3a5f}.compton-header h1{margin:10px 0;font-size:1.8rem;color:#fff}.compton-app .back-link{color:#888;text-decoration:none;font-size:.9rem}.compton-app .back-link:hover{color:#aaa}.compton-nav{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}.compton-nav a{padding:8px 16px;border-radius:20px;text-decoration:none;color:#888;background:#ffffff0d;border:1px solid #1e3a5f;font-size:.9rem;transition:all .2s ease}.compton-nav a:hover{border-color:#2a5a8f;color:#aaa}.compton-nav a.active{background:#00bcd4;border-color:#00bcd4;color:#000}.compton-main{padding:30px;max-width:1200px;margin:0 auto}.compton-app .page{display:flex;flex-direction:column;gap:24px}.compton-app .page-intro{max-width:800px}.compton-app .page-intro h2{color:#fff;margin:0 0 16px}.compton-app .page-intro p{color:#aaa;line-height:1.6;margin:0 0 12px}.compton-app .page-intro .aufgabe{padding:12px 16px;background:#00bcd41a;border-left:3px solid #00bcd4;border-radius:0 8px 8px 0}.compton-app .page-intro .aufgabe strong{color:#00bcd4}.neue-situation{display:flex;flex-direction:column;gap:20px;max-width:800px}.neue-situation .step-progress{display:flex;gap:8px;justify-content:center}.neue-situation .step-dot{width:36px;height:36px;border-radius:50%;border:2px solid #1e3a5f;background:#ffffff0d;color:#666;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.neue-situation .step-dot:hover{border-color:#2a5a8f;color:#aaa}.neue-situation .step-dot.active{background:#00bcd4;border-color:#00bcd4;color:#000}.neue-situation .step-dot.done{background:#00bcd433;border-color:#00bcd4;color:#00bcd4}.neue-situation .step-card{background:#ffffff0a;border:1px solid #1e3a5f;border-radius:12px;padding:28px}.neue-situation .step-card h3{color:#fff;margin:0 0 20px;font-size:1.3rem}.neue-situation .step-content p{color:#bbb;line-height:1.7;margin:0 0 14px}.neue-situation .step-content ul{color:#bbb;line-height:1.7;padding-left:24px;margin:0 0 14px}.neue-situation .step-content li{margin-bottom:8px}.neue-situation .step-content strong{color:#e0e0e0}.neue-situation .step-content em{color:#00bcd4;font-style:normal}.zwei-spalten{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0}.spalte{padding:14px;background:#ffffff08;border:1px solid #1e3a5f;border-radius:8px}.spalte h4{color:#00bcd4;margin:0 0 8px;font-size:.95rem}.spalte p{font-size:.9rem}@media (max-width: 600px){.zwei-spalten{grid-template-columns:1fr}}.merke-box{padding:14px 18px;background:#00bcd41a;border-left:3px solid #00bcd4;border-radius:0 8px 8px 0;color:#ccc;line-height:1.6;margin-top:12px}.frage-box{padding:14px 18px;background:#f59e0b1a;border-left:3px solid #f59e0b;border-radius:0 8px 8px 0;color:#ccc;line-height:1.6;margin-top:12px}.formel-kasten{text-align:center;font-size:1.3rem;font-weight:700;color:#00bcd4;padding:14px;margin:12px 0;background:#00bcd40f;border-radius:8px;font-family:Georgia,serif;letter-spacing:1px}.neue-situation .step-nav{display:flex;justify-content:space-between;align-items:center;gap:16px}.neue-situation .step-btn{padding:10px 20px;border-radius:8px;border:1px solid #1e3a5f;background:#ffffff0d;color:#aaa;cursor:pointer;font-size:.95rem;transition:all .2s ease}.neue-situation .step-btn:hover:not(:disabled){border-color:#2a5a8f;color:#fff}.neue-situation .step-btn:disabled{opacity:.3;cursor:not-allowed}.neue-situation .step-btn.primary{background:#00bcd4;border-color:#00bcd4;color:#000;font-weight:700}.neue-situation .step-btn.primary:hover:not(:disabled){background:#00d4ef}.neue-situation .step-counter{color:#666;font-size:.85rem}.wellenpakete{display:flex;flex-direction:column;gap:20px;max-width:700px}.panel-card{background:#ffffff0a;border:1px solid #1e3a5f;border-radius:12px;padding:20px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-header h4{color:#fff;margin:0;font-size:1rem}.panel-info{color:#00bcd4;font-size:.85rem;font-weight:700;padding:3px 10px;background:#00bcd41a;border-radius:12px}.wave-svg,.spec-svg{width:100%;display:block}.slider-section{text-align:center;padding:16px 20px;background:#ffffff0a;border:1px solid #1e3a5f;border-radius:12px}.slider-section label{color:#ccc;font-size:.95rem;display:block;margin-bottom:10px}.slider-section label strong{color:#00bcd4;font-size:1.3rem}.slider-section input[type=range]{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#1e3a5f;border-radius:3px;outline:none}.slider-section input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#00bcd4;cursor:pointer;border:2px solid #fff}.slider-labels{display:flex;justify-content:space-between;color:#555;font-size:.78rem;margin-top:6px}.beschreibung-card{padding:16px 20px;background:#00bcd40f;border-left:3px solid #00bcd4;border-radius:0 10px 10px 0}.beschreibung-card p{color:#ccc;line-height:1.6;margin:0;font-size:.95rem}.tradeoff-section{background:#ffffff0a;border:1px solid #1e3a5f;border-radius:12px;padding:20px}.tradeoff-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tradeoff-label{color:#aaa;font-size:.9rem;min-width:90px;text-align:right}.tradeoff-bar-container{flex:1;height:16px;background:#ffffff0a;border-radius:8px;overflow:hidden}.tradeoff-bar{height:100%;border-radius:8px;transition:width .3s ease}.tradeoff-bar.dx{background:linear-gradient(90deg,#00bcd4,#0097a7)}.tradeoff-bar.dp{background:linear-gradient(90deg,#f59e0b,#d97706)}.tradeoff-value{color:#888;font-size:.8rem;min-width:70px}.tradeoff-fazit{text-align:center;color:#fff;font-size:1.1rem;font-weight:700;margin-top:8px;padding-top:12px;border-top:1px solid #1e3a5f;font-family:Georgia,serif;letter-spacing:1px}.unschaerfe-rel{display:flex;flex-direction:column;gap:12px;max-width:800px}.open-all-btn{align-self:flex-end;padding:6px 14px;border-radius:6px;border:1px solid #1e3a5f;background:transparent;color:#888;font-size:.8rem;cursor:pointer}.open-all-btn:hover{border-color:#2a5a8f;color:#aaa}.acc-item{border:1px solid #1e3a5f;border-radius:10px;overflow:hidden}.acc-item.open{border-color:#2a5a8f}.acc-header{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:#ffffff08;border:none;color:#ccc;font-size:1rem;cursor:pointer;text-align:left}.acc-header:hover{background:#ffffff0f}.acc-num{width:28px;height:28px;border-radius:50%;background:#1e3a5f;color:#aaa;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.acc-item.open .acc-num{background:#00bcd4;color:#000}.acc-title{flex:1}.acc-arrow{color:#666;font-size:1.1rem}.acc-body{padding:6px 20px 24px 60px}.acc-body p{color:#bbb;line-height:1.7;margin:0 0 14px}.acc-body ul{color:#bbb;line-height:1.7;padding-left:20px;margin:0 0 14px}.acc-body li{margin-bottom:8px}.acc-body strong{color:#e0e0e0}.acc-body em{color:#00bcd4;font-style:normal}.hauptformel{text-align:center;font-size:1.5rem;color:#00bcd4;padding:20px;margin:16px 0;background:#00bcd40f;border:1px solid rgba(0,188,212,.2);border-radius:10px;font-family:Georgia,serif}.bruch{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;margin:0 4px}.zaehler{border-bottom:2px solid #00bcd4;padding-bottom:2px;font-size:1.2rem}.nenner{padding-top:2px;font-size:1rem}.symbol-liste{list-style:none;padding-left:0}.symbol-liste li{padding:4px 0}.symbol-liste li strong{color:#00bcd4;min-width:30px;display:inline-block}.erkenntnis{padding:14px 18px;background:#00bcd41a;border-left:3px solid #00bcd4;border-radius:0 8px 8px 0;color:#ccc;line-height:1.6;margin-top:12px}.beispiel-box{background:#ffffff08;border:1px solid #1e3a5f;border-radius:10px;padding:18px;margin:12px 0}.beispiel-box h5{color:#fff;margin:0 0 12px;font-size:1rem}.beispiel-tabelle{width:100%;border-collapse:collapse;font-size:.9rem}.beispiel-tabelle td{padding:8px 12px;color:#bbb;border-bottom:1px solid rgba(255,255,255,.04)}.beispiel-tabelle td:first-child{color:#888;width:45%}.beispiel-tabelle .ergebnis-row td{color:#e0e0e0;font-weight:700}.beispiel-tabelle .ergebnis-row.highlight td{color:#00bcd4;background:#00bcd40f}.fazit{padding:14px 18px;border-radius:0 8px 8px 0;color:#ccc;line-height:1.6;margin-top:12px}.fazit.gut{background:#22c55e14;border-left:3px solid #22c55e}.fazit.mittel{background:#f59e0b14;border-left:3px solid #f59e0b}.fazit.kritisch{background:#ef444414;border-left:3px solid #ef4444}.fazit strong{color:#e0e0e0}.unschaerfe-quiz{display:flex;flex-direction:column;gap:20px;max-width:800px}.qz-card{background:#ffffff0a;border:1px solid #1e3a5f;border-radius:12px;padding:24px;transition:border-color .3s}.qz-card.correct{border-color:#22c55e}.qz-card.wrong{border-color:#ef4444}.qz-nummer{color:#00bcd4;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.qz-frage{color:#fff;font-size:1.05rem;line-height:1.5;margin:0 0 16px}.qz-optionen{display:flex;flex-direction:column;gap:8px}.qz-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff08;border:1px solid #1e3a5f;border-radius:8px;color:#bbb;font-size:.95rem;cursor:pointer;text-align:left;transition:all .15s ease}.qz-option:hover{border-color:#2a5a8f;background:#ffffff0f}.qz-option.selected{border-color:#00bcd4;background:#00bcd41a;color:#fff}.qz-option.is-correct{border-color:#22c55e;background:#22c55e1f;color:#22c55e}.qz-option.is-wrong{border-color:#ef4444;background:#ef44441f;color:#ef4444}.opt-letter{width:28px;height:28px;border-radius:50%;background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.qz-option.selected .opt-letter{background:#00bcd4;color:#000}.qz-option.is-correct .opt-letter{background:#22c55e;color:#000}.qz-option.is-wrong .opt-letter{background:#ef4444;color:#fff}.opt-text{flex:1}.qz-erkl{margin-top:14px;padding:12px 16px;border-radius:8px;font-size:.9rem;line-height:1.6}.qz-erkl.richtig{background:#22c55e14;border-left:3px solid #22c55e;color:#aaa}.qz-erkl.richtig strong{color:#22c55e}.qz-erkl.falsch{background:#ef444414;border-left:3px solid #ef4444;color:#aaa}.qz-erkl.falsch strong{color:#ef4444}.qz-footer{text-align:center;padding:16px 0}.qz-submit{padding:14px 32px;border-radius:10px;border:none;background:#00bcd4;color:#000;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.qz-submit:hover:not(:disabled){background:#00d4ef}.qz-submit:disabled{background:#1e3a5f;color:#555;cursor:not-allowed}.qz-ergebnis{display:flex;flex-direction:column;align-items:center;gap:16px}.ergebnis-text{color:#fff;font-size:1.15rem;font-weight:700}.ergebnis-bar{width:300px;height:10px;background:#1e3a5f;border-radius:5px;overflow:hidden}.ergebnis-fill{height:100%;background:linear-gradient(90deg,#22c55e,#00bcd4);border-radius:5px;transition:width .5s ease}.qz-reset{padding:10px 24px;border-radius:8px;border:1px solid #1e3a5f;background:transparent;color:#aaa;font-size:.9rem;cursor:pointer}.qz-reset:hover{border-color:#2a5a8f;color:#fff}.unschaerfe-app{min-height:100vh;background:linear-gradient(135deg,#0d1b2a,#1b2d4a);color:#e0e0e0}.unschaerfe-header{padding:20px 30px;background:#0000004d;border-bottom:1px solid #1e3a5f}.unschaerfe-header h1{margin:10px 0;font-size:1.8rem;color:#fff}.unschaerfe-app .back-link{color:#888;text-decoration:none;font-size:.9rem}.unschaerfe-app .back-link:hover{color:#aaa}.unschaerfe-nav{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}.unschaerfe-nav a{padding:8px 16px;border-radius:20px;text-decoration:none;color:#888;background:#ffffff0d;border:1px solid #1e3a5f;font-size:.9rem;transition:all .2s ease}.unschaerfe-nav a:hover{border-color:#2a5a8f;color:#aaa}.unschaerfe-nav a.active{background:#00bcd4;border-color:#00bcd4;color:#000}.unschaerfe-main{padding:30px;max-width:1200px;margin:0 auto}.unschaerfe-app .page{display:flex;flex-direction:column;gap:24px}.unschaerfe-app .page-intro{max-width:800px}.unschaerfe-app .page-intro h2{color:#fff;margin:0 0 16px}.unschaerfe-app .page-intro p{color:#aaa;line-height:1.6;margin:0 0 12px}.unschaerfe-app .page-intro .aufgabe{padding:12px 16px;background:#00bcd41a;border-left:3px solid #00bcd4;border-radius:0 8px 8px 0}.unschaerfe-app .page-intro .aufgabe strong{color:#00bcd4}.atommodelle-app{min-height:100vh;background:var(--bg-color, #f7fafc)}.atommodelle-header{background:linear-gradient(135deg,#1a365d,#2d3748);color:#fff;padding:1.5rem 2rem;text-align:center}.atommodelle-header .back-link{position:absolute;left:1.5rem;top:1.5rem;color:#ffffffb3;text-decoration:none;font-size:.95rem;transition:color .2s}.atommodelle-header .back-link:hover{color:#fff}.atommodelle-header h1{font-size:2rem;margin:0 0 .25rem}.atommodelle-subtitle{color:#ffffffb3;font-size:1rem;margin:0}.zeitstrahl{background:var(--card-bg, #fff);border-bottom:1px solid var(--border-color, #e2e8f0);padding:1.5rem 1rem 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.zeitstrahl-linie{position:absolute;top:calc(1.5rem + 20px);left:0;right:0;height:3px;background:var(--border-color, #e2e8f0);z-index:0}.zeitstrahl-modelle{display:flex;justify-content:center;align-items:flex-start;gap:0;min-width:max-content;padding:0 1rem;position:relative;z-index:1}.zeitstrahl-punkt{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;position:relative;padding:0 1.5rem;cursor:pointer;transition:transform .2s}.zeitstrahl-punkt:hover{transform:translateY(-2px)}.punkt-marker{width:40px;height:40px;border-radius:50%;background:var(--punkt-farbe);display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;position:relative;z-index:2}.punkt-ring{width:16px;height:16px;border-radius:50%;background:#fff;opacity:.4;transition:opacity .2s,transform .2s}.zeitstrahl-punkt.active .punkt-marker{transform:scale(1.2);box-shadow:0 0 0 4px #00000014,0 4px 12px #00000026}.zeitstrahl-punkt.active .punkt-ring{opacity:1;transform:scale(.7);background:#fff}.zeitstrahl-zukunft{display:flex;align-items:center;flex-shrink:0;margin-left:.5rem;margin-top:8px;gap:6px}.zeitstrahl-pfeil{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:12px solid var(--border-color, #e2e8f0);flex-shrink:0}.zukunft-fragezeichen{font-size:1.5rem;font-weight:700;color:var(--text-secondary, #718096);opacity:.45;line-height:1}.punkt-label{display:flex;flex-direction:column;align-items:center;margin-top:.6rem;gap:.15rem}.punkt-jahr{font-size:.75rem;color:var(--text-secondary, #718096);font-weight:600;font-variant-numeric:tabular-nums}.punkt-name{font-size:.85rem;font-weight:600;color:var(--text-primary, #2d3748);white-space:nowrap}.zeitstrahl-punkt.active .punkt-name{color:var(--punkt-farbe)}.atommodelle-content{max-width:900px;margin:0 auto;padding:2rem}.modell-seite{animation:fadeIn .3s ease}.modell-titel{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.modell-titel h2{font-size:1.6rem;color:var(--primary-color, #2c5282);margin:0}.modell-titel .modell-jahr{background:var(--border-color, #e2e8f0);color:var(--text-secondary, #718096);padding:.2rem .6rem;border-radius:12px;font-size:.85rem;font-weight:600}.modell-kontext{background:linear-gradient(135deg,#ebf8ff,#f0f4ff);border-left:4px solid var(--primary-light, #4299e1);border-radius:0 8px 8px 0;padding:1rem 1.25rem;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6;color:var(--text-primary, #2d3748)}.modell-kontext strong{color:var(--primary-color, #2c5282)}.modell-bild{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:2rem;margin:1.5rem 0;text-align:center}.modell-erklaerung{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;line-height:1.7}.modell-erklaerung h3{color:var(--primary-color, #2c5282);margin-top:0;margin-bottom:.75rem;font-size:1.15rem}.modell-erklaerung ul{padding-left:1.25rem}.modell-erklaerung li{margin-bottom:.4rem}.modell-ergebnis{background:linear-gradient(135deg,#f0fff4,#f0fdf4);border-left:4px solid var(--success-color, #48bb78);border-radius:0 8px 8px 0;padding:1rem 1.25rem;margin:1.5rem 0;font-size:.95rem;line-height:1.6}.modell-ergebnis strong{color:#276749}.modell-problem{background:linear-gradient(135deg,#fff5f5,#fef2f2);border-left:4px solid var(--error-color, #f56565);border-radius:0 8px 8px 0;padding:1rem 1.25rem;margin:1.5rem 0;font-size:.95rem;line-height:1.6}.modell-problem strong{color:#9b2c2c}.schroedinger-details{margin:1.5rem 0;border:2px solid #2c5282;border-radius:12px;overflow:hidden}.schroedinger-summary{padding:.9rem 1.2rem;background:linear-gradient(135deg,#ebf4ff,#e2e8f0);font-size:1rem;font-weight:700;color:#2c5282;cursor:pointer;list-style:none;display:flex;align-items:center;gap:.5rem}.schroedinger-summary::-webkit-details-marker{display:none}.schroedinger-summary:before{content:"▶";font-size:.7rem;transition:transform .2s}.schroedinger-details[open]>.schroedinger-summary:before{transform:rotate(90deg)}.schroedinger-inhalt{padding:1rem 1.2rem 1.2rem;background:#fafcff;line-height:1.7;font-size:.92rem;color:#2d3748}.schroedinger-inhalt h4{margin:1.2rem 0 .4rem;color:#2c5282;font-size:.95rem}.schroedinger-inhalt h4:first-child{margin-top:.3rem}.schroedinger-inhalt ul{margin:.5rem 0;padding-left:1.5rem}.schroedinger-inhalt li{margin-bottom:.3rem}.schroedinger-inhalt strong{color:#2c5282}.simulation-platzhalter{background:linear-gradient(135deg,#fefcbf,#fef3c7);border:2px dashed #d69e2e;border-radius:12px;padding:2rem;text-align:center;color:#744210;margin:1.5rem 0}.simulation-platzhalter h3{margin-top:0}.modell-nav-weiter{display:flex;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #e2e8f0)}.modell-nav-weiter a{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:var(--primary-color, #2c5282);color:#fff;text-decoration:none;border-radius:8px;font-size:.95rem;transition:background .2s}.modell-nav-weiter a:hover{background:var(--primary-light, #4299e1)}@media (max-width: 768px){.atommodelle-header{padding:1rem}.atommodelle-header .back-link{position:static;display:block;text-align:left;margin-bottom:.5rem}.atommodelle-header h1{font-size:1.5rem}.zeitstrahl{padding:1rem .5rem .75rem}.zeitstrahl-punkt{padding:0 1rem}.punkt-marker{width:34px;height:34px}.zeitstrahl-linie{top:calc(1rem + 17px)}.punkt-name{font-size:.75rem}.punkt-jahr{font-size:.7rem}.atommodelle-content{padding:1rem}.modell-titel h2{font-size:1.3rem}}@media (max-width: 480px){.zeitstrahl-punkt{padding:0 .6rem}.punkt-marker{width:28px;height:28px}.punkt-ring{width:12px;height:12px}.zeitstrahl-linie{top:calc(1rem + 14px)}.zeitstrahl-pfeil{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid var(--border-color, #e2e8f0)}.zukunft-fragezeichen{font-size:1.2rem}}@media (pointer: coarse){.zeitstrahl-punkt{min-width:60px;padding:0 1rem}.punkt-marker{width:44px;height:44px}}.rutherford-simulation{margin:1.5rem 0}.rutherford-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.modus-toggle{display:flex;gap:.4rem}.modus-btn{padding:.45rem .9rem;border:2px solid #333;border-radius:8px;background:#111;color:#888;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.modus-btn:hover{border-color:#555;color:#ccc}.modus-btn.active{background:#ed89361f;border-color:#ed8936;color:#ed8936}.feuer-aktionen{display:flex;gap:.4rem}.feuer-btn{padding:.45rem 1rem;border:2px solid #ed8936;border-radius:8px;background:#ed89361f;color:#ed8936;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.feuer-btn:hover:not(:disabled){background:#ed893640}.feuer-btn:disabled{opacity:.5;cursor:default}.rutherford-reset-btn{padding:.45rem .8rem;background:#2d3748;color:#aaa;border:1px solid #4a5568;border-radius:8px;font-size:.8rem;cursor:pointer;transition:all .2s}.rutherford-reset-btn:hover{background:#4a5568;color:#fff}.zoom-steuerung{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.75rem}.zoom-btn{padding:.4rem .9rem;border:2px solid #4a5568;border-radius:8px;background:#1a1a2e;color:#a0aec0;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.zoom-btn:hover{border-color:#718096;background:#2d3748;color:#e2e8f0}.zoom-btn.zoom-rein{border-color:#ed8936;color:#ed8936;background:#ed893614}.zoom-btn.zoom-rein:hover{background:#ed893633}.zoom-anzeige{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:100px}.zoom-punkt{font-size:.8rem;font-weight:600;color:#fbd38d;height:1.1em}.zoom-dots{display:flex;gap:.4rem}.zoom-dot{width:8px;height:8px;border-radius:50%;background:#333;transition:all .2s}.zoom-dot.active{background:#ed8936;box-shadow:0 0 6px #ed893680}.rutherford-svg-bereich{border-radius:12px;overflow:hidden}.rutherford-svg{width:100%;height:auto;display:block}.rutherford-statistik{margin-top:1rem;background:#1a1a2e;border-radius:10px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.4rem}.stat-zeile{display:flex;align-items:center;gap:.5rem}.stat-label{font-size:.78rem;font-weight:600;min-width:90px}.stat-label.durch{color:#48bb78}.stat-label.abgelenkt{color:#ecc94b}.stat-label.reflektiert{color:#f56565}.stat-bar-bg{flex:1;height:10px;background:#111;border-radius:5px;overflow:hidden}.stat-bar{height:100%;border-radius:5px;transition:width .3s ease}.stat-bar.durch{background:#48bb78}.stat-bar.abgelenkt{background:#ecc94b}.stat-bar.reflektiert{background:#f56565}.stat-zahl{font-size:.75rem;color:#888;min-width:65px;text-align:right;font-variant-numeric:tabular-nums}.stat-gesamt{font-size:.75rem;color:#666;text-align:right;margin-top:.2rem}.rutherford-fazit{margin-top:1rem;background:linear-gradient(135deg,#1a2332,#1a1a2e);border-left:3px solid #d69e2e;border-radius:0 8px 8px 0;padding:.75rem 1rem;font-size:.85rem;line-height:1.6;color:#b0c4de}.rutherford-fazit strong{color:#fbd38d}.rutherford-fazit em{color:gold;font-style:normal;font-weight:600}@media (max-width: 600px){.rutherford-controls{flex-direction:column;align-items:stretch}.modus-toggle,.feuer-aktionen{justify-content:center}.zoom-steuerung{gap:.5rem}.zoom-btn{padding:.35rem .6rem;font-size:.72rem}.zoom-anzeige{min-width:80px}.zoom-punkt{font-size:.72rem}}@media (pointer: coarse){.modus-btn{min-height:44px;padding:.5rem 1rem}.feuer-btn{min-height:48px;padding:.5rem 1.2rem}.rutherford-reset-btn{min-height:44px}.zoom-btn{min-height:44px;padding:.5rem 1rem}.zoom-dot{width:10px;height:10px}}.spektrallinien-container{width:100%;border-radius:8px;overflow:hidden}.spektrallinien-svg{width:100%;height:auto;display:block}.flammen-simulation{margin:1.5rem 0}.flammen-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.flammen-links{display:flex;flex-direction:column;gap:1rem}.bunsenbrenner-bereich{border-radius:12px;overflow:hidden}.bunsenbrenner-svg{width:100%;height:auto;display:block}.element-auswahl{background:#1a1a2e;border-radius:10px;padding:.75rem 1rem}.steuerung-label{display:block;color:#aaa;font-size:.8rem;margin-bottom:.5rem;font-weight:600}.element-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.element-btn{min-width:48px;min-height:48px;border:2px solid;border-radius:50%;background:transparent;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.element-btn:hover{transform:scale(1.1)}.element-btn.active{transform:scale(1.15);box-shadow:0 0 12px currentColor}.energie-regler{background:#1a1a2e;border-radius:10px;padding:.75rem 1rem}.energie-regler input[type=range]{width:100%;margin:.25rem 0;accent-color:#ff8844}.slider-labels{display:flex;justify-content:space-between;font-size:.7rem;color:#666}.flammen-rechts{display:flex;flex-direction:column;gap:1rem}.spektroskop-box{background:#111;border-radius:12px;padding:1rem;border:1px solid #333}.spektroskop-titel{color:#ccc;font-size:.9rem;margin:0 0 .75rem}.linien-info{background:#1a1a2e;border-radius:10px;padding:1rem}.linien-info h4{color:#ccc;font-size:.9rem;margin:0 0 .5rem}.linien-liste{display:flex;flex-direction:column;gap:.35rem}.linien-eintrag{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#aaa}.linien-farb-punkt{width:10px;height:10px;border-radius:50%;flex-shrink:0}.linien-label{font-weight:600;color:#ddd;min-width:2.5rem}.linien-lambda{color:#888;font-variant-numeric:tabular-nums}.paed-hinweis{background:linear-gradient(135deg,#1a2332,#1a1a2e);border-left:3px solid #4299e1;border-radius:0 8px 8px 0;padding:.75rem 1rem;font-size:.85rem;line-height:1.6;color:#b0c4de}.paed-hinweis strong{color:#63b3ed}.paed-hinweis em{color:gold;font-style:normal;font-weight:600}@media (max-width: 800px){.flammen-grid{grid-template-columns:1fr}.bunsenbrenner-svg{max-width:280px;margin:0 auto}.element-buttons{justify-content:center}}@media (pointer: coarse){.element-btn{min-width:48px;min-height:48px}.energie-regler input[type=range]{height:28px}}.energieniveau-simulation{margin:1.5rem 0}.energieniveau-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:end}.atom-spalte{display:flex;flex-direction:column}.atom-mit-buttons{display:flex;gap:.75rem;align-items:stretch}.atom-bereich{border-radius:12px;overflow:hidden;flex:1;min-width:0}.atom-svg{width:100%;height:auto;display:block}.schnellzugriff{background:#1a1a2e;border-radius:10px;padding:.5rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;flex-shrink:0}.energieniveau-simulation .steuerung-label{color:#aaa;font-size:.7rem;font-weight:600;text-align:center;margin:0}.niveau-buttons{display:flex;flex-direction:column;gap:.35rem}.niveau-btn{width:40px;height:40px;border:2px solid #4299e1;border-radius:50%;background:transparent;color:#63b3ed;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0}.niveau-btn:hover:not(:disabled){background:#4299e126;transform:scale(1.1)}.niveau-btn.active{background:#4299e1;color:#fff;box-shadow:0 0 10px #4299e166}.niveau-btn:disabled{opacity:.4;cursor:default}.reset-btn{background:#2d3748;color:#aaa;border:1px solid #4a5568;border-radius:8px;padding:.35rem .5rem;font-size:.7rem;cursor:pointer;transition:all .2s;margin-top:auto;white-space:nowrap}.reset-btn:hover:not(:disabled){background:#4a5568;color:#fff}.reset-btn:disabled{opacity:.4;cursor:default}.diagramm-spalte{display:flex;flex-direction:column}.diagramm-bereich{border-radius:12px;overflow:hidden}.diagramm-svg{width:100%;height:auto;display:block}.beobachtete-spektren{margin-top:1.25rem;background:#111;border-radius:12px;padding:1rem;border:1px solid #333}.spektren-titel{color:#ccc;font-size:.9rem;margin:0 0 .75rem}.spektren-count{color:#666;font-weight:400;margin-left:.5rem;font-size:.8rem}.spektren-hinweis{color:#555;font-size:.85rem;text-align:center;padding:1rem 0;margin:0}.serien-info{background:#1a1a2e;border-radius:10px;padding:.75rem;margin-top:1rem}.serien-tabs{display:flex;gap:.3rem;margin-bottom:.5rem}.serien-tab{flex:1;padding:.35rem .5rem;border:1px solid #333;border-radius:6px;background:transparent;color:#888;font-size:.75rem;cursor:pointer;transition:all .2s}.serien-tab:hover{border-color:#555;color:#ccc}.serien-tab.active{background:#2c5282;border-color:#4299e1;color:#fff}.uebergangs-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.3rem;max-height:200px;overflow-y:auto}.uebergang-btn{display:flex;align-items:center;gap:.3rem;padding:.3rem .5rem;border:1px solid #2d3748;border-radius:6px;background:#111;color:#888;font-size:.75rem;cursor:pointer;transition:all .15s;min-height:32px}.uebergang-btn:hover:not(:disabled){border-color:#4a5568;color:#ccc}.uebergang-btn.sichtbar{border-color:#333}.uebergang-btn:disabled{opacity:.4;cursor:default}.uebergang-label{font-weight:600;min-width:2rem}.uebergang-farbe{width:8px;height:8px;border-radius:50%;flex-shrink:0}.uebergang-lambda{color:#666;font-size:.7rem;margin-left:auto}.energieniveau-simulation .paed-hinweis{margin-top:1rem;background:linear-gradient(135deg,#1a2332,#1a1a2e);border-left:3px solid #4299e1;border-radius:0 8px 8px 0;padding:.75rem 1rem;font-size:.85rem;line-height:1.6;color:#b0c4de}.energieniveau-simulation .paed-hinweis strong{color:#63b3ed}.energieniveau-simulation .paed-hinweis em{color:gold;font-style:normal;font-weight:600}@media (max-width: 800px){.energieniveau-grid{grid-template-columns:1fr}.atom-mit-buttons{flex-direction:column-reverse}.schnellzugriff{flex-direction:row;align-items:center;gap:.5rem;padding:.5rem .75rem}.niveau-buttons{flex-direction:row;gap:.35rem}.reset-btn{margin-top:0;margin-left:auto}.atom-svg{max-width:280px;margin:0 auto}.diagramm-svg{max-width:320px;margin:0 auto}.uebergangs-liste{max-height:150px}}@media (pointer: coarse){.niveau-btn{width:44px;height:44px}.uebergang-btn{min-height:44px;padding:.4rem .6rem}.serien-tab{min-height:44px}}.widerspruch-simulation{margin:1.5rem 0}.widerspruch-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.toggle-btn{flex:1;padding:.6rem 1rem;border:2px solid #333;border-radius:10px;background:#111;color:#888;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.toggle-btn:hover{border-color:#555;color:#ccc}.toggle-btn.active.bohr{background:#4299e11f;border-color:#4299e1;color:#63b3ed}.toggle-btn.active.klassisch{background:#f565651f;border-color:#f56565;color:#fc8181}.widerspruch-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.widerspruch-svg-bereich{border-radius:12px;overflow:hidden}.widerspruch-svg{width:100%;height:auto;display:block}.widerspruch-info{display:flex;flex-direction:column;gap:1rem}.info-bohr,.info-klassisch{background:#1a1a2e;border-radius:10px;padding:1rem;line-height:1.6;font-size:.88rem;color:#b0c4de}.info-bohr h4,.info-klassisch h4{margin:0 0 .5rem;font-size:1rem}.info-bohr h4{color:#63b3ed}.info-klassisch h4{color:#fc8181}.info-bohr p,.info-klassisch p{margin:0 0 .5rem}.info-bohr p:last-child,.info-klassisch p:last-child{margin-bottom:0}.info-bohr strong{color:#90cdf4}.info-klassisch strong{color:#feb2b2}.info-zeit{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #2d3748;font-size:.82rem;color:#888}.info-zeit strong{color:gold;font-family:monospace}.widerspruch-aktionen{display:flex;gap:.5rem}.widerspruch-simulation .start-btn{flex:1;padding:.6rem 1rem;border:2px solid #4299e1;border-radius:10px;background:#4299e11f;color:#63b3ed;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.widerspruch-simulation .start-btn:hover{background:#4299e140}.widerspruch-simulation .reset-btn{flex:1;padding:.6rem 1rem;background:#2d3748;color:#aaa;border:1px solid #4a5568;border-radius:10px;font-size:.9rem;cursor:pointer;transition:all .2s}.widerspruch-simulation .reset-btn:hover{background:#4a5568;color:#fff}.widerspruch-fazit{margin-top:1rem;background:linear-gradient(135deg,#1a2332,#1a1a2e);border-left:3px solid #d69e2e;border-radius:0 8px 8px 0;padding:.75rem 1rem;font-size:.85rem;line-height:1.6;color:#b0c4de}.widerspruch-fazit strong{color:#fbd38d}.widerspruch-fazit em{color:gold;font-style:normal;font-weight:600}@media (max-width: 800px){.widerspruch-layout{grid-template-columns:1fr}.widerspruch-svg{max-width:300px;margin:0 auto}.widerspruch-toggle{flex-direction:column}}@media (pointer: coarse){.toggle-btn,.widerspruch-simulation .start-btn,.widerspruch-simulation .reset-btn{min-height:48px}}.fh-roehre-container{background:#1a2332;border-radius:12px;padding:1rem .5rem .5rem;margin:1rem 0;overflow:hidden}.fh-roehre-svg{width:100%;height:auto;display:block}@media (max-width: 600px){.fh-roehre-container{padding:.5rem .25rem .25rem;border-radius:8px}}.fh-protokoll{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:1.5rem;margin:1.5rem 0}.fh-protokoll-titel{color:var(--primary-color, #2c5282);margin-top:0;margin-bottom:1rem;font-size:1.2rem}.fh-protokoll h4{color:#4a5568;font-size:.95rem;margin:0 0 .5rem}.fh-tabelle-container{margin-bottom:1.5rem}.fh-tabelle-leer{color:#999;font-size:.9rem;font-style:italic;padding:.5rem 0}.fh-tabelle-scroll{max-height:320px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px}.fh-tabelle{width:100%;border-collapse:collapse;font-size:.9rem;font-variant-numeric:tabular-nums}.fh-tabelle thead{position:sticky;top:0;background:#f7fafc}.fh-tabelle th{padding:.5rem .75rem;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e2e8f0;font-size:.85rem}.fh-tabelle td{padding:.35rem .75rem;border-bottom:1px solid #f0f0f0;color:#333}.fh-tabelle tbody tr:hover{background:#f7fafc}.fh-delete-btn{background:none;border:none;color:#cbd5e0;font-size:1.2rem;cursor:pointer;padding:0 .3rem;line-height:1;transition:color .2s}.fh-delete-btn:hover{color:#e53e3e}.fh-diagramm{margin-bottom:1.5rem}.fh-plot-svg{width:100%;height:auto;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.fh-plot-leer{padding:2rem;text-align:center;color:#999;font-style:italic;font-size:.9rem;border:1px dashed #e2e8f0;border-radius:8px}.fh-textfeld-block{margin-bottom:1.25rem}.fh-textarea{width:100%;padding:.75rem;border:1.5px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.9rem;line-height:1.6;resize:vertical;transition:border-color .2s;box-sizing:border-box}.fh-textarea:focus{outline:none;border-color:#2c5282}.fh-textarea::placeholder{color:#b0b8c4}.fh-export{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.fh-export-btn{padding:.6rem 1.2rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.fh-export-pdf{background:#2c5282;color:#fff}.fh-export-pdf:hover:not(:disabled){background:#4299e1}.fh-export-pdf:disabled{background:#cbd5e0;cursor:not-allowed}.fh-export-teilen{background:#f7fafc;color:#2c5282;border:1.5px solid #2c5282}.fh-export-teilen:hover:not(:disabled){background:#ebf4ff}.fh-export-teilen:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.fh-protokoll{padding:1rem}.fh-export{flex-direction:column}.fh-export-btn{width:100%;text-align:center}}@media (pointer: coarse){.fh-export-btn{min-height:44px}.fh-delete-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}}.fh-erklaerung-bereich{margin:1.5rem 0;border:2px solid #d69e2e;border-radius:12px;padding:1.25rem;background:linear-gradient(135deg,#fffbeb,#fef9e7)}.fh-erklaerung-bereich h3{color:#975a16;margin-top:0;margin-bottom:.5rem;font-size:1.1rem}.fh-erklaerung-hinweis{color:#744210;font-size:.9rem;margin:0 0 1rem;line-height:1.5}.fh-passwort-box{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.fh-passwort-input{padding:.5rem .75rem;border:1.5px solid #d69e2e;border-radius:8px;font-size:.95rem;font-family:inherit;width:200px;transition:border-color .2s}.fh-passwort-input:focus{outline:none;border-color:#975a16}.fh-passwort-input.fehler{border-color:#e53e3e;animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.fh-passwort-btn{padding:.5rem 1rem;background:#d69e2e;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.fh-passwort-btn:hover{background:#b7791f}.fh-passwort-fehler{width:100%;color:#e53e3e;font-size:.85rem;margin:.3rem 0 0}.fh-erklaerung-inhalt{display:flex;flex-direction:column;gap:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fh-erklaerung-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem 1.25rem;line-height:1.7}.fh-erklaerung-card h4{color:#2c5282;margin:0 0 .5rem;font-size:.95rem}.fh-erklaerung-card p{margin:.4rem 0;font-size:.9rem;color:#333}.fh-erklaerung-fazit{background:linear-gradient(135deg,#f0fff4,#f0fdf4);border-color:#48bb78}.fh-erklaerung-fazit h4{color:#276749}@media (max-width: 600px){.fh-erklaerung-bereich{padding:1rem}.fh-passwort-input{width:100%}}@media (pointer: coarse){.fh-passwort-btn{min-height:44px}}.fh-seite .modell-kontext ol{line-height:1.7}.fh-name-feld{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:.95rem}.fh-name-feld label{font-weight:600;color:var(--text-primary, #2d3748);white-space:nowrap}.fh-name-input{flex:1;max-width:320px;padding:.45rem .75rem;border:1.5px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:.95rem;font-family:inherit;transition:border-color .2s}.fh-name-input:focus{outline:none;border-color:var(--primary-color, #2c5282)}.fh-steuerung{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:1.25rem;margin-bottom:.5rem;display:flex;flex-direction:column;gap:1rem}.fh-label{font-size:.9rem;font-weight:600;color:var(--text-primary, #2d3748);min-width:80px}.fh-gas-auswahl{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.fh-gas-btn{padding:.4rem 1rem;border:2px solid var(--border-color, #e2e8f0);border-radius:8px;background:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;color:var(--text-secondary, #718096)}.fh-gas-btn:hover{border-color:#4299e1}.fh-gas-btn.aktiv{border-color:#2c5282;background:#ebf4ff;color:#2c5282}.fh-heizung{display:flex;align-items:center;gap:.5rem}.fh-heiz-btn{padding:.4rem 1.2rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;color:#718096}.fh-heiz-btn.an{border-color:#e53e3e;background:#fff5f5;color:#e53e3e}.fh-spannung-regler{display:flex;flex-direction:column;gap:.3rem}.fh-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border-radius:3px;outline:none;cursor:pointer}.fh-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#2c5282;cursor:pointer;border:2px solid white;box-shadow:0 1px 4px #0003}.fh-slider:disabled{opacity:.4;cursor:not-allowed}.fh-slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#999}.fh-strom-anzeige{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.fh-amperemeter{display:flex;align-items:baseline;gap:.4rem;background:#f7fafc;border:1.5px solid #e2e8f0;border-radius:8px;padding:.5rem 1rem}.fh-strom-label{font-weight:600;font-size:.95rem;color:#555}.fh-strom-wert{font-size:1.4rem;font-weight:700;color:#2c5282;font-variant-numeric:tabular-nums;min-width:4.5em;text-align:right}.fh-strom-wert.aus{color:#ccc}.fh-strom-einheit{font-size:.85rem;color:#888}.fh-messwert-btn{padding:.5rem 1.2rem;background:#2c5282;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.fh-messwert-btn:hover:not(:disabled){background:#4299e1}.fh-messwert-btn:disabled{background:#cbd5e0;cursor:not-allowed}.fh-hinweise{margin:1rem 0;display:flex;flex-direction:column;gap:.5rem}.fh-hinweis{border:1.5px solid #e2e8f0;border-radius:8px;overflow:hidden}.fh-hinweis summary{padding:.6rem 1rem;background:#f7fafc;font-size:.9rem;font-weight:600;color:#4a5568;cursor:pointer;list-style:none;display:flex;align-items:center;gap:.4rem}.fh-hinweis summary::-webkit-details-marker{display:none}.fh-hinweis summary:before{content:"▶";font-size:.6rem;transition:transform .2s}.fh-hinweis[open]>summary:before{transform:rotate(90deg)}.fh-hinweis p{padding:.75rem 1rem;margin:0;font-size:.9rem;line-height:1.6;color:#4a5568}@media (max-width: 600px){.fh-steuerung{padding:1rem}.fh-strom-anzeige{flex-direction:column;align-items:stretch}.fh-messwert-btn{width:100%}.fh-name-feld{flex-direction:column;align-items:flex-start;gap:.4rem}.fh-name-input{max-width:100%;width:100%}}@media (pointer: coarse){.fh-slider::-webkit-slider-thumb{width:28px;height:28px}.fh-gas-btn,.fh-heiz-btn,.fh-messwert-btn{min-height:44px}}.potentialtopf-simulation{margin:1.5rem 0}.stufe-tabs{display:flex;gap:.4rem;margin-bottom:.75rem}.stufe-tab{flex:1;padding:.5rem .8rem;border:2px solid #333;border-radius:8px;background:#111;color:#888;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.stufe-tab:hover{border-color:#555;color:#ccc}.stufe-tab.active.stufe-a{background:#63b3ed1a;border-color:#63b3ed;color:#63b3ed}.stufe-tab.active.stufe-b{background:#4299e11a;border-color:#4299e1;color:#63b3ed}.stufe-tab.active.stufe-c{background:#9b59b61a;border-color:#9b59b6;color:#b07cc8}.topf-controls{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.n-buttons{display:flex;gap:.3rem}.n-btn{padding:.35rem .7rem;border:2px solid #333;border-radius:8px;background:#111;color:#888;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s}.n-btn:hover{border-color:#555;color:#ccc}.n-btn.active{background:#fbd38d1a;border-color:#fbd38d;color:#fbd38d}.toggle-gruppe{display:flex;gap:.3rem}.toggle-opt{padding:.35rem .7rem;border:2px solid #333;border-radius:8px;background:#111;color:#888;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s}.toggle-opt:hover{border-color:#555;color:#ccc}.toggle-opt.active{background:#48bb781a;border-color:#48bb78;color:#48bb78}.toggle-opt.unschaerfe.active{background:#ed89361a;border-color:#ed8936;color:#ed8936}.breite-regler{display:flex;align-items:center;gap:.5rem}.regler-label{font-size:.78rem;color:#888;font-weight:600;white-space:nowrap}.breite-regler input[type=range]{width:100px;accent-color:#4299e1}.topf-svg-bereich{border-radius:12px;overflow:hidden}.topf-svg{width:100%;height:auto;display:block}.topf-info{margin-top:1rem;background:linear-gradient(135deg,#1a2332,#1a1a2e);border-left:3px solid #4299e1;border-radius:0 8px 8px 0;padding:.75rem 1rem;font-size:.85rem;line-height:1.6;color:#b0c4de}.topf-info strong{color:#90cdf4}.topf-info em{color:gold;font-style:normal;font-weight:600}.topf-info.unschaerfe-box{border-left-color:#ed8936}.topf-info.unschaerfe-box strong{color:#fbd38d}.topf-info.tunnel-box{border-left-color:#9b59b6}.topf-info.tunnel-box strong{color:#d6bcfa}.topf-info.tunnel-box em{color:#e9d8fd}@media (max-width: 600px){.stufe-tabs{flex-direction:column}.topf-controls{flex-direction:column;align-items:stretch}.n-buttons,.toggle-gruppe,.breite-regler{justify-content:center}.breite-regler input[type=range]{width:140px}}@media (pointer: coarse){.stufe-tab{min-height:44px}.n-btn,.toggle-opt{min-height:44px;padding:.45rem .9rem}.breite-regler input[type=range]{height:32px}}:root{--primary-color: #2c5282;--primary-light: #4299e1;--accent-color: #ed8936;--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}*{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,.formula sup{font-size:.75em}.greek{font-family:Times New Roman,serif}.btn{padding:.6rem 1.2rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-light)}.btn-secondary{background:var(--card-bg);color:var(--primary-color);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-color)}.parameter-slider{width:100%;margin:.5rem 0}input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:var(--border-color);border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--primary-color);border-radius:50%;cursor:pointer}@media (pointer: coarse){input[type=range]{height:12px}input[type=range]::-webkit-slider-thumb{width:44px;height:44px}.btn,button{min-height:44px;min-width:44px;padding:.8rem 1.5rem}input[type=text],input[type=number]{min-height:44px;font-size:1.1rem}}.module-footer{text-align:center;padding:2rem 1rem 1.5rem;margin-top:2rem;border-top:1px solid #222}.module-footer .back-link{color:#888;text-decoration:none;font-size:.95rem}.module-footer .back-link:hover{color:#aaa}