#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.footer{margin-top:50px;padding-bottom:100px}body{background-color:#a2cba2}h1{font-weight:700}h1,h2,p,span{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}span{text-decoration:none;font-weight:700}.tasks{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:100px}.info{position:absolute;top:0;right:0;margin:20px;padding:10px;border-radius:10px;border-color:#535151;background-color:#e6e69c;cursor:pointer}.info:hover{background-color:#535151;color:#fff;box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}.taskbtn{text-align:center;text-decoration:none;background-color:#6daf60;border-radius:10px;padding:10px;margin:20px;border-color:#535151;border:none;width:250px;height:250px;cursor:pointer}.taskbtn:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,.9)}#bild{width:50%;height:auto}.taskrow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}hr[data-v-541642fe]{width:50%}.description>p[data-v-541642fe]{margin:1em;text-align:justify;font-size:1.5em!important}.modal-mask[data-v-541642fe]{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;transition:opacity .3s ease}.modal-wrapper[data-v-541642fe]{display:table-cell;vertical-align:middle}.tutorial-container[data-v-541642fe]{background-color:#fff}.exit-button[data-v-541642fe]{position:absolute;top:0;right:0;margin:10px;width:2em;height:2em;text-align:center;padding:0;background:#f5f5f5;font-size:1.5em;line-height:1.7em;border-radius:3px}.modal-container[data-v-541642fe]{position:relative;margin:0 auto;width:40%;min-width:500px;padding:20px 30px 40px 30px;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.33);transition:all .3s ease;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:1.25em}.modal-header[data-v-541642fe]{padding-bottom:30px}.modal-header h3[data-v-541642fe]{font-size:1.4em}.modal-body[data-v-541642fe]{margin:20px 0;max-height:calc(100vh - 210px);overflow-y:auto}.modal-default-button[data-v-541642fe]{float:right}.modal-enter[data-v-541642fe],.modal-leave-active[data-v-541642fe]{opacity:0}.modal-enter .modal-container[data-v-541642fe],.modal-leave-active .modal-container[data-v-541642fe]{transform:scale(1.1)}.corr_img[data-v-541642fe]{-webkit-animation:shake-541642fe .5s;animation:shake-541642fe .5s;-webkit-animation-iteration-count:2s;animation-iteration-count:2s}@-webkit-keyframes shake-541642fe{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake-541642fe{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.next_task{margin:10px;padding:10px;border-radius:10px;border-color:#535151;background-color:#e6e69c;width:150px;height:70px;cursor:pointer}.next_task:hover{background-color:#535151;color:#fff;box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}.icon{height:30px;width:auto}.header{padding-top:100px;padding-bottom:50px}.aufgabenstellung{background-color:azure;border-radius:10px;padding:20px;max-width:1000px;margin:50px auto;font-size:large}.description_and_video[data-v-0eedbad3]{display:block}.d_and_v[data-v-0eedbad3]{align-items:center;justify-content:center}hr[data-v-0eedbad3]{width:50%}#d[data-v-0eedbad3]{padding:0 20px 20px 20px}video[data-v-0eedbad3]{width:90%;height:auto}.description>p[data-v-0eedbad3]{margin:1em;text-align:justify;font-size:1.5em!important}.modal-mask[data-v-0eedbad3]{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;transition:opacity .3s ease}.modal-wrapper[data-v-0eedbad3]{display:table-cell;vertical-align:middle}.tutorial-container[data-v-0eedbad3]{background-color:#fff}.exit-button[data-v-0eedbad3]{position:absolute;top:0;right:0;margin:10px;width:2em;height:2em;text-align:center;padding:0;background:#f5f5f5;font-size:1.5em;line-height:1.7em;border-radius:3px}.modal-container[data-v-0eedbad3]{position:relative;margin:0 auto;width:60%;min-width:500px;padding:20px 30px 40px 30px;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.33);transition:all .3s ease;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:1.25em}.modal-header[data-v-0eedbad3]{padding-bottom:30px}.modal-header h3[data-v-0eedbad3]{font-size:1.4em}.modal-body[data-v-0eedbad3]{margin:20px 0;max-height:calc(100vh - 210px);overflow-y:auto}.modal-default-button[data-v-0eedbad3]{float:right}.modal-enter[data-v-0eedbad3],.modal-leave-active[data-v-0eedbad3]{opacity:0}.modal-enter .modal-container[data-v-0eedbad3],.modal-leave-active .modal-container[data-v-0eedbad3]{transform:scale(1.1)}.einheit{border:1px solid #000;padding:0 25px 0 25px;height:410px;width:50px;margin:0 auto}.zahl{display:flex;margin:auto;max-width:700px}.karte{background-color:#fff;border:1px solid #000;margin-top:20px;margin-bottom:20px}.btn_submit{margin:10px;padding:10px;border-radius:10px;border-color:#535151;background-color:#e6e69c;width:150px;height:70px;cursor:pointer}.btn_submit:hover{background-color:#535151;color:#fff;box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}.karte_btn{width:90px;height:50px;border-radius:15px;margin:0 auto;display:inline;border-color:#535151;background-color:#e6e69c;font-size:25px}.karte_btn:hover{background-color:#535151;color:#fff;box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}.btn_div{margin:auto;max-width:800px}.addition{text-align:center;padding:10px 40px 10px 40px;border-radius:10px;background-color:#e6e69c;cursor:pointer;border:1px solid #000}.addition:hover{background-color:#535151;color:#fff;box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}.summe{height:850px}.umtausch{height:40px;width:200px;margin-right:20px;margin-left:20px;cursor:pointer}.btncard{padding-top:2.5px;padding-bottom:2.5px;padding-left:5px;padding-right:5px;font-weight:400;margin:5px}.roman{max-width:800px}.roman_einheit{padding:0 15px 0 15px}.field{margin:20px;height:40px}.roman_number{font-weight:700;font-size:2em;background-color:#f0f8ff;border-radius:10px;padding:1em;max-width:600px;margin:auto}.addition{font-size:25px;font-weight:700}.rm{padding-left:20px;padding-right:20px}.binaer_btn{width:100px;height:100px;margin:0 auto;margin-bottom:20px;font-size:large;border-radius:10px;border-color:#535151;font-weight:700;background-color:#e6e69c}.binaer_btn:hover{background-color:#535151;color:#fff}.active,.binaer_btn:hover{box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}.active{background-color:#4f4faf}.binary_card{width:100px;border:1px solid #000;font-size:25px;border-radius:10px;margin:0 auto;font-weight:700;padding-top:40px;padding-bottom:40px;background-color:#fff}.binary_container{display:flex;margin:auto;max-width:840px}.bin3{height:65px;max-width:800px}.summe_bin3{height:150px}.summe_width{max-width:800px}.bincard{padding-top:2.5px;padding-bottom:2.5px;padding-left:15px;padding-right:15px}.binaer{height:175px;padding-left:10px;padding-right:10px}.bin{padding-left:20px;padding-right:20px}.exchange{border-color:red;transition:border .5s ease-out;background-color:#f68d8d}.back_to_homepage{border-radius:10px;border-color:#535151;border:1px solid #000;background-color:#e6e69c;cursor:pointer;position:absolute;top:0;right:0;margin:20px;padding:10px;border:#535151}.back_to_homepage:hover{background-color:#535151;color:#fff;box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}#links{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap}