html,body{width:100%;height:100%}.deck{max-width:360px;height:360px;margin:15px auto 0;position:relative;left:-3px}.deck .outer-card{perspective:1000px;float:left;opacity:1;width:82px;height:82px;margin-bottom:8px;margin-left:8px;position:relative;transform:scale(1)}.deck .outer-card .card{width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;visibility:visible;cursor:pointer;background-color:#0000;margin:0;transition:transform .4s;position:relative}.deck .outer-card .card .card-front,.deck .outer-card .card .card-back{backface-visibility:hidden;border-radius:8px;width:100%;height:100%;position:absolute;box-shadow:1px 2px 6px #00000031}.deck .outer-card .card .card-front{--image-repeat:var(--image-repeat,no-repeat);--image-position:var(--image-position,center);background-image:var(--image-url);background-size:var(--image-width)var(--image-height);width:var(--image-width);height:var(--image-height);background-repeat:var(--image-repeat);background-position:var(--image-position)}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-devicepixel-ratio:1.5),only screen and (min-resolution:1.5x){.deck .outer-card .card .card-front{background-image:var(--image-url-retina);background-size:var(--image-width)var(--image-height)}}.deck .outer-card .card .card-front{--image-url:url(/build/assets/kachel-front-BmwD5aGV.png);--image-url-retina:url(/build/assets/kachel-front@2x-CKuN707K.png);--image-position:center center;--image-width:100%;--image-height:100%}.deck .outer-card .card .card-back{background-color:#fff;border:2px solid #006fb9;border-radius:8px;transform:rotateY(-180deg)}.deck .outer-card .card.wobble:before{transform:scaleX(1)translateY(-50%)}.deck .outer-card .card.wobble_new{animation-name:wobble_new;animation-duration:.4s}.deck .outer-card .card.wobble_new.is-ios{animation-name:wobble_newIos}.deck .outer-card .card.wobble_new:before{transform:scaleX(1)translateY(-50%)}.deck .outer-card .card.jump{animation-name:jump}.deck .outer-card .card.jump.animated{animation-duration:1s;animation-fill-mode:both}.deck .outer-card .card.open,.deck .outer-card .card.match,.deck .outer-card .card.notmatch{cursor:default;transform:rotateY(-180deg)}.deck .outer-card .card.first,.deck .outer-card .card.secondWrong{z-index:1}.deck .outer-card .correct-circle{--image-repeat:var(--image-repeat,no-repeat);--image-position:var(--image-position,center);background-image:var(--image-url);background-size:var(--image-width)var(--image-height);width:var(--image-width);height:var(--image-height);background-repeat:var(--image-repeat);background-position:var(--image-position)}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-devicepixel-ratio:1.5),only screen and (min-resolution:1.5x){.deck .outer-card .correct-circle{background-image:var(--image-url-retina);background-size:var(--image-width)var(--image-height)}}.deck .outer-card .correct-circle{--image-url:url(/build/assets/feeedback-richtig-bV27cFDi.png);--image-url-retina:url(/build/assets/feeedback-richtig@2x-D0GgHxH5.png);--image-position:center center;--image-width:161px;--image-height:161px;z-index:-1;margin:0 auto;position:absolute;top:-37px;left:-40px;right:0;transform:scale(.2)}.deck .outer-card .wrong-circle{--image-repeat:var(--image-repeat,no-repeat);--image-position:var(--image-position,center);background-image:var(--image-url);background-size:var(--image-width)var(--image-height);width:var(--image-width);height:var(--image-height);background-repeat:var(--image-repeat);background-position:var(--image-position)}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-devicepixel-ratio:1.5),only screen and (min-resolution:1.5x){.deck .outer-card .wrong-circle{background-image:var(--image-url-retina);background-size:var(--image-width)var(--image-height)}}.deck .outer-card .wrong-circle{--image-url:url(/build/assets/feeedback-falsch-jQjkGqxb.png);--image-url-retina:url(/build/assets/feeedback-falsch@2x-CvpczX7f.png);--image-position:center center;--image-width:161px;--image-height:161px;z-index:-1;margin:0 auto;position:absolute;top:-37px;left:-40px;right:0;transform:scale(.2)}.deck .outer-card.wrong .wrong-circle,.deck .outer-card.correct .correct-circle{z-index:0;animation-name:scaleUpAndDown;animation-duration:.6s}.deck .outer-card.wobble_new{animation-name:wobble_new;animation-duration:.4s}.deck .outer-card.wrong .card .card-back{border:2px solid #e60023}.deck .outer-card.correct .card .card-back{border:2px solid #81b137}.deck .outer-card.correct .card{transform:scale(1)rotateY(-180deg)}.deck .outer-card.hide{opacity:0;transition-duration:.5s;transform:scale(.000001)}.btn-help{z-index:999;margin-top:10px;position:absolute;left:50%;transform:translate(-50%)}::selection{background:0 0}.swal2-overlay{background-color:#fff}@keyframes wobble_new{0%{transform:rotate(0)rotateY(-180deg)}25%{transform:rotate(-20deg)rotateY(-180deg)}50%{transform:rotate(0)rotateY(-180deg)}75%{transform:rotate(20deg)rotateY(-180deg)}to{transform:rotate(0)rotateY(-180deg)}}@keyframes wobble_newIos{0%{transform:rotate(0)rotateY(-180deg)}25%{transform:rotate(-160deg)rotateY(-180deg)}50%{transform:rotate(0)rotateY(-180deg)}75%{transform:rotate(160deg)rotateY(-180deg)}to{transform:rotate(0)rotateY(-180deg)}}@keyframes jump{0%{top:0}20%{top:-3px}40%{top:3px}60%{top:-3px}80%{top:0}to{top:0}}@keyframes scaleUpAndDown{0%{transform:scale(.2)}25%{transform:scale(1)}50%{transform:scale(1.1)}75%{transform:scale(1)}to{transform:scale(.2)}}