:root{--a4t-c-weiss: #ffffff;--a4t-c-weiss-darken: #e6e6e6;--a4t-c-weiss-lighten: white;--a4t-c-anthrazit: #323232;--a4t-c-anthrazit-darken: #191919;--a4t-c-anthrazit-lighten: #656565;--a4t-c-dunkelblau: #003755;--a4t-c-dunkelblau-darken: #001622;--a4t-c-dunkelblau-lighten: #0079bb;--a4t-c-rot: #e10a14;--a4t-c-rot-darken: #b00810;--a4t-c-rot-lighten: #f85961;--a4t-c-orange: #e2844a;--a4t-c-orange-darken: #d66823;--a4t-c-orange-lighten: #f0c0a1;--a4t-c-gruen: #648264;--a4t-c-gruen-darken: #4e654e;--a4t-c-gruen-lighten: #9ab29a;--a4t-c-grid: #b2b2b2;--a4t-c-weiss-darken-light: #f2f2f2}.bg-weiss{background-color:var(--a4t-c-weiss)}.bg-anthrazit{background-color:var(--a4t-c-anthrazit)}.bg-dunkelblau{background-color:var(--a4t-c-dunkelblau)}.bg-rot{background-color:var(--a4t-c-rot)}.bg-orange{background-color:var(--a4t-c-orange)}.bg-gruen{background-color:var(--a4t-c-gruen)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--a4t-c-anthrazit);background:var(--a4t-c-white);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{margin:0 auto;font-weight:400}main{display:flex;flex-direction:row;height:100vh;max-height:100vh;overflow:hidden}main .left{max-width:22em;flex-shrink:0;background-color:var(--a4t-c-weiss-darken-light);overflow-y:auto}main .right{width:16em;flex-shrink:0;background-color:var(--a4t-c-weiss-darken-light)}main .main{flex-shrink:1;flex-grow:1}.wrapper{width:100%;height:100%;margin:0;padding:0}.rightMenuBurger{display:none!important}@media only screen and (max-width: 768px){main{flex-direction:column}main .left{flex-shrink:0;margin:0;padding:0;width:100%;max-width:unset!important;overflow-y:hidden}main .right{position:fixed;top:3.75em;height:calc(100vh - 3.75em);right:-12em;width:12em;transition:all .5s ease}main .right .rightMenuBurger .btn:disabled{background-color:var(--a4t-c-anthrazit-lighten)}main .right .rightMenuBurger .btn:disabled img.hover-brightness{filter:brightness(.8)}main .right .rightMenuBurger{display:flex!important;position:fixed;margin-left:-5.5em;width:5.5em}main .right .rightMenuBurger img{height:2em}main .right .rightMenuBurger .btn:last-of-type{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}main .right .rightMenuBurger .btn:last-of-type img{transform:rotate(-90deg);transition:transform .5s ease}main .right.open{right:0}main .right.open .rightMenuBurger .btn:last-of-type{background-color:var(--a4t-c-weiss-darken-light);border-color:transparent}main .right.open .rightMenuBurger .btn:last-of-type img{transform:rotate(90deg)}main .stickyFooter{position:fixed;top:unset;bottom:0;width:100vw}}.btn{border:none;padding:.75em;border-radius:.5em;display:flex;flex-direction:row;align-items:center;cursor:pointer;transition:background-color .5s ease}.btn img{height:1.5em;margin:.25em .75em .25em 0}.btn span{font-weight:700}.input{border:1px solid var(--a4t-c-anthrazit);padding:.75em;border-radius:.5em}.input:focus{outline:none;box-shadow:inset 0 0 3px var(--a4t-c-anthrazit)}.input.gruen{border:1px solid var(--a4t-c-gruen)}.input.gruen:focus{outline:none;box-shadow:inset 0 0 3px var(--a4t-c-gruen)}.btn.weiss{color:var(--a4t-c-anthrazit);background-color:var(--a4t-c-weiss)}.btn.weiss:hover{background-color:var(--a4t-c-weiss-darken)}.btn.weiss:disabled{background-color:var(--a4t-c-weiss-lighten)}.btn.anthrazit{color:var(--a4t-c-weiss);background-color:var(--a4t-c-anthrazit)}.btn.anthrazit:hover{background-color:var(--a4t-c-anthrazit-darken)}.btn.anthrazit:disabled{background-color:var(--a4t-c-anthrazit-lighten)}.btn.dunkelblau{color:var(--a4t-c-weiss);background-color:var(--a4t-c-dunkelblau)}.btn.dunkelblau:hover{background-color:var(--a4t-c-dunkelblau-darken)}.btn.dunkelblau:disabled{background-color:var(--a4t-c-dunkelblau-lighten)}.btn.rot{color:var(--a4t-c-weiss);background-color:var(--a4t-c-rot)}.btn.rot:hover{background-color:var(--a4t-c-rot-darken)}.btn.rot:disabled{background-color:var(--a4t-c-rot-lighten)}.btn.orange{color:var(--a4t-c-weiss);background-color:var(--a4t-c-orange)}.btn.orange:hover{background-color:var(--a4t-c-orange-darken)}.btn.orange:disabled{background-color:var(--a4t-c-orange-lighten)}.btn.gruen{color:var(--a4t-c-weiss);background-color:var(--a4t-c-gruen)}.btn.gruen:hover{background-color:var(--a4t-c-gruen-darken)}.btn.gruen:disabled{background-color:var(--a4t-c-gruen-lighten)}.btn:disabled{cursor:default}.btn.weiss{border:1px solid var(--a4t-c-anthrazit-lighten)}@media only screen and (max-width: 768px){.btn{flex-direction:column;padding:.2em}.btn img{height:1.5em;margin:.25em .5em}.btn span{padding:0 .75em;-webkit-user-select:none;-ms-user-select:none;user-select:none}}.leftMenu,.rightMenu{display:flex;flex-direction:column;min-height:100%;padding:.25em .5em;overflow:auto}.leftMenu .ButtonGroup,.rightMenu .ButtonGroup{font-style:italic;color:var(--a4t-c-anthrazit);display:flex;flex-direction:column;gap:.5em}.leftMenu .ButtonGroup>h3,.rightMenu .ButtonGroup>h3{font-weight:500;margin-left:.5em}.leftMenu .ButtonGroup>span,.rightMenu .ButtonGroup>span{line-height:normal;margin-left:.5em}.leftMenu .ButtonGroup .btnBlock,.rightMenu .ButtonGroup .btnBlock{display:flex;flex-direction:row;gap:.5em}.leftMenu hr,.rightMenu hr{margin-top:.5em}.leftMenu hr:last-of-type,.rightMenu hr:last-of-type{display:none}@media only screen and (max-width: 768px){.leftMenu{display:flex;flex-direction:row;gap:.1em;box-sizing:border-box}.leftMenu hr{display:none}.leftMenu .ButtonGroup{flex-direction:row;gap:.1em}.leftMenu .ButtonGroup>h3{display:none}.leftMenu .ButtonGroup>span{display:none}.leftMenu .ButtonGroup .btnBlock{flex-direction:row;gap:.1em}}.stickyFooter{position:relative;top:-2em}.main .hiddenCanvas{display:none}.canvasSwitcher{display:flex;flex-direction:row;justify-content:center;gap:.25em}.canvasSwitcher .btn{box-sizing:border-box;height:2.5em;border-bottom:0!important;border-bottom-left-radius:0;border-bottom-right-radius:0}.canvasSwitcher .btn img{display:none!important}.canvasSwitcher .btn span{padding:0;margin:0}.canvasSwitcher .btn{padding:.5em!important;margin:0!important}.canvasSwitcher .btn.gruen{border:1px solid var(--a4t-c-gruen-darken)}.canvasSwitcher .btn.weiss{border:1px solid var(--a4t-c-anthrazit)}.w-100{width:100%}.h-100{height:100%}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column!important}.j-content-end{justify-content:flex-end}.j-content-stretch{justify-content:stretch}.j-content-between{justify-content:space-between}.a-items-center{align-items:center}.g-0{gap:0!important}.g-1{gap:.5em!important}.m-0{margin:0!important}.m-a{margin:auto!important}.dialog{border-radius:.5em;border:1px solid var(--a4t-c-anthrazit)}.dialog::backdrop{background-color:#32323280;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.form-group{display:flex;flex-direction:row}.form-group *:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.form-group *:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-close{height:1.5em;cursor:pointer}.btn.hover-brightness img{filter:brightness(.4);transition:all .25s ease}.btn.hover-brightness:hover img{filter:brightness(.1)}img.hover-brightness{filter:brightness(.4);transition:all .25s ease}img.hover-brightness:hover{filter:brightness(.1)}.grid-lg-1-1{display:grid!important;grid-template-columns:1fr 1fr}@media only screen and (max-width: 768px){.grid-lg-1-1{display:flex!important}}.grid-lg-4-3{display:grid!important;grid-template-columns:4fr 3fr}@media only screen and (max-width: 768px){.grid-lg-4-3{display:flex!important}}.innerBtnBlock{display:flex;flex-direction:column;gap:.5em}@media only screen and (max-width: 768px){.innerBtnBlock{flex-direction:row;gap:.1em}}.spacer{flex-grow:1;flex-shrink:1}.d-none{display:none!important}.tooltip-hover:hover+.tooltip{display:block;opacity:.9}.tooltip{display:none;font-size:.8em;position:fixed;padding:.25em;background:var(--a4t-c-weiss-darken-light);border:1px solid var(--a4t-c-anthrazit);border-radius:.5em;opacity:.2;margin-top:-2.5em;max-height:2em}.font-selector{border:1px solid var(--a4t-c-anthrazit);border-radius:.5em;width:100%}.font-selector .font-selector-item{cursor:pointer;padding:.5em;border-bottom:1px solid var(--a4t-c-anthrazit)}.font-selector .font-selector-item:last-of-type{border-bottom:none}.font-selector .font-selector-item:hover{background-color:color-mix(in srgb,var(--a4t-c-gruen) 30%,transparent)}.font-selector .font-selector-item.active{color:var(--a4t-c-weiss);background-color:var(--a4t-c-gruen)}.previewContainer[data-v-b1028486]{padding:1em;border-radius:.5em;transition:background-color .25s}.previewContainer[data-v-b1028486]:hover{background-color:var(--a4t-c-gruen)}.previewContainer.disabled[data-v-b1028486]{background-color:var(--a4t-c-anthrazit)}.img-container[data-v-b1028486]{display:inline-block;width:256px;height:256px;overflow:hidden}