*{box-sizing:border-box}body{font-family:"Roboto",sans-serif;font-weight:400;margin:0;background-color:white}.game-body{background-color:cadetblue}.imprint{background-color:white;max-width:1266px;margin:auto;padding:5px}.imprint h1,.imprint h3{font-family:"Montserrat",sans-serif}#container{position:absolute;left:calc((100vw - 1266px) / 2);top:calc((100vh - 900px) / 2);width:1266px;height:900px;box-shadow:rgba(0,0,0,0.1) 0 0 5px 5px;background-image:url("../img/bg/closed.jpg");transition:background 1s linear}#link-box{position:absolute;right:20px;top:20px;padding-top:5px;padding-right:5px;z-index:9001}#link-box a{margin-left:10px;color:#3e3e3e;text-decoration:none}a:hover{text-decoration:underline}#black{position:absolute;background-color:black;opacity:.6;width:1266px;height:900px}h1{font-family:"Montserrat",sans-serif}.bold{font-weight:bold}.window{background-color:white;border:6px solid #af4314;border-radius:8px}#bottom-box-small{width:765px;height:70px;padding:6px;text-align:center;position:absolute;bottom:25px;border-width:3px;left:calc((1266px - 765px) / 2);font-size:21px}#bottom-box{position:absolute;height:225px;padding:50px;width:1266px;bottom:0;z-index:300}#bottom-box #box{width:700px;height:150px;padding:25px 50px;position:absolute;left:calc((1266px - 700px) / 2);border-radius:75px;box-shadow:-2px 2px 0 2px #af3d14;border-width:4px}#bottom-box #box #caption{background-color:#af4314;color:white;font-weight:700;width:350px;border-radius:8px;height:50px;line-height:50px;padding:0 15px;position:absolute;top:-25px;left:-6px}#bottom-box button{position:absolute;bottom:25px}#bottom-box .back-button{left:50px}#bottom-box .next-button{left:calc(((1266px - 700px) / 2) + 700px + (50px / 2))}#popup{position:absolute;left:calc((100% - 700px) / 2);top:calc((100vh - 450px) / 2);margin-top:-50px;padding:25px 50px;width:700px;height:450px;box-shadow:0 0 15px rgba(93,93,93,0.5)}#popup h1{margin-bottom:40px}#popup button{position:absolute;bottom:50px}#popup .next-button{right:50px}#popup .replay-button,#popup .end-button{position:relative;display:block;margin-top:20px;bottom:0}button{padding:0 20px;height:50px;line-height:50px;color:white;background-color:#af4314;font-family:"Montserrat",sans-serif;font-weight:700;font-size:1.3em;width:auto;display:inline-block;border:0;cursor:pointer;transition:background-color .5s}button i{margin-left:10px}.back-button{background-color:#3e3e3e}.back-button i{margin-left:0;margin-right:10px}.inactive,.needs-character-select{background-color:#5f6878;cursor:default}.character{position:absolute;bottom:0}#character-selection-wrapper #character-selection-cta{width:300px;color:white;z-index:1000;position:absolute;top:140px;left:calc((1266px - 300px) / 2);font-family:"Montserrat",sans-serif;font-weight:normal;font-size:20px;text-align:center}#character-selection-wrapper #character-selection-cta img{display:inline-block;max-height:100px}#character-selection-wrapper .character{bottom:100px;opacity:50%;transition:opacity .5s}#character-selection-wrapper .selectable-character{cursor:pointer}#character-selection-wrapper .selectable-character:hover,#character-selection-wrapper .selected-character{opacity:100%;transition:opacity .5s}#interface{z-index:1001}#interface #avatar,#interface #clock,#interface #points{position:absolute}#interface #avatar{left:50px;top:25px;height:100px}#interface #points{background-image:url("../img/ui/points_small.png");background-repeat:no-repeat;padding:58px 9px;width:40px;height:543px;left:50px;margin-top:calc((900px - 543px) / 2)}#interface #points .points-wrapper{height:445px;width:22px;margin:auto}#interface #points .points-wrapper #points-bar{position:absolute;bottom:48px;background-color:#af4314;width:22px;border-radius:0 0 11px 11px}#interface #clock{top:25px;margin-top:18px;background:url("../img/ui/clock.svg") no-repeat;left:calc((50px * 2) + 100px);font-family:"Montserrat",sans-serif;font-size:22px;font-weight:bold;height:64px;width:176px;line-height:64px;text-align:center;padding-left:40px}#dialogue-characters{width:1266px;height:900px}#decision-options{position:absolute;width:780px;left:calc((1266px - 780px) / 2);top:300px}#decision-options .choose-cta{background-color:white;width:195px;font-family:"Montserrat",sans-serif;font-weight:bold;font-size:.8em;color:#af4314;margin-left:-20px;height:50px;line-height:50px;border-radius:8px;padding:0 10px}#decision-options .option{border-radius:8px;background-color:white;border:3px solid white;height:100px;margin-top:10px;line-height:30px;padding:34px 10px 0 10px;font-size:20px;cursor:pointer;transition:background-color .5s}#decision-options .two-line-decision{padding-top:16px}#decision-options .selected-decision{background-color:#fff6f6;border:3px solid #af4314}#decision-options .correct-decision{border:3px solid #1d8352;background-color:#9fe4c6}#decision-options .wrong-decision{border:3px solid #db2c2c;background-color:#fec5c5}.invisible{display:none}#main-menu .microgame-button{height:50px;color:white;font-family:"Montserrat",sans-serif;font-size:20px;line-height:50px;padding-left:60px;padding-right:10px;border-radius:50px 8px 8px 50px;background-color:#3e3e3e;font-weight:normal;position:absolute;white-space:nowrap;overflow:hidden;cursor:pointer}#main-menu .microgame-button .gamestatus-icon{position:absolute;top:0;left:0;background-color:#af4314;border-radius:100%;height:50px;width:50px;text-align:center;font-size:1.33em}#main-menu .microgame-button .finished{background-color:#16bf74}#main-menu .microgame-button .cancelled{background-color:#5f6878}#cancel-popup{position:absolute;height:300px;width:633px;left:316.5px;top:350px}#cancel-popup,#quicktime-popup{padding:0 50px 50px 50px}#cancel-popup h1,#quicktime-popup h1{width:621px;font-size:24px;background-color:#fec5c5;height:75px;line-height:75px;margin-top:0;margin-left:-50px;margin-bottom:35px;padding:0 50px;border-top-left-radius:3px;border-top-right-radius:3px}#cancel-popup button,#quicktime-popup button{bottom:25px;position:absolute;font-weight:normal;font-size:18px}#cancel-popup .no-cancel-button,#quicktime-popup .no-cancel-button{background-color:#3e3e3e;left:50px}#cancel-popup .cancel-button,#quicktime-popup .cancel-button{right:50px}.quicktime-wrapper{width:500px;position:absolute;left:calc((1266px - 500px) / 2)}.quicktime-wrapper #quicktime-popup{display:block;height:auto;width:500px;padding-bottom:10px}.quicktime-wrapper #quicktime-popup h1{width:488px}.quicktime-wrapper .quicktime-button{margin-top:20px}.game-popup{position:absolute;width:1236px;height:870px;top:15px;left:15px;padding:155px 100px 30px 100px}.game-popup .content{font-family:"Montserrat",sans-serif}.game-popup .content .left-column,.game-popup .content .right-column{width:50%;float:left}.game-popup .content p{color:#3e3e3e;width:80%}.game-popup .content .left-column h3{text-transform:uppercase;margin-bottom:0}.game-popup .content .left-column h1{margin-top:10px}.game-popup .content .right-column img{width:100%}.game-popup .separator-dekor{width:60px;height:4px;background-color:#d69a81;margin-bottom:25px}.game-popup .footer{position:absolute;padding-bottom:30px;bottom:0;width:1036px}.game-popup .footer button{font-size:18px;border-radius:8px;text-align:center}.game-popup .footer .cancel-button{background-color:#3e3e3e;float:left}.game-popup .footer .next-button{float:right}#hidden-objects-wrapper,#drag-game-wrapper{width:1266px;height:900px;font-family:"Montserrat",sans-serif;cursor:pointer}#hidden-objects-wrapper .hidden-game-click-area,#drag-game-wrapper .hidden-game-click-area{background-color:white;position:absolute;opacity:0}#hidden-objects-wrapper .placeholder,#drag-game-wrapper .placeholder{position:absolute;border-radius:100%;width:120px;height:120px;background-color:rgba(255,255,255,0.5);border:5px dashed #af4314}#hidden-objects-wrapper #bottom-interface,#drag-game-wrapper #bottom-interface{height:200px;width:100%;position:absolute;bottom:0;padding:15px;background-color:white;border-top:3px solid #af4314;font-weight:bold}#hidden-objects-wrapper #bottom-interface .left,#hidden-objects-wrapper #bottom-interface .right,#drag-game-wrapper #bottom-interface .left,#drag-game-wrapper #bottom-interface .right{float:left}#hidden-objects-wrapper #bottom-interface .left,#drag-game-wrapper #bottom-interface .left{width:30%}#hidden-objects-wrapper #bottom-interface .left h3,#drag-game-wrapper #bottom-interface .left h3{color:#af4314;font-size:16px;text-transform:uppercase}#hidden-objects-wrapper #bottom-interface .left .game-cta,#drag-game-wrapper #bottom-interface .left .game-cta{width:80%}#hidden-objects-wrapper #bottom-interface .right,#drag-game-wrapper #bottom-interface .right{padding-left:50px}#hidden-objects-wrapper #bottom-interface .right .object-hint,#drag-game-wrapper #bottom-interface .right .object-hint{float:left;margin-right:10px}#hidden-objects-wrapper #bottom-interface .right img,#hidden-objects-wrapper #bottom-interface .right .overlay,#hidden-objects-wrapper #bottom-interface .right .underlay,#drag-game-wrapper #bottom-interface .right img,#drag-game-wrapper #bottom-interface .right .overlay,#drag-game-wrapper #bottom-interface .right .underlay{border-radius:100%;width:120px;height:120px;margin-left:calc((150px - 120px) / 2)}#hidden-objects-wrapper #bottom-interface .right img,#drag-game-wrapper #bottom-interface .right img{box-shadow:rgba(175,67,20,0.25) -3px 3px 0}#hidden-objects-wrapper #bottom-interface .right .overlay,#drag-game-wrapper #bottom-interface .right .overlay{position:absolute;display:inline-block;margin-left:-120px;background-color:rgba(0,0,0,0.2);text-align:center;line-height:120px;color:white;font-size:3em}#hidden-objects-wrapper #bottom-interface .right p,#drag-game-wrapper #bottom-interface .right p{width:150px;height:30px;line-height:30px;background-color:white;color:#4f3813;text-align:center;border:1px solid gray;box-shadow:rgba(175,67,20,0.25) -3px 3px 0;border-radius:8px;margin-top:11px}#hidden-objects-wrapper #bottom-interface .right .two-line-label,#drag-game-wrapper #bottom-interface .right .two-line-label{word-wrap:break-word;margin-top:5px;height:44px;line-height:22px}#hidden-objects-wrapper #bottom-interface .cancel-button,#drag-game-wrapper #bottom-interface .cancel-button{background-color:black;border-radius:8px;font-size:18px}#hidden-objects-wrapper #bottom-interface .cancel-button i,#drag-game-wrapper #bottom-interface .cancel-button i{margin-left:15px}#room-finished-wrapper{font-family:"Montserrat",sans-serif;color:white;text-align:center;background-color:rgba(0,0,0,0.7);width:1266px;height:900px;position:absolute;left:0;top:0}#room-finished-wrapper #room-finished{width:350px;position:absolute;left:calc((1266px - 350px) / 2);top:350px}#room-finished-wrapper #room-finished h1{text-transform:uppercase}#room-finished-wrapper #room-finished button{border-radius:8px}#drag-game-wrapper{cursor:default}#drag-game-wrapper #bottom-interface .left{width:22%}#drag-game-wrapper #bottom-interface .left .game-cta{width:90%}#drag-game-wrapper #bottom-interface .left-wrapper{float:left !important;width:47%}#drag-game-wrapper #bottom-interface .left-wrapper .game-description{width:45%;float:left}#drag-game-wrapper #bottom-interface .left-wrapper .game-countdown{width:45%;float:left;text-align:center;line-height:165px;height:165px;font-size:2em}#drag-game-wrapper #bottom-interface .right{padding-left:0 !important}#drag-game-wrapper #bottom-interface .right .draggable-image{float:left;display:inline-block;margin-left:10px}#drag-game-wrapper #bottom-interface .right .draggable-image .underlay{border:3px solid #af4314;position:absolute;top:15px}#drag-game-wrapper #bottom-interface .right .draggable-image .draggable{position:absolute;top:0;cursor:pointer}#yes-no-game-wrapper,#quiz-wrapper{font-family:"Montserrat",sans-serif;padding-top:105px}#yes-no-game-wrapper .header,#yes-no-game-wrapper .content,#yes-no-game-wrapper .footer,#quiz-wrapper .header,#quiz-wrapper .content,#quiz-wrapper .footer{display:block;min-height:1em}#yes-no-game-wrapper .header,#quiz-wrapper .header{margin-bottom:140px}#yes-no-game-wrapper .header h1,#quiz-wrapper .header h1{position:absolute;margin-right:80px;margin-top:0;width:210px}#yes-no-game-wrapper .header .yes-no-question,#quiz-wrapper .header .yes-no-question{position:absolute;margin-bottom:160px;left:205px;top:180px;font-weight:bold;line-height:3em}#yes-no-game-wrapper .header .quiz-question,#quiz-wrapper .header .quiz-question{position:absolute;margin-bottom:160px;left:355px;top:110px;font-weight:bold;line-height:2em;margin-right:110px}#yes-no-game-wrapper .header .separator-dekor,#quiz-wrapper .header .separator-dekor{position:absolute;top:150px}#yes-no-game-wrapper .content,#quiz-wrapper .content{text-align:center}#yes-no-game-wrapper .content .quiz-image,#yes-no-game-wrapper .content .yes-no-image,#quiz-wrapper .content .quiz-image,#quiz-wrapper .content .yes-no-image{display:block;margin:auto}#yes-no-game-wrapper .content .quiz-image img,#yes-no-game-wrapper .content .yes-no-image img,#quiz-wrapper .content .quiz-image img,#quiz-wrapper .content .yes-no-image img{display:inline-block;overflow:hidden}#yes-no-game-wrapper .content .quiz-image .solution-text,#yes-no-game-wrapper .content .yes-no-image .solution-text,#quiz-wrapper .content .quiz-image .solution-text,#quiz-wrapper .content .yes-no-image .solution-text{display:inline-block;text-align:left;vertical-align:top}#yes-no-game-wrapper .content .quiz-image,#quiz-wrapper .content .quiz-image{height:250px}#yes-no-game-wrapper .content .quiz-image img,#yes-no-game-wrapper .content .quiz-image .solution.text,#quiz-wrapper .content .quiz-image img,#quiz-wrapper .content .quiz-image .solution.text{height:250px}#yes-no-game-wrapper .content .yes-no-image,#quiz-wrapper .content .yes-no-image{height:400px}#yes-no-game-wrapper .content .yes-no-image img,#yes-no-game-wrapper .content .yes-no-image .solution.text,#quiz-wrapper .content .yes-no-image img,#quiz-wrapper .content .yes-no-image .solution.text{height:400px}#yes-no-game-wrapper .content .yes-no-buttons,#yes-no-game-wrapper .content .quiz-buttons,#quiz-wrapper .content .yes-no-buttons,#quiz-wrapper .content .quiz-buttons{margin-top:20px}#yes-no-game-wrapper .content .yes-no-buttons button,#yes-no-game-wrapper .content .quiz-buttons button,#quiz-wrapper .content .yes-no-buttons button,#quiz-wrapper .content .quiz-buttons button{box-shadow:rgba(175,67,20,0.25) -3px 3px 0;background-color:white;border:1px solid #d6d6d6;font-family:"Montserrat",sans-serif;font-weight:normal;height:100px;margin:10px;color:black;border-radius:8px;width:200px;padding:0 10px !important;font-size:1.2em}#yes-no-game-wrapper .content .yes-no-buttons .correct-yes-no,#yes-no-game-wrapper .content .yes-no-buttons .correct-quiz-answer,#yes-no-game-wrapper .content .quiz-buttons .correct-yes-no,#yes-no-game-wrapper .content .quiz-buttons .correct-quiz-answer,#quiz-wrapper .content .yes-no-buttons .correct-yes-no,#quiz-wrapper .content .yes-no-buttons .correct-quiz-answer,#quiz-wrapper .content .quiz-buttons .correct-yes-no,#quiz-wrapper .content .quiz-buttons .correct-quiz-answer{border:4px solid #53af78}#yes-no-game-wrapper .content .yes-no-buttons .wrong-yes-no,#yes-no-game-wrapper .content .yes-no-buttons .wrong-quiz-answer,#yes-no-game-wrapper .content .quiz-buttons .wrong-yes-no,#yes-no-game-wrapper .content .quiz-buttons .wrong-quiz-answer,#quiz-wrapper .content .yes-no-buttons .wrong-yes-no,#quiz-wrapper .content .yes-no-buttons .wrong-quiz-answer,#quiz-wrapper .content .quiz-buttons .wrong-yes-no,#quiz-wrapper .content .quiz-buttons .wrong-quiz-answer{border:4px solid #ff3f3f}.questionnaire-window{position:absolute;top:calc((900px - 750px) / 2);left:calc((1266px - 1100px) / 2);padding:50px 100px;width:1100px;height:750px}.questionnaire-window .questionnaire-cta{margin-top:40px;margin-bottom:20px;height:40px;max-width:680px}.questionnaire-window input{border-radius:5px;height:40px;border:1px solid gray;background-color:#f0f0f0;width:60px;margin-left:50px;text-align:center}.questionnaire-window input,.questionnaire-window #code-display{font-family:"Roboto",sans-serif;font-size:1.5em;font-weight:bold}.questionnaire-window table{border-collapse:collapse}.questionnaire-window .form-table{margin:50px 0}.questionnaire-window .form-table tr{height:50px;line-height:50px}.questionnaire-window .questionnaire-table{width:100%}.questionnaire-window .questionnaire-table thead tr{height:30px}.questionnaire-window .questionnaire-table .questionnaire-first-header-row{font-size:.85em}.questionnaire-window .questionnaire-table .questionnaire-first-header-row .questionnaire-header-left{text-align:left}.questionnaire-window .questionnaire-table .questionnaire-first-header-row .questionnaire-header-right{text-align:right}.questionnaire-window .questionnaire-table tr{height:100px}.questionnaire-window .questionnaire-table tr:nth-child(even){background:#f4f4f4}.questionnaire-window .questionnaire-table th,.questionnaire-window .questionnaire-table td{text-align:center;font-weight:normal}.questionnaire-window .questionnaire-table td{width:37px}.questionnaire-window .questionnaire-table td:first-child{width:391px;text-align:left;padding-left:8px}.questionnaire-window button{right:100px;bottom:50px;position:absolute}.personal-information-window input{margin-left:0}.personal-information-window tr{vertical-align:top}.personal-information-window td:first-child{padding-right:50px}.personal-information-window td{vertical-align:top;text-align:left;padding-bottom:20px}.personal-information-window .radio-button{margin-top:5px;float:left}.personal-information-window .personal-data-next-button{margin-top:120px !important}.radio-button{display:inline-block;width:35px;height:35px;border:2px solid gray;padding:5px;background-color:#f0f0f0;border-radius:100%;margin:auto;cursor:pointer}.selected-radio-button{background-color:#af4314;width:21px;height:21px;border-radius:100%;border:0}.radio-button-label{float:left;margin-left:10px}#dia-container{width:700px;height:500px;position:absolute;left:calc((1266px - 700px) / 2);top:calc((900px - 500px) / 2);margin-top:-75px}#dia-container img{position:absolute;left:0;top:0}.background-transition{position:absolute;top:0;left:0}.garden-party-button{position:absolute;right:50px;bottom:50px}.tooltip-wrapper,.tooltip-text,.tooltip-image{position:absolute;font-family:"Montserrat",sans-serif;color:white}#videoplayer{height:675px;width:1200px;margin-left:calc((1266px - 1200px) / 2);margin-top:calc((900px - 675px) / 2);background-color:black;position:absolute}#countdown{position:absolute;left:0;top:0;width:1266px;height:900px;background-color:rgba(0,0,0,0.66);line-height:900px;font-size:5em;text-align:center;font-family:"Montserrat",sans-serif;font-weight:bold;color:white}#water{position:absolute;bottom:0;background:#4cc1e7;background-blend-mode:multiply;mix-blend-mode:multiply;border-top:2px solid #000;width:1266px;left:0;height:0}.simulation-icon{position:absolute;width:100px}.popup-answer-list-correct{color:#16bf74}.popup-answer-list-wrong{color:#af4314}.simulation-evaluation-popup-table td,.simulation-evaluation-popup-table th{text-align:right;padding-bottom:5px}.simulation-evaluation-popup-table td:first-child,.simulation-evaluation-popup-table th:first-child{text-align:left;padding-right:50px}.evaluation-button{position:absolute;bottom:50px;right:50px}#web-container{width:1024px;background-color:white;margin:auto}#web-container h1,#web-container h2,#web-container h3,#web-container h4,#web-container h5,#web-container h6{color:#05f}#web-container h1{font-size:45px;font-weight:800;line-height:61px;margin-left:120px}#web-container h3{font-size:20px;line-height:31px;font-family:"Montserrat",sans-serif}#web-container header{height:60px;margin-bottom:10px;background-color:white;position:sticky;z-index:1;padding:17px 0;margin-left:90px}#web-container main .text{width:702px;margin-left:120px}#web-container main .text .consent-check div:first-child{vertical-align:top;display:table-cell}#web-container main .text .consent-check div:first-child input{width:30px;height:30px}#web-container main .text .consent-check div:nth-child(2){display:table-cell;width:600px;padding-left:10px;font-weight:bold}#web-container main .text .consent-check div{display:inline-block}#web-container main ul{padding-left:0}#web-container main ul li{list-style:none}#web-container main ul li a,#web-container main ul li a:visited{text-decoration:none;font-weight:bold;font-size:20px;line-height:34px;color:#05f;font-family:"Montserrat",sans-serif}#web-container main ul li a:hover{text-decoration:underline}#web-container main .key-visual{width:100%;display:block;margin:35px 0}#web-container .web-button{height:67px;width:207px;cursor:pointer;background-color:#d7e4ff;border:1px solid #05f;line-height:65px;color:#05f;text-align:center;font-family:"Montserrat",sans-serif;font-weight:bold;font-size:20px;padding:0 20px;display:inline-block;margin-top:30px}#web-container .web-button i{margin-left:50px}#web-container .inactive-web-button{background-color:#e6e6e6;border:1px solid gray;cursor:default;color:gray}#web-container footer{width:1024px;padding-left:120px;margin-top:100px;padding-top:7px;height:69px;line-height:69px;background-image:url("../img/site/footer.jpg")}#web-container footer a,#web-container footer a:visited{color:#af4314;text-decoration:none;font-weight:bold;font-size:14px;margin-right:20px}#web-container footer a:hover{text-decoration:underline}.game-evaluation-table{border-collapse:collapse}.game-evaluation-table td:first-child{width:242px}.game-evaluation-table td{padding:2px 5px}.game-evaluation-table td:nth-child(2){width:340px;text-align:right}.game-evaluation-table tr:nth-child(2n){background-color:lightgray}#logo-box{margin-top:30px}#logo-box img{max-height:90px;max-width:260px;margin-right:10px;margin-bottom:15px}