html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;font-family:sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:'';content:none}q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{height:100vh;overflow:hidden;font-size:100%}body,section,div,ul{margin:0;padding:0}@media only screen and (min-width:1920px){html{font-size:16px}}@media only screen and (max-width:1919px){html{font-size:15px}}@media only screen and (max-width:1680px){html{font-size:14px}}@media only screen and (max-width:1440px){html{font-size:13px}}@media only screen and (max-width:1280px){html{font-size:13px}}@media only screen and (max-width:1024px){html{font-size:12px}}@media only screen and (max-width:768px){html{font-size:12px}}@media only screen and (max-width:480px){html{font-size:9px}}#wrapper{height:100vh;width:100vw;padding:0;margin:0;overflow:hidden}h1{font-size:3rem;line-height:1.5em}h2{font-size:2rem;line-height:1.5em}p,li{font-size:1.75rem;line-height:1.35em}p{margin:0 0 1em 0}.monospace,.monospace a{font-family:modonoregular !important;font-size:1rem;line-height:1.5}a{color:#37c1f4;cursor:pointer;pointer-events:all}a:hover{color:#37c1f4;text-decoration:underline}.vertical{font-family:modonoverticalregular !important}.horizontal{font-family:modonohorizontalregular !important}.diagonal{font-family:modonodiagonalregular !important}.corners{font-family:modonocornerslight !important}button{font-family:modonoregular}.tooltiptext{visibility:hidden;width:120px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:6px 0;position:absolute;z-index:100;bottom:100%;left:10%;margin-left:-60px;opacity:0;transition:opacity .3s;text-transform:uppercase;font-size:.7rem;letter-spacing:1.2px}.tooltiptext.is-hidden{opacity:0 !important;visibility:hidden !important}.tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}.left{text-align:left}.right{text-align:right}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.no-mobile{font-family:inherit}.as-sortable-placeholder{background-color:#262626}@media all and (-ms-high-contrast:none){.grid-container{display:flex;flex-direction:column}}.startup--screen{width:100vw;height:100vh}.grid-container{display:flex;flex-direction:column}#startup{width:100vw;height:100vh;position:absolute;overflow:hidden;overflow-y:scroll;z-index:10;padding:0;margin:0;background-image:url("../img/grid.png"),linear-gradient(-27deg,#0ee9cf,#37c1f4,#0ee9cf)}#startup.hidden{display:none}#startup .startup-infotext{text-align:center;padding:2%}#startup h1,#startup h2{font-family:'jaf-bernina-sans',Georgia,modonoregular;font-weight:normal;text-align:center}#startup h1{font-size:5.5em;color:#282828;line-height:2.5em}#startup h2{font-size:3.1rem;color:#fff}#startup .modono-title{position:absolute;left:50%;right:auto;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:14.9rem;color:#ffff8f;-webkit-transition:color .7s ease;-moz-transition:color .7s ease;-o-transition:color .7s ease;transition:color .7s ease}#startup .modono-title.modono1{font-family:modonoverticalregular;z-index:4}#startup .modono-title.modono1-light{font-family:modonoverticallight;z-index:1}#startup .modono-title.modono2{font-family:modonohorizontalregular;z-index:2}#startup .modono-title.modono3{font-family:modonodiagonalregular;z-index:4}#startup .modono-title.modono4{font-family:modonocornersregular;z-index:3}#startup .infotext-subline h2{font-family:modonoregular;color:#fff;margin:15rem 0 0 0}#startup #hints{text-align:center;padding:5% 0;margin:0 auto}#startup #hints .hint{display:inline-block;width:31%;vertical-align:top;padding:1.5em 1em;margin-right:1.5%;max-width:350px;background-color:rgba(255,255,255,0.7);border:7px solid #fff}#startup #hints .hint:last-child{margin-right:0}#startup #hints .hint p{margin:0;color:#1e1e1e;font-family:'jaf-bernina-sans',SansSerif}#startup #hints .hint p:first-child{font-size:2em;font-weight:600}#startup #hints .hint .font-weight-container,#startup #hints .hint .hint--icon-container{margin:2.2em 0;height:8em}#startup #hints .hint .font-weight-container .font-weight{width:50px;padding:.2rem;display:inline-block;position:relative;float:left}#startup #hints .hint .font-weight-container .font-weight--row{text-align:center;display:inline-grid}#startup #hints .hint .hint--info-text{display:inline-block}#startup #hints .hint .hint--info-text p{font-size:1.5rem;font-weight:300}#startup #hints #hint1 .font-weight:hover .tooltiptext{bottom:inherit;margin:-160px 0 0 0;visibility:visible;opacity:1;font-size:1em;width:20em;left:-80px}#startup #hints #hint2 svg{width:25%;padding:.2rem}#startup #hints #hint2:hover .tooltiptext{bottom:inherit;margin:-80px 0 0 0;visibility:visible;opacity:1;font-size:1em;width:20em;left:unset;right:40%}#startup #hints #hint3 svg{width:25%;padding:.2rem}#startup #hints #hint3 svg path{animation:introcolorchange 7s;-webkit-animation:introcolorchange 7s;animation-iteration-count:infinite}#startup #hints #hint3:hover .tooltiptext{bottom:inherit;margin:-60px 0 0 0;visibility:visible;opacity:1;font-size:1em;width:20em;left:unset;right:200px}#start-button{position:absolute;height:60px;right:calc(50% - 160px);font-size:2rem;padding:0 100px;background-color:#ffff8f;cursor:pointer;border:0;text-transform:uppercase}#start-button:hover{background-color:#eeff2b !important}#logo{position:absolute;display:block;width:400px;overflow:hidden;padding:3rem 0 0 3rem;text-align:center;pointer-events:none;z-index:11}#logo.hidden{display:none}#logo.info-layer{text-align:left}#logo.info-layer div{font-size:3rem}#logo div{font-size:5rem;position:absolute;width:100%;text-transform:uppercase;color:#0089c8;-moz-animation-name:logoStart;-moz-animation-iteration-count:1;-moz-animation-timing-function:ease-in;-moz-animation-duration:.7s;-webkit-animation-name:logoStart;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease-in;-webkit-animation-duration:.7s;animation-name:logoStart;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:.7s}#logo div.vertical{color:#00afe3}#logo div.horizontal{color:#00afe3}#logo div.diagoncal{color:#3e9afe}#logo div.corners{color:#3fd897}@-moz-keyframes logoStart{0{opacity:0;-moz-transform:translateX(-40px)}100%{opacity:1;-moz-transform:translateX(0)}}@-webkit-keyframes logoStart{0{opacity:0;-webkit-transform:translateX(-40px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes logoStart{0{opacity:0;transform:translateX(-40px)}100%{opacity:1;transform:translateX(0)}}@keyframes colorchange{0{border-color:red}25%{border-color:yellow}50%{border-color:blue}75%{border-color:green}100%{border-color:red}}@-webkit-keyframes colorchange{0{border-color:red}25%{border-color:yellow}50%{border-color:blue}75%{border-color:green}100%{border-color:red}}@keyframes introcolorchange{0{stroke:red}25%{stroke:yellow}50%{stroke:blue}75%{stroke:green}100%{stroke:red}}@-webkit-keyframes introcolorchange{0{stroke:red}25%{stroke:yellow}50%{stroke:blue}75%{stroke:green}100%{stroke:red}}#modono-container{position:relative;float:left;height:100%;width:100vw;-webkit-transition:width .5s ease-out .3s;-moz-transition:width .5s ease-out .3s;-o-transition:width .5s ease-out .3s;transition:width .5s ease-out .3s}#modono-container.full{width:100% !important}#modonomat{font-size:16px !important}#modonomat textarea{width:calc(100% - 50px);height:100%;z-index:1;text-align:left;border:0;overflow:auto;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;resize:none;overflow:hidden}#modonomat textarea.left{text-align:left}#modonomat textarea.center{text-align:center}#modonomat textarea.right{text-align:right}#modonomat textarea.transparent{background-color:transparent !important}#modonomat textarea.modonomat-textarea{position:absolute;overflow:hidden;resize:none}#modonomat .major-input textarea,#modonomat .major-input textarea:focus{font-family:'modonocursor',Verdana,sans-serif;color:transparent;overflow:hidden !important}#modonomat .major-input textarea:focus{z-index:0 !important;color:black !important}#text-settings{position:absolute;bottom:0;left:0;padding:40px;z-index:3;background-color:transparent;width:100vw;height:90px;overflow:hidden;display:flex}#text-settings .item{flex:1 100%}#size{position:relative;float:left;margin:0 2rem 0 0;color:#fff}#size input[type=range]{-webkit-appearance:none;border:0;width:200px}#size input[type=range]::-webkit-slider-runnable-track{width:200px;height:2px;background:#070707;border:0;border-radius:0}#size input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:0;height:16px;width:16px;border-radius:0;background:#070707;margin-top:-5px}#size input[type="range"]{background:transparent !important}#size input[type="range"]::-moz-range-thumb{border:1px solid black !important}#size input[type=range]:focus{outline:0}#size input[type=range]:focus::-webkit-slider-runnable-track{background:#070707}#size input[type=range]::-moz-range-track{width:200px;height:2px;background:#070707;border:0;border-radius:0}#size input[type=range]::-moz-range-thumb{border:0;height:16px;width:16px;border-radius:0;background:#070707}#size input[type=range]:-moz-focusring{outline:1px solid white;outline-offset:-1px}#size input[type=range]::-ms-track{width:200px;height:2px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}#size input[type=range]::-ms-fill-lower{background:#070707;border-radius:0}#size input[type=range]::-ms-fill-upper{background:#070707;border-radius:0}#size input[type=range]::-ms-thumb{border:0;height:16px;width:16px;border-radius:0;background:#070707}#size input[type=range]:focus::-ms-fill-lower{background:#070707}#size input[type=range]:focus::-ms-fill-upper{background:#070707}#size.overlayed input[type=range]{border:0}#size.overlayed input[type=range]::-webkit-slider-runnable-track{background:#fff}#size.overlayed input[type=range]::-webkit-slider-thumb{background:#fff !important}#size.overlayed input[type=range]:focus::-webkit-slider-runnable-track{background:#fff}#size.overlayed input[type=range]::-moz-range-track{background:#fff}#size.overlayed input[type=range]::-moz-range-thumb{background:#fff}#size.overlayed input[type=range]:-moz-focusring{outline:1px solid transparent}#size.overlayed input[type=range]::-ms-track{background:transparent;border-color:transparent}#size.overlayed input[type=range]::-ms-fill-lower{background:#fff;border-radius:0}#size.overlayed input[type=range]::-ms-fill-upper{background:#fff;border-radius:0}#size.overlayed input[type=range]::-ms-thumb{border:0;background:#fff}#size.overlayed input[type=range]:focus::-ms-fill-lower{background:#fff}#size.overlayed input[type=range]:focus::-ms-fill-upper{background:#fff}#size #size-slider{margin:10px 0 0 0}#size.item{cursor:none;max-width:200px}#alignment-container.overlayed .settings-button.left-icon{background:url("../img/icons/leftwhite.png") left top no-repeat !important}#alignment-container.overlayed .settings-button.center-icon{background:url("../img/icons/centerwhite.png") left top no-repeat !important}#alignment-container.overlayed .settings-button.right-icon{background:url("../img/icons/rightwhite.png") left top no-repeat !important}#alignment-container.overlayed .settings-button.leading-icon{background:url("../img/icons/leadingwhite.png") left top no-repeat !important}.settings-button{position:relative;float:left;margin:-10px 1.3rem 0 0;cursor:url("../img/icons/mouse.png") 0 0,pointer;width:50px;height:44px;box-sizing:border-box}.settings-button.left-icon{background:url("../img/icons/left.png") left top no-repeat}.settings-button.center-icon{background:url("../img/icons/center.png") left top no-repeat}.settings-button.right-icon{background:url("../img/icons/right.png") left top no-repeat}.settings-button.leading-icon{background:url("../img/icons/leading.png") left top no-repeat}.settings-button.leading-icon:hover .tooltiptext{bottom:inherit;width:140px;margin:-30px 0 0 -90px;visibility:visible;opacity:1}#fontsize-output{display:none}#backgroundcolor-container:hover .tooltiptext{width:170px;margin:-75px 0 0 -30px;visibility:visible;opacity:1}#backgroundcolor{position:relative;margin:-5px 0 0 50px}#backgroundcolor:focus{outline:0}div#tools{width:25rem;height:100vh;z-index:5;position:absolute;right:-100%;display:none;-webkit-transition:right .5s ease-out .3s;-moz-transition:right .5s ease-out .3s;-o-transition:right .5s ease-out .3s;transition:right .5s ease-out .3s}div#tools.active{right:0;display:inline-block}#tools-content{display:none;opacity:1}#tools-opener{font-size:1rem;z-index:9;position:fixed;top:0;right:-30rem;width:4rem;height:4rem;background-color:transparent;padding:10px;border:0;cursor:url("../img/icons/mouse.png") 0 0,pointer;-webkit-transition:right .5s ease-out .3s;-moz-transition:right .5s ease-out .3s;-o-transition:right .5s ease-out .3s;transition:right .5s ease-out .3s}#tools-opener.started{position:absolute;right:0}#tools-opener span{display:block;position:absolute;height:3px;width:26px;border:0;background-color:#000;opacity:1;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#tools-opener span:nth-child(1){left:14px;top:23px;-webkit-transform:rotate(-23deg) !important;-moz-transform:rotate(-23deg) !important;-o-transform:rotate(-23deg) !important;transform:rotate(-23deg) !important}#tools-opener span:nth-child(2){left:14px;top:33px;-webkit-transform:rotate(23deg) !important;-moz-transform:rotate(23deg) !important;-o-transform:rotate(23deg) !important;transform:rotate(23deg) !important}#tools-opener.tools-open{right:25rem}#tools-opener.tools-open span{left:15px;top:25px}#tools-opener.tools-open span:nth-child(1){-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important}#tools-opener.tools-open span:nth-child(2){-webkit-transform:rotate(45deg) !important;-moz-transform:rotate(45deg) !important;-o-transform:rotate(45deg) !important;transform:rotate(45deg) !important}#info-layer{position:fixed;top:-200vh;width:100vw;height:100vh;min-height:100%;overflow-y:scroll;background:rgba(255,255,255,0);padding:10rem 3rem;font-size:2rem;line-height:1.5em;z-index:10;-webkit-transition:all .4s ease-out .1s;-moz-transition:all .4s ease-out .1s;-o-transition:all .4s ease-out .1s;transition:all .4s ease-out .1s}#info-layer.active{top:0;background:rgba(255,255,255,0.9)}#info-layer h1,#info-layer h2,#info-layer p,#info-layer li{pointer-events:none}#info-layer .intro-text{display:block;margin:0 0 1em 0}#info-layer .intro-text p{font-family:modonoregular !important;font-size:.8em;line-height:1.4em}#info-layer #info-main{display:inline-block;position:relative;width:60vw}#info-layer #info-side{display:inline-block;position:relative;vertical-align:top;padding:0 0 0 2%;width:30%}#info-layer #info-side p{font-family:modonoregular !important;font-size:1rem;line-height:1.5}#info-layer #info-side #info-button,#info-layer #info-side #drop-mehl,#info-layer #info-side #buy-link{font-size:1.5rem;padding:7.5px 3em;height:60px;background-color:#3fd897;cursor:pointer;margin:5rem 0 0;border:0}#info-layer #info-side #info-button:hover,#info-layer #info-side #drop-mehl:hover,#info-layer #info-side #buy-link:hover{background-color:#0cff20 !important}#info-opener{font-size:1rem;z-index:9;position:fixed;top:4.5rem;right:-30rem;width:4rem;height:4rem;background-color:transparent;color:#000;padding:10px;cursor:url("../img/icons/mouse.png") 0 0,pointer;border:0;-webkit-transition:right .5s ease-out .3s;-moz-transition:right .5s ease-out .3s;-o-transition:right .5s ease-out .3s;transition:right .5s ease-out .3s}#info-opener.started{position:absolute;right:0}#info-opener.tools-open{right:25rem}#visible,#sortable{position:absolute;top:0;right:0;height:100vh;padding:0}#visible-container{text-align:center;padding:0;background-color:transparent;overflow:hidden;height:100vh;position:absolute}#visible-container b.column-title{color:#fff}b.column-title{font-size:120%}.list{height:100%;list-style:none outside none}.as-sortable-placeholder{border:2px solid #070707;background-color:rgba(255,255,255,0.9)}.list li{font-size:13px;height:6.25%;text-transform:uppercase}.list li.item{cursor:url("../img/icons/Pfeile.png") 27 27,pointer}.list li .change-order:hover .tooltiptext{bottom:inherit;margin:-40px 0 0 130px;visibility:visible;opacity:1}.list-item-visible{opacity:1}.list-item-transparent{opacity:.5}.item{font-size:1.1em;text-align:left}.item svg{height:100%}.cut-icon{margin:0 1em 0 0;height:6.1vh;display:inline-block;cursor:url("../img/icons/mouse.png") 0 0,pointer;vertical-align:middle;background-color:transparent !important;opacity:1;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.cut-icon:hover{opacity:1}.cut-icon:hover .sign{fill:#000 !important}.cut-icon:hover .tooltiptext{bottom:inherit;visibility:visible;opacity:1;margin:-100px 0 0 -50px}.cut-name{vertical-align:-3px}.color-container{width:20%;height:6vh;position:absolute;right:0}.color-container.is-active{display:inline-block;visibility:visible}.color-container.is-active:hover .tooltiptext{visibility:visible;opacity:1;margin:-120px 0 0 -40px}.color{position:absolute;right:2.5vh;margin:1vh 0;width:4vh;height:4vh;border:1px solid #000;border-radius:50%;color:transparent !important;cursor:url("../img/icons/mouse.png") 0 0,pointer}.color.overlayed{border:1px solid #fff}.color:hover{animation:colorchange 7s;-webkit-animation:colorchange 7s;animation-iteration-count:infinite}.grau50{background-color:#a8a8a8 !important}.grau40{background-color:#b0b0b0 !important}.grau30{background-color:#b8b8b8 !important}.grau20{background-color:silver !important}.grau10{background-color:#c8c8c8 !important}input[type="radio"],input[type="checkbox"]{display:none}@media only screen and (max-width:1680px){div#tools{width:30rem}.tools-open{right:30rem !important}.startup-infotext{padding:3% 10% 5%}}@media only screen and (max-width:1440px){#logo div{font-size:12rem}}@media only screen and (max-width:1280px){#logo div{font-size:11rem}#tools #visible-container{padding:0}}@media only screen and (max-width:1024px){.tools-open{right:32rem}#logo div{font-size:10rem}}@media only screen and (max-width:992px){#logo div{font-size:9rem}#modono-container{position:relative;float:left;height:100%}div#visible,#sortable{position:relative;float:left}#tools #visible-container{padding:0}#tools-opener span:nth-child(1){left:4px !important;top:13px !important}#tools-opener span:nth-child(2){left:4px !important;top:23px !important}#tools-opener.tools-open span{left:8px !important;top:18px !important}#info-opener{padding:0 !important}#info-opener h2,#info-opener .h2{font-size:28px}.tools-open{right:32rem !important}#startup .modono-title{font-size:12rem}#startup h1{font-size:4.3em}#startup h2{font-size:2.5rem}#startup #hints .hint{padding:1rem}#startup #hints .hint p:first-child{font-size:1.7rem}}@media only screen and (max-width:900px){#startup .infotext-subline{margin:12rem 0 0 0}}@media only screen and (max-width:768px){#logo div{font-size:8rem}.row{margin:0}.color-container{right:1rem !important}#text-settings .item{flex:auto}#startup .modono-title{font-size:9rem}#startup h1{font-size:3.3em}#startup h2{font-size:1.9rem}#startup #hints .hint{width:100%;max-width:360px;padding:3em;margin:0 0 5em 0}#startup #start-button{position:fixed;top:calc(100vh - 70px);left:0;font-size:2rem;padding:1em 6em;width:100vw}#info-main,#info-side{width:100% !important}#info-main .intro-text p,#info-side .intro-text p{font-family:modonoregular !important}.tools-open{right:30rem !important}}@media only screen and (max-width:700px){#backgroundcolor-container{display:none}}@media only screen and (max-width:691px){#startup .infotext-subline{margin:9rem 0 0 0}}@media only screen and (max-width:570px){#startup .modono-title{font-size:7.8rem}#startup h1{font-size:2.8em}#startup h2{font-size:1.6rem}}@media only screen and (max-width:480px){#logo div{font-size:5rem}#modonomat{font-size:9px !important}div#tools{width:calc(45rem - 45px);right:100vw}div#tools.active{left:0}#tools-opener,#info-opener{width:5rem !important;height:5rem !important}#tools-opener{top:0 !important}#info-opener{top:6rem !important}.tools-open{right:0 !important}#text-settings .item{flex:none}#backgroundcolor{bottom:.3rem}#text-settings{overflow-x:scroll}#startup .modono-title{font-size:9.1rem}#startup h1{font-size:3.4em}#startup h2{font-size:1.9rem}#startup #hints{padding:50px 0 100px 0}#startup #hints .hint .font-weight-container .font-weight{padding:1rem}#startup .hint{margin:0 0 1.5em 0}#startup #hint2,#startup #hint3{padding:1.5em}#startup #start-button{position:fixed;left:0;font-size:2rem;padding:1em 6em;width:100%;height:70px;bottom:0;top:unset}}@media only screen and (max-width:440px){#startup .modono-title{font-size:8.2rem}#startup h1{font-size:3em}#startup h2{font-size:1.7rem}}@media only screen and (max-width:400px){div#tools .no-mobile{display:none}}@media print{#tools,#tools-opener,#info-opener,#info-layer,#text-settings{display:none}@page{margin:.5in}@page{margin-top:1.5cm;margin-left:2.5cm}@page{size:landscape !important}}