*{box-sizing:border-box}body{margin:0;padding:0;font-family:"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;-moz-user-select:none}body,html{overflow:hidden}body,html{position:fixed}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--goethe-green:#a0c814;--goethe-violet:#82055f;--goethe-dark-green:#374105;--goethe-orange:#eb6400;--goethe-beige:#c8b987;--goethe-light-blue:#5ac8f5;--goethe-brown:#502300;--goethe-very-light-grey:#d5dde0;--goethe-light-grey:#aab3ba;--goethe-grey:#717a83;--goethe-dark-grey:#555a60;--goethe-green-50p:#d4e295;--goethe-violet-50p:#b97fa8;--goethe-dark-green-50p:#929166;--goethe-orange-50p:#f5b47d;--goethe-beige-50p:#eae3c7;--goethe-light-blue-50p:#bbe4f9;--goethe-dark-blue:#003969;--goethe-dark-blue-60p:#56739f;--goethe-dark-blue-50p:#7087af;--goethe-dark-blue-30p:#a7b5d0;--goethe-brown-50p:#9f775f;--goethe-grey-50p:rgba(120,130,135,0.5);--goethe-dark-blue-tansparent30:rgba(0,58,105,0.3)}.App{-webkit-overflow-scrolling:touch;-webkit-transform-origin:0 0;transform-origin:0 0;width:800px;height:600px;-webkit-user-select:none;user-select:none;font-family:"Goethe FF Clan"}.backgroundimage{width:800px;min-width:320px}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(113,122,131,.4)}.titles{text-align:center;margin-bottom:10px;text-transform:uppercase;color:#555a60;color:var(--goethe-dark-grey)}.titles h2{font-size:1.8em;margin:0}.titles h3{font-size:1.5em;margin:0}.popup-ctnr{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,58,105,.3);background:var(--goethe-dark-blue-tansparent30)}.fit{display:inline-block;white-space:nowrap}.bottom-phrase{position:absolute;bottom:10px;max-width:90%;color:#eae3c7;color:var(--goethe-beige-50p);background-color:#717a83;background-color:var(--goethe-grey);white-space:pre-wrap;font-weight:700;padding:4px 50px;font-size:16pt;border-radius:0 999px 999px 0;display:flex;align-items:center}.bottom-phrase-speaker{position:absolute;left:20px;top:50%;width:23px;height:90%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAA4CAMAAABaKlG9AAABs1BMVEUAAADu6dL+6tX+6tXt6dH39evu6tTv6dLm48r9/OPy69Xt6dPs59Du6dLv58/s6tLv6tTt6tPw6tDv6tLv69P18+bx69Xx69bv6dDw6Nrt6NHt69zp4NHv6dLt59fu68zv6tPp5M7s583v5tbs6tXw69Pu6NHv59Pu6tDu6dPu6tTx7tPt6NDy7s7v6dLs6NLn3cvw6dP27Nnu6NHv6tPq6dHy8NXp48fp5szz7dT39evu6dLu6NLj4sPj3s/u6tTk4cnz8OPn5Mzt58759/D7+uD6+N7+/uT+/eTv6c7b2MHz8NTy793t6NHg39Xt6NHq5tLw6dLw7NL29Nj04tPu6NHx4NL/7dfu6dL/69Xt6dLl68/w6dP+6tX969bq69Hu6NL/6tXv8Mju6dLt6dLw6tPs5s/u6dHr5cru6dPu6NHv6tPt6dHt6NHu6tLv6dPs6NHv6dLv6tLs5szs6dLv6NHt6M/v69Ht6dXt6NLu6dDt59Hs59Tv69bv5s/u7dTt6Nbt59Lw6tTx7NXy7dXs59Dx69Tt5s/q48nx7NPu6NTz7tbs5dPt587t6dPs5tDt6tOzheDQAAAAY3RSTlMA+xMSxmt/xnVOWcFcWVdZWVpYWVlxWF9aWMI4A8fKS4FUV1ZfWWBXXFqAV12Cy15TzFXGYVpKRoe9bOvsiICBdXF1gCIgW05bvCl+Kx0TxsrGwTwg6RUa/jLNHukPNMb+DkDOwouGAAABRklEQVR42pXUw4IrUBCE4bq2MbZt27aNjp2xbT9ysItP/etv2V1QKq4gCUT5WwfGLCiXLSLGWKiWoXd7TSEU+78vHp8AtX5pxOs/QKk/RmH8bxHGfxPK/zRR/rMI4/9q9IzPMYkQvkKE8VVnIXx8enLue9+a2trRcBXCJ1pF7991J1q1IfyOUQLSdeGjvx/B3DgA6CWI/xTo32JxfhKAKPuVlyXKv1k2rzL+9aunYc5r7ns5f9vIeUcN56WO9A7Omy84bz/nvOmS8yKkr+f8XQ/nH/o4/9hPeZml7n/6eYzxC85RMH5mYpD49yFMDQDAF/u6wb+bbjSH2h98//fOr9qWDlQ7uf2sPOU8yq2cR+Ya5xFl4Ty+GjmP6A3O48cm55FHeqTuch4x2zbKI21PT3mkHNvcvgTKlR5ZjOYyqFd8aDwpgjcXbKwCqiSMGwUAAAAASUVORK5CYII=) no-repeat 0;background-size:contain;cursor:pointer}.bottom-phrase .replay-button{width:45px;height:47px;margin-left:20px;flex-grow:1;cursor:pointer;flex-shrink:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAkCAMAAAAjIOMaAAAB41BMVEUAAADu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dLu6dKQ2BF5AAAAoHRSTlMAqA6qBg+9Ee799pvvY5J8BHPRSyIZKC0DLv5R60/olwFxaRzTeWyB9I25mhau/FX7P80MRIkFX471mHa82eYbAkj3RjQn+GIQEy8+TpQm0s/yM2cHVqlQZnBSpMSPhrfpuzq658Kl4COIrCDtn8HeR3RdJTIh4wv6nkxXgL49nSTb8WqZy7Hh4lrD8LPsuEUahw1CixVv30lrW02rnH6vEvTNZAAAAdBJREFUeNqFlIOCJDEURe/Ytm3ba9u2bdu2ve9T96a7nGT2NOrhlJNAp6RoajIh6e6tm/cwK3c6Cq9JnPvXbyRbvXO3JURzjtlb1iUanaXQWbE23jybtKdge9vpwoxYtm+rJg5UC1myc+FQPC9f1FErpDd6BWUxsacsWJubKyRjR0hMaRaShwib21nNXhws1Qlphcb89awfzofHykrTERVV6sYewqV+P9PUeTChrvXrBzfbwEMuqICRtCtUn7vZcSZHYKGFzVeIkz/IZNhmnuT9v/4cjy9nijy7ChtnRORjPBxm+ARWRtj+Hg9/MPxkN7ex/R4laeQLwxEVvDMOyBq2HyErMz09fYKh2mb2pJjMIrazMPRXfF50w8QFtsaB5F+emJoGI23sFYBqkismwkwnm9+g1ARRTNvEpgciL0vgqQdTYOE8u2/ct7lFUq1iylGaY262qWU5bOym+DQR/2dVhmkyFOvigXSKu0Yj1aXpDVGxL5tidmR1KN/I85w4Fno+q4VkVCFM9xwhp8Yv1SPOxbxDQvr1talinSh6B3MLGhsbuh5PxNLaGugk1onG3jUw8nY67BWOwcpA1ky/o81kFY1iNop/qtX795++8NP9Bw3I4EZcLYCBAAAAAElFTkSuQmCC) 50% no-repeat}.bottom-phrase .replay-button:active{background-position:bottom}.iosPlayOverlay:before{background:#a0c814;background:var(--goethe-green);border-radius:50%}.iosPlayOverlay:after,.iosPlayOverlay:before{content:"";position:absolute;width:200px;height:200px;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:-1;-webkit-animation:tada 1.5s infinite;animation:tada 1.5s infinite}.iosPlayOverlay:after{background:url(data:image/png;base64,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) 50% no-repeat}.iosPlayOverlay{position:absolute;top:0;left:0;right:0;width:800px;height:600px;cursor:pointer;z-index:1;-webkit-transform-origin:0 0;transform-origin:0 0}@-webkit-keyframes tada{0%{-webkit-transform:translateX(-50%) translateY(-50%) scale3d(.9,.9,.9);transform:translateX(-50%) translateY(-50%) scale3d(.9,.9,.9)}10%,20%{-webkit-transform:translateX(-50%) translateY(-50%) scale3d(.8,.8,.8) rotate(-3deg);transform:translateX(-50%) translateY(-50%) scale3d(.8,.8,.8) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:translateX(-50%) translateY(-50%) scaleX(1) rotate(3deg);transform:translateX(-50%) translateY(-50%) scaleX(1) rotate(3deg)}40%,60%,80%{-webkit-transform:translateX(-50%) translateY(-50%) scaleX(1) rotate(-3deg);transform:translateX(-50%) translateY(-50%) scaleX(1) rotate(-3deg)}to{-webkit-transform:translateX(-50%) translateY(-50%) scale3d(.9,.9,.9);transform:translateX(-50%) translateY(-50%) scale3d(.9,.9,.9)}}@keyframes tada{0%{-webkit-transform:translateX(-50%) translateY(-50%) scale3d(.9,.9,.9);transform:translateX(-50%) translateY(-50%) scale3d(.9,.9,.9)}10%,20%{-webkit-transform:translateX(-50%) translateY(-50%) scale3d(.8,.8,.8) rotate(-3deg);transform:translateX(-50%) translateY(-50%) scale3d(.8,.8,.8) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:translateX(-50%) translateY(-50%) scaleX(1) rotate(3deg);transform:translateX(-50%) translateY(-50%) scaleX(1) rotate(3deg)}40%,60%,80%{-webkit-transform:translateX(-50%) translateY(-50%) scaleX(1) rotate(-3deg);transform:translateX(-50%) translateY(-50%) scaleX(1) rotate(-3deg)}to{-webkit-transform:translateX(-50%) translateY(-50%) scale3d(.9,.9,.9);transform:translateX(-50%) translateY(-50%) scale3d(.9,.9,.9)}}.welcome-popup-container{display:flex;justify-content:center;align-items:center;padding:30px}.welcome-popup{padding:70px;background:#eae3c7;background:var(--goethe-beige-50p);color:#fff;color:#555a60;color:var(--goethe-dark-grey);border-radius:25px;border:6px solid #a0c814;border:6px solid var(--goethe-green);font-size:2em;font-weight:700;text-align:left;position:relative}.welcome-popup .welcome-popup-text span{text-transform:uppercase;display:block;color:#a0c814;color:var(--goethe-green)}.welcome-popup-button{position:absolute;bottom:0;right:0;-webkit-transform:translateX(50%) translateY(30%);transform:translateX(50%) translateY(30%);width:90px;height:90px;border-radius:50%;background:#a0c814;background:var(--goethe-green);cursor:pointer;display:flex;justify-content:center;align-items:center}.welcome-popup-button:hover{background:#fff}.welcome-popup-button:hover .play-triangle{border-color:transparent transparent transparent #a0c814;border-left-color:var(--goethe-green);border-bottom-color:transparent;border-right-color:transparent;border-top-color:transparent}.welcome-popup-button .play-triangle{width:0;height:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:18px 0 18px 33px}.links{position:absolute;bottom:0;right:0;font-size:12px;margin:4px}.links a{margin-right:4px;color:#555a60;color:var(--goethe-dark-grey)}@font-face{font-family:"Goethe FF Clan";src:url(../../static/media/GoetheFFClan-Bold.ac4c8aba.woff2) format("woff2"),url(../../static/media/GoetheFFClan-Bold.27e5d0e0.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Goethe FF Clan";src:url(../../static/media/GoetheFFClan-BoldItalic.fa3fc7f6.woff2) format("woff2"),url(../../static/media/GoetheFFClan-BoldItalic.b8bafc71.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Goethe FF Clan";src:url(../../static/media/GoetheFFClan.7c3b42a3.woff2) format("woff2"),url(../../static/media/GoetheFFClan.3c7a678f.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Goethe FF Clan";src:url(../../static/media/GoetheFFClan-Italic.37fbcb6b.woff2) format("woff2"),url(../../static/media/GoetheFFClan-Italic.d28bae83.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}.Loader{height:100%;width:100%;border:1px solid red;display:flex;justify-content:center;align-items:center}.spinner{width:40px;height:40px;margin:100px auto;background-color:#333;border-radius:100%;-webkit-animation:sk-scaleout 1s ease-in-out infinite;animation:sk-scaleout 1s ease-in-out infinite}@-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1);opacity:0}}@keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}
/*# sourceMappingURL=main.bc7ae2f5.chunk.css.map */