@import "https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap";:root{--bg:#d9e3e7;--btupload:#02a0ff;--font:#000}html{height:100%}body{text-align:center;margin:0 auto;background:url(/img/bg.svg) no-repeat 0 0 #f4f5ed;background-size:100% 100%;background-attachment:fixed}body[data-page="artify"],body[data-page="imprint"]{background-blend-mode:screen;background-color:#e6e6df}body[data-page="imprint"]{background-color:#faf3f5}html,p{font-family:'Gochi Hand',cursive;font-size:1.3em}p,a,li{color:var(--font);text-decoration:none;font-size:1em}h1{font-size:1.8em;background:url(/img/bgh1.svg) no-repeat 0 0;display:inline-block;padding:.2em 1em;background-size:100% 90%}h1 a{color:#fff}h2{font-size:1.4em;color:#e91e63}h1,h2{font-weight:100}h1 a span:nth-child(2){white-space:nowrap;color:#fff;background:url(/img/bgh1.svg) no-repeat 0 0;background-size:100% 100%;padding:0 1em 0 .5em}li{list-style:none;font-size:.8em;float:left}.content li{color:#FF5722;padding:.1em .5em;background:#fff;border-radius:.6em;margin:.3em}.left{text-align:left}.button.icon{background-image:url(/img/sprite7.png)!important;background-position:5% 32.3%;background-repeat:no-repeat}#page{margin-bottom:4em}.content{margin:0 auto;width:97vw}.spacer{height:100px}.pano{height:10px}#canvasloader{display:none}#footer{position:fixed;bottom:0;width:100%;background-color:rgba(255,255,255,0.75);font-size:.8em;padding:5px 20px;box-sizing:border-box}#footer p,#footer a{color:#000}#footer p{margin:0}#footer ul{display:inline}#footer a.imprint{float:right;margin-top:.9em;background:#FF5722;color:#fff;padding:0 .5em;border-radius:1em;line-height:1.3em}#footer li{float:left;margin:0 .5em 0 0;padding:0}#footer .icon span{display:none}#footer .button{background-color:#FF5722}.copy{text-align:center;font-size:.7em;margin-top:.3em;width:100%}.button{display:inline-block;background:#2196f3;border-radius:.5em;overflow:hidden;margin:.1em}.button a{display:block;text-decoration:none;cursor:pointer}.button a span{color:#fff;display:block;font-size:1.5em;padding:.3em .7em;white-space:nowrap;text-transform:uppercase}.button a span span{display:inline;padding:0!important;font-size:inherit!important}.button.upload,.button.icon{background-position:5% 35%;background-size:24%}.upload a{background:url(/img/foto.svg) no-repeat 0 0;background-position:6% 10.6%;background-size:100% auto;display:inline-block;width:9em;height:8em}[data-default="0"] .upload{float:left}[data-default="0"] .upload a{width:6em;height:6em}.upload span{display:none}.button.icon{background-position:65% -2%;background-size:83%;display:block;float:right;height:2.5em;width:2.5em;border-radius:100%}.button.menu{background-position:59% 78%}.button.share{background-position:80% 43.1%;clear:right;float:left}.button.fb{background-position:144% 53%}.button.twitter{background-position:76% 62.7%}.button.menu{background-position:74% 32.1%}.button.rotate{background-position:99% 21%}.button.download{background-position:119% 83%;background-color:#2e7a26}.icon.zoom{background-position:75% 72.5%;position:absolute;background-color:#FF5722;z-index:999;left:-.3em;bottom:-.5em}.icon span{height:1.5em}[data-page="home"] .icon.zoom,.button.icon span i{display:none}#selection{background:rgba(255,255,255,0.71);border-radius:1.2em;margin:0 20%;position:absolute;top:10%;padding:5%;width:300px;box-sizing:border-box}#selection.rel{position:relative;width:inherit;background:none;margin:0 auto}#selection h2{margin:0;color:#5c5c5c}#selectionMenue{margin-top:10px;text-transform:uppercase}#selectionMenue h2{margin-right:20px}#selectionMenue p{font-size:.5em}.button.abstract{background-color:rgba(218,2,255,0.7)}.button.nerdy{background-color:rgba(0,21,203,0.7)}.button.creative{background-color:rgba(254,255,0,0.77)}.button.colorful{background-color:rgba(144,162,21,0.7)}.abstract{color:rgba(218,2,255,1)}.nerdy{color:rgba(0,21,203,1)}.creative{color:rgba(255,122,0,1)}.colorful{color:rgba(144,162,21,1)}.passiv{opacity:.3}.button.icon.zoom,.close{width:2em;height:2em}.zoom span{font-size:25px!important}.close{position:fixed;background:rgba(255,0,0,0.71);color:#fff;right:.3em;top:.3em;cursor:pointer;line-height:.8em;font-size:200%;border-radius:100%;width:1em;height:1em;display:none}#progress{height:50px;position:absolute;width:78%;display:block;margin:1%;border-radius:1.4em;overflow:hidden}#filesToUpload img,#prevImg img{width:100%}#bar{background:rgba(0,206,255,0.38);display:block;width:10%;height:100%}.thumb{width:5em;height:5em;margin:.5%;display:inline-block;position:relative;overflow:hidden;border-radius:1em;background:#fff;border:.1em dotted #000;padding:.2em}.thumb .content{width:auto;height:100%;display:flex;align-items:center;justify-content:center}.thumb img{width:100%;border-radius:.6em}.thumb.H img{height:100%;width:inherit}#overlay{position:fixed;top:40%;left:0;right:0;z-index:999}#overlay.bg{background:rgba(172,234,244,0.65)}#blockPreview{display:inline-flex;position:relative}#blockPreview:after{content:'';background:url(/img/blockpreview.svg) no-repeat 0 0;width:104%;height:104%;position:absolute;margin:-2%}#originalImg,#artifyImg{margin:.3em;border-radius:.6em;overflow:hidden}#artifyImg,#loaderCanvas{position:absolute;top:0}#loaderCanvas{width:100%;height:100%}#blockPreview img,.ifixW{width:calc(100% - .6em);height:auto;margin:.3em;border-radius:.6em}.ifixH{height:100%!important;width:inherit!important}.fullscreen #blockPreview img,.fullscreen .ifixW{border-radius:0;margin:0}.fullscreen #blockPreview{border:none;padding:0}.fullscreen #artifyImg,.fullscreen #originalImg{width:100%;height:100%;border-radius:0;overflow:visible}#loading{position:absolute;width:100%}#loading span{background:url(/img/artify_loading.svg) no-repeat transparent;width:5em;height:5em;display:block;background-position:0 0;margin:calc(50% - 5em) auto}.sliderBg{width:100%;border-radius:1em;background:#FFEB3B;margin-top:1em;border:.2em dotted red}.slider.button{position:absolute;display:block;width:2.5em;border-radius:1em;cursor:pointer;margin:0}.sliderBg,.slider.button,.slider.button span{height:1.6em}.fullscreen #blockPreview:after,.slider.button em{display:none}#embed{font-family:Courier;color:blue;font-size:1.2em;width:99%;height:65px;padding:.5%;border-radius:5px;border:0 solid;resize:none}.w100{padding:2%;margin-top:3%;width:inherit;max-width:inherit!important}.w100 p{margin:0 auto 1em;width:80%;color:#585951;line-height:1.5em}.fullscreen h1,.fullscreen .hf,/** hide Fullscreen */
.fullscreen .c1,.fullscreen #selectionMenue,.fullscreen #spacer,.fullscreen .zoom{display:none}.fullscreen .content,.fullscreen #blockPreview{width:100%!important;height:100%!important;background:transparent}.fullscreen .content{position:fixed;overflow:auto;margin:0;padding:0;max-width:inherit}.fullscreen #blockPreview div{position:absolute;top:0;margin:0!important}.fullscreen .close{display:block}.fullscreen img{height:100%!important;width:auto!important}.fullscreen .pano img{width:100%!important;height:auto!important}.jf{text-align:justify}.floatLeft{float:left}.floatRight{float:right}.clear{clear:both}@media (min-width: 600px){h1{font-size:2.6em}.w100 p{max-width:500px}#selectionMenue p{font-size:.9em}.button.icon{margin:0 .5em 0 0}}@media (min-width: 800px){[data-page="home"] h1{font-size:3.6em}h2{font-size:2em}.button.icon{height:3.4em;width:3.4em}.content{max-width:800px}}