.user-avatar-container{display:inline-block;position:relative}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:40px}.user-avatar:hover{box-shadow:0 4px 12px #0003;transform:scale(1.05)}.user-avatar.uploading{cursor:not-allowed;opacity:.7}.avatar-image{height:100%;width:100%}.avatar-initials{font-size:18px;text-shadow:0 1px 2px #0000004d}.upload-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.avatar-menu{background:#fff;border:1px solid #e1e8ed;border-radius:8px;box-shadow:0 4px 16px #00000026;margin-top:8px;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.avatar-menu-item{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.avatar-menu-item:hover:not(:disabled){background-color:#f8f9fa}.avatar-menu-item:disabled{cursor:not-allowed;opacity:.6}.avatar-menu-item:not(:last-child):not(.logout-item){border-bottom:1px solid #f1f3f4}.avatar-menu-divider{background-color:#e1e8ed;height:1px;margin:4px 0}.avatar-menu-item.logout-item{color:#dc3545;font-weight:500}.avatar-menu-item.logout-item:hover{background-color:#fee}.avatar-menu-item.statistik-item{color:#667eea;font-weight:500}.avatar-menu-item.statistik-item:hover{background-color:#f0f4ff}@media (max-width:768px){.user-avatar{height:36px;width:36px}.avatar-initials{font-size:16px}.avatar-menu{min-width:160px}.avatar-menu-item{font-size:13px;padding:10px 14px}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;height:80px;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.navbar,.navbar-content{align-items:center;display:flex}.navbar-content{justify-content:space-between;padding:0 20px;position:relative;width:100%}.navbar-logo{align-items:center;display:flex;flex-shrink:0}.navbar-logo.clickable{cursor:pointer;transition:opacity .2s ease}.navbar-logo.clickable:hover{opacity:.8}.navbar-logo img{height:40px;width:auto}.navbar-title{color:#333;font-size:1.5rem;font-weight:600;left:50%;margin:0;position:absolute;text-align:center;transform:translateX(-50%)}.navbar-right{align-items:center;display:flex;flex-shrink:0}@media (max-width:768px){.navbar{height:70px}.navbar-content{padding:0 15px}.navbar-logo img{height:35px}.navbar-title{font-size:1.2rem;margin:0 10px}.navbar-right{gap:8px}}@media (max-width:480px){.navbar-title{font-size:1rem;margin:0 5px}.navbar-logo img{height:30px}}.dashboard{min-height:100vh;overflow:hidden;position:relative}.dashboard-content{align-items:flex-start;display:flex;justify-content:center;padding:100px 2rem 2rem}.dashboard-container{background:#0000;border-radius:16px;box-sizing:border-box;color:#fff;max-width:900px;padding:2rem;width:100%}.dashboard-header{margin-bottom:40px;text-align:center}.dashboard-header h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:12px}.dashboard-header p{font-size:1.2rem;margin:0;text-shadow:0 1px 2px #0003}.dashboard-list{gap:32px}.dashboard-card,.dashboard-list{display:flex;flex-direction:column}.dashboard-card{align-items:stretch;background:#fff;border:2px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 24px #0000000a;cursor:pointer;justify-content:flex-start;min-height:120px;overflow:hidden;padding:0;transition:box-shadow .2s,border-color .2s,transform .15s;width:100%}.dashboard-card:focus,.dashboard-card:hover{border-color:#667eea;box-shadow:0 8px 32px #667eea1f;outline:none;transform:translateY(-4px) scale(1.01)}.dashboard-card-row{display:flex;width:100%}.dashboard-card-row-top{align-items:stretch;background:#fafbfc;flex-direction:row;justify-content:space-between}.dashboard-card-title{background:#fafbfc;border-right:1px solid #e0e0e0;color:#333;flex:1 1 50%;font-size:2rem;font-weight:700;padding:32px 24px 24px 32px;text-align:left}.dashboard-card-description{align-self:stretch;background:#fafbfc;color:#666;flex:1 1 50%;font-size:1.15rem;padding:32px 32px 24px 24px;text-align:right}@media (max-width:768px){.dashboard-content{padding:90px 1rem 1rem}.dashboard-container{padding:1.5rem}.dashboard-header h2{font-size:2rem}.dashboard-header p{font-size:1rem}.dashboard-card-title{font-size:1.5rem;padding:24px 16px 16px 24px}.dashboard-card-description{font-size:1rem;padding:24px 24px 16px 16px}}@media (max-width:480px){.dashboard-content{padding:90px .5rem .5rem}.dashboard-container{padding:1rem}.dashboard-header h2{font-size:1.8rem}.dashboard-card-title{font-size:1.3rem;padding:20px 12px 12px 20px}.dashboard-card-description{font-size:.9rem;padding:20px 20px 12px 12px}}.learning{min-height:100vh;overflow-x:hidden;position:relative}.learning-content{padding-bottom:40px;padding-top:90px}.learning-container{margin:0 auto;max-width:1200px;padding:0 20px}.learning-header{color:#fff;margin-bottom:50px;text-align:center}.learning-header h2{font-size:36px;font-weight:700;margin-bottom:15px;text-shadow:0 2px 4px #0000004d}.learning-header p{font-size:18px;opacity:.9;text-shadow:0 1px 2px #0003}.modules-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:40px}.module-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:40px 30px;text-align:center;transition:all .3s ease}.module-card:hover{background:#fff;box-shadow:0 16px 48px #0003;transform:translateY(-8px)}.module-icon{display:block;font-size:48px;margin-bottom:20px}.module-card h3{color:#333;font-size:24px;font-weight:600;margin-bottom:15px}.module-card p{color:#666;font-size:16px;line-height:1.6;margin-bottom:30px}.module-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;max-width:200px;padding:14px 28px;transition:all .3s ease;width:100%}.module-button:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.module-button:active{transform:translateY(0)}.topic-card{align-items:stretch;background:#fff;border:2px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 24px #0000000a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto 32px;max-width:900px;min-height:340px;overflow:hidden;padding:0;transition:box-shadow .2s,border-color .2s,transform .15s;width:100%}.topic-card:focus,.topic-card:hover{border-color:#667eea;box-shadow:0 8px 32px #667eea1f;outline:none;transform:translateY(-4px) scale(1.01)}.topic-card-row{display:flex;width:100%}.topic-card-row-top{align-items:stretch;background:#fafbfc;border-bottom:1px solid #e0e0e0;flex-direction:row;justify-content:space-between}.topic-card-title{background:#fafbfc;border-right:1px solid #e0e0e0;color:#333;flex:1 1 50%;font-size:2rem;font-weight:700;padding:32px 24px 24px 32px;text-align:left}.topic-card-description{align-self:stretch;background:#fafbfc;color:#666;flex:1 1 50%;font-size:1.15rem;padding:32px 32px 24px 24px;text-align:right}.topic-card-row-image{align-items:center;background:#fff;border-top:1px solid #e0e0e0;justify-content:center}.topic-card-image-wrapper{align-items:center;display:flex;justify-content:center;padding:24px 0;width:100%}.topic-card-image{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #667eea14;max-height:180px;max-width:320px;object-fit:contain;width:100%}@media (max-width:900px){.topic-card-description,.topic-card-title{padding:18px 8px 12px}.topic-card-image-wrapper{padding:12px 0}.topic-card{max-width:100%}.topic-card-title{font-size:1.2rem}.topic-card-description{font-size:1rem;padding-left:12px}.topic-card-image{max-height:120px;max-width:100%}}@media (max-width:768px){.learning-container{padding:0 15px}.learning-header h2{font-size:28px}.learning-header p{font-size:16px}.modules-grid{gap:20px;grid-template-columns:1fr}.module-card{padding:30px 20px}.module-icon{font-size:40px}.module-card h3{font-size:20px}}@media (max-width:480px){.learning-header h2{font-size:24px}.module-card{padding:25px 15px}}.topics-list{display:flex;flex-direction:column;gap:32px;margin-top:40px}.economics-quiz{margin:0 auto;max-width:800px;padding:20px}.economics-quiz-loading{color:#007bff;font-size:18px;padding:40px;text-align:center}.economics-quiz-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin:20px;padding:40px;text-align:center}.economics-quiz-error h3{color:#721c24;margin-bottom:15px}.economics-quiz-error p{font-size:16px;margin-bottom:20px}.question-category{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:12px;font-weight:500;padding:4px 8px}.option-label:hover{border-color:#007bff}.option-label input[type=checkbox],.option-label input[type=radio]{margin-right:12px;margin-top:2px}.submit-button{background:#007bff}.submit-button:hover:not(:disabled){background:#0056b3}.economics-quiz-results{margin:0 auto;max-width:800px;padding:20px}.economics-quiz-results h3{color:#28a745;margin-bottom:30px;text-align:center}.retry-button{background:#007bff}.retry-button:hover{background:#0056b3}@media (max-width:768px){.economics-quiz{padding:10px}.question-card{padding:15px}.quiz-footer{flex-direction:column;gap:15px;text-align:center}.option-label{padding:10px}.result-content{padding:15px}.result-header{align-items:flex-start;flex-direction:column;gap:10px}.result-icon{align-self:flex-end}}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.network-diagram-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.network-diagram-container h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:30px;text-align:center}.network-diagram{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px;overflow-x:auto;padding:20px 0}.network-module-wrapper{align-items:center;display:flex;flex-direction:column;position:relative}.network-module{align-items:stretch;background:#f4f4f4;border:2px solid #bbb;border-radius:8px;box-shadow:none;color:#444;display:flex;flex-direction:column;justify-content:center;min-height:80px;min-width:120px;padding:8px}.network-module.module-correct{background:#eafbe7;border-color:#2ecc40}.network-module.module-incorrect{background:#fdeaea;border-color:#e74c3c}.module-fields{background:#f4f4f4;border:1px solid #ccc;border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.field{background:#f4f4f4;border-bottom:1px solid #ddd;color:#444;font-size:.9rem;padding:4px 8px;text-align:center}.field:last-child{border-bottom:none}.field.vorgangsnummer{font-weight:700}.field.vorgangsname{font-style:italic}.field.dauer,.field.fp,.field.gp{font-family:monospace}.connection-arrow svg line{stroke:#888!important}.connection-arrow svg polygon{fill:#888!important}.module-id,.module-name,.network-module.critical-path,.value-dauer{background:none!important;color:#444!important}.time-labels{height:100%;pointer-events:none;position:absolute;width:100%}.time-fsz{left:5px}.time-fez,.time-fsz{color:#666;font-size:.7rem;font-weight:500;position:absolute;top:-20px}.time-fez{right:5px}.time-ssz{left:5px}.time-sez,.time-ssz{bottom:-20px;color:#666;font-size:.7rem;font-weight:500;position:absolute}.time-sez{right:5px}.module-content{flex-direction:column;height:100%}.module-content,.module-header{display:flex;justify-content:space-between}.module-header{align-items:center;margin-bottom:8px}.module-id{color:#2c3e50;font-size:.9rem;font-weight:700}.module-name{word-wrap:break-word;color:#555;font-size:.7rem;max-width:60px;text-align:right}.module-values{align-items:center;display:flex;gap:4px;justify-content:space-between}.value-dauer,.value-freierpuffer,.value-gesamtpuffer{color:#2c3e50;font-size:.8rem;font-weight:600;min-width:20px;text-align:center}.value-dauer{color:#e74c3c;font-weight:700}.connection-arrow{align-items:center;display:flex;justify-content:center;margin:0 5px;min-width:60px}.connection-arrow svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.critical-arrow svg{filter:drop-shadow(0 1px 2px rgba(231,76,60,.2))}.network-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:40px}.summary-card{background:#fff;border:1px solid #e1e8ed;border-radius:8px;box-shadow:0 2px 10px #00000014;padding:20px}.summary-card h3{border-bottom:2px solid #3498db;color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 15px;padding-bottom:5px}.summary-card p{color:#555;font-size:.9rem;margin:8px 0}.legend{display:flex;flex-direction:column;gap:8px}.legend-item{align-items:center;color:#555;display:flex;font-size:.9rem;gap:8px}.legend-color{border:2px solid;border-radius:3px;height:16px;width:16px}.legend-color.critical{background:#ffe8e8;border-color:#e74c3c}.legend-color.normal{background:#fff;border-color:#3498db}@media (max-width:1200px){.network-diagram{gap:8px}.network-module{min-height:70px;min-width:100px}.module-name{font-size:.65rem;max-width:50px}.value-dauer,.value-freierpuffer,.value-gesamtpuffer{font-size:.7rem}}@media (max-width:768px){.network-diagram{flex-direction:column;gap:20px}.connection-arrow{margin:10px 0;transform:rotate(90deg)}.network-module{min-height:80px;min-width:120px}.network-summary{grid-template-columns:1fr}}@media (max-width:480px){.network-diagram-container{padding:10px}.network-module{min-height:70px;min-width:100px;padding:6px}.module-header h3{font-size:1.1rem}.time-fez,.time-fsz,.time-sez,.time-ssz{font-size:.6rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.network-module{animation:fadeInUp .4s ease-out}.network-module:nth-child(2){animation-delay:.1s}.network-module:nth-child(3){animation-delay:.2s}.network-module:nth-child(4){animation-delay:.3s}.network-module:nth-child(5){animation-delay:.4s}.network-module:nth-child(6){animation-delay:.5s}.network-module:nth-child(7){animation-delay:.6s}.network-module:nth-child(8){animation-delay:.7s}.module-grid{background:#f4f4f4;border:1px solid #bbb;border-radius:4px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;min-height:72px;min-width:120px;overflow:hidden;padding:0}.grid-cell{align-items:center;background:#f4f4f4;color:#444;cursor:default!important;display:flex;font-size:.86rem;justify-content:center;min-width:0;padding:8px;text-align:center}.grid-cell,.grid-cell.vorgangsnummer{border-bottom:1px solid #ddd;border-right:1px solid #ddd}.grid-cell.vorgangsnummer{font-size:1.15rem;grid-column:1/2;grid-row:1/2}.grid-cell.vorgangsname{border-right:none;font-size:1.08rem;font-style:italic;grid-column:2/4;grid-row:1/2;justify-content:flex-start;padding-left:10px}.grid-cell.dauer{grid-column:1/2}.grid-cell.dauer,.grid-cell.gp{border-bottom:none;font-family:monospace;grid-row:2/3}.grid-cell.gp{border-left:1px solid #bbb;grid-column:2/3}.grid-cell.fp{border-bottom:none;border-left:1px solid #ddd;font-family:monospace;grid-column:3/4;grid-row:2/3}.grid-cell.fp,.module-grid .grid-cell:nth-child(3){border-right:none}.module-grid .grid-cell:nth-child(n+4){border-bottom:none}.module-grid .grid-cell:nth-child(6){border-right:none}.netzplan-custom-layout{align-items:center;display:flex;flex-direction:column;gap:32px;margin-bottom:40px}.netzplan-row{display:flex;flex-direction:row;gap:32px;justify-content:center}.netzplan-module-col{align-items:center;display:flex;flex-direction:column}.grid-cell.vorgangsnummer{align-items:center;font-size:1.5rem;font-weight:700;justify-content:center;letter-spacing:2px}.netzplan-custom-layout-horiz{align-items:flex-start;display:flex;flex-direction:row;gap:48px;justify-content:center;margin-bottom:40px}.netzplan-col{align-items:center;gap:0}.netzplan-bcd-stack,.netzplan-col{display:flex;flex-direction:column}.netzplan-bcd-stack{gap:32px}.netzplan-right-row{align-items:flex-start;display:flex;flex-direction:row;gap:32px}.netzplan-custom-layout-horiz{align-items:stretch}.netzplan-col:first-child{flex:0 0 auto;height:100%;justify-content:center;min-height:0}.netzplan-bcd-stack{justify-content:center;min-height:240px}.netzplan-col-centerer{align-items:center;display:flex;height:100%;justify-content:center}.netzplan-col:first-child .network-module{margin-bottom:0;margin-top:0}.react-flow,.react-flow__pane{cursor:default!important}.react-flow__edge,.react-flow__edge-path,.react-flow__node{pointer-events:auto}.react-flow__pane,.react-flow__viewport{pointer-events:none!important}.react-flow__edge,.react-flow__edge-path{pointer-events:auto!important}.netzplan-dauer-input,.netzplan-faz-input,.netzplan-id-input,.netzplan-input,.netzplan-input-overlay{cursor:text!important;pointer-events:auto!important}.netzplan-node{font-size:.8rem;position:relative}.netzplan-times{height:100%;left:0;position:absolute;top:0;width:100%}.netzplan-faz{left:0}.netzplan-faz,.netzplan-fez{color:#888;font-size:.76rem;font-weight:500;position:absolute;top:-18px}.netzplan-fez{right:0}.netzplan-saz{left:0}.netzplan-saz,.netzplan-sez{bottom:-18px;color:#888;font-size:.76rem;font-weight:500;position:absolute}.netzplan-sez{right:0}.netzplan-table-wide{margin-bottom:16px;table-layout:fixed;width:100%}.netzplan-table-wide td,.netzplan-table-wide th{font-size:1.1em;padding-left:8px;padding-right:8px;text-align:left;word-break:break-word}.netzplan-input{background:#0000;border:none;box-sizing:border-box;font:inherit;height:100%;margin:0;outline:none;padding:0;text-align:center;width:100%}.netzplan-node input:focus{background:#f0f8ff;outline:2px solid #007bff}.netzplan-input-overlay{background:#0000;border:none;box-sizing:border-box;color:inherit;display:block;font:inherit;height:100%;margin:0;outline:none;padding:0;text-align:center;width:100%}.netzplan-input-overlay:focus{background:#f0f8ff;outline:2px solid #007bff}.netzplan-id-input{background:#fff;border:1px solid #007bff;box-sizing:border-box;color:#222;font:inherit;font-size:1.15rem;height:auto;margin:0;max-width:1.7em;outline:none;padding:0;position:relative;text-align:center;vertical-align:middle;width:100%;z-index:10}.netzplan-id-input:focus{background:#f0f8ff;outline:2px solid #007bff}.netzplan-id-input,.react-flow__node{pointer-events:auto!important}.netzplan-id-input{cursor:text}.grid-cell.vorgangsnummer,.netzplan-id-input{cursor:text!important}.netzplan-id-transparent{background:#0000!important;border:none!important;color:inherit!important}.netzplan-dauer-input{background:#0000;border:none;box-sizing:border-box;color:inherit;font:inherit;font-size:1.15rem;margin:0;max-width:100%;min-width:1.7em;outline:none;padding:0;pointer-events:auto!important;position:relative;text-align:center;transition:width .2s;vertical-align:middle;width:1.7em;z-index:10}.netzplan-dauer-input:focus{background:#0000;border:#0000;outline:none}.grid-cell.dauer{overflow:hidden}input:focus{border-color:#0000!important;outline:none!important}.netzplan-dauer-input:focus,.netzplan-id-input:focus{background:#0000!important;border-color:#0000!important;outline:none!important}.netzplan-faz-input{background:#fff;border:1px solid #007bff;box-sizing:border-box;color:#222;font:inherit;font-size:.8em;margin:0;max-width:4em;min-width:2.5em;outline:none;padding:0;pointer-events:auto!important;position:relative;text-align:center;transition:width .2s;vertical-align:middle;width:2.5em;z-index:10}.netzplan-faz-input:focus{background:#0000!important;border-color:#0000!important;outline:none!important}.netzplan-faz-transparent{background:#0000!important;border:none!important;color:#111!important}.netzplan-dauer-error,.netzplan-faz-error,.netzplan-id-error{background:#fdeaea!important;border:2px solid #e74c3c!important}.netzplan-module-error{background:#fdeaea!important;border-color:#e74c3c!important;box-shadow:0 0 0 3px #e74c3c44}.react-flow__attribution{display:none!important}.gantt-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000000a;margin:24px 0;overflow:hidden;width:100%}.gantt-table td,.gantt-table th{padding:14px 12px;text-align:left}.gantt-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#333;font-weight:600}.gantt-table tr{border-bottom:1px solid #e9ecef}.gantt-table tr:last-child{border-bottom:none}.gantt-table td{color:#444;font-size:15px}.gantt-table tr:hover{background:#f1f3f6;transition:background .2s}@media (max-width:700px){.gantt-table td,.gantt-table th{font-size:13px;padding:10px 6px}}.gantt-grid-table{background:#fff;border-collapse:collapse;box-shadow:0 2px 8px #0000000a;margin:24px 0;min-width:100%;width:-webkit-max-content;width:max-content}.gantt-grid-table td,.gantt-grid-table th{border:1px solid #e9ecef;box-sizing:border-box;height:32px;max-width:32px;min-width:32px;padding:0;text-align:center}.gantt-grid-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#333;font-size:13px;font-weight:600;height:32px}.gantt-grid-table .gantt-grid-month-header{background:#e3eaf6;border-bottom:1px solid #b6c6e3;border-top:2px solid #b6c6e3;color:#2a3b5d;font-size:12px;font-weight:700;height:28px}.gantt-grid-table .gantt-grid-day-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#333;font-size:12px;font-weight:500;height:28px}.gantt-grid-table .gantt-grid-task-label{background:#f8f9fa;color:#444;font-size:14px;font-weight:500;left:0;max-width:200px;min-width:100px;padding-left:10px;position:-webkit-sticky;position:sticky;text-align:left;z-index:2}.gantt-grid-table .gantt-grid-cell{background:#fff;border:1px solid #e9ecef;cursor:pointer;height:32px;max-width:32px;min-width:32px;transition:background .2s;width:32px}.gantt-grid-table .gantt-grid-cell.gantt-grid-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none}.gantt-grid-table .gantt-grid-cell.gantt-grid-selected-light{background:#b6e3c6;border:1px solid #6cc091}.gantt-grid-table .gantt-grid-cell.gantt-grid-correct{background:#4caf50!important;border:1px solid #388e3c!important}.gantt-grid-table .gantt-grid-cell.gantt-grid-false{background:#dc354540!important;border:1px solid #dc3545!important}.gantt-grid-table .gantt-grid-cell.gantt-grid-missed{background:#4caf502e!important;border:1px solid #81c784!important}.gantt-grid-table tr:hover .gantt-grid-task-label{background:#e3eaf6}@media (max-width:900px){.gantt-grid-table .gantt-grid-task-label{font-size:12px;min-width:60px;padding-left:4px}.gantt-grid-table td,.gantt-grid-table th{font-size:10px;height:22px;max-width:22px;min-width:22px}}.gantt-grid-table .gantt-grid-weekday-header{background:#f4f4f4;border-bottom:1px solid #e9ecef;border-top:1px solid #e9ecef;color:#888;font-size:11px;font-weight:700;height:22px;letter-spacing:.5px;text-align:center}.gantt-grid-table .gantt-grid-weekend{background:#ededed!important;border:1px solid #e0e0e0;color:#bbb;cursor:not-allowed;pointer-events:none}.gantt-quiz-submit{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:16px;padding:12px 32px;transition:background .2s}.gantt-quiz-submit:disabled{background:#bdbdbd;cursor:not-allowed}.gantt-quiz-submit:hover:not(:disabled){background:#0056b3}.gantt-quiz-result{color:#333;font-size:17px;margin-top:12px}.gantt-quiz-result p{margin:4px 0}.sql-quiz{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.sql-quiz-loading{color:#666;font-size:18px;padding:50px;text-align:center}.sql-quiz-error{color:#d32f2f;padding:50px;text-align:center}.quiz-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff}.quiz-header h3{font-size:28px}.questions-container{display:flex;flex-direction:column;gap:30px}.question-card{border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px}.question-header h4{color:#333;font-size:20px}.difficulty-badge{border-radius:20px;font-size:12px;font-weight:700;padding:4px 12px;text-transform:uppercase}.difficulty-badge.easy{background-color:#4caf50;color:#fff}.difficulty-badge.medium{background-color:#ff9800;color:#fff}.difficulty-badge.hard{background-color:#f44336;color:#fff}.question-text{line-height:1.6}.sql-input-section{margin-bottom:20px}.sql-input{border:2px solid #e0e0e0;border-radius:8px;font-family:Courier New,monospace;font-size:14px;margin-bottom:15px;min-height:100px;padding:15px;resize:vertical;transition:border-color .3s ease;width:100%}.sql-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.run-sql-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.run-sql-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.run-sql-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.query-result-section{background-color:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-top:20px;padding:15px}.query-result-section h5{color:#333;font-size:16px;margin:0 0 10px}.result-success{color:#2e7d32}.result-error{color:#d32f2f}.result-output{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;font-family:Courier New,monospace;font-size:13px;margin:10px 0;overflow-x:auto;padding:12px;white-space:pre-wrap}.execution-time{color:#666;font-size:12px;margin:5px 0}.correct-indicator{color:#4caf50;font-weight:700;margin-top:10px}.error-message{background:#ffebee;border-left:4px solid #f44336;border-radius:6px;padding:10px}.quiz-footer{gap:20px;justify-content:center;margin-top:40px}.submit-button{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:8px;font-weight:600;padding:15px 30px;transition:all .3s ease}.submit-button:hover:not(:disabled){box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.submit-button:disabled{background:#ccc;transform:none}.retry-button{background:#f5f5f5;border:1px solid #ddd;color:#333;padding:15px 30px;transition:all .3s ease}.retry-button:hover{background:#e0e0e0}.sql-quiz-results{margin:0 auto;max-width:1000px;padding:20px}.results-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff}.score-badge{padding:8px 16px}.score-badge.passed{background-color:#4caf50;color:#fff}.score-badge.failed{background-color:#f44336;color:#fff}.detailed-results{margin-top:30px}.result-item{background:#fff;box-shadow:0 2px 4px #0000001a;padding:20px}.result-item.correct{border-left-color:#4caf50}.result-item.incorrect{border-left-color:#f44336}.result-icon.correct{color:#4caf50}.result-icon.incorrect{color:#f44336}.sql-query{background:#f5f5f5}.query-result,.sql-query{border-radius:4px;font-family:Courier New,monospace;font-size:12px;margin:5px 0;overflow-x:auto;padding:10px;white-space:pre-wrap}.query-result{background:#e8f5e8}.technical-quiz{margin:0 auto;max-width:800px;padding:20px}.technical-quiz-loading{color:#17a2b8;font-size:18px;padding:40px;text-align:center}.technical-quiz-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin:20px;padding:40px;text-align:center}.technical-quiz-error h3{color:#721c24;margin-bottom:15px}.technical-quiz-error p{font-size:16px;margin-bottom:20px}.quiz-header{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px;text-align:center}.quiz-header h3{color:#333;margin:0 0 10px}.quiz-header p{color:#666;margin:0}.questions-container{margin-bottom:30px}.question-card{background:#fff;border:2px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:20px;transition:border-color .3s ease}.question-card.unanswered{background-color:#fff5f5;border-color:#dc3545}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.question-header h4{color:#495057;margin:0}.unanswered-warning{color:#dc3545;font-size:14px;font-weight:700}.question-text{color:#333;font-size:16px;font-weight:500;line-height:1.5;margin-bottom:20px}.question-data{background:#f8f9fa;border-left:4px solid #17a2b8;border-radius:6px;margin-bottom:20px;padding:15px}.data-display{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-family:Courier New,monospace;font-size:14px;overflow-x:auto;padding:10px;white-space:pre-wrap;word-break:break-word}.options-container{display:flex;flex-direction:column;gap:12px}.option-label{align-items:flex-start;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;display:flex;padding:12px;transition:all .2s ease}.option-label:hover{background-color:#f8f9fa;border-color:#17a2b8}.option-label input[type=radio]{margin-right:12px;margin-top:2px}.option-text{flex:1 1;line-height:1.4}.fill-in-container{margin-top:15px}.fill-in-input{border:2px solid #dee2e6;border-radius:6px;font-size:16px;padding:12px;transition:border-color .2s ease;width:100%}.fill-in-input:focus{border-color:#17a2b8;box-shadow:0 0 0 3px #17a2b81a;outline:none}.order-container{display:flex;flex-direction:column;gap:12px;margin-top:15px}.order-option-label{align-items:flex-start;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;display:flex;padding:12px;transition:all .2s ease}.order-option-label:hover{background-color:#f8f9fa;border-color:#17a2b8}.order-option-label input[type=checkbox]{margin-right:12px;margin-top:2px}.order-option-text{flex:1 1;line-height:1.4}.network-diagram-question{margin-top:20px}.network-question-inputs{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-top:20px;padding:20px}.network-question-group{margin-bottom:15px}.network-question-group:last-child{margin-bottom:0}.network-question-group label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.network-input{border:2px solid #dee2e6;border-radius:6px;font-size:16px;padding:12px;transition:border-color .2s ease;width:100%}.network-input:focus{border-color:#17a2b8;box-shadow:0 0 0 3px #17a2b81a;outline:none}.network-input-error{background:#fff5f5;border-color:#dc3545!important}.network-input-solution{color:#dc3545;font-size:14px;font-weight:500;margin-top:6px}.network-question-inputs-row{border:1px solid #dee2e6;border-radius:8px;flex-direction:row;gap:24px;margin-top:20px}.network-question-inputs-row,.quiz-footer{background:#f8f9fa;display:flex;padding:20px}.quiz-footer{align-items:center;border-radius:8px;justify-content:space-between;margin-top:30px}.progress-info{color:#495057;font-weight:500}.submit-button{background:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.submit-button:hover:not(:disabled){background:#138496}.submit-button:disabled{background:#6c757d;cursor:not-allowed}.technical-quiz-results{margin:0 auto;max-width:800px;padding:20px}.technical-quiz-results h3{color:#28a745;margin-bottom:30px;text-align:center}.results-summary{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px;text-align:center}.results-summary p{font-size:18px;margin:10px 0}.score-badge{border-radius:20px;display:inline-block;font-size:16px;font-weight:700;margin-top:10px;padding:10px 20px}.score-badge.passed{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.score-badge.failed{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.detailed-results{margin-bottom:30px}.detailed-results h4{color:#333;margin-bottom:20px}.result-item{border-left:4px solid;border-radius:8px;margin-bottom:20px;overflow:hidden}.result-item.correct{background:#d4edda;border-left-color:#28a745}.result-item.incorrect{background:#f8d7da;border-left-color:#dc3545}.result-content{padding:20px}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.result-header h5{color:#333;font-size:16px;margin:0}.result-details{line-height:1.6}.result-details p{margin:10px 0}.result-details .question-text{color:#333;font-size:15px;margin-bottom:15px}.user-answer{margin-bottom:10px}.correct-answer-display{margin-bottom:0}.correct-answer{background:#d4edda;color:#28a745}.correct-answer,.wrong-answer{border-radius:4px;font-weight:500;margin-left:8px;padding:2px 6px}.wrong-answer{background:#f8d7da;color:#dc3545}.result-icon{align-items:center;border-radius:50%;display:flex;font-size:20px;font-weight:700;height:30px;justify-content:center;width:30px}.result-icon.correct{background:#d4edda;border:2px solid #28a745;color:#28a745}.result-icon.incorrect{background:#f8d7da;border:2px solid #dc3545;color:#dc3545}.retry-button{background:#17a2b8;border-radius:6px;display:block;margin:0 auto;transition:background-color .2s ease}.retry-button:hover{background:#138496}@media (max-width:768px){.technical-quiz{padding:10px}.question-card{padding:15px}.quiz-footer{flex-direction:column;gap:15px;text-align:center}.option-label,.order-option-label{padding:10px}.result-content{padding:15px}.result-header{align-items:flex-start;flex-direction:column;gap:10px}.result-icon{align-self:flex-end}.data-display{font-size:12px;padding:8px}}.technical-quiz-lernfeld4{max-width:100%;padding:0 1vw}.technical-quiz-lernfeld4 .questions-container{gap:32px;margin:0 auto 40px;max-width:1400px}.technical-quiz-lernfeld4 .question-card{font-size:1.15rem;margin:0 auto 32px;max-width:1200px;padding:32px 40px}.technical-quiz-lernfeld4 .quiz-header{font-size:1.3rem;padding:32px 0}.learning-exercise{min-height:100vh;overflow:hidden;position:relative}.learning-exercise-content{align-items:stretch;box-sizing:border-box;display:flex;height:100vh;justify-content:center;padding:70px 2rem 0}.learning-exercise-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-radius:0;box-shadow:0 4px 30px #0000001a;box-sizing:border-box;height:calc(100vh - 70px);margin:0 auto;max-width:1600px;min-width:900px;overflow-y:auto;padding:2rem;position:relative}.learning-exercise-container h2{border-bottom:2px solid #007bff;color:#333;margin-bottom:1rem;padding-bottom:.5rem}.learning-exercise-container p{color:#666;line-height:1.6;margin-bottom:1rem}.learning-exercise-container code{background-color:#f8f9fa;border-radius:3px;color:#e83e8c;font-family:Courier New,monospace;padding:.2rem .4rem}.exercise-placeholder{background-color:#007bff1a;border:1px dashed #007bff;border-radius:8px;margin-top:2rem;padding:2rem;text-align:center}.exercise-placeholder p{color:#007bff;font-style:italic;margin:0}.learning-exercise-container.lernfeld4-wide{max-width:1600px;min-width:900px;width:70vw}.learning-exercise-container.lernfeld4-netzplan{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-radius:0;box-shadow:0 4px 30px #0000001a;box-sizing:border-box;margin:0 auto;max-width:1600px;min-width:900px;overflow-y:auto;padding:2rem;position:relative;width:80vw}@media (max-width:768px){.navbar-content{padding:0 3%}.navbar-logo img{height:35px}.navbar-title{font-size:1rem}.logout-button{font-size:.8rem;padding:.4rem .8rem}.learning-exercise-content{padding:70px 1rem 0}.learning-exercise-container{padding:1.5rem}}@media (max-width:480px){.navbar-content{padding:0 2%}.navbar-title{font-size:.9rem}.learning-exercise-content{padding:70px .5rem 0}.learning-exercise-container{padding:1rem}}@media (max-width:1200px){.learning-exercise-container,.learning-exercise-container.lernfeld4-netzplan{min-width:0;padding:1rem;width:98vw}}.App{text-align:center}.login-container{align-items:center;display:flex;justify-content:center;min-height:96vh;padding:20px;position:relative;z-index:1}.login-card{animation:slideUp .5s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:30px;text-align:center}.login-header h2{color:#333;font-size:28px;font-weight:600;margin-bottom:8px}.login-header p{color:#666;font-size:16px}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{text-align:left}.form-group label{color:#333;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .3s ease}.form-group input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background:#f1f3f4;cursor:not-allowed}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px 20px;transition:all .3s ease}.login-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;padding:12px 16px;text-align:center}@media (max-width:480px){.login-container{padding:10px}.login-card{padding:30px 20px}.login-header h2{font-size:24px}}.background{background-image:url(/static/media/login-bg.434a30aab5e404ad3744.jpg);background-position:50%;background-size:cover;filter:blur(8px);inset:0;position:fixed;z-index:-1}.statistik-page{background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #00000014;margin:40px auto;max-width:50%;padding:32px 24px 40px;text-align:center}.statistik-module-section,.statistik-type-section{margin-bottom:32px}.statistik-module-buttons,.statistik-type-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:16px}.statistik-module-btn,.statistik-type-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea14;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .2s}.statistik-module-btn.selected,.statistik-type-btn.selected{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 4px 16px #667eea2e}.statistik-module-btn:hover,.statistik-type-btn:hover{box-shadow:0 8px 25px #667eea2e;transform:translateY(-2px)}.statistik-result-section{margin-top:32px}.statistik-placeholder{background:#f8f9fa;border-radius:8px;color:#666;font-size:18px;margin-top:16px;padding:32px 16px}.statistik-filter-buttons{display:flex;gap:24px;justify-content:center;margin-bottom:32px}.statistik-filter-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea14;color:#fff;cursor:pointer;font-size:17px;font-weight:600;outline:none;padding:14px 32px;transition:all .2s}.statistik-filter-btn.selected{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 4px 16px #667eea2e}.statistik-filter-btn:hover{box-shadow:0 8px 25px #667eea2e;transform:translateY(-2px)}.statistik-table-wrapper{margin-top:16px;overflow-x:auto}.statistik-table{background:#fffffffa;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 2px 12px #667eea12;min-width:480px;width:100%}.statistik-table td,.statistik-table th{font-size:16px;padding:18px 16px;text-align:center}.statistik-table th.hauptspalte{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:3px solid #764ba2;border-top-left-radius:12px;border-top-right-radius:12px;color:#fff;font-size:18px;font-weight:700}.statistik-table th.hauptspalte:not(:first-child){border-top-left-radius:0}.statistik-table th.hauptspalte:not(:last-child){border-top-right-radius:0}.statistik-table td{background:#f8f9fa;border-bottom:1px solid #e1e5e9;color:#333}.statistik-table tr:last-child td{border-bottom:none}.statistik-bereiche-list{display:flex;flex-direction:column;gap:32px;margin-top:32px}.statistik-bereich-block{background:#fffffffa;border-radius:12px;box-shadow:0 2px 12px #667eea12;padding:0 0 20px}.statistik-bereich-header{background:linear-gradient(135deg,#667eea,#764ba2);border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 2px 8px #667eea14;color:#fff;font-size:20px;font-weight:700;letter-spacing:.5px;padding:20px 0 16px;text-align:center}.statistik-themen-list{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.statistik-thema-item{background:#f8f9fa;border-bottom:1px solid #e1e5e9;color:#333;font-size:16px;padding:14px 24px;text-align:left}.statistik-themen-list li:last-child{border-bottom:none}.statistik-kategorien-list{display:flex;flex-direction:column;gap:0}.statistik-kategorie-item{border-bottom:1px solid #e1e5e9}.statistik-kategorie-item:last-child{border-bottom:none}.statistik-kategorie-header{align-items:center;background:#f8f9fa;color:#333;cursor:pointer;display:flex;font-size:16px;justify-content:space-between;padding:16px 24px;text-align:left;transition:background-color .2s}.statistik-kategorie-header:hover{background:#e9ecef}.kategorie-label{font-weight:600}.kategorie-count{color:#666;font-size:14px;font-weight:400}.expand-icon{color:#667eea;font-size:12px;font-weight:700}.statistik-fragen-list{background:#fff;border-top:1px solid #e1e5e9}.statistik-frage-item{background:#fff;border-bottom:1px solid #f1f3f4;color:#333;font-size:14px;line-height:1.4;padding:12px 24px 12px 48px;text-align:left}.statistik-frage-item:last-child{border-bottom:none}.statistik-error,.statistik-loading{background:#fffffffa;border-radius:12px;box-shadow:0 2px 12px #667eea12;padding:40px 20px;text-align:center}.statistik-loading{color:#666;font-size:18px}.statistik-error h3{color:#dc3545;margin-bottom:16px}.statistik-error p{color:#666;margin-bottom:20px}.retry-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.retry-button:hover{box-shadow:0 8px 25px #667eea2e;transform:translateY(-2px)}@media (max-width:700px){.statistik-page{max-width:98vw;padding:16px 4vw 24px}.statistik-module-buttons,.statistik-type-buttons{gap:10px}.statistik-table{font-size:14px;min-width:340px}.statistik-table td,.statistik-table th{padding:10px 6px}.statistik-filter-btn{font-size:15px;padding:10px 12px}.statistik-bereich-header{font-size:17px;padding:14px 0 10px}.statistik-thema-item{font-size:14px;padding:10px}.statistik-kategorie-header{font-size:14px;padding:12px 16px}.statistik-frage-item{font-size:13px;padding:10px 16px 10px 32px}.kategorie-count{font-size:12px}}.account-page{min-height:100vh;overflow:hidden;position:relative}.account-content{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:100px 2rem 2rem}.account-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;box-sizing:border-box;max-width:800px;padding:2rem;width:100%}.account-header{border-bottom:2px solid #f0f0f0;margin-bottom:40px;padding-bottom:20px;text-align:center}.account-header h2{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:12px}.account-header p{color:#666;font-size:1.2rem;margin:0}.account-sections{display:flex;flex-direction:column;gap:32px}.account-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px}.account-section h3{border-bottom:1px solid #f0f0f0;color:#333;font-size:1.5rem;font-weight:600;margin-bottom:20px;padding-bottom:8px}.avatar-section{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.current-avatar{flex-shrink:0}.avatar-image{object-fit:cover}.avatar-image,.avatar-initials{border:4px solid #667eea;border-radius:50%;box-shadow:0 4px 16px #667eea33;height:120px;width:120px}.avatar-initials{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1.4rem;font-weight:700;justify-content:center}.avatar-actions{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:200px}.avatar-remove-btn,.avatar-upload-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.avatar-upload-btn{background:#667eea;color:#fff}.avatar-upload-btn:hover:not(:disabled){background:#5a6fd8;box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.avatar-remove-btn{background:#f8f9fa;border:1px solid #dc3545;color:#dc3545}.avatar-remove-btn:hover:not(:disabled){background:#dc3545;color:#fff;transform:translateY(-1px)}.avatar-remove-btn:disabled,.avatar-upload-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.upload-spinner{align-items:center;display:flex;justify-content:center}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.upload-message{border-radius:6px;font-size:.9rem;font-weight:500;padding:8px 12px}.upload-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.upload-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.user-info{display:flex;flex-direction:column;gap:16px}.info-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:12px 0}.info-row:last-child{border-bottom:none}.info-row label{color:#555;font-weight:600;margin-right:16px;min-width:120px}.info-row span{color:#333;font-size:1rem}.account-actions{display:flex;flex-wrap:wrap;gap:16px}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .2s ease}.action-btn.secondary{background:#f8f9fa;border:1px solid #dee2e6;color:#495057}.action-btn.secondary:hover{background:#e9ecef;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.action-btn.danger{background:#dc3545;color:#fff}.action-btn.danger:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.account-loading{align-items:center;color:#666;display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}@media (max-width:768px){.account-content{padding:90px 1rem 1rem}.account-container{padding:1.5rem}.account-header h2{font-size:2rem}.account-header p{font-size:1rem}.avatar-section{flex-direction:column;text-align:center}.avatar-actions{min-width:auto;width:100%}.info-row{align-items:flex-start;flex-direction:column;gap:4px}.info-row label{margin-right:0;min-width:auto}.account-actions{flex-direction:column}.action-btn{width:100%}}@media (max-width:480px){.account-content{padding:90px .5rem .5rem}.account-container{padding:1rem}.account-header h2{font-size:1.8rem}.account-section{padding:16px}.avatar-image,.avatar-initials{height:100px;width:100px}.avatar-initials{font-size:2.5rem}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.32127ff1.css.map*/