@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.tx-p123designer-pi8 input::-webkit-inner-spin-button,.tx-p123designer-pi8 input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tx-p123designer-pi8 input[type=number]{-moz-appearance:textfield}.tx-p123designer-pi8 .pi8-fnt-fa:before{font-family:"FontAwesome",serif;font-weight:400;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.tx-p123designer-pi8 .pi8-info-circle-fa:before{content:""}.tx-p123designer-pi8 .pi8-minus-fa:before{content:""}.tx-p123designer-pi8 .pi8-plus-fa:before{content:""}.tx-p123designer-pi8 .pi8-chevron-down-fa::before,.tx-p123designer-pi8 .pi8-toggle-close::before{content:""}.tx-p123designer-pi8 .pi8-chevron-up-fa::before,.tx-p123designer-pi8 .pi8-toggle-open::before{content:""}.tx-p123designer-pi8 .pi8-trash-fa:before{content:""}.tx-p123designer-pi8 .pi8-eye-fa:before{content:""}.tx-p123designer-pi8 .pi8-eye-slash-fa:before{content:""}.tx-p123designer-pi8 .pi8-edit-fa:before{content:""}.tx-p123designer-pi8 .pi8-check-fa:before{content:""}.tx-p123designer-pi8 .font-bigger{font-size:1.1em;line-height:1.5em}.tx-p123designer-pi8 .pi8-disabled{pointer-events:none;opacity:.65}.tx-p123designer-pi8 .pi8-error{color:var(--color-error)!important}.tx-p123designer-pi8 .pi8-error-border{border-color:var(--color-error)!important}.tx-p123designer-pi8 .pi8-link{color:var(--link-color)}.tx-p123designer-pi8 .pi8-complete{background-color:var(--color-ok)!important;border-color:var(--color-ok)!important;color:var(--color-white)!important}.tx-p123designer-pi8 .pi8-flex{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start;box-sizing:border-box}.tx-p123designer-pi8 .pi8-flex-wrapper{display:inline-flex;flex-direction:column;width:100%}.tx-p123designer-pi8 .pi8-flex-row{width:100%;flex-direction:row!important}.tx-p123designer-pi8 .pi8-flex-column{flex-direction:column!important}.tx-p123designer-pi8 .pi8-progress{display:none;margin-top:20px}.tx-p123designer-pi8 .pi8-progress-bar-wrapper{display:flex;height:1.5rem;overflow:hidden;font-size:.75rem;background-color:var(--color-gray);border-radius:.25rem;margin:0 auto;width:98%}.tx-p123designer-pi8 .pi8-progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--color-white);text-align:center;white-space:nowrap;background-color:var(--p123designer7-ci-1);transition:width .6s ease}.tx-p123designer-pi8 .pi8-progress-text{margin-top:10px;font-size:1.2em;width:100%}.tx-p123designer-pi8 .pi8-loader{display:none}.tx-p123designer-pi8 .pi8-loader-spin{margin:0 auto;border:10px solid var(--border-color);border-radius:50%;border-top:10px solid var(--p123designer7-ci-1);width:40px;height:40px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.tx-p123designer-pi8 .pi8-loader-text{margin-top:10px;font-size:1.2em}.tx-p123designer-pi8 .pi8-hidden{display:none}.tx-p123designer-pi8 .pi8-hidden-important{display:none!important}.tx-p123designer-pi8 .pi8-btn{padding:5px 10px;background-color:var(--input-wrapper-background);border:1px solid var(--input-wrapper-border);text-align:center;cursor:pointer}.tx-p123designer-pi8 .csc-mailform-submit-bottom.deactivate a,.tx-p123designer-pi8 .csc-mailform-submit-top.deactivate a{background:var(--deactivated-background);border-color:var(--deactivated-border);color:var(--deactivated-color);box-shadow:none;cursor:not-allowed}.tx-p123designer-pi8 .csc-mailform-submit-bottom.deactivate a:after,.tx-p123designer-pi8 .csc-mailform-submit-top.deactivate a:after{content:"";font-size:1.1em;transform:rotate(90deg)}.tx-p123designer-pi8 .pi8-ipoint{position:relative;cursor:pointer;font-size:2.2em}.tx-p123designer-pi8 .pi8-ipoint:before{color:var(--color-info)}.tx-p123designer-pi8 .pi8-ipoint-begin{margin-right:2px}.tx-p123designer-pi8 .pi8-ipoint-end{padding-right:5px;padding-top:5px}.tx-p123designer-pi8 .pi8-ipoint-info{position:relative;border:2px dotted var(--border-color);padding:5px;cursor:pointer}.tx-p123designer-pi8 .pi8-ipoint-close{position:absolute;top:0;right:0;background-color:transparent;cursor:pointer;text-align:center;padding:5px;opacity:.5;font-size:1.5em}.tx-p123designer-pi8 .pi8-ipoint-close:hover{color:var(--color-gray-dark)}.tx-p123designer-pi8-info{display:none;margin-bottom:10px}.tx-p123designer-pi8 .pi8-ico-btn{display:inline-flex;width:40px;padding:0;align-self:normal;justify-content:center;box-sizing:border-box}.pi8-motif-headline-wrapper .pi8-motif-headline-btn:before,.tx-p123designer-pi8 .pi8-ico-btn:before{align-self:center}.tx-p123designer-pi8 .pi8-input-ico-btn{text-align:center;margin:0 5px;width:100px}#txp123designerpi8-wrapper-quantity{width:auto;margin-left:auto;margin-right:auto;margin-bottom:10px}.tx-p123designer-pi8-input input[type=checkbox].pi8-chkbtn{position:absolute;clip:rect(0,0,0,0)}.tx-p123designer-pi8-input input[type=checkbox].pi8-chkbtn+label:before{content:none}.tx-p123designer-pi8-input input[type=checkbox].pi8-chkbtn:checked+label:before{content:none}.tx-p123designer-pi8-input input[type=checkbox].pi8-chkbtn+label{display:inline-flex;padding:.3em .5em;text-align:center;cursor:pointer;justify-content:center;margin:0;text-indent:0;font-size:1.1em;font-weight:700;line-height:1.6em}.tx-p123designer-pi8-input button:after{content:"";font-size:unset;margin-left:0!important}#txp123designerpi8-input-distribution input[type=checkbox].pi8-chkbtn+label,#txp123designerpi8-input-printdata input[type=checkbox].pi8-chkbtn+label{width:100%;box-sizing:border-box}.pi8-note-printdata span{float:left}.tx-p123designer-pi8-locationIcon-wrapper{padding-top:5px}.tx-p123designer-pi8-locationIcon-wrapper .icon{display:inline-block;height:55px;width:55px;background:url(../../typo3conf/ext/p123designer/res/media-icons.png)no-repeat;background-position-x:0;background-position-y:0}.tx-p123designer-pi8-locationIcon-wrapper .icon-GF{background-position:0 0}.tx-p123designer-pi8-locationIcon-wrapper .icon-SP{background-position:0-55px}.tx-p123designer-pi8-locationIcon-wrapper .icon-ZZ{background-position:0-120px}.tx-p123designer-pi8-locationIcon-wrapper .icon-GZ{background-position:0-182px}.tx-p123designer-pi8-locationIcon-wrapper .icon-GV{background-position:0-242px}.tx-p123designer-pi8-locationIcon-wrapper .icon-PF{background-position:0-298px}.tx-p123designer-pi8-locationIcon-wrapper .icon-VI,.tx-p123designer-pi8-locationIcon-wrapper .icon-VN{background-position:0-362px}.tx-p123designer-pi8-locationInfo-wrapper{width:100%;padding-left:1em;padding-top:10px}.tx-p123designer-pi8-locationInfo-wrapper .pi8-title{display:inline-flex;font-size:1.3em;font-weight:700;padding-bottom:.5em}.tx-p123designer-pi8-locationInfo-wrapper .pi8-text{display:inline-flex;font-size:1.1em;margin-bottom:.5em}.tx-p123designer-pi8-section{flex-direction:column!important;width:100%;padding:2px;border:1px solid var(--border-color)}.tx-p123designer-pi8-section~.tx-p123designer-pi8-section{margin-top:10px}.tx-p123designer-pi8-error:before{display:inline-block;position:absolute;content:"";font-family:FontAwesome;text-rendering:auto;font-size:1.4em;color:var(--color-error);margin-top:4px}.tx-p123designer-pi8-error div{color:var(--color-error);margin-left:2em;padding-top:.5em}.tx-p123designer-pi8-headline{width:100%;margin-bottom:10px}.tx-p123designer-pi8-headline h2,.tx-p123designer-pi8-input{width:100%}#txp123designerpi8-motifs-wrapper{margin-top:15px}#txp123designerpi8-motifs-wrapper .tx-p123designer-pi8-input{margin-bottom:15px}.tx-p123designer-pi8-note{width:100%;margin-top:10px}.tx-p123designer-pi8-note .pi8-note-highlight{color:var(--p123designer7-ci-2);font-weight:700}.tx-p123designer-pi8-section .pi8-grp-chkbtn{flex-direction:column;width:100%}.tx-p123designer-pi8-input.pi8-motif{flex-direction:column!important;font-size:1.1em}.pi8-motif-headline-wrapper{display:block!important;position:relative;flex-direction:row!important;width:100%;font-weight:700;cursor:pointer;border:1px solid var(--input-wrapper-border);background-color:var(--input-wrapper-background);align-items:center!important;align-content:stretch!important}.pi8-motif-headline-wrapper .pi8-motif-headline-nr{display:block;float:left;padding:5px 0;width:15%;order:1;-webkit-flex-shrink:0;flex-shrink:0;text-align:center;border-right:1px solid var(--border-color)}.pi8-motif-headline-wrapper .pi8-motif-headline-nr.pi8-nr-ready{background-color:var(--color-ok)}.pi8-motif-headline-wrapper .pi8-motif-headline-name{display:block;float:left;padding:5px;order:2;-webkit-flex-shrink:0;flex-shrink:0;flex-grow:1!important}.pi8-motif-headline-wrapper .pi8-motif-headline-btn{display:block;position:absolute;width:25px;right:0;padding:5px 0;border:0;order:4;-webkit-flex-shrink:0;flex-shrink:0;align-self:normal;justify-content:center;cursor:pointer}.pi8-motif-headline-wrapper .pi8-motif-input-text{display:block;float:left;font-size:.95em;width:100%;order:3;align-self:center;margin:0 5px 0 0!important;height:2em}.pi8-motif-wrapper{flex-direction:column!important;width:100%;background-color:var(--body-background-color);border:1px solid var(--border-color);padding:5px;min-height:200px}.pi8-motif-wrapper .pi8-motif-dropzone{display:block;text-align:center;padding-top:40px;height:165px;box-sizing:border-box}.pi8-motif-wrapper .pi8-motif-fileinput-button{display:inline-block;position:relative;margin-top:20px;padding:6px 12px;background-color:var(--p123designer7-ci-1);color:var(--color-white);font-weight:700;overflow:hidden;text-align:center}.pi8-motif-wrapper .pi8-motif-fileinput-button input{display:inline-block;position:absolute;font-size:1.3em!important;margin:0;opacity:0;top:0;left:0;height:1.5em;width:8em;cursor:pointer}.pi8-motif-wrapper .pi8-motif-fileinput-text{display:inline-block;visibility:hidden;width:100%;margin-top:30px;line-height:1em;box-sizing:border-box}.pi8-motif-wrapper .pi8-motif-fileinput-text.pi8-error{font-size:1.2em;margin-top:5px}.pi8-motif-wrapper .pi8-motif-checkbox{display:block;padding:10px;margin-top:5px;text-align:center}.pi8-motif-wrapper .pi8-motif-bg-border{background:var(--input-wrapper-background);border:2px dashed var(--input-wrapper-border)}.pi8-dialog-confirm{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;overflow:auto;background:var(--body-background-color)}.pi8-dialog-confirm-modalcontent{position:relative;display:block;top:50%;transform:translateY(-50%);background-color:var(--input-wrapper-background);margin:auto;border:1px solid var(--input-wrapper-border);width:80%}.pi8-dialog-confirm-container{padding:16px;text-align:center;font-size:70%}.pi8-dialog-confirm-question,.pi8-dialog-confirm-title{display:inline-block;width:100%;margin:.4em auto;font-size:2.6em;line-height:1.1em}.pi8-dialog-confirm-question{font-size:1.2em}.pi8-dialog-confirm-clearfix:after{content:"";clear:both;display:table}.pi8-dialog-confirm-clearfix button{background-color:var(--btn-background);color:var(--btn-color);padding:14px 20px;margin:8px 0;border:0;cursor:pointer;text-align:center;opacity:.9}.pi8-dialog-confirm-clearfix button:hover{opacity:1}.pi8-dialog-confirm-clearfix .cancelbtn,.pi8-dialog-confirm-clearfix .okbtn{width:49%}.pi8-dialog-confirm-clearfix .cancelbtn{float:left;background-color:var(--btn-cancel-background);color:var(--btn-cancel-color)}.pi8-dialog-confirm-clearfix .okbtn{float:right;background-color:var(--p123designer7-ci-1)}#txp123designerpi8-wrapper{margin:1em 0 20px}#txp123designerpi8-optMotif{display:none}.pi8-img-wrapper img,.pi8-motif-preview{width:100%}.pi8-img-wrapper{border:1px solid var(--border-color);box-sizing:border-box;width:100%}.pi8-preview-btn-wrapper{width:100%;justify-content:flex-end!important}.pi8-preview-btn-wrapper .pi8-check,.pi8-preview-btn-wrapper .pi8-edit,.pi8-preview-btn-wrapper .pi8-trash{cursor:pointer;text-align:center;padding:10px;opacity:.8;font-size:1.6em;background-color:var(--input-wrapper-background);border:1px solid var(--input-wrapper-border);color:var(--input-wrapper-color)}.pi8-preview-btn-wrapper .pi8-edit{order:1}.pi8-preview-btn-wrapper .pi8-trash{order:2}.pi8-preview-btn-wrapper .pi8-check{order:3}#tx-p123designer-pi8-guidelines .csc-firstHeader{display:block!important}#tx-p123designer-pi8-guidelines .bodytext{width:100%}#tx-p123designer-pi8-guidelines .csc-textpic-imagerow{margin:0 auto}#tx-p123designer-pi8-guidelines .csc-textpic-imagecolumn{margin-right:9px}#tx-p123designer-pi8-guidelines .csc-textpic-imagecolumn.csc-textpic-lastcol{margin-right:0}.tx-p123designer-pi8-guidelines.pi8-link{margin-top:10px}@media only screen and (min-width:23.375em){.pi8-motif-headline-wrapper .pi8-motif-input-text{font-size:inherit}}@media only screen and (min-width:37.5em){.tx-p123designer-pi8-section{padding:5px}.tx-p123designer-pi8 .pi8-ipoint-message{padding-right:15px}.tx-p123designer-pi8-locationIcon-wrapper{padding-left:5px}.tx-p123designer-pi8-locationIcon-wrapper .icon{transform:scale(1.2)}.tx-p123designer-pi8-locationInfo-wrapper .pi8-costs{width:calc(100% + 75px);margin-left:-75px}.pi8-motif-headline-wrapper{display:flex!important;padding:2px 0}.pi8-motif-headline-wrapper .pi8-motif-headline-nr{float:unset;width:40px;padding:0}.pi8-motif-headline-wrapper .pi8-motif-headline-name{display:inline-flex;float:unset;padding:0 5px}.pi8-motif-headline-wrapper .pi8-motif-headline-btn{display:inline-flex;position:relative;float:unset;width:40px;border-left:1px solid #dbdbdb;padding:0;right:unset}.pi8-motif-headline-wrapper .pi8-motif-input-text{display:inline-flex;position:relative}.pi8-motif-wrapper .pi8-motif-dropzone{padding-top:60px;height:200px}}@media only screen and (min-width:48em){.tx-p123designer-pi8-section{padding:10px}.tx-p123designer-pi8-locationIcon-wrapper{padding-left:15px;padding-top:15px}.tx-p123designer-pi8-locationIcon-wrapper .icon{transform:scale(1.5)}.tx-p123designer-pi8-locationInfo-wrapper{padding-left:2em;padding-top:15px}.tx-p123designer-pi8-locationInfo-wrapper .pi8-costs{width:100%;margin-left:0}.tx-p123designer-pi8-section .pi8-grp-chkbtn{flex-direction:row}.pi8-motif-wrapper .pi8-motif-fileinput-text{visibility:visible;margin-top:0;padding:0 30px;font-size:1.8em}.pi8-motif-wrapper .pi8-motif-dropzone{padding-top:90px;height:250px}.pi8-preview-btn-wrapper .pi8-check,.pi8-preview-btn-wrapper .pi8-edit,.pi8-preview-btn-wrapper .pi8-trash{font-size:1.8em}#tx-p123designer-pi8-guidelines .bodytext{width:auto}#tx-p123designer-pi8-guidelines .csc-textpic-imagecolumn{margin-right:20px}}@media only screen and (min-width:60em){.tx-p123designer-pi8-section{padding:20px}.tx-p123designer-pi8-locationInfo-wrapper .pi8-costs{flex-direction:row!important}.tx-p123designer-pi8-locationInfo-wrapper .pi8-costs .price{width:auto;margin-top:0;margin-left:2em;text-align:left;line-height:1.6em}.tx-p123designer-pi8-headline h2,.tx-p123designer-pi8-locationInfo-wrapper .pi8-costs .price-text{width:auto}.tx-p123designer-pi8 .pi8-ipoint-end{padding-right:0;margin-left:.5em}.pi8-motif-wrapper .pi8-flex-wrapper{width:80%;max-width:55em;margin:0 auto}.pi8-motif-wrapper .pi8-motif-dropzone{height:285px}.pi8-dialog-confirm-container{font-size:100%}.pi8-preview-btn-wrapper .pi8-check,.pi8-preview-btn-wrapper .pi8-edit,.pi8-preview-btn-wrapper .pi8-trash{font-size:2em}}@media only screen and (min-width:64em){#txp123designerpi8-wrapper .tx-p123designer-pi8-section{width:100%;float:left}#txp123designerpi8-wrapper-quantity{margin-left:unset;margin-right:unset}.tx-p123designer-pi8-section~.tx-p123designer-pi8-section{margin-top:20px}.tx-p123designer-pi8-locationIcon-wrapper{padding-left:40px;padding-top:40px}.tx-p123designer-pi8-locationIcon-wrapper .icon{transform:scale(2)}.tx-p123designer-pi8-locationInfo-wrapper{padding-left:3em;padding-top:15px;margin-bottom:2em}#txp123designerpi8-motifs-wrapper{display:block;position:relative;margin:0 auto;padding-top:20px}.pi8-motif-headline-wrapper .pi8-motif-headline-name{padding:0 10px}#txp123designerpi8-btn-showmotifs{width:90%;margin:0 auto;box-sizing:border-box}}@media only screen and (min-width:74em){#txp123designerpi8-motifs-wrapper{width:90%;max-width:64em;margin:0 auto;padding-top:20px}.tx-p123designer-pi8-locationInfo-wrapper{padding-left:4em}.tx-p123designer-pi8-locationIcon-wrapper .icon{transform:scale(2.2)}.pi8-motif-wrapper .pi8-motif-fileinput-text{margin-top:20px}}@media only screen and (min-width:89em){.tx-p123designer-pi8-section{padding:30px}.tx-p123designer-pi8-locationIcon-wrapper .icon{transform:scale(2.5)}.tx-p123designer-pi8-locationIcon-wrapper{padding-left:50px;padding-top:50px}.tx-p123designer-pi8-locationInfo-wrapper{padding-left:5em;padding-top:35px}}