html,body{height:100%}body{background-color:#fff;background-image:url(../img/BG-Sky.png);background-position-y:top;background-position-x:center;background-repeat:repeat-x;background-attachment:fixed;font-family:Verdana,Geneva,sans-serif;transition:all 1s ease-in}.foot{background-color:#5c2874;position:absolute;bottom:0;left:0;right:0;z-index:10000;color:#fff}.turn.title{background-color:#00ab97;padding:.8rem;transform:rotate(-4deg);color:#FFF}.modal .turn.title{background-color:#00ab97;padding:.8rem;transform:rotate(-4deg)translateX(-12px);color:#FFF;position:absolute;z-index:1;left:0;top:-20px}.overflow-visible{overflow:visible!important;}#mainView{max-width:1500px;margin:auto;}html{scroll-behavior:smooth}input:focus{outline:none}.btn.focus,.btn:focus{outline:0;box-shadow:none}.text-bold{font-weight:700;}.step5 .stone{max-width:28%}.step4 .stone{max-width:46%}.step3 .stone{max-width:64%}.step2 .stone{max-width:82%}.step1 .stone{max-width:100%}.stone,.stone.active{cursor:default;opacity:.25;transition:all .3s}.stone.active{cursor:pointer;opacity:1}.blue{background-color:#00a0de}.red{background-image:url(../img/bg-wb.svg);background-repeat:no-repeat;background-size:cover}.stage-wrapper{padding:60px 0 0}#db,#wb{bottom:16.5%;left:30px}#db{width:24%}.popup-content h3{color:#5c2874;font-size:1.2em;margin-bottom:5px}.popup-content h2{color:#5c2874;font-size:1.4em;margin-bottom:15px}.popup-content a{text-decoration:underline;color:#c3c800}.bg-lila{background-color:#5c2874}.bg-lightlila{background-color:#d5c9dc}.bg-lilalight{background-color:#81429e}#aufgabe{border:solid 4px #5c2874;height:200px;position:relative;z-index:1;margin-bottom:1rem;text-align:center}#aufgabe .col-6{flex-grow:1;max-width:25%}#aufgabe,#stage{width:100%}.tooltip.show{opacity:1}.tooltip-inner{}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:1rem 0 1rem 1rem;border-left-color:#5c2874}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{margin-top:-12px}#checkResults{display:none;width:90%;left:5%;top:50%}#badge{width:100%;top:33%}h4{font-size:1.1rem}.mb-mo{margin-bottom:200px}.sicon{width:70px}.icon img,.sicon img{max-width:70px}.app-title{position:sticky;position:-webkit-sticky;top:0}.mainFrame{border:3px solid #5c2874}#groupContainer{height:300px;background-color:white;overflow-y:auto;border:2px solid #5c2874}#groupContainer .row{border-bottom:1px solid #333}#groupEntries{padding:0}.round{background-color:rgba(255,255,255,.5);}.round.disabled{opacity:.5;}.round.active{opacity:1;}.group-title:nth-child(even){background-color:#e64d5c!important}.delGroupBtn{background-color:#e0e0e04a;cursor:pointer}.chart-container{background:rgb(194,194,194);background:linear-gradient(0deg,rgba(222,222,222,1) 0%,rgba(247,247,247,1) 40%,rgba(255,255,255,1) 60%,rgba(222,222,222,1) 100%)}.controls-container{background-color:#efefef;overflow-x:hidden;display:flex;flex-direction:column;border-left:solid 3px #5c2874}.not-rounded{border-radius:0}.br-lila{border-right:2px solid #5c2874}button:disabled{cursor:not-allowed;pointer-events:all!important}.nav-controls{background-color:#168def;color:white}.input-group{display:inline-block;padding:10px 15px;font-size:20px;border-radius:0;-webkit-appearance:none;border:1px solid transparent}@media screen and (min-width:768px){.foot{position:fixed}.mb-mo{margin-bottom:0}#stage{width:68%}#aufgabe{width:25%;right:15px;position:absolute;height:100%;margin-bottom:0;text-align:left}h4{font-size:1.2rem}#aufgabe .col-6{flex-grow:1;max-width:57%;margin:auto}#aufgabe .row{flex-direction:column}.popup-content h2{font-size:1.8em}}@media screen and (min-width:992px){.icon img,.sicon img{max-width:80px}.sicon{width:80px}#stage{width:78%}#aufgabe{width:20%}#aufgabe .col-6{flex-grow:1;max-width:50%}#aufgabe .row{flex-direction:row}#checkResults{font-size:2rem}}@media screen and (min-width:1140px){h4{font-size:1.5rem}.stage-wrapper{height:calc(100vh - 75px);padding:60px 0 0}}@media (orientation:landscape){.ls-none{display:none!important}#wb{width:30%}}@media (orientation:portrait){#wb{width:24%}.pt-none{display:none!important}}:root{--animate-delay:.5s}.load{min-height:calc(100% - 120px);}.pointer{cursor:pointer}.navbar h3{color:#fff;margin:0;font-size:1.5rem}.navbar{background-color:#5c2874;z-index:10000}.popover-body,.popover-header{padding:1rem}#impressum{text-decoration:none;color:#fff;font-size:13px}#impressum:hover{text-decoration:underline}.navigation{margin-top:1rem;margin-bottom:1rem;font-size:24px;color:#5a145a}.navigation:hover:not(i){color:#c3c800;cursor:pointer}.logo{max-height:75px;position:relative;float:right;padding:10px}.navigation-container{display:flex;justify-content:space-between!important;align-items:center}a:hover{text-decoration:none}.headline{position:relative;z-index:1}.impressum{padding-top:3rem}.z-top{z-index:9999;position:relative}.wrapper{display:flex;flex-direction:row;width:100%}.quest{display:inline-block}.btn-lila{background-color:#5c2874}.shadow{box-shadow:0 4px 5px 0 rgba(0,0,0,.4)}@media only screen and (max-width:767px){body{background-position-y:-620px}.navbar h3{margin:0 -15px;font-size:1.1rem!important}.logo{max-height:50px!important}.headline.mobile,.turn{font-size:15px!important}.turn{margin-bottom:.5rem!important}.popup{width:95%!important;margin:75px auto!important}.impressum{padding-top:1.5rem!important}h3{font-size:1.3rem!important}.headline.mobile{margin:0 -32px;top:-1rem}.info-button,.info-button:hover{padding:5px 10px}}#overlaymobile{display:none}@media (orientation:portrait) and (max-width:1024px){#overlaymobile{display:block}}@media (orientation:portrait) and (max-width:768px){#schaubild-1-m{max-width:574px;margin:auto;}h5.hl{font-size:1rem;}.sb-wrapper{min-height:calc(100vh - 108px)}.foot{position:relative}}@media (orientation:landscape) and (max-height:768px){h5.hl{font-size:1rem;}.sb-wrapper{min-height:calc(100vh - 143px)}.foot{position:relative}}