@font-face{font-family:fs_blok;src:url(./fs_blok-WjaFkLJ7.woff2) format("woff2"),url(./fs_blok-s1BeglFJ.woff) format("woff")}@font-face{font-family:FS Blok;src:url(./FS-Blok-DNuEjALj.eot);src:url(./FS-Blok-DNuEjALj.eot?#iefix) format("embedded-opentype"),url(./FS-Blok-DX2pz-OY.woff2) format("woff2"),url(./FS-Blok-BzIDmkWW.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}*{font-family:fs_blok,sans-serif}body{height:100vh;width:100vw;overflow:hidden;margin:0;padding:0;touch-action:none}#root{background-image:url(./bg2-CSsVQDym.png);height:100vh}.interaction-container{position:absolute;top:10vh;left:5vw;width:90vw;height:80vh;background-color:transparent;padding:5px;z-index:1000}.allslider-container{display:flex;justify-content:center;align-items:center;width:100%;height:90%;flex-wrap:wrap}.allslider-container.s6-slider{display:inline;width:90vw;height:80vh}.interaction-container>h1{width:100%;text-align:center;margin:-7vh 0 2vh;font-size:3em}button.neomorphic{color:#000;font-weight:700;background-color:#fff;opacity:.5;box-shadow:-5px -5px 20px #fff,5px 5px 20px #ebecf0;transition:all .2s ease-in-out;cursor:pointer;font-size:2.5em;height:8vh;margin:2vh 2vw 2vh 4vw;padding:0 2.5vw;border-radius:8px;border-color:transparent;&:hover{box-shadow:-2px -2px 5px #fff,2px 2px 5px #ebecf0}&:active{box-shadow:inset 1px 1px 2px #ebecf0,inset -1px -1px 2px #fff;opacity:1}.icon{margin-right:8px}&.unit{border-radius:8px;line-height:0;width:48px;height:48px;display:inline-flex;justify-content:center;align-items:center;margin:0 8px;font-size:20px;.icon{margin-right:0}}&.red{display:block;width:100%;color:#ae1100}}button.b9-button,button.b6-button,button.b4-button,button.b3-button,button.b3v-button{width:25vw;height:25vh;float:left;text-align:top;margin-left:2.5vw;margin-right:2.5vw}button.b1-button{width:85vw;height:80vh;font-size:4em}button.b2-button{width:37vw;height:80vh;font-size:4em}button.b3v-button{height:80vh}button.b3-button{width:85vw;font-size:3em}button.b4-button{width:40vw;height:34vh}button.b5-button{width:85vw;height:12vh;font-size:3em}button.b6-button{margin-top:4vh}.halfpong{width:100%;height:40vh;margin-left:-1vw;font-size:2em;background-color:#d0cdcd55}.card{width:85vw;height:80vh;position:absolute}.textfeld{position:relative;top:50%;transform:translateY(10%);font-size:7em;width:90vw;text-align:center}.textfeld small{font-size:6em}.textfeld big{font-size:10em}button.b5xx-button{background-color:#fff;box-shadow:-4px -4px 20px #fff,4px 4px 20px #000;opacity:1;color:#7c7c7c}button.b5xx-button.activated{background-color:#fff;box-shadow:-6px -6px 15px #fff,6px 6px 15px #bababa;color:#000}.b5xx-grid-wrapper{display:grid;grid-template-rows:repeat(5,16vh);grid-template-columns:repeat(6,13.5vw);grid-auto-flow:column}button.img-button{width:146px;height:146px;background-repeat:no-repeat;background-size:cover;border-radius:20px;opacity:.5!important;margin:20vh 1.8vw 2vh 1.8vw}button.img-button.sel{opacity:1!important}.grid-header>h3{float:left;width:13.5vw;font-size:2em;margin-bottom:0}.grid-header{display:block;width:84vw;padding-left:10vw}.grid-header:after{content:"";clear:both;display:table}.slider-label-container>.label{float:left;width:33%;margin-bottom:.5em;opacity:.9}.label-right{text-align:right}.label-center{text-align:center;margin-left:.02em;margin-right:-.02em}.label-left{padding-left:.15em}.slider-label-top,.slider-label-bottom{margin:2vh 0;height:5vh;display:block;width:90vw}.slider-label-bottom{position:absolute;bottom:0}.slider-label-bottom>h3,.slider-label-top>h3{width:100%;text-align:center;font-size:1em;margin:0;font-size:2.5em}.slider-label-container{padding-left:5px;width:85vw;font-size:2.5em;margin-bottom:1em}.slider-container{box-shadow:-5px -5px 20px #fff,5px 5px 20px #ebecf0;border-radius:8px;background-color:#fff;opacity:.6;margin:2vh 2vw 2vh 4vw;padding:1vh 2.5vw 2.5vh 2.5vw}.slider-container.s6-slider{float:left;margin:0}.slider-container.s1v-slider{height:75vh;text-align:center}.slider-container.s1v-slider.s6v{width:5vw;float:left;margin:0 2.5vw;height:60vh}.slider{-webkit-appearance:none;width:100%;height:25px;border-radius:5px;background:#d0cdcd;outline:2px solid #000;opacity:.5;-webkit-transition:.2s;transition:opacity .2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:40px;height:40px;border-radius:50%;background:#000;cursor:pointer}.slider::-moz-range-thumb{width:40px;height:40px;border-radius:50%;background:#000;cursor:pointer}.s1v-slider>input[type=range]{writing-mode:vertical-lr;direction:rtl;width:40px;height:60vh;vertical-align:bottom}.s1v-slider>.slider{height:60vh;width:100px}#video{border:0;box-shadow:0;opacity:1;width:75vh;height:50vh;position:absolute;-webkit-transform:scale(-3,3);transform:scale(-3,3);top:0;left:28vw;overflow:hidden}#videodisplay,#photo{border:1px solid black;box-shadow:2px 2px 3px #000;width:640px;height:480px}.photoimg,#canvas{display:none}.camera{width:660px;display:inline-block}.output{width:660px;display:inline-block;vertical-align:top}#photobutton{display:block;position:absolute;margin-left:auto;margin-right:auto;bottom:32px;left:48vw;z-index:20000;background-color:#e10000;border:4px solid rgb(255 255 255 / 70%);height:60px;width:60px;border-radius:30px;box-shadow:0 0 1px 2px #0003;font-size:14px;font-family:Lucida Grande,Arial,sans-serif;color:#fff}#maske{display:block;position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:10000}