h1,h3{color:#9c1f2e}h2,h3,h4{font-weight:400}.canvas-wrapper,.container,.main-content{display:flex;box-sizing:border-box}.actions,.button-addtxt,.canvas-container,.canvas-wrapper,.container,.main-content{box-sizing:border-box}.button-angebot,.error-message,h1,h2{text-align:center}body,h1{margin:0}body{font-family:Arial,sans-serif;color:#666;padding:0;overflow-x:hidden}h1{font-size:31.5px;line-height:normal;overflow-wrap:break-word}.button-angebot,h2,h3{font-size:20px}h2{color:#666;margin:5px 0 40px}h3{margin:10px 0}h4{font-size:18px;margin:0 0 2px}.trittrand-option{margin:15px 0 20px}.container{flex-direction:column;align-items:center;width:100%;margin-top:20px}.canvas-wrapper{justify-content:center;width:100%;margin-bottom:20px}.canvas-container{position:relative;box-shadow:0 0 0 1px #bdbdbd;background-image:url("muster.jpg");background-repeat:repeat;background-position:center;background-color:rgba(255,255,255,.5)}#canvas{position:relative;opacity:.85}.canvas-container.trittrand{box-shadow:0 0 0 10px #000}.canvas-size{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);background:#fff;padding:5px;border:1px solid #bdbdbd;width:max-content}.main-content{justify-content:center;align-items:flex-start;width:100%;margin-top:60px}.actions,.side-info{width:200px;background:#f2f2f2}.side-info{padding:10px 10px 10px 15px;margin-right:20px}.actions{padding:10px;margin-left:20px}.layer-item.selected{background:#9c1f2e;color:#fff;padding:5px;margin:5px}.layer-item{background:#f2f2f2;color:#666;padding:5px;margin:5px}.button-addtxt{display:block;margin:13px 0 0;padding:20px;border:1px solid #bdbdbd;color:#666;cursor:pointer;width:175px}.error{border:2px solid red}.error-message{color:#9c1f2e;font-weight:700;margin:20px 10px 5px}.button-colorpicker,.button-font,.button-neustart,.button-textfield{display:block;border:1px solid #bdbdbd;color:#666;box-sizing:border-box}.button-colorpicker{margin:10px 0;padding:10px;cursor:pointer;width:35px;height:35px;background:#000}.button-font{margin:10px 0;padding:5px;cursor:pointer;width:130px;height:35px}.button-textfield{margin:10px 0;padding:10px;cursor:auto;width:175px;outline:0}.button-textfield:focus,.button-textfield:focus-visible{outline:0;border:1px solid #9c1f2e}.sizefield{margin:20px 0 40px}.button-angebot{background:#9c1f2e;border:10px double #fff;padding:20px 10px;width:fit-content;display:grid;margin:0 auto auto;color:#fff;cursor:pointer}.button-angebot:hover{background-color:#85252d;text-decoration:underline}.button-neustart{margin:0 auto 5px;padding:10px;cursor:pointer;width:175px}.button-bold,.button-layerposition{display:block;width:30px;height:30px;margin-bottom:5px;background-color:#f2f2f2;text-align:center;position:relative;cursor:pointer;border:1px solid #bdbdbd;color:#666}.button-layerposition{padding:0;font-size:20px}#colorPickerButton,.nav-content,.nav-tabs button{padding:10px;box-sizing:border-box}.button-layerposition::before{content:attr(data-text);position:absolute;left:35px;background-color:#fff;color:#666;font-size:12px;padding:2px 5px;border:1px solid #bdbdbd;line-height:20px;display:none}.button-layerposition:hover::before,.nav-content.active{display:block}.button-bold:hover,.button-layerposition:hover,.button-neustart:hover,.nav-tabs button.active,.nav-tabs button:hover{background:#9c1f2e;color:#fff}.pflichtfeld{font-weight:700;color:#9c1f2e;font-size:18px}#colorPickerButton{display:block;margin:10px 0;border:1px solid #bdbdbd;color:#666;cursor:pointer}.navigation{flex:1;margin-bottom:20px;box-sizing:border-box}.nav-tabs{display:flex;justify-content:space-between;margin-bottom:10px;box-sizing:border-box}.nav-tabs button{flex:1;cursor:pointer;border:1px solid #fff;color:#666;background:#f2f2f2}.nav-content{border:1px solid #bdbdbd;display:none}.nav-section h2{margin-top:0}.color-picker-popup{display:none;position:absolute;border:1px solid #bdbdbd;background:#fff;padding:3px;width:155px;flex-wrap:wrap;z-index:1000;box-sizing:border-box}.color-option,.color-option-large{background-image:url("muster2.png");position:relative;cursor:pointer;box-sizing:border-box}.color-picker-popup-inline,.popup-content{display:flex;flex-wrap:wrap}.color-option{width:20px;height:20px;display:inline-flex;flex-wrap:wrap;margin:2px;border:2px solid transparent}.color-option-large,.color-option-large[data-color="#FFFFFF"],.color-option[data-color="#FFFFFF"],.layer-list{border:1px solid #bdbdbd}.color-option-large.selected,.color-option-large:hover,.color-option.selected,.color-option:hover{border:2px solid #bdbdbd}.color-option-large:hover::after,.color-option:hover::after{content:attr(data-name);position:absolute;background:#fff;border:1px solid #bdbdbd;padding:3px;margin:-35px 0 0 -2px;white-space:nowrap}.color-option-large.selected::before,.color-option.selected::before{content:"\2713";background-color:transparent;text-shadow:0 0 2px #666;text-align:center;color:#fff;left:50%;top:50%;transform:translate(-50%,-50%);display:block}.color-option-large{width:50px;height:50px;display:inline-block;margin:5px;background-repeat:no-repeat;background-position:center}.color-option-large.selected::before{position:absolute;width:24px;height:24px;font-size:24px;line-height:24px}.color-option.selected::before{position:absolute;width:16px;height:16px;font-size:16px;line-height:16px}#loadingScreen{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:2000;text-align:center;color:#fff;font-size:40px;padding-top:20%;font-weight:700}.button-group button,.layer-controls button{cursor:pointer}.text-options{display:flex;justify-content:space-between;align-items:flex-start;width:100%;box-sizing:border-box}.column{box-sizing:border-box;padding:10px}#column1{flex:0 0 auto}#textFormatting{flex:3;width:300px;box-sizing:border-box}#column23-container{flex:1;display:flex;align-items:flex-start;padding:0 10px;box-sizing:border-box;margin-left:10px}.layer-section{flex:1}.layer-section h3{margin:0;padding:0;top:-5px;position:relative}.layer-list,.text-content button{padding:5px}.layer-section-container{display:flex;align-items:flex-start}.layer-controls{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;cursor:pointer;margin:23px 10px}.swap-icon,.text-content button{margin-left:10px;cursor:pointer}.layer-list{max-height:150px;overflow-y:auto;box-sizing:border-box;min-height:130px;cursor:pointer;width:200px}.hidden,.layer-list-empty{display:none}.selectsize{display:flex;flex-direction:column}.selectsize-row,.text-content{display:flex;align-items:center}.swap-icon{background:0 0;border:none;font-size:16px}.text-formatting-options{display:flex;align-items:center;gap:10px}.popup{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border:1px solid #bdbdbd;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:1000}.popup label{display:block;margin:2px 0 0}.popup input,.popup select,.popup textarea{width:100%;padding:3px;margin-bottom:10px;border:1px solid #bdbdbd;box-sizing:border-box;font-size:14px;color:#666}.popup button,.popup-column{padding:10px;box-sizing:border-box}.popup button{display:block;width:100%;background:#9c1f2e;color:#fff;border:none;cursor:pointer}.popup h2{margin:5px}.popup button:hover{background:#7f1724}.popup .close{position:absolute;top:10px;right:10px;cursor:pointer}.popup-column{flex:1}.popup-column input,.popup-column label,.popup-column select,.popup-column textarea{width:100%}.popup .popup-column textarea{height:200px;font-size:14px;font-family:Arial,sans-serif}.popup .privacy-label{align-items:center;margin:5px 0;width:100%}.popup .privacy-label input[type=checkbox]{margin-right:10px}.popup-checkbox{width:22px!important;margin-top:10px;border:none;text-align:center!important}input[type=checkbox] input[type=text],input[type=radio]{accent-color:#9c1f2e}input[type=number]{color:#666}@media (max-width:915px){h2{margin-bottom:15px}.main-content{flex-direction:column;align-items:center;width:100%;margin-top:10px}.actions,.navigation,.side-info{width:100%;margin:10px 0}.nav-content{border:0;padding:10px 30px}.side-info{border-bottom:1px solid #bdbdbd;padding:10px 30px;margin:0;order:2;width:auto}.actions{margin:0;padding:30px 0;order:3}.canvas-wrapper{width:90%;position:relative;padding:0 20px}.canvas-container{overflow:hidden!important}#canvas{width:100%!important;height:100%!important;display:block}.button-addtxt{margin:5px 0;padding:10px;width:100%}.layer-list{width:auto}.canvas-size{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:#fff;padding:5px;border:1px solid #bdbdbd;width:auto;max-width:90%;text-align:center;z-index:10}.text-options{display:flex;flex-direction:column;align-items:flex-start;width:100%}#colorPickerButton,.popup{display:none}#column1,#column23-container,#textFormatting{width:100%;margin-bottom:10px}#column23-container{order:1;padding:0}#textFormatting{order:2}.button-font,.button-textfield,.layer-section-container{width:100%}.popup{overflow-y:auto;height:90vh;position:fixed;top:50%}.popup-column{padding:0}.color-picker-popup{padding:5px;box-sizing:border-box;position:fixed;left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:175px}.color-option{display:inline-flex;flex-wrap:wrap;margin:1px;box-sizing:border-box;width:30px;height:30px}.button-layerposition::before{left:auto;right:35px}.loadingText{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);color:#fff;font-weight:700;font-size:25px}}