@font-face{font-family:"AttributeText";font-style:normal;font-weight:100;src:url(/static/media/AttributeText-Xlight.944ef2bc.otf)}@font-face{font-family:"AttributeText";font-style:normal;font-weight:300;src:url(/static/media/AttributeText-Light.c6f5f20d.otf)}@font-face{font-family:"AttributeText";font-style:italic;font-weight:300;src:url(/static/media/AttributeText-LightItalic.be29fe27.otf)}@font-face{font-family:"AttributeText";font-style:normal;font-weight:400;src:url(/static/media/AttributeText.6083bc31.otf)}@font-face{font-family:"AttributeText";font-style:normal;font-weight:500;src:url(/static/media/AttributeText-Medium.1be5c3af.otf)}@font-face{font-family:"AttributeText";font-style:normal;font-weight:900;src:url(/static/media/AttributeText-Black.734061ea.otf)}body{margin:0;font-family:"AttributeText";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.menue{width:105px;height:982px}.menue,.menue .buttons{display:flex;align-items:center}.menue .buttons{flex-direction:column}.menue .button{width:92px;height:92px;box-sizing:border-box;border:3px solid #0ff;border-radius:20%;margin:45px 0 0 11px;background-size:75px;background-position:50%;background-repeat:no-repeat}.menue .button.small{width:45px;height:45px;background-size:30px}.menue .button.active{border:3px solid #fff}.button .line{position:relative;left:100%;top:50%;transform:translateY(-2px);display:block;content:"";width:75px;height:3px;background-color:#fff;opacity:0}.button.active .line{opacity:1;transition:opacity .5s}.menue .button.small .line{width:98px}.sprache .input{width:968px;height:920px;padding:45px}.sprache .input_start{font-weight:500;color:#0ff}p{margin-top:0;margin-bottom:1em}.status,.to_translate,.translation,.translation_back{position:absolute;left:45px;top:10px;line-height:110px;width:870px}.translation,.translation_back{font-weight:700;top:50px}.status{left:230px;top:800px}.sprache .list{width:680px;height:920px;left:1210px;padding:35px 10px 35px 35px;overflow:inherit;height:1030px;display:flex;align-items:flex-end}.sprache .list:before{content:"";position:absolute;left:-70px;top:50%;transform:translateY(-2px);display:block;width:70px;height:3px;background-color:#fff}.sprache .list.off:before{width:0}.button_round{width:90px;height:90px;border:3px solid #0ff;border-radius:50%;background-size:75px;background-position:50%;background-repeat:no-repeat}.button_round.key_btn,.button_round.like_btn,.button_round.mic_btn,.button_round.save_btn{position:fixed;top:960px;left:175px}.button_round.key_btn{left:285px}.button_round.like_btn,.button_round.save_btn{left:1050px}.button_round.key_btn .line,.button_round.like_btn .line,.button_round.mic_btn .line,.button_round.save_btn .line{position:absolute;top:-30px;left:50%;width:3px;height:28px;background-color:#fff;transform:translateX(-1px)}.button_round.like_btn .line2,.button_round.save_btn .line2{position:absolute;top:50%;left:92px;width:68px;height:3px;background-color:#fff;transform:translateY(-1px)}.button_round.active{background-color:#0ff}.lng_buttons{display:flex;position:fixed;top:910px;left:400px}.lng_buttons.hide{display:none}.lng_btn{width:38px;height:38px;border-radius:50%;border:3px solid #0ff;text-transform:uppercase;display:flex;align-items:center;justify-content:space-around;font-weight:500;font-size:24px;padding:4px 2px 0;margin-right:10px;background-color:#000;cursor:pointer}.lng_btn.active{border:3px solid #fff;background-color:#fff;color:#000}.keyboard{position:fixed;top:940px;left:400px}.row1,.row2,.row3{display:flex;position:absolute}.row2{left:31px;top:43px}.row3{top:85px}.keyboard_btn{width:38px;height:38px;border-radius:50%;border:3px solid #0ff;display:flex;align-items:center;justify-content:space-around;font-weight:500;font-size:24px;padding:4px 2px 0;margin-right:15px;background-color:#000;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.keyboard_btn.stretch{letter-spacing:-2px;width:34px;padding-right:4px}.keyboard_btn.active{border:3px solid #fff;background-color:#fff;color:#000}.list_element{font-size:20px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:620px;justify-content:space-between;height:35px;position:relative}.list_element.active .text{font-weight:700}.list_element .like{position:absolute;left:520px;top:0;color:#0ff;width:50px;text-align:right}.list_element .text{width:520px}.list_element .arrow{position:absolute;right:0;top:0;width:21px;height:21px;background-size:21px;background-position:50%;background-repeat:no-repeat}.list_element .like:after{content:"♡";font-size:40px;position:absolute;top:-12px;right:-25px}.lng{text-transform:uppercase}.ok_btn{width:66px;height:66px;background-color:#000;border:3px solid #0ff;border-radius:50%;background-size:48px;background-position:50%;background-repeat:no-repeat;position:fixed;top:855px;left:1064px}.ok_btn_text{text-align:right;position:absolute;width:500px;top:0;left:-520px;color:#0ff;font-weight:500}.button_page_minus,.button_page_plus,.button_sort_like,.button_sort_time{width:48px;height:48px;background-color:#000;border:3px solid #0ff;border-radius:50%;background-size:48px;background-position:50%;background-repeat:no-repeat;position:absolute;top:999px;left:500px}.button_sort_like{left:435px}.button_page_minus,.button_page_plus{width:40px;height:40px;left:620px;background-size:24px}.button_page_plus{top:7px}.button_page_minus{top:970px}.button_sort_like.active,.button_sort_time.active{border:3px solid #fff;background-color:#fff}.gesicht .frage{position:fixed;top:150px;left:172px;height:773px;width:450px;padding:35px}.gesicht .start_btn,.timer_btn{position:fixed;left:355px;top:980px}.timer_btn{background-color:#fff}.gesicht .start_btn .line,.timer_btn .line{width:3px;height:60px;position:absolute;left:50%;transform:translateX(-2px);top:-63px;background-color:#fff}.gesicht .timer_btn .line{position:fixed;left:403px;top:923px}.gesicht .timer_btn{border-color:#fff;background-size:92px;overflow:hidden}.gesicht .timer_btn .cover,.timer_btn .cover2{position:absolute;top:0;left:50%;width:50%;height:100%;z-index:1;overflow:hidden}.gesicht .timer_btn .cover2{position:absolute;top:0;left:0;width:50%;height:100%;z-index:1}.gesicht .small{font-size:24px}.gesicht .frage img{margin-left:-35px}.gesicht .frage .ausdruck{margin-left:-25px;margin-right:-25px;margin-top:8px;text-align:center;font-weight:500;color:#0ff}.gesicht .spiegel{position:fixed;top:13px;left:665px;height:912px;width:912px;overflow:visible!important}.gesicht .spiegel:before,.result:before{content:"";position:absolute;left:-48px;top:50%;transform:translateY(-2px);display:block;width:48px;height:3px;background-color:#fff}.gesicht .result{position:fixed;top:13px;left:1620px;height:912px;width:290px;overflow:visible!important}.gesicht .result .zahnrad{position:absolute;top:25px;left:25px;width:67px;height:67px}.gesicht .result .skala{position:absolute;top:100px;left:120px;width:72px;height:720px}.gesicht .skala_balken{position:fixed;top:137px;left:1749px;width:36px;height:678px;background-position:50% 100%;background-repeat:no-repeat}.gesicht .skala_balken_content{position:absolute;bottom:0;left:0;width:100%;background-color:#fff}.gesicht .result .comment{width:280px;color:#0ff;text-align:center;font-weight:500}.scala_text{position:absolute;top:830px;height:80px;display:flex;flex-direction:column;justify-content:space-around}.gesicht .finish{top:150px;width:810px;height:764px}.tiere .frage{position:absolute;top:135px;left:0;height:773px;width:296px;padding:35px}.tiere .frage .fragezeichen{margin-top:195px;font-size:180px;text-align:center;font-weight:100}.tiere .frage .nochmal{position:absolute;bottom:20px;color:#0ff;font-weight:500}.tiere .empty_btn,.tiere .start_btn{position:fixed;left:275px;top:980px}.tiere .empty_btn{border-color:#fff}.tiere .replay_btn{position:fixed;left:275px;top:980px;z-index:10;background-color:#000}.tiere .replay_btn.result{left:1475px}.tiere .replay_btn.result .line{position:absolute;width:3px;height:60px;top:-63px}.tiere .replay_btn.result:before{display:none}.tiere .empty_btn .line,.tiere .start_btn .line{width:3px;height:60px;position:absolute;left:50%;transform:translateX(-2px);top:-63px;background-color:#fff}.presentation,.presentation_dogs{position:absolute;top:130px;left:390px;display:flex}.presentation_dogs{left:365px;top:320px}.presentation .container{position:relative;width:340px;height:930px;margin-right:-125px}.presentation_dogs .container{position:relative;width:380px;height:740px;margin-right:70px}.container.hidden .ask_btn,.container.hidden .box{display:none}.presentation .box{position:absolute;width:340px;height:340px;background-size:cover}.presentation_dogs .box{position:absolute;width:380px;height:380px;background-size:cover}.presentation .box.box_no_idea,.presentation_dogs .box.box_no_idea{top:590px;width:250px;height:150px;padding:25px}.presentation_dogs .box.box_no_idea{top:400px;margin-left:-230px}.presentation .line,.presentation_dogs .line{position:absolute;background-color:#fff;width:3px;height:497px;left:50%;transform:translateX(-2px);top:-500px}.presentation_dogs .line{height:267px;top:-270px}.presentation .line_no_idea,.presentation_dogs .line_no_idea{top:-100px;height:97px}.presentation .quit_btn,.presentation_dogs .quit_btn{position:absolute;top:834px;left:1228px}.presentation_dogs .quit_btn{top:644px}.presentation .line1,.presentation .line3{height:97px;top:-100px}.presentation .box1,.presentation .box3{top:400px}.presentation .ask_btn,.presentation_dogs .ask_btn{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.result_img{position:absolute;width:630px;height:630px;background-size:cover;top:150px;left:540px}.result_img:after{content:"";position:fixed;width:70px;height:3px;left:1170px;top:480px;background:#fff}.result_text{padding:35px;position:absolute;width:560px;height:773px;background-size:cover;top:150px;left:1240px}.presentation_dogs h1,.presentation h1{font-size:30px}.tiere .finish{top:150px;width:810px;height:764px}.info_video,.info_videos{position:fixed;top:15px;left:245px;width:1632px;height:920px}.video_player{position:relative;top:-1px;left:-1px;width:1634px;height:922px}.selection .dot1,.selection .dot2{position:absolute;width:10px;height:10px;border-radius:50%;background-color:#fff;top:722px;left:-10px}.selection .line1{width:3px;height:282px;background-color:#fff;position:absolute;left:50%;top:0;transform:translateX(-50%)}.selection .dot2{top:1000px}.selection .line2{width:100%;height:3px;background-color:#fff;left:0;top:50%}.selection .buttons,.selection .line2{position:absolute;transform:translateY(-50%)}.selection .buttons{top:5px;padding-left:60px;display:flex;align-items:center}.selection .button{position:relative;min-width:92px;height:92px;box-sizing:border-box;border:3px solid #0ff;border-radius:20px;margin:0 0 0 15px;background-size:75px;background-position:50%;background-color:#000;z-index:10;background-position:5px;background-repeat:no-repeat;padding:10px}.selection .button p{padding:2px 10px 0 80px;display:none;overflow:hidden;line-height:34px}.selection .button .line{position:absolute;width:3px;left:50%;top:-40px;height:40px;background-color:#fff}.selection .button.active .line{background-color:#00}.selection .button.active{border-color:#fff}.selection .button.active p{display:block}.App{width:1920px;height:1080px;background-color:#000;color:#fff;position:relative;font-family:"AttributeText";font-size:30px}.start_loop{width:100%;height:100%}.console{position:fixed;top:10px;left:10px;width:650px;height:120px;background-color:#fff;opacity:.5;color:red;font-size:12px}.console .active{color:#0f0}.content{position:fixed;top:15px;left:175px}.frame{position:fixed;box-sizing:border-box;border:3px solid #fff;border-radius:40px;overflow:hidden}.fadeIn05{-webkit-animation:fadeIn05 2s ease;animation:fadeIn05 2s ease}@-webkit-keyframes fadeIn05{0%{opacity:0}25%{opacity:0}50%{opacity:1}}@keyframes fadeIn05{0%{opacity:0}25%{opacity:0}50%{opacity:1}}.fadeIn1{-webkit-animation:fadeIn1 2s ease;animation:fadeIn1 2s ease}@-webkit-keyframes fadeIn1{0%{opacity:0}50%{opacity:0}75%{opacity:1}}@keyframes fadeIn1{0%{opacity:0}50%{opacity:0}75%{opacity:1}}.video{width:1632px;height:920px}.video video{width:100%;height:100%}.impressum{width:1500px;height:923px}
/*# sourceMappingURL=main.09d35293.chunk.css.map */