:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}.zeichnung-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1002;padding:1rem}.zeichnung-editor{background:#fff;border-radius:16px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d}.zeichnung-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #eee;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.zeichnung-header h2{margin:0;font-size:1.25rem;font-weight:600}.zeichnung-schliessen{background:#fff3;border:none;color:#fff;font-size:1.25rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.zeichnung-schliessen:hover{background:#ffffff4d}.zeichnung-toolbar{display:flex;gap:.5rem;padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid #eee;flex-wrap:wrap}.zeichnung-btn{padding:.5rem 1rem;border:1px solid #ddd;border-radius:8px;background:#fff;color:#333;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.25rem}.zeichnung-btn:hover:not(:disabled){background:#f0f0f0;border-color:#ccc}.zeichnung-btn:disabled{opacity:.4;cursor:not-allowed}.zeichnung-btn.loeschen{color:#dc3545;border-color:#dc3545}.zeichnung-btn.loeschen:hover:not(:disabled){background:#fff5f5}.zeichnung-scroll-container{flex:1;min-height:300px;max-height:55vh;margin:1rem;border:2px solid #ddd;border-radius:12px;overflow-y:auto;overflow-x:hidden;background:#fafafa;-webkit-overflow-scrolling:touch}.zeichnung-container{width:100%;background:#fff;position:relative}.zeichnung-canvas{display:block;touch-action:none;background:#fff}.zeichnung-hinweis{text-align:center;color:#666;font-size:.85rem;margin:0;padding:0 1rem}.zeichnung-aktionen{display:flex;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #eee;justify-content:flex-end}.zeichnung-btn.senden{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 2rem;font-size:1rem;font-weight:600}.zeichnung-btn.senden:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.zeichnung-btn.senden:disabled{background:#ccc}.zeichnung-btn.abbrechen{background:#f8f9fa;color:#666}@media(max-width:600px){.zeichnung-overlay{padding:0}.zeichnung-editor{max-width:100%;max-height:100vh;border-radius:0}.zeichnung-scroll-container{margin:.5rem;min-height:250px;max-height:65vh}.zeichnung-toolbar{justify-content:center}.zeichnung-aktionen{flex-direction:column}.zeichnung-btn.senden,.zeichnung-btn.abbrechen{width:100%;justify-content:center}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#343c62,#42275d);min-height:100vh}#root{max-width:100%;margin:0;padding:0}.app{display:flex;flex-direction:column;height:calc(100vh - 40px);max-width:900px;margin:40px auto 0;background:#fff;box-shadow:0 0 40px #0003;border-radius:16px 16px 0 0;overflow:visible}.sidebar{display:flex;flex-direction:column;overflow:visible}.hauptbereich{display:flex;flex-direction:column;flex:1;min-height:0;position:relative}@media(min-width:768px){.app.chat-aktiv{flex-direction:row;max-width:1400px}.app.chat-aktiv .sidebar{width:280px;min-width:280px;height:calc(100vh - 40px);overflow-y:auto;border-right:1px solid #e9ecef;background:#fff}.app.chat-aktiv .sidebar .header{padding:1.5rem 1rem 1rem}.app.chat-aktiv .sidebar .header-content{flex-direction:column;gap:.5rem}.app.chat-aktiv .sidebar .header-logo{position:relative;top:0;left:0;transform:none;width:80px;height:80px;margin-bottom:.5rem}.app.chat-aktiv .sidebar .header h1{font-size:1.25rem}.app.chat-aktiv .sidebar .einstellungen-leiste{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem}.app.chat-aktiv .sidebar .modus-buttons{flex-direction:column;gap:.5rem}.app.chat-aktiv .sidebar .modus-button{width:100%;justify-content:flex-start}.app.chat-aktiv .sidebar .modus-beschreibung{font-size:.8rem;padding:.5rem .75rem}.app.chat-aktiv .sidebar .info-leiste{flex-direction:column;gap:.5rem;padding:.75rem}.app.chat-aktiv .sidebar .material-button{width:100%}.app.chat-aktiv .hauptbereich{flex:1;height:100vh;overflow:hidden}.app.chat-aktiv .chat-bereich{padding-bottom:160px}.app.chat-aktiv .eingabe-bereich-wrapper{max-width:min(900px,calc(100% - 280px - 2rem));left:calc(50% + 140px)}}.header{background:linear-gradient(135deg,#6271b5,#463358);color:#fff;padding:3.5rem 1.5rem 1rem;text-align:center;position:relative;overflow:visible}.header-content{display:flex;align-items:center;justify-content:center;gap:.75rem}.header-logo{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.9);background:#fff;position:absolute;top:-35px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000040;z-index:10}.header h1{font-size:1.75rem;font-weight:700;margin:0;letter-spacing:.5px}.session-info{font-size:.9rem;color:#fff;margin-top:.25rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.info-leiste{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.5rem 1rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-wrap:wrap}.einsicht-hinweis-inline{font-size:.8rem;color:#6c757d}.material-button{background:#667eea;color:#fff;border:none;padding:.4rem .75rem;border-radius:6px;font-size:.85rem;cursor:pointer;font-weight:500}.material-button:hover{background:#5a6fd6}.material-overlay{position:fixed;inset:0;background:#000000b3;z-index:999}.material-panel{display:flex;flex-direction:column;background:#fff;z-index:1000}.material-panel.overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:900px;max-height:90vh;border-radius:12px;box-shadow:0 10px 40px #0000004d}.material-panel.split{position:fixed;top:0;left:0;width:45%;max-width:500px;height:100vh;border-right:2px solid #667eea;box-shadow:4px 0 20px #00000026}.app.material-split{margin-left:min(45%,500px);max-width:calc(100% - min(45%,500px))}.app.material-split .eingabe-bereich-wrapper{left:calc(50% + min(22.5%,250px));max-width:calc(100% - min(45%,500px) - 2rem)}.material-panel-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#7e92ef,#534164);color:#fff;flex-shrink:0}.material-panel.overlay .material-panel-header{border-radius:12px 12px 0 0}.material-panel-header h2{margin:0;font-size:1.1rem;font-weight:600}.material-panel-actions{display:flex;align-items:center;gap:.5rem}.material-modus-button{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.material-modus-button:hover{background:#ffffff4d}.material-modus-button.aktiv{background:#fff6}.material-schliessen{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.material-schliessen:hover{background:#f006}.material-panel-inhalt{flex:1;overflow-y:auto;padding:1rem;background:#f8f9fa}.material-item{margin-bottom:1rem}.material-item:last-child{margin-bottom:0}.material-loeschhinweis{font-size:.75rem;color:#888;font-style:italic;margin-top:.75rem;padding:0 .25rem}.material-bild-gross{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a}.material-pdf{display:flex;flex-direction:column;gap:.75rem}.pdf-download{display:inline-block;background:#dc3545;color:#fff;padding:.6rem 1rem;border-radius:8px;text-decoration:none;font-weight:500;text-align:center;font-size:.9rem}.pdf-download:hover{background:#c82333}.pdf-vorschau{width:100%;height:400px;border:1px solid #ddd;border-radius:8px}.material-panel.split .pdf-vorschau{height:calc(100vh - 200px)}.material-button.aktiv{background:#5a6fd6;box-shadow:inset 0 2px 4px #0003}@media(max-width:768px){.material-panel.split{position:fixed;top:0;left:0;width:100%;max-width:100%;height:50vh;border-right:none;border-bottom:2px solid #667eea;box-shadow:0 4px 20px #00000026}.app.material-split{margin-left:0;max-width:100%;margin-top:50vh;height:50vh}.app.material-split .eingabe-bereich-wrapper{left:50%;max-width:calc(100% - 1rem)}.app.material-split .chat-bereich{height:calc(50vh - 200px)}.material-panel.split .pdf-vorschau{height:calc(50vh - 150px)}}@media(max-width:600px){.info-leiste{flex-direction:column;gap:.5rem}.pdf-vorschau{height:300px}.material-panel-header h2{font-size:1rem}}.countdown-anzeige{display:inline-block;margin-top:.5rem;padding:.3rem .75rem;background:#fff3;border-radius:12px;font-size:.9rem;font-weight:500}.countdown-anzeige.warnung{background:#ff6b6b;animation:pulse 1s infinite}.projekt-gueltig-anzeige{display:inline-block;margin-top:.5rem;padding:.3rem .75rem;background:#fff3;border-radius:12px;font-size:.85rem;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.sperr-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sperr-box{background:#fff;border-radius:20px;padding:2rem 3rem;text-align:center;max-width:400px;margin:1rem;box-shadow:0 20px 60px #0000004d}.sperr-icon{font-size:4rem;display:block;margin-bottom:1rem}.sperr-box h2{color:#333;margin-bottom:.5rem}.sperr-box p{color:#666;margin-bottom:.25rem}.sperr-hinweis{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee;font-size:.9rem;color:#888}.pause-overlay{position:fixed;inset:0;background:#ffc107d9;display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pause-box{background:#fff;border-radius:20px;padding:2rem 3rem;text-align:center;max-width:400px;margin:1rem;box-shadow:0 20px 60px #0000004d;border:4px solid #ffc107}.pause-icon{font-size:4rem;display:block;margin-bottom:1rem}.pause-box h2{color:#856404;margin-bottom:.5rem}.pause-box p{color:#666;margin-bottom:.25rem}.pause-hinweis{margin-top:1rem;padding-top:1rem;border-top:1px solid #ffeeba;font-size:.9rem;color:#856404;font-weight:500}.modus-toggle-mobile{display:none}.einstellungen-leiste{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-wrap:wrap}.einstellung{display:flex;align-items:center;gap:.5rem}.einstellung label{font-size:1.2rem}.einstellung select{padding:.4rem .75rem;border:2px solid #e9ecef;border-radius:8px;background:#fff;font-size:.9rem;cursor:pointer;outline:none}.einstellung select:focus{border-color:#667eea}.modus-buttons{display:flex;gap:.5rem;overflow-x:auto}.modus-button{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:2px solid #e9ecef;border-radius:20px;background:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap}.modus-button:hover{border-color:#667eea;background:#f0f0ff}.modus-button.aktiv{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modus-icon{font-size:1.1rem}.modus-name{font-size:.9rem;font-weight:500}.modus-fest{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-weight:500}.klassenstufe-anzeige{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:#667eea26;color:#667eea;border-radius:16px;font-size:.85rem;font-weight:500;font-size:.9rem}.modus-beschreibung{padding:.75rem 1rem;background:#f0f0ff;font-size:.85rem;color:#555;border-bottom:1px solid #e9ecef}.chat-bereich{flex:1;overflow-y:auto;padding:1rem;padding-bottom:180px;background:#f8f9fa}.willkommen{text-align:center;padding:2rem;color:#555}.willkommen h2{font-size:1.5rem;margin-bottom:.5rem;color:#333}.willkommen p{margin-bottom:.5rem}.beispiele{text-align:left;background:#fff;border-radius:12px;padding:1rem 1.5rem;margin-top:1.5rem;box-shadow:0 2px 8px #00000014}.beispiele ul{margin-top:.5rem;padding-left:1.25rem}.beispiele li{margin:.5rem 0;color:#666;font-size:.9rem}.nachrichten{display:flex;flex-direction:column;gap:1rem}.nachricht{display:flex;max-width:85%}.nachricht.user{align-self:flex-end}.nachricht.assistant{align-self:flex-start}.nachricht-inhalt{padding:.75rem 1rem;border-radius:16px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.nachricht.user .nachricht-inhalt{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.nachricht.assistant .nachricht-inhalt{background:#fff;color:#333;border-bottom-left-radius:4px;box-shadow:0 2px 8px #00000014}.nachricht-anhaenge{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem;max-width:100%}.anhang-vorschau{max-width:200px}.anhang-bild{max-width:200px;max-height:150px;border-radius:8px;object-fit:cover}.nachricht.user .anhang-bild{border:2px solid rgba(255,255,255,.3)}.anhang-datei{display:inline-block;padding:.4rem .75rem;background:#ffffff26;border-radius:8px;color:inherit;text-decoration:none;font-size:.85rem}.nachricht.user .anhang-datei{color:#fff}.loading{display:flex;gap:.3rem}.loading .dot{animation:bounce 1.4s infinite ease-in-out both;color:#667eea}.loading .dot:nth-child(1){animation-delay:-.32s}.loading .dot:nth-child(2){animation-delay:-.16s}.loading .dot:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.eingabe-bereich-wrapper{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:900px;padding:0 1rem 1rem;z-index:100}.eingabe-bereich{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #0000001a}.formel-leiste{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;background:#f8f9fa;border-radius:12px;margin-bottom:.5rem;max-height:200px;overflow-y:auto}.formel-kategorie{display:flex;flex-direction:column;gap:.4rem}.formel-kategorie-label{font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.formel-buttons{display:flex;flex-wrap:wrap;gap:.25rem}.formel-button{min-width:36px;height:36px;padding:.25rem .5rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.formel-button:hover{background:#667eea;color:#fff;border-color:#667eea;transform:scale(1.05)}.formel-button:active{transform:scale(.95)}.formel-backspace{margin-left:auto;background:#fee2e2;border-color:#fca5a5;font-size:1.1rem}.formel-backspace:hover{background:#ef4444;color:#fff;border-color:#ef4444}.formel-toggle-button{padding:.75rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;font-size:1.2rem;cursor:pointer;transition:all .2s;line-height:1;font-weight:700}.formel-toggle-button:hover{background:#f0f0ff;border-color:#667eea}.formel-toggle-button.aktiv{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.eingabe-row{display:flex;gap:.75rem;align-items:flex-end}.tool-buttons{display:contents}.anhaenge-liste{display:flex;flex-wrap:wrap;gap:.5rem}.anhang-vorschau{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#f0f0ff;border-radius:8px;border:2px solid #667eea}.anhang-count{position:absolute;top:-4px;right:-4px;background:#667eea;color:#fff;font-size:.7rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.anhang-info{display:flex;align-items:center;gap:.5rem}.anhang-bild{width:48px;height:48px;object-fit:cover;border-radius:4px}.anhang-icon{font-size:1.5rem}.anhang-name{font-size:.85rem;color:#555;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anhang-entfernen{background:transparent;border:none;font-size:1.2rem;color:#888;cursor:pointer;padding:.25rem;line-height:1}.anhang-entfernen:hover{color:#dc3545}.upload-button{position:relative;padding:.75rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;font-size:1.2rem;cursor:pointer;transition:all .2s;line-height:1}.upload-button:hover:not(:disabled){background:#f0f0ff;border-color:#667eea}.upload-button:disabled{opacity:.5;cursor:not-allowed}.eingabe-bereich textarea{flex:1;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;font-family:inherit;resize:none;outline:none;transition:border-color .2s}.eingabe-bereich textarea:focus{border-color:#667eea}.eingabe-bereich textarea:disabled{background:#f8f9fa}.senden-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.senden-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.senden-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.header{padding:.5rem .75rem}.header-logo{position:static;transform:none;width:35px;height:35px;border-width:2px}.header-content{flex-wrap:wrap;gap:.4rem}.header h1{font-size:1.1rem}.session-info{font-size:.75rem;margin-top:0}.countdown-anzeige,.projekt-gueltig-anzeige{font-size:.7rem;padding:.15rem .5rem;margin-top:0}.app{margin-top:0;height:100vh;border-radius:0}.modus-button{padding:.4rem .75rem}.modus-name{display:none}.modus-icon{font-size:1.3rem}.modus-toggle-mobile{display:flex;align-items:center;gap:.4rem;width:100%;padding:.4rem .75rem;background:#f0f0ff;border:1px solid #e9ecef;border-left:none;border-right:none;font-size:.9rem;font-weight:500;color:#333;cursor:pointer}.einstellungen-leiste.mobile-collapsed,.modus-beschreibung{display:none}.nachricht{max-width:90%}.beispiele{padding:1rem}}@media(pointer:coarse){.modus-button{min-height:44px}.eingabe-bereich textarea{min-height:50px;font-size:16px}.senden-button{min-height:50px;min-width:80px}.upload-button,.formel-toggle-button{min-height:50px;min-width:50px}.formel-button{min-width:44px;min-height:44px}}@media(max-width:600px){.eingabe-bereich-wrapper{padding:0 .5rem .5rem}.eingabe-bereich{padding:.75rem;border-radius:12px 12px 0 0}.formel-leiste{padding:.5rem;max-height:150px}.formel-button{min-width:32px;height:32px;font-size:.9rem}.formel-kategorie-label{font-size:.7rem}.chat-bereich{padding-bottom:160px}.eingabe-row{flex-wrap:wrap;gap:.5rem}.tool-buttons{display:flex;gap:.5rem;width:100%}.eingabe-row textarea{flex:1;min-width:0}}.code-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:1001}.code-box{background:#fff;border-radius:20px;padding:2.5rem;text-align:center;max-width:400px;width:90%;margin:1rem;box-shadow:0 20px 60px #0000004d}.code-logo{width:80px;height:80px;border-radius:50%;margin-bottom:1rem}.code-box h2{color:#333;margin-bottom:.5rem;font-size:1.5rem}.code-box>p{color:#666;margin-bottom:1.5rem}.code-input{width:100%;padding:1rem;font-size:1.75rem;text-align:center;border:3px solid #e9ecef;border-radius:12px;font-family:Courier New,monospace;font-weight:700;letter-spacing:3px;outline:none;text-transform:uppercase}.code-input:focus{border-color:#667eea}.code-input::placeholder{color:#ccc;letter-spacing:2px}.code-error{color:#dc3545;font-size:.9rem;margin-top:.75rem;padding:.5rem;background:#f8d7da;border-radius:6px}.code-button{width:100%;padding:1rem;margin-top:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.code-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.code-button:disabled{opacity:.6;cursor:not-allowed}.code-hinweis{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eee;font-size:.85rem;color:#888}@media(max-width:767px){.app.chat-aktiv .sidebar .header{padding:.75rem 1rem}.app.chat-aktiv .sidebar .header-content{flex-direction:row;gap:.5rem}.app.chat-aktiv .sidebar .header-logo{position:relative;top:0;left:0;transform:none;width:45px;height:45px}.app.chat-aktiv .sidebar .header h1{font-size:1.1rem}.app.chat-aktiv .sidebar .session-info{font-size:.75rem;margin-top:0}.app.chat-aktiv .sidebar .countdown-anzeige,.app.chat-aktiv .sidebar .projekt-gueltig-anzeige{font-size:.75rem;padding:.2rem .5rem;margin-top:.25rem}.app.chat-aktiv .sidebar .einstellungen-leiste{padding:.5rem;gap:.5rem}.app.chat-aktiv .sidebar .einstellung select{padding:.25rem .5rem;font-size:.8rem}.app.chat-aktiv .sidebar .modus-buttons{gap:.25rem}.app.chat-aktiv .sidebar .modus-button{padding:.35rem .6rem}.app.chat-aktiv .sidebar .modus-beschreibung{display:none}.app.chat-aktiv .sidebar .info-leiste{padding:.4rem .5rem;gap:.5rem}.app.chat-aktiv .sidebar .einsicht-hinweis-inline{font-size:.7rem}.app.chat-aktiv .sidebar .material-button{padding:.3rem .6rem;font-size:.8rem}}.aufsatz-button{padding:.75rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;font-size:1.2rem;cursor:pointer;transition:all .2s;line-height:1}.aufsatz-button:hover:not(:disabled){background:#fff3cd;border-color:#ffc107}.aufsatz-button:disabled{opacity:.5;cursor:not-allowed}.aufsatz-button.hat-text{background:#fff3cd;border-color:#ffc107;position:relative}.text-vorhanden{position:absolute;top:-4px;right:-4px;background:#dc3545;color:#fff;font-size:.65rem;font-weight:700;width:16px;height:16px}.zeichnung-button{padding:.75rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;font-size:1.2rem;cursor:pointer;transition:all .2s;line-height:1}.zeichnung-button:hover:not(:disabled){background:#e3f2fd;border-color:#2196f3}.zeichnung-button:disabled{opacity:.5;cursor:not-allowed;border-radius:50%;display:flex;align-items:center;justify-content:center}.aufsatz-gesendet-hinweis{display:block;margin-top:.5rem;padding:.5rem .75rem;background:#d4edda;color:#155724;border-radius:6px;font-size:.85rem;font-weight:500}.aufsatz-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1002;padding:1rem}.aufsatz-editor{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.aufsatz-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.aufsatz-header h2{margin:0;font-size:1.25rem;font-weight:600}.aufsatz-schliessen{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:8px;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.aufsatz-schliessen:hover{background:#f006}.aufsatz-inhalt{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.aufsatz-titel-gruppe,.aufsatz-text-gruppe{display:flex;flex-direction:column;gap:.5rem}.aufsatz-titel-gruppe label,.aufsatz-text-gruppe label{font-weight:600;color:#333;font-size:.95rem}.aufsatz-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.formel-toggle-button.klein{font-size:.85rem;padding:.35rem .75rem;border-radius:8px}.formel-leiste.aufsatz{margin-bottom:.5rem;padding:.75rem;background:#f8f9fa;border-radius:10px;border:1px solid #e9ecef}.aufsatz-titel-input{padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:10px;font-size:1.1rem;font-weight:500;outline:none;transition:border-color .2s}.aufsatz-titel-input:focus{border-color:#667eea}.aufsatz-titel-input::placeholder{color:#aaa;font-weight:400}.aufsatz-text-gruppe{flex:1;min-height:300px}.aufsatz-textarea{flex:1;padding:1rem;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;font-family:Georgia,serif;line-height:1.8;resize:none;outline:none;transition:border-color .2s;min-height:300px}.aufsatz-textarea:focus{border-color:#667eea}.aufsatz-textarea::placeholder{color:#aaa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.aufsatz-info{display:flex;justify-content:flex-end}.zeichen-zaehler{font-size:.85rem;color:#888}.aufsatz-aktionen{display:flex;gap:.75rem;padding:1rem 1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef;flex-wrap:wrap}.aufsatz-btn{flex:1;min-width:140px;padding:.85rem 1.25rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.aufsatz-btn.senden{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.aufsatz-btn.senden:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.aufsatz-btn.pdf{background:#28a745;color:#fff}.aufsatz-btn.pdf:hover:not(:disabled){background:#218838}.aufsatz-btn.abbrechen{background:#e9ecef;color:#666;flex:0;min-width:100px}.aufsatz-btn.abbrechen:hover{background:#dee2e6}.aufsatz-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media(pointer:coarse){.aufsatz-button{min-height:50px;min-width:50px}.aufsatz-btn{min-height:50px}.aufsatz-textarea{font-size:16px}}@media(max-width:600px){.aufsatz-overlay{padding:.5rem}.aufsatz-editor{max-height:95vh;border-radius:12px}.aufsatz-header{padding:.75rem 1rem}.aufsatz-header h2{font-size:1.1rem}.aufsatz-inhalt{padding:1rem}.aufsatz-text-gruppe,.aufsatz-textarea{min-height:250px}.aufsatz-aktionen{padding:.75rem 1rem}.aufsatz-btn{min-width:100px;padding:.75rem 1rem;font-size:.9rem}.aufsatz-btn.abbrechen{flex:1}}.fortschritts-bereich{padding:1rem 1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6}.fortschritts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.fortschritts-label{font-size:.9rem;font-weight:600;color:#495057}.fortschritts-wert{font-size:1rem;font-weight:700}.fortschritts-balken-container{position:relative;height:12px;background:#e9ecef;border-radius:6px;overflow:visible}.fortschritts-balken{height:100%;border-radius:6px;transition:width .5s ease-out;background-size:100% 100%}.fortschritts-marker{position:absolute;top:-4px;width:20px;height:20px;background:#fff;border:3px solid #495057;border-radius:50%;transform:translate(-50%);transition:left .5s ease-out;box-shadow:0 2px 6px #0003}.fortschritts-zusammenfassung{margin-top:.75rem;font-size:.85rem;color:#666;line-height:1.5;padding:.5rem .75rem;background:#fff;border-radius:8px;border-left:3px solid #667eea}.eulen-lob{position:absolute;top:60px;right:20px;display:flex;align-items:flex-start;gap:.75rem;z-index:100;animation:eulenEinflug .5s ease-out}@keyframes eulenEinflug{0%{opacity:0;transform:translate(50px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}.eulen-lob-bild{width:60px;height:60px;border-radius:50%;border:3px solid #ffc107;background:#fff;box-shadow:0 4px 12px #00000026;animation:eulenWackeln .5s ease-in-out .3s}@keyframes eulenWackeln{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.eulen-lob-bubble{background:linear-gradient(135deg,#ffc107,#ffdb4d);color:#333;padding:.75rem 1rem;border-radius:12px;max-width:250px;font-size:.95rem;font-weight:500;box-shadow:0 4px 12px #ffc1074d;position:relative}.eulen-lob-bubble:before{content:"";position:absolute;left:-8px;top:15px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #ffc107}.aufsatz-feedback-ansicht{display:flex;flex-direction:column;gap:.75rem;flex:1}.feedback-text-container{padding:1rem;background:#fff;border:2px solid #e9ecef;border-radius:10px;font-family:Georgia,serif;line-height:2;max-height:200px;overflow-y:auto;white-space:pre-wrap}.feedback-edit-hinweis{font-size:.85rem;color:#666;padding:.5rem;background:#fff3cd;border-radius:6px;text-align:center}.aufsatz-textarea.mit-feedback{min-height:200px;flex:1}.editor-hinweis-wrapper{display:inline}.editor-hinweis{display:inline-flex;align-items:center;gap:.35rem;margin:0 .25rem;padding:.25rem .5rem;background:linear-gradient(135deg,#fff3cd,#ffe69c);border:1px solid #ffc107;border-radius:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;color:#856404;vertical-align:middle;animation:hinweisEinblenden .3s ease-out}@keyframes hinweisEinblenden{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.hinweis-icon{font-size:.9rem}.hinweis-text{max-width:300px}.hinweis-schliessen{background:#28a745;color:#fff;border:none;width:20px;height:20px;border-radius:50%;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.hinweis-schliessen:hover{background:#218838;transform:scale(1.1)}.feedback-toggle-button{font-size:.8rem;padding:.3rem .6rem;background:#e9ecef;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;transition:all .2s}.feedback-toggle-button:hover{background:#dee2e6}.aufsatz-label-actions{display:flex;gap:.5rem;align-items:center}@media(max-width:600px){.fortschritts-bereich{padding:.75rem 1rem}.fortschritts-header{flex-direction:column;align-items:flex-start;gap:.25rem}.eulen-lob{inset:auto 10px 80px;justify-content:center}.eulen-lob-bubble{max-width:200px;font-size:.85rem}.editor-hinweis{display:flex;margin:.5rem 0;padding:.5rem}.hinweis-text{max-width:100%}.feedback-text-container{max-height:150px;font-size:.9rem;line-height:1.8}.aufsatz-label-actions{flex-wrap:wrap}}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#142b5d,#544a61)}.login-box{background:#fff;padding:2.5rem;border-radius:16px;text-align:center;box-shadow:0 10px 40px #0003;max-width:400px;width:90%}.login-logo{width:80px;height:80px;border-radius:50%;margin-bottom:1rem}.login-box h1{color:#333;margin-bottom:.25rem;font-size:1.75rem}.login-subtitle{color:#666;margin-bottom:1.5rem;font-size:1rem}.login-box .hint{margin-top:1rem;color:#888;font-size:.85rem}.auth-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-radius:8px;overflow:hidden;border:2px solid #e9ecef}.auth-tab{flex:1;padding:.75rem 1rem;border:none;background:#f8f9fa;cursor:pointer;font-size:.95rem;font-weight:500;color:#666;transition:all .2s}.auth-tab:first-child{border-right:1px solid #e9ecef}.auth-tab:hover{background:#e9ecef}.auth-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.auth-error{color:#dc3545;font-size:.9rem;margin-bottom:1rem;padding:.5rem;background:#f8d7da;border-radius:6px}.user-email{font-size:.85rem;opacity:.9}.admin{min-height:100vh;background:#f8f9fa}.admin-header{background:linear-gradient(135deg,#656d90,#2b1f37);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:1rem}.admin-logo{width:48px;height:48px;border-radius:50%;background:#fff}.admin-header h1{font-size:1.5rem;margin:0}.logout-button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem}.logout-button:hover{background:#ffffff4d}.header-right{display:flex;gap:.5rem;align-items:center}.hilfe-button{background:#ffc107;color:#2b1f37;border:none;padding:.5rem 1.1rem;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:600;transition:background .2s,transform .15s;box-shadow:0 2px 8px #ffc10759}.hilfe-button:hover{background:#ffd54f;transform:scale(1.05)}.hilfe-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;justify-content:flex-end;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hilfe-panel{width:min(480px,90vw);height:100%;background:#fff;box-shadow:-4px 0 20px #00000026;overflow-y:auto;animation:slideIn .3s ease-out;position:relative}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.hilfe-schliessen{position:sticky;top:.75rem;float:right;margin-right:.75rem;background:#f0f0f0;border:none;font-size:1.5rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;z-index:1}.hilfe-schliessen:hover{background:#e0e0e0;color:#333}.hilfe-inhalt{padding:1.5rem 2rem 2rem}.hilfe-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #667eea20}.hilfe-eule{width:60px;height:60px;border-radius:50%;object-fit:cover}.hilfe-header h2{font-size:1.5rem;color:#2b1f37;margin:0}.hilfe-schritt{display:flex;gap:1rem;margin-bottom:1.25rem;align-items:flex-start}.hilfe-nummer{flex-shrink:0;width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;margin-top:2px}.hilfe-schritt h3{margin:0 0 .3rem;font-size:1rem;color:#2b1f37}.hilfe-schritt p{margin:0 0 .4rem;font-size:.9rem;color:#555;line-height:1.5}.hilfe-schritt ul{margin:.3rem 0 0;padding-left:1.2rem;font-size:.9rem;color:#555;line-height:1.6}.hilfe-typen{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.hilfe-typ{background:#f8f9fa;border-radius:8px;padding:.75rem 1rem;border-left:3px solid #667eea}.hilfe-typ strong{display:block;margin-bottom:.3rem;color:#2b1f37}.hilfe-typ p{margin:0 0 .3rem;font-size:.85rem}.hilfe-hinweis{color:#856404!important;background:#fff3cd;padding:.4rem .6rem;border-radius:4px;font-size:.83rem!important}.hilfe-abschnitt{margin-top:1.5rem;padding-top:1.25rem;border-top:2px solid #667eea20}.hilfe-abschnitt h3{font-size:1.1rem;color:#2b1f37;margin:0 0 1rem}.hilfe-features{display:flex;flex-direction:column;gap:.75rem}.hilfe-feature{display:flex;gap:.75rem;align-items:flex-start;background:#f8f9fa;padding:.75rem 1rem;border-radius:8px}.hilfe-feature-icon{font-size:1.4rem;flex-shrink:0;margin-top:2px}.hilfe-feature strong{display:block;color:#2b1f37;margin-bottom:.15rem;font-size:.95rem}.hilfe-feature p{margin:0;font-size:.85rem;color:#555;line-height:1.45}.hilfe-tipp{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#667eea10,#764ba210);border-radius:8px;font-size:.9rem;color:#555;line-height:1.5;border:1px solid #667eea20}.hilfe-tipp strong{color:#667eea}.admin-content{max-width:1200px;margin:0 auto;padding:2rem}.admin-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014}.admin-section h2{color:#434141;margin:0 0 1.5rem;font-size:1.25rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}.session-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#555;font-size:.9rem}.form-group input,.form-group select{padding:.6rem .75rem;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;outline:none}.form-group input:focus,.form-group select:focus{border-color:#667eea}.checkbox-label{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.85rem;color:#555;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.modell-auswahl{display:flex;gap:.75rem;flex-wrap:wrap}.modell-option{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s;flex:1;min-width:200px}.modell-option:hover{border-color:#667eea;background:#f8f9ff}.modell-option.aktiv{border-color:#667eea;background:linear-gradient(135deg,#667eea15,#764ba215)}.modell-option input[type=radio]{display:none}.modell-icon{font-size:1.5rem}.modell-info{display:flex;flex-direction:column;gap:.1rem}.modell-name{font-weight:600;color:#333}.modell-beschreibung{font-size:.8rem;color:#666}.form-group.full-width{grid-column:1 / -1}.form-group textarea{padding:.6rem .75rem;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;font-family:inherit;outline:none;resize:vertical;min-height:80px}.form-group textarea:focus{border-color:#667eea}.form-hint{font-size:.8rem;color:#888;margin-top:.25rem}.material-upload-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}@media(max-width:700px){.material-upload-row{grid-template-columns:1fr}}.material-box{padding:1rem;border-radius:12px;border:2px solid transparent}.material-box label{font-weight:600;font-size:1rem;display:block;margin-bottom:.25rem}.material-beschreibung{font-size:.8rem;color:#666;margin-bottom:.25rem}.material-limit-hinweis{font-size:.7rem;color:#e67e22;margin-bottom:.75rem;font-style:italic}.material-loeschhinweis{font-size:.75rem;color:#888;font-style:italic;margin-top:.5rem;margin-bottom:0}.schueler-material{background:#f0f4ff;border-color:#667eea}.ki-material{background:#fff8e6;border-color:#f0a500}.material-vorschau.ki{background:#fff0c0;border-color:#f0a500}.material-upload-button.ki{border-color:#f0a500}.material-upload-button.ki:hover{background:#fff8e6;border-color:#d49400}.material-upload-area,.materialien-liste{display:flex;flex-direction:column;gap:.5rem}.material-upload-button{width:100%;padding:1rem;background:#f8f9fa;border:2px dashed #ccc;border-radius:8px;cursor:pointer;font-size:.95rem;color:#555;transition:all .2s}.material-upload-button:hover{background:#f0f0ff;border-color:#667eea}.material-vorschau{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f0f0ff;border:2px solid #667eea;border-radius:8px}.material-info{display:flex;align-items:center;gap:.75rem}.material-bild{width:60px;height:60px;object-fit:cover;border-radius:4px}.material-icon{font-size:2rem}.material-name{font-size:.9rem;color:#333;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-entfernen{background:#dc3545;color:#fff;border:none;padding:.4rem .75rem;border-radius:6px;cursor:pointer;font-size:.85rem}.material-entfernen:hover{background:#c82333}.create-button{background:linear-gradient(135deg,#6270b0,#342740);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.5rem}.create-button:hover{opacity:.95}.no-sessions{color:#888;text-align:center;padding:2rem}.sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.session-card{border:2px solid #e9ecef;border-radius:12px;padding:1.25rem;background:#fafafa}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.session-header h3{margin:0;font-size:1.1rem;color:#333}.session-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.session-badge.aktiv{background:#d4edda;color:#155724}.session-details{margin-bottom:1rem}.session-details p{margin:.3rem 0;font-size:.9rem;color:#555}.session-extras{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.extra-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.extra-badge.anweisung{background:#e3f2fd;color:#1565c0}.extra-badge.material{background:#fff3e0;color:#e65100;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-qr{text-align:center;padding:1rem;background:#fff;border-radius:8px;margin-bottom:1rem}.qr-hint{margin:.75rem 0 .5rem;font-size:.8rem;color:#888}.copy-button{background:#f0f0f0;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem}.copy-button:hover{background:#e0e0e0}.link-zeile{display:flex;align-items:center;gap:.5rem;justify-content:center}.link-info-tooltip{position:relative;display:inline-flex}.link-info-icon{width:20px;height:20px;border-radius:50%;background:#667eea;color:#fff;font-size:.75rem;font-weight:700;font-style:italic;font-family:Georgia,serif;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.link-info-text{display:none;position:absolute;bottom:calc(100% + 8px);right:-10px;width:220px;background:#2b1f37;color:#fff;padding:.6rem .75rem;border-radius:8px;font-size:.8rem;line-height:1.4;box-shadow:0 4px 12px #0003;z-index:10}.link-info-text:after{content:"";position:absolute;top:100%;right:16px;border:6px solid transparent;border-top-color:#2b1f37}.link-info-tooltip:hover .link-info-text{display:block}.session-actions{display:flex;gap:.5rem}.end-button{flex:1;background:#ffc107;color:#333;border:none;padding:.5rem;border-radius:6px;cursor:pointer;font-weight:500}.sessions-list{display:flex;flex-direction:column;gap:.5rem}.session-row{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#f8f9fa;border-radius:8px}.session-name{font-weight:500;flex:1}.session-info{color:#666;font-size:.9rem}.session-date{color:#888;font-size:.85rem}.delete-button{background:#dc3545;color:#fff;border:none;padding:.4rem .75rem;border-radius:6px;cursor:pointer;font-size:.85rem}.token-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.token-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.25rem;border-radius:12px;text-align:center}.token-label{display:block;font-size:.85rem;opacity:.9;margin-bottom:.5rem}.token-value{font-size:1.5rem;font-weight:700}.token-hint{margin-top:1rem;font-size:.85rem;color:#888;text-align:center}.token-zeitraum-tabs{display:flex;gap:0;margin-bottom:1.25rem;border-radius:8px;overflow:hidden;border:2px solid #e9ecef}.token-zeitraum-tab{flex:1;padding:.5rem .75rem;border:none;background:#f8f9fa;cursor:pointer;font-size:.85rem;font-weight:500;color:#666;transition:all .2s}.token-zeitraum-tab:not(:last-child){border-right:1px solid #e9ecef}.token-zeitraum-tab:hover{background:#e9ecef}.token-zeitraum-tab.aktiv{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.token-details{margin-top:1.5rem}.token-tabelle{width:100%;border-collapse:collapse;font-size:.9rem}.token-tabelle th,.token-tabelle td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid #f0f0f0}.token-tabelle th{font-weight:600;color:#555;font-size:.85rem}.token-tabelle td{color:#333}@media(max-width:768px){.admin-content{padding:1rem}.form-row,.sessions-grid,.token-stats{grid-template-columns:1fr}.token-zeitraum-tabs{flex-wrap:wrap}.token-zeitraum-tab{font-size:.8rem;padding:.4rem .5rem}.token-tabelle{font-size:.8rem}.token-tabelle th,.token-tabelle td{padding:.4rem .5rem}.session-row{flex-wrap:wrap}.admin-header{flex-direction:column;gap:1rem;text-align:center}.header-right{flex-wrap:wrap;justify-content:center}}.erweitert-toggle{margin:.5rem 0}.erweitert-button{background:none;border:none;color:#666;font-size:.9rem;cursor:pointer;padding:.5rem 0;display:flex;align-items:center;gap:.5rem}.erweitert-button:hover{color:#667eea}.erweitert-bereich{background:#f8f9fa;padding:1rem;border-radius:8px;border:1px dashed #ddd}@media(pointer:coarse){.form-group input,.form-group select{min-height:44px;font-size:16px}.create-button,.end-button,.copy-button,.delete-button{min-height:44px}}.verlauf-button{background:#17a2b8;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;margin-right:.5rem}.verlauf-button:hover{background:#138496}.verlauf-button-small{background:#6c757d;color:#fff;border:none;padding:.4rem .75rem;border-radius:4px;cursor:pointer;font-size:.8rem;margin-right:.5rem}.verlauf-button-small:hover{background:#5a6268}.verlauf-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.verlauf-modal{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.verlauf-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e9ecef}.verlauf-header h2{margin:0;font-size:1.25rem;color:#333;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.verlauf-code-badge{font-size:.9rem;font-weight:500;background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:20px;font-family:Courier New,monospace}.verlauf-schliessen{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.25rem .5rem;border-radius:4px}.verlauf-schliessen:hover{background:#f1f3f4;color:#333}.verlauf-info{padding:.75rem 1.5rem;background:#f8f9fa;color:#666;font-size:.9rem;border-bottom:1px solid #e9ecef}.verlauf-inhalt{flex:1;overflow-y:auto;padding:1rem 1.5rem}.verlauf-laden,.verlauf-leer{text-align:center;color:#666;padding:2rem}.verlauf-nachricht{margin-bottom:1rem;padding:.75rem 1rem;border-radius:8px;border-left:4px solid}.verlauf-nachricht.user{background:#e3f2fd;border-left-color:#2196f3}.verlauf-nachricht.assistant{background:#f3e5f5;border-left-color:#9c27b0}.verlauf-rolle{font-weight:600;font-size:.85rem;margin-right:.75rem}.verlauf-zeit{color:#999;font-size:.8rem}.verlauf-text{margin-top:.5rem;white-space:pre-wrap;line-height:1.5;color:#333}@media(max-width:600px){.verlauf-modal{max-height:95vh;border-radius:8px}.verlauf-header h2{font-size:1rem}.verlauf-inhalt{padding:.75rem}}.verlaengern-button{background:#6f42c1;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600}.verlaengern-button:hover{background:#5a32a3}.pause-button{background:#ffc107;color:#856404;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;margin-right:.5rem}.pause-button:hover{background:#e0a800}.pause-button.fortsetzen{background:#28a745;color:#fff}.pause-button.fortsetzen:hover{background:#218838}.session-badge.pausiert{background:#fff3cd;color:#856404;border:1px solid #ffc107}.session-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.action-button{padding:.6rem .75rem;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s;text-align:center}.action-button.codes,.action-button.verlauf{background:#17a2b8;color:#fff}.action-button.codes:hover,.action-button.verlauf:hover{background:#138496}.action-button.bearbeiten{background:#20c997;color:#fff}.action-button.bearbeiten:hover{background:#1ba87e}.action-button.verlaengern{background:#6f42c1;color:#fff}.action-button.verlaengern:hover{background:#5a32a3}.action-button.pause{background:#ffc107;color:#856404}.action-button.pause:hover{background:#e0a800}.action-button.pause.fortsetzen{background:#28a745;color:#fff}.action-button.pause.fortsetzen:hover{background:#218838}.action-button.beenden{background:#dc3545;color:#fff;width:100%}.action-button.beenden:hover{background:#c82333}.verlaengern-dropdown{position:relative}.verlaengern-dropdown .action-button{width:100%}.session-typ-auswahl{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.typ-button{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;border:3px solid #e9ecef;border-radius:12px;background:#fafafa;cursor:pointer;transition:all .2s}.typ-button:hover{border-color:#667eea;background:#f8f9ff}.typ-button.aktiv{border-color:#667eea;background:linear-gradient(135deg,#667eea10,#764ba210)}.typ-icon{font-size:2rem}.typ-label{font-weight:600;font-size:1rem;color:#333}.typ-beschreibung{font-size:.8rem;color:#666;text-align:center}.projekt-felder{background:#f0f4ff;padding:1rem;border-radius:12px;border:2px solid #667eea;margin-top:.5rem}.zeitraum-row{margin-top:.5rem}.datum-zeit-gruppe{display:flex;gap:.5rem}.datum-zeit-gruppe input[type=date]{flex:2}.datum-zeit-gruppe input[type=time]{flex:1}.session-card.projekt{border-color:#667eea;background:linear-gradient(135deg,#f8f9ff,#fff)}.session-badges{display:flex;gap:.5rem}.session-badge.projekt{background:#667eea;color:#fff}.codes-button{background:#667eea;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500}.codes-button:hover{background:#5a6fd6}.verlaengern-dropdown{position:relative;flex:1}.verlaengern-button.projekt{width:100%}.verlaengern-optionen{display:none;position:absolute;bottom:100%;left:0;right:0;background:#fff;border:2px solid #6f42c1;border-radius:8px;padding:.5rem;margin-bottom:.25rem;box-shadow:0 -4px 12px #00000026;z-index:10}.verlaengern-dropdown:hover .verlaengern-optionen{display:flex;flex-wrap:wrap;gap:.25rem}.verlaengern-optionen button{flex:1;min-width:60px;padding:.4rem .5rem;background:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.8rem}.verlaengern-optionen button:hover{background:#6f42c1;color:#fff;border-color:#6f42c1}.codeliste-modal{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.codeliste-druckbereich{flex:1;overflow-y:auto;padding:1.5rem}.codeliste-header-print{margin-bottom:1rem;font-size:1rem}.codeliste-zeitraum{color:#666;font-size:.9rem}.codeliste-tabelle{width:100%;border-collapse:collapse;font-size:.95rem}.codeliste-tabelle th,.codeliste-tabelle td{border:1px solid #ddd;padding:.75rem .5rem;text-align:center}.codeliste-tabelle th{background:#f8f9fa;font-weight:600;font-size:.8rem;color:#666}.codeliste-tabelle .nr-spalte{width:40px}.codeliste-tabelle .name-spalte{width:140px;min-height:35px}.codeliste-tabelle .code-spalte{width:90px;font-family:Courier New,monospace;font-size:1rem;letter-spacing:1px}.codeliste-tabelle .schnitt-spalte{width:30px;border-left:2px dashed #999;border-right:2px dashed #999;color:#999;font-size:1.2rem}.codeliste-aktionen{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e9ecef;background:#f8f9fa;flex-wrap:wrap}.codeliste-button-wrapper{flex:1;min-width:140px;display:flex;align-items:center;gap:.25rem}.codeliste-button{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500}.info-tooltip{position:relative;display:inline-flex;align-items:center}.info-icon{font-size:.9rem;cursor:help;opacity:.7;transition:opacity .2s}.info-icon:hover{opacity:1}.info-text{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;width:200px;text-align:center;margin-bottom:.5rem;box-shadow:0 2px 8px #0003;z-index:100}.info-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#333}.info-tooltip:hover .info-text{display:block}.codeliste-button.pdf{background:#dc3545;color:#fff}.codeliste-button.pdf:hover{background:#c82333}.codeliste-button.drucken{background:#6c757d;color:#fff}.codeliste-button.drucken:hover{background:#5a6268}.codeliste-button.kopieren{background:#17a2b8;color:#fff}.codeliste-button.kopieren:hover{background:#138496}.codeliste-button.qr{background:#6c757d;color:#fff}.codeliste-button.qr:hover{background:#5a6268}.codeverwaltung-modal{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.codeverwaltung-inhalt{flex:1;overflow-y:auto;padding:1rem 1.5rem}.codeverwaltung-tabelle{width:100%;border-collapse:collapse}.codeverwaltung-tabelle th,.codeverwaltung-tabelle td{padding:.75rem .5rem;text-align:left;border-bottom:1px solid #e9ecef}.codeverwaltung-tabelle th{font-weight:600;color:#666;font-size:.85rem}.codeverwaltung-tabelle .code-zelle{font-family:Courier New,monospace;font-size:1rem;letter-spacing:1px}.codeverwaltung-tabelle .zugriff-zelle{color:#666;font-size:.85rem}.notiz-input{width:100%;padding:.4rem .5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.notiz-input:focus{border-color:#667eea;outline:none}.neuer-code-button{margin-top:1rem;width:100%;padding:.75rem;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500}.neuer-code-button:hover{background:#5a6fd6}@media(max-width:600px){.session-typ-auswahl{grid-template-columns:1fr}.datum-zeit-gruppe{flex-direction:column}.codeliste-tabelle{font-size:.8rem}.codeliste-tabelle .name-spalte{width:100px}.codeliste-tabelle .code-spalte{font-size:.85rem}.codeliste-aktionen{flex-direction:column}}.bearbeiten-button{background:#20c997;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500}.bearbeiten-button:hover{background:#1ba87e}.bearbeiten-modal{background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.bearbeiten-inhalt{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.bearbeiten-gruppe{display:flex;flex-direction:column;gap:.5rem}.bearbeiten-gruppe label{font-weight:600;color:#555;font-size:.9rem}.bearbeiten-gruppe input[type=text],.bearbeiten-gruppe input[type=number],.bearbeiten-gruppe input[type=date],.bearbeiten-gruppe input[type=time],.bearbeiten-gruppe select,.bearbeiten-gruppe textarea{padding:.6rem .75rem;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;font-family:inherit;outline:none}.bearbeiten-gruppe input:focus,.bearbeiten-gruppe select:focus,.bearbeiten-gruppe textarea:focus{border-color:#667eea}.bearbeiten-gruppe textarea{resize:vertical;min-height:80px}.datum-zeit-inline{display:flex;gap:.5rem}.datum-zeit-inline input[type=date]{flex:2}.datum-zeit-inline input[type=time]{flex:1}.bearbeiten-material-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:600px){.bearbeiten-material-row{grid-template-columns:1fr}}.bearbeiten-material-box{padding:1rem;border-radius:10px;background:#f0f4ff;border:2px solid #667eea}.bearbeiten-material-box.ki{background:#fff8e6;border-color:#f0a500}.bearbeiten-material-box label{font-weight:600;display:block;margin-bottom:.75rem}.bearbeiten-material-liste{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.bearbeiten-material-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#fff;border-radius:6px;font-size:.85rem}.bearbeiten-material-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.bearbeiten-material-item button{background:#dc3545;color:#fff;border:none;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.8rem}.bearbeiten-material-item button:hover{background:#c82333}.bearbeiten-upload-btn{width:100%;padding:.6rem;background:#fff;border:2px dashed #667eea;border-radius:6px;cursor:pointer;font-size:.9rem;color:#667eea}.bearbeiten-upload-btn:hover{background:#f8f9ff}.bearbeiten-upload-btn.ki{border-color:#f0a500;color:#d49400}.bearbeiten-upload-btn.ki:hover{background:#fffaf0}.bearbeiten-aktionen{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e9ecef;background:#f8f9fa}.bearbeiten-speichern{flex:2;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600}.bearbeiten-speichern:hover{opacity:.95}.bearbeiten-abbrechen{flex:1;padding:.75rem 1rem;background:#e9ecef;color:#666;border:none;border-radius:8px;cursor:pointer;font-size:.95rem}.bearbeiten-abbrechen:hover{background:#dde0e3}