.home{content:""}h1{font-size:1.8em}h1,h2{font-family:RocknRoll One,sans-serif}h2{font-size:1.5em}h3{font-family:RocknRoll One,sans-serif;font-size:1.3em}p{font-size:1.2em}article{margin-bottom:100px}.difficulty-container{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:2em}header{overflow:hidden}#root{height:100%}.column{float:left;align-content:space-between}.left{width:35%;align-content:flex-end}.middle{width:45%}.middle,.right{float:left;align-content:flex-start}.right{width:20%}header div.parent{position:relative}.column a{z-index:99}a{margin-left:10px;margin-right:5px}a h1{font-size:1.5em}img.banner{margin:auto;display:block}a.impressumClass{font-size:2em}.lexicon{font-size:1.4em}lexicon{display:none;margin:0 auto;font-size:.8em}.lexicon .parent{display:block}.lexicon a:hover{-webkit-animation:shake .8s;animation:shake .8s}.lexicon .row{justify-content:center;display:flex}.lexicon .explanationLink{margin-top:12px}.lexicon.explanationLing a{padding-top:3px;margin-left:auto;margin-right:auto;font-size:1em}@-webkit-keyframes animate{0%{opacity:0;-webkit-transform:rotate(45deg) translate(-20px,-20px);transform:rotate(45deg) translate(-20px,-20px)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg) translate(20px,20px);transform:rotate(45deg) translate(20px,20px)}}@keyframes animate{0%{opacity:0;-webkit-transform:rotate(45deg) translate(-20px,-20px);transform:rotate(45deg) translate(-20px,-20px)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg) translate(20px,20px);transform:rotate(45deg) translate(20px,20px)}}.fade-out{-webkit-animation:fade_out_an 3s;animation:fade_out_an 3s}@-webkit-keyframes fade_out_an{0%{opacity:0}50%{opacity:1}to{opacity:1}}@keyframes fade_out_an{0%{opacity:0}50%{opacity:1}to{opacity:1}}.fade-in{-webkit-animation:fade_in_an 3s;animation:fade_in_an 3s;font-size:.6em}@-webkit-keyframes fade_in_an{0%{opacity:0}50%{opacity:1}to{opacity:1}}@keyframes fade_in_an{0%{opacity:0}50%{opacity:1}to{opacity:1}}.parent{margin-top:1%;margin-left:20%;margin-right:5%;padding-bottom:50px;z-index:1}.row{flex-direction:row;flex-wrap:wrap;align-content:center}.column,.row{display:flex;z-index:1}.column{flex-basis:50%;flex-flow:column wrap}@media screen and (min-width:1080px){.app{display:block}.parent.home{padding-left:28%;padding-right:30%;margin-left:18%;margin-top:1%;align-content:center}.lexicon{margin-right:15%}.lexi-content{margin-left:30%;margin-right:20%}.column{flex:1 1;margin-bottom:0;padding-top:0}.column img{max-width:20%;height:auto}.background-set{top:5%}.border{display:none}}@media screen and (max-width:952px){.parent.home{padding-left:0;padding-right:0;margin-left:5%;margin-right:0}.column{flex-basis:available}}.background-set{padding-left:10%;padding-right:10%;position:absolute;right:0;left:0;bottom:0;z-index:0}.bg:before{content:"";z-index:100;opacity:.9}.bg{background-image:url(/static/media/granz_wide.c3782fba.png);height:600px;max-width:100%;right:0;left:0;background-position:bottom;background-repeat:no-repeat;background-size:100% 100%}.bg,.potato{position:fixed;bottom:0}.potato{left:10px;max-height:65%;z-index:10}.border:after{content:"";z-index:100}.border{position:absolute;background:url(/static/media/Klammer-Slider_transp.9bdc5ba4.png) top no-repeat}.root{max-width:2000px}.text-box{background:hsla(0,0%,100%,.8);margin-top:100px;border-radius:150px;box-shadow:0 30px 30px 10px rgba(167,214,30,.5);z-index:-100}.header{display:flex;align-items:center;justify-content:center;background-color:#fff;width:100%}.header button{border:0;padding:0;outline:0;background:transparent;display:flex;margin:0 1rem}.header a{margin:0 1rem}.header i{font-size:1rem}.counter-container{margin-left:.2rem;font-size:1rem;text-align:center}.card-wrapper{position:relative;width:100%;height:auto;min-width:110px;min-height:120px;max-width:80px;max-height:120px;-webkit-perspective:800px;perspective:800px}.card{height:80%;width:90%;position:relative;border-radius:10px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;font-family:inherit;border:0;padding:0;outline:0}.back,.front{display:flex;width:100%;height:100%;justify-content:center;align-items:center;border-radius:5px;box-shadow:0 2px 2px rgba(0,0,0,.15)}.front{background:url(/static/media/card.0d2b2a93.png);background-size:contain;background-repeat:no-repeat}.back{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);color:#2196f3;background:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden}.back img{width:100%;height:auto}.content{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.game{display:flex;flex-wrap:wrap;flex-flow:row;padding-top:3%;margin-left:10%;margin-right:10%}.game>*{flex-flow:row wrap}.small{padding:3rem}.small .grid-wrapper{padding-top:10%}.small .grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.big{display:inline-block;flex-wrap:wrap;margin:4px;padding-top:3px;width:80%;padding-left:10%;padding-right:10%}.aside{flex:1 1 10em}.grid-wrapper{position:relative;justify-content:flex-start}.grid{display:grid;position:relative;max-height:content-box;max-width:content-box;top:0;left:0;bottom:0;right:0;padding-top:10%;padding-left:5%;padding-right:5%;grid-gap:2rem;overflow:hidden}.big .grid{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr)}.countries{width:55vmax}.countries .grid-wrapper{padding-top:66%}.countries .grid{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr)}.aside .grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.aside img{height:100%}.aside img,.big img{width:100%;border:2px solid #7a9d0a}.big img{max-width:100%;height:auto}.game img{position:relative}.sideImage{height:100%;width:100%}.aside img:hover{border:5px solid #d5e5a0;cursor:pointer}@media screen and (min-width:3000px){.big .grid{grid-template-columns:repeat(5,1fr)}.big{padding-right:0;width:50%}}@media screen and (max-width:1080px){.game{flex-flow:column;margin-left:0}.big .grid{grid-template-columns:repeat(4,1fr)}aside{margin-left:10%}}@media screen and (max-width:800px){.game{flex-flow:column;margin-left:0}aside{margin-left:10%;padding-left:10%}.big .grid{grid-template-columns:repeat(3,1fr)}.big img{width:100%;height:auto}.big{width:80%;height:100%}}@media screen and (max-width:500px){.game{flex-flow:column}.big .grid{grid-template-columns:repeat(2,1fr)}.big img{width:100%;height:auto}.big{width:100%;height:100%}}.overlay{border:1px solid;border-radius:6%;background:rgba(142,184,94,.9);width:30%;left:50%;top:10%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-ms-scrollbar-base-color:#3e6f2d;z-index:100;flex-wrap:wrap;max-height:560px;max-width:500px;padding-bottom:20px}.overlay,.text{position:fixed;display:inline-block;height:85%}.text{text-align:justify;width:95%;top:inherit;left:-10px;grid-column:2;color:#000;z-index:999;max-height:400px;overflow-y:scroll;overflow-x:hidden;margin-right:200px;margin-left:0}.wrapper{background-color:#000;position:absolute;width:100%;height:100%;top:0;left:0}a#close.close:hover{color:#fff;background-color:#7a9d0a}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.8);border-radius:10px}.picStyle{border-radius:8%;max-width:110px;height:auto}.close{font-family:Arial,sans-serif;position:absolute;font-size:1.5em;color:#fff;border:#000;border-radius:50%;background:#8da74d;top:-15px;right:-15px;padding:2px;text-align:center;margin-left:calc(.75em - 17px);min-width:25px;min-height:25px;z-index:999}.overlay-nav,.overlay-nav a{display:flex;margin-left:auto;margin-right:auto}.overlay-nav a{align-content:center;flex-wrap:wrap;margin-top:2%;font-size:2em}.parent button{position:relative;left:45%}.overlay .picStyle{margin-left:auto;margin-right:auto}.text .column{padding-right:25px}.close:after,.close:before{position:absolute;content:" ";width:4px}.close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.row:after{width:100%}@media screen and (max-width:952px){.text. .overlay{overflow:scroll}}.fruit{border:1px solid;z-index:20}.map{margin-left:15%}.app header{font-size:1em}.explanation{display:flex;flex-direction:column;align-items:center;top:20%;padding-bottom:220px}.explanation .parent{padding-top:5%}.bubbles:before{content:url(/static/media/circles.e42a42aa.svg);background-repeat:no-repeat;position:absolute;height:auto;width:100%;opacity:.3;z-index:-3}.description-container{width:auto;z-index:1}.cardItem{align-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cardItem img{width:9vw;height:9vw}.cardOverview{width:500px;display:flex;max-width:5500px;flex-flow:wrap;justify-content:space-evenly;z-index:1}.explanationLink{z-index:1}.explanationLink a{font-size:2em;color:#3e6f2d;border-radius:15px;padding:20px;background-color:hsla(0,0%,100%,.6);align-content:space-around}div.explanationLink.homeButton a{display:inline;flex-shrink:1}.explanationLink a:hover{border:.5px solid #8da74d;background-color:hsla(77,62%,63%,.8);color:#3e6f2d}li{border-radius:15px;margin-top:5px;border:2px solid #8da74d}ul{list-style-type:none}.centerText{font-size:1.5em;border-radius:15px;color:#3e6f2d;border:2px solid;text-align:center}li:hover .centerText{background-color:hsla(77,62%,63%,.8);width:100%;color:#3e6f2d}.app{height:100%;width:100%}html{background-color:#fff}nav a:hover{-webkit-animation:shake .8s;animation:shake .8s}.material-icons{font-size:inherit}a.impressumClass{font-size:4em}body,html{height:100vh;overflow-x:hidden}body{font-family:sans-serif;color:rgba(0,0,0,.8);margin:0;overflow:hidden}header{font-family:RocknRoll One,sans-serif;background:linear-gradient(180deg,#00d4ff 3%,#fff 47%,#fff 71%,#fff);width:100%;height:100%;z-index:1;display:inline-block}.left{width:40%;float:left}.right{width:60%;float:right}ul{margin:2px}ul li{display:inline}li{border:.5px solid #fff}li,li:hover{margin-right:20px;margin-left:20px}li:hover{cursor:pointer;border:.5px solid #8da74d}.centerText:hover{margin:0 auto;background-color:#7a9d0a;-webkit-animation-name:stretch;animation-name:stretch;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:none;animation-fill-mode:none;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes stretch{0%{background-color:#7a9d0a}50%{background-color:#3e6f2d;opacity:.7;color:#fff}to{background-color:#8da74d;color:#3e6f2d}}@keyframes stretch{0%{background-color:#7a9d0a}50%{background-color:#3e6f2d;opacity:.7;color:#fff}to{background-color:#8da74d;color:#3e6f2d}}@-webkit-keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(15px);transform:translateX(15px)}50%{-webkit-transform:translateX(-15px);transform:translateX(-15px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(15px);transform:translateX(15px)}50%{-webkit-transform:translateX(-15px);transform:translateX(-15px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.text-column{grid-column-gap:100px;-webkit-column-gap:100px;column-gap:100px;-webkit-column-count:2;column-count:2;-webkit-column-span:2;column-span:2;margin-bottom:40px}.row:after{display:table;clear:both}nav{font-size:2em;display:flex;flex-wrap:wrap}nav.header{border-top:.5px solid #8da74d;border-bottom:.5px solid #8da74d}a h1{font-size:4em}a,button{font-family:"Amatic SC",cursive;color:#3e6f2d;font-weight:800;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#8da74d}@media screen and (min-width:950px){body{overflow:scroll}}@media screen and (max-width:1480px){header h1,nav{font-size:medium}.border{background-image:none}.bg{z-index:-1000;height:0}.parent{z-index:100}.text-box{border-left-style:solid;border-right-style:solid;border-color:#7a9e1a;background:hsla(0,0%,100%,.4);margin-top:100px;border-radius:30px;box-shadow:10px 10px 0 10px #7a9e1a}body{overflow:scroll}.explanation{top:0}}.container{overflow:hidden;display:-ms-flexbox;align-items:center;justify-content:center;min-height:35rem;background-blend-mode:soft-light;background-size:cover;background-position:50%;padding:2rem}.bird{background-image:url(/static/media/bird-cells.c01e0d5a.svg);background-size:auto 100%;width:88px;height:125px;will-change:background-position;-webkit-animation-name:fly-cycle;animation-name:fly-cycle;-webkit-animation-timing-function:steps(10);animation-timing-function:steps(10);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.bird--one{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:-.5s;animation-delay:-.5s}.bird--two{-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-delay:-.75s;animation-delay:-.75s}.bird--three{-webkit-animation-duration:1.25s;animation-duration:1.25s;-webkit-animation-delay:-.25s;animation-delay:-.25s}.bird--four{-webkit-animation-duration:1.1s;animation-duration:1.1s;-webkit-animation-delay:-.5s;animation-delay:-.5s}.bird-container{position:absolute;top:1%;left:-7.5vw;-webkit-transform:scale(0);transform:scale(0);will-change:transform;-webkit-animation-name:fly-right-one;animation-name:fly-right-one;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;z-index:1}.bird-container--one{-webkit-animation-duration:15s;animation-duration:15s}.bird-container--two{-webkit-animation-duration:16s;animation-duration:16s;-webkit-animation-delay:1s;animation-delay:1s}.bird-container--three{-webkit-animation-duration:14.6s;animation-duration:14.6s;-webkit-animation-delay:9.5s;animation-delay:9.5s}.bird-container--four{-webkit-animation-duration:16s;animation-duration:16s;-webkit-animation-delay:10.25s;animation-delay:10.25s}@-webkit-keyframes fly-cycle{to{background-position:-900px 0}}@keyframes fly-cycle{to{background-position:-900px 0}}@-webkit-keyframes fly-right-one{0%{left:-10%;-webkit-transform:scale(.3);transform:scale(.3)}10%{left:10%;-webkit-transform:translateY(2vh) scale(.4);transform:translateY(2vh) scale(.4)}20%{left:30%;-webkit-transform:translateY(0) scale(.5);transform:translateY(0) scale(.5)}30%{left:50%;-webkit-transform:translateY(4vh) scale(.6);transform:translateY(4vh) scale(.6)}40%{left:70%;-webkit-transform:translateY(2vh) scale(.6);transform:translateY(2vh) scale(.6)}50%{left:90%;-webkit-transform:translateY(0) scale(.6);transform:translateY(0) scale(.6)}60%{left:110%;-webkit-transform:translateY(0) scale(.6);transform:translateY(0) scale(.6)}to{left:110%;opacity:1;-webkit-transform:translateY(0) scale(.6);transform:translateY(0) scale(.6)}}@keyframes fly-right-one{0%{left:-10%;-webkit-transform:scale(.3);transform:scale(.3)}10%{left:10%;-webkit-transform:translateY(2vh) scale(.4);transform:translateY(2vh) scale(.4)}20%{left:30%;-webkit-transform:translateY(0) scale(.5);transform:translateY(0) scale(.5)}30%{left:50%;-webkit-transform:translateY(4vh) scale(.6);transform:translateY(4vh) scale(.6)}40%{left:70%;-webkit-transform:translateY(2vh) scale(.6);transform:translateY(2vh) scale(.6)}50%{left:90%;-webkit-transform:translateY(0) scale(.6);transform:translateY(0) scale(.6)}60%{left:110%;-webkit-transform:translateY(0) scale(.6);transform:translateY(0) scale(.6)}to{left:110%;opacity:1;-webkit-transform:translateY(0) scale(.6);transform:translateY(0) scale(.6)}}@-webkit-keyframes fly-right-two{0%{left:-10%;opacity:1;-webkit-transform:translateY(-2vh) scale(.5);transform:translateY(-2vh) scale(.5)}10%{left:10%;-webkit-transform:translateY(0) scale(.4);transform:translateY(0) scale(.4)}20%{left:30%;-webkit-transform:translateY(-4vh) scale(.6);transform:translateY(-4vh) scale(.6)}30%{left:50%;-webkit-transform:translateY(1vh) scale(.45);transform:translateY(1vh) scale(.45)}40%{left:70%;-webkit-transform:translateY(-2.5vh) scale(.5);transform:translateY(-2.5vh) scale(.5)}50%{left:90%;-webkit-transform:translateY(0) scale(.45);transform:translateY(0) scale(.45)}51%{left:110%;-webkit-transform:translateY(0) scale(.45);transform:translateY(0) scale(.45)}to{left:110%;-webkit-transform:translateY(0) scale(.45);transform:translateY(0) scale(.45)}}@keyframes fly-right-two{0%{left:-10%;opacity:1;-webkit-transform:translateY(-2vh) scale(.5);transform:translateY(-2vh) scale(.5)}10%{left:10%;-webkit-transform:translateY(0) scale(.4);transform:translateY(0) scale(.4)}20%{left:30%;-webkit-transform:translateY(-4vh) scale(.6);transform:translateY(-4vh) scale(.6)}30%{left:50%;-webkit-transform:translateY(1vh) scale(.45);transform:translateY(1vh) scale(.45)}40%{left:70%;-webkit-transform:translateY(-2.5vh) scale(.5);transform:translateY(-2.5vh) scale(.5)}50%{left:90%;-webkit-transform:translateY(0) scale(.45);transform:translateY(0) scale(.45)}51%{left:110%;-webkit-transform:translateY(0) scale(.45);transform:translateY(0) scale(.45)}to{left:110%;-webkit-transform:translateY(0) scale(.45);transform:translateY(0) scale(.45)}}
/*# sourceMappingURL=main.400a613b.chunk.css.map */