@font-face{font-family:Berlin;src:url(../../static/media/BRLNSR.dc095e60ae5e90312573.TTF)}@font-face{font-family:Poppins;src:url(../../static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf)}@font-face{font-family:OpenSans;src:url(../../static/media/OpenSans.071a1becc7f00e33cc5b.ttf)}@font-face{font-family:RobotoMono;src:url(../../static/media/RobotoMono.e1d699e6544d0dbf6ec7.ttf)}:root{--blue:#264653;--green:#2a9d8f;--yellow:#e9c46a;--orange:#f4a261;--red:#e76f51;--black:#1f1f1f;--gray:silver;--dark-gray:#3f3f3f;--light-green:#2a9d8f99;--light-red:#dc7f78;--light-yellow:#e9c46a;--light-gray:#f6f6f6}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{margin:0}input[type=number]{-moz-appearance:textfield}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;font-size:1.2em}.code{color:#1f1f1f;color:var(--black)}.code,.code-red{font-family:RobotoMono,sans-serif}.code-red{color:#e76f51;color:var(--red)}.code-blue{color:#264653;color:var(--blue)}.code-blue,.code-yellow{font-family:RobotoMono,sans-serif}.code-yellow{color:#e9c46a;color:var(--yellow)}.code-green{color:#2a9d8f;color:var(--green);font-family:RobotoMono,sans-serif}.control-bar{width:100%}.control-icon{margin:10px}.volume-icon{float:right}.navigation{background-color:#f2f2f2;border-right:1px solid #959595;height:100%;left:0;overflow:scroll;padding-top:30px;position:fixed;top:0;transition:.5s;width:0;z-index:100}.content{border:1px solid #000;border-radius:10px;margin-left:13vw;overflow:scroll;overflow-x:hidden;padding:10px;width:55vw}.content,.side-content{display:inline-block;height:90vh}.side-content{margin-left:10px;overflow:scroll;padding-top:10%;position:relative;width:30%}.side-content-element{margin:auto;max-height:50%;min-height:30%;width:100%}.scaled-picture{-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:crisp-edges;max-width:90%}.invisible-scrollbar::-webkit-scrollbar,.invisible-scrollbar::-webkit-scrollbar-thumb{height:0;width:0}.invisible-scrollbar{scrollbar-color:#0000 #0000}.minimal-scrollbar{overflow-x:hidden;overflow-y:scroll}.minimal-scrollbar::-webkit-scrollbar{background-color:initial;width:4px}.minimal-scrollbar::-webkit-scrollbar-thumb{background-color:#1f1f1f;background-color:var(--black)}.scrollbar::-webkit-scrollbar{background-color:initial;width:16px}.scrollbar::-webkit-scrollbar-track{background-color:initial}.scrollbar::-webkit-scrollbar-thumb{background-color:#2b2b2b;border:4px solid #fff;border-radius:16px}.scrollbar::-webkit-scrollbar-button{display:none}.scrollbar{scrollbar-color:#2b2b2b #0000;scrollbar-width:thin}.nav-outer{color:#2a2a2a;display:table-cell;font-size:small;height:50px;overflow:hidden;padding-left:20px;text-align:left;vertical-align:middle;white-space:nowrap;width:300px}.nav-outer:hover{background-color:#c2c2c2}.navigation a{color:#0000}.activeNavComp .nav-outer{background-color:#3f3f3f;background-color:var(--dark-gray);color:#e9c46a;color:var(--yellow)}.slidecontainer{margin:0 auto;opacity:0;position:relative;top:-20px;transition:opacity .3s ease-in-out;width:98%}.slider-track{background-color:#1e90ff;border-radius:10px;height:3px}.slider-track.slider-track-1{background-color:#e0e0e0}.slider-thumb{background-color:#1f1f1f;border-radius:3px;height:12px;top:-5px;width:8px}.volume-slider{display:flex;flex-direction:column;float:right;height:50px;justify-content:center;opacity:0;width:100px}.volume-slider-thumb{background-color:#1f1f1f;border-radius:100%;height:15px;top:-3px;width:15px}.volume-slider-track{background-color:#1f1f1f;border-radius:15px;height:7px}.volume-slider-track-1{background-color:#a2a2a2;border-width:1px}.player-wrapper{margin-top:50px}.timestamp{color:#1f1f1f;display:inline-flex;float:right;font-size:12px;position:relative;top:10px}.animated{transition:.5s}.flip-card-container{color:#1f1f1f;position:relative;text-align:center}.flip-card-word{font-family:Berlin,serif;font-size:.9vw;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}@keyframes blendIn{0%{opacity:0}to{opacity:100%}}.blendInComponent{animation-duration:1s;animation-name:blendIn}.delight{background-color:#f6f6f6}.quiz-question{margin-bottom:5px;padding:10px;width:100%}.quiz-button{height:100%;width:100%}.full-table{align-items:center;border-collapse:initial;border-spacing:10px;margin:auto;min-height:9vh;table-layout:fixed;width:100%}.full-table td{width:50%}.text-center{text-align:center;width:100%}.green-text{color:#2a9d8f}.red-text{color:#e76f51}.drag-card{align-items:center;background-color:#264653;background-color:var(--blue);border-radius:25px;color:#fff;cursor:grab;display:flex;font-size:1em;height:3em;justify-content:center;max-width:200px;text-align:center;width:100%}.drag-card:active{cursor:grabbing}.drop-card{background-color:silver;border-radius:25px;height:3em;width:8vw}.removal-cross-parent,.removal-cross-parent:active{cursor:pointer;position:relative}.removal-cross{align-items:center;background-color:#fff;border:1px solid #1f1f1f;border:1px solid var(--black);border-radius:100%;color:#1f1f1f;color:var(--black);display:flex;font-size:.5em;height:15px;justify-content:center;position:absolute;right:10px;text-align:center;top:-1px;width:15px}.drag-tree-components-table{width:100%}.left-drop-card{position:absolute;right:0}.right-drop-card{left:0;position:absolute}.definition-card{cursor:pointer;height:20vh;max-width:17vw;width:100%}.definition-card-back,.definition-card-front{align-items:center;border:2px solid #264653;border:2px solid var(--blue);border-radius:20px;display:flex;height:20vh;justify-content:center;text-align:center;width:100%}.definition-card-front{background-color:#f6feff;font-family:Berlin,serif;font-size:1.2em}.definition-card-back{background-color:#fff;font-size:.8em}.definition-text{height:100%;overflow-y:scroll;padding:15px;width:100%}img{max-width:100%}.drag-node{align-items:center;background-color:#fff;border:4px solid #264653;border:4px solid var(--blue);border-radius:50%;cursor:grab;display:flex;height:50px;justify-content:center;margin:5px;text-align:center;width:50px}.drag-node:active{cursor:grabbing}.drop-area{background-color:silver;border-radius:10px;font-size:.8em;height:100%;margin-top:4px;overflow:scroll;text-align:center;width:100%}#class-card-table{border-collapse:initial;border-spacing:10px;table-layout:fixed;width:100%}#class-card-table td{width:20%}#three-classes-table{border-collapse:initial;border-spacing:10px;table-layout:fixed;width:60%}#three-classes-table td{text-align:center;width:33%}.class-card-container{width:10vw}.solid-border{border:1px solid #1f1f1f;border:1px solid var(--black)}.class-card{background-color:#f6f6f6;background-color:var(--light-gray);text-align:center;width:100%}.centered-child{margin:0 auto}#commonTreeUMLContainer{background-color:#f6f6f6;background-color:var(--light-gray);text-align:center}#commonTreeUML{width:60%}.solution{background-color:#fff;border:7px solid #2a9d8f;border:7px solid var(--green)}.small-title{color:#3f3f3f;color:var(--dark-gray);font-size:small}.binary-UML-container{align-items:center;background-color:#f6f6f6;background-color:var(--light-gray);display:flex;flex-direction:column;height:350px;justify-content:center;text-align:center;width:100%}#binary-UML{height:300px}.flex-center{align-items:center;display:flex;justify-content:center}.drag-on-class-card-container{height:88vh;overflow-y:scroll;width:50%}.attribute-comp{background-color:#264653;background-color:var(--blue);border-radius:10px;display:flex;justify-content:space-between;margin:5px;padding-left:5px}.attribute-comp,.attribute-comp-name{color:#fff;font-family:RobotoMono,sans-serif}.attribute-comp-name{background:#0000;border:none;width:50%}.class-card-focus-container{background-color:silver;background-color:var(--gray);min-height:80px}.drag-selection-container{margin-left:auto;width:35%}.drag-drop-classcard-container{display:inline-flex;width:100%}.drag-attribute-card{border:3px solid #264653;border:3px solid var(--blue);justify-content:center;margin-bottom:5px}.drag-attribute-card,.flex-end{align-items:center;display:flex}.flex-end{justify-content:flex-end;width:100%}#constr-comp{background-color:#e9c46a;background-color:var(--yellow);border:none;color:#1f1f1f;color:var(--black);overflow-wrap:anywhere;width:95%}#constr-comp:focus{outline:none}.no-stretch-image{object-fit:cover}.number-input input{text-align:center;width:80px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.path-enter-container{align-items:baseline;background-color:#f6f6f6;background-color:var(--light-gray);border-radius:25px;display:flex;flex-direction:row;margin-bottom:5px;padding:5px;width:100%}.path-node{align-items:center;background-color:#e9c46a;background-color:var(--yellow);border:2px solid #1f1f1f;border:2px solid var(--black);border-radius:25px;display:inline-flex;height:50px;justify-content:center;margin-right:20px;width:50px}.number-node-word{font-family:Berlin,serif;font-size:.9vw;top:50%}.number-node-index,.number-node-word{left:50%;position:absolute;transform:translate(-50%,-50%)}.number-node-index{color:#3f3f3f;color:var(--dark-gray);font-family:RobotoMono,sans-serif;font-size:.8em;top:20%}.level-parent{display:flex;flex-direction:row;height:80px;justify-content:space-evenly;margin-top:40px;width:100%}.sim-node-img-container{height:75px;position:relative;width:50px}.sim-node-container{display:flex;justify-content:center;width:100%}.knoten-container{display:flex;flex-direction:row;justify-content:space-evenly;position:relative;width:100%}.node-img{max-height:100%}.nachfolger-container{display:flex;flex-direction:row;margin-top:20px;width:100%}.flip-solution-container-unflipped{align-items:center;background-color:#264653;background-color:var(--blue);border-radius:5px;color:#fff;display:flex;height:100px;justify-content:center;width:100%}h2{margin-top:50px}.flip-solution-container{border:2px solid silver;border:2px solid var(--gray);font-size:.8em;padding:20px}.impressum-container{align-items:center;bottom:1vh;display:inline-flex;flex-direction:row;font-size:small;height:5vh;justify-content:space-evenly;position:absolute;width:100%}.impressum-link{color:silver;color:var(--gray);list-style-type:none}.activeNavCompImp{background-color:#2a9d8f82;border-radius:20px}.average-table-cell{border:1px solid #1f1f1f;border:1px solid var(--black);font-size:small;text-align:center;width:5.2%}.skip-button{bottom:5px;position:absolute}.skip-button>Button{margin-left:10px}.bullet-point-list{list-style-type:circle}.bullet-point-list a{color:#264653;color:var(--blue)}.bullet-point-list a:visited{color:#2a9d8f;color:var(--green)}.next-session-container{background-color:#264653;background-color:var(--blue);border-radius:20px;color:#fff;padding:25px}.button-wrapper{display:flex;justify-content:flex-end}.wrapper-button{margin-left:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:100%}}.btn{background-color:#2a9d8f;background-color:var(--green);border:none;border-radius:8px;height:50px;margin-left:10px;padding-left:10px;padding-right:10px}.btn:hover{background-color:#06d3b882}#rcc-decline-button{background-color:#e76f51;background-color:var(--red);border:none;border-radius:8px;height:50px;margin-left:10px;padding-left:10px;padding-right:10px}#rcc-decline-button:hover{background-color:#ff3e0a}.alert-warning{background-color:silver;background-color:var(--gray);border-radius:20px 20px 0 0;bottom:0;display:flex;height:20vh;justify-content:space-between;margin-left:10px;margin-right:10px;padding:20px;position:fixed;width:98%;z-index:999}.text-capitalize{font-family:OpenSans,sans-serif;font-size:smaller}.word-case-container{align-items:center;background-color:#f6f6f6;background-color:var(--light-gray);border-radius:20px;display:flex;justify-content:space-evenly;margin-top:20px;padding-bottom:20px;padding-top:20px}.sim-container{border:1px solid silver;border:1px solid var(--gray);border-radius:5px}.algo-header{background-color:#264653;background-color:var(--blue);color:#fff;padding:20px}.algo-body{border:5px solid #264653;border:5px solid var(--blue);min-height:100px;padding:20px}.algo-line{align-items:center;display:flex;font-family:RobotoMono,sans-serif;font-size:smaller}.algo-space{border-radius:5px;padding-left:5px}.algo-drop,.algo-space{display:flex;width:100%}.algo-drop{align-items:center;border:2px solid #264653;border:2px solid var(--blue);font-size:.5vw;height:100%;min-height:2em}.algo-drag,.algo-drop{font-family:RobotoMono,sans-serif}.algo-drag{background-color:#264653;background-color:var(--blue);border-radius:10px;color:#fff;font-size:.6vw;margin-top:10px;padding:10px 2px;text-align:center;width:100%}.algo-tab{margin-left:5%}.algo-tab-tab{margin-left:10%}.node-text-input{background-color:#fff;border:2px solid #264653;border:2px solid var(--blue);color:#264653;font-family:RobotoMono,sans-serif;font-size:1em;min-width:20px;text-align:center;width:1vw}