# Configuration for the plugin "p123designer_pi1"
plugin.tx_p123designer_pi1 {
  # Define the templateFile
  templateFile = EXT:p123designer/res/template.htm
  javascriptFile = EXT:p123designer/res/javascript.js
  moveJsFromHeaderToFooter = 0
  # Define formular settings
  formular {
    type.typolink.parameter.data = TSFE:id
    type.typolink.additionalParams = &tx_p123designer_pi1[format]=
    type.typolink.additionalParams.dataWrap = |{GP:tx_p123designer_pi1|format}
    type.typolink.returnLast = url
  }
  # Define the flash movie
  flash =< tt_content.media.20
  flash {
    minHeight = 405
    mimeConf.swfobject.file.dataWrap = |?_={date:U}
    alternativeContent.stdWrap.parseFunc = <lib.parseFunc
    alternativeContent.wrap = <div class="csc-default">|</div>
    stdWrap.required = 1
   #stdWrap.dataWrap = |<h1 class="###FORM_name###-header">{field:header} ###DATA_format_desc###</h1>
    stdWrap.dataWrap = <div class="csc-header"><h1>{field:header} ###DATA_format_desc###</h1></div>|
   #stdWrap.wrap3 = <div id="###FORM_name###-flash">|<div id="###FORM_name###-headline">###DATA_format_desc###</div></div>
    stdWrap.wrap3 = <div id="###FORM_name###-flash">|</div>
  }
  workingSet {
    paddingTop = 41
    paddingRight = 9
    paddingBottom = 64
    paddingLeft = 163
  }
  appendPageTitle {
    setCurrent.field = format_desc
    lang.en = for
    lang.de = für
    noTrimWrap = | | |
    dataWrap = |{current:1}
  }
  locallang {
    save {
      wrap = <a class="csc-mailform-submit tx-p123designer-pi1-button-submit">|</a>
    }
    cancel {
      typolink.parameter = {$plugin.tx_p123_pi.pageDesigner}
      typolink.parameter.noTrimWrap = || - csc-mailform-submit|
    }
    fullScreenHint {
      wrap = <div class="tx-p123designer-pi1-fullscreen">|</div>
    }
    fullScreenLink {
      wrap = <a onclick="DesignerZoomer.zoom(); return false;">|</a>
    }
    processing {
      wrap = <span>|</span>
    }
  }
  # Define the default Stylesheet
  _CSS_DEFAULT_STYLE (
	body.wide #content-normal .csc-default .tx-p123designer-pi1 { margin: -10px -15px -19px -12px; }
	#txp123designerpi1-flash, .tx-p123designer-pi1 .tx-rbflashobject-pi1-swf_altcontent { line-height: 0px; }
	body.wide #content-normal .csc-default #txp123designerpi1-flash .csc-default,
	body.wide-toggle #content-normal .csc-default #txp123designerpi1-flash .csc-default { border: none; background: none; margin: 0px; position: static; }
	#txp123designerpi1-flash embed, #txp123designerpi1-flash object { min-height: 525px; }
	#txp123designerpi1-flash .csc-default { line-height: normal; }
	#txp123designerpi1-flash.fullScreen { overflow: hidden; }
	#txp123designerpi1-flash.fullScreen embed, #txp123designerpi1-flash.fullScreen object { height: 95%; margin: 2.5% 0px 0px 2.5%; min-height: 0px; width: 95%; }
	.tx-p123designer-pi1 .csc-mailform-submit-top.deactivate, .tx-p123designer-pi1 .csc-mailform-submit-bottom.deactivate, .tx-p123designer-pi1 .csc-mailform-submit.deactivate { display: none; }
	.txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-top, .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-cancel-bottom, .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-bottom { position: fixed; z-index: 1002; }
	.txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-top { bottom: 100%; margin: 0px 0px -30px 0px; top: auto;
		bottom: -moz-calc(50%); bottom: -webkit-calc(50%); bottom: calc(50%);
		/* calc((100vh * 0.98 - 30px - 49px + 40px) / 2 - 10px) */
		margin-bottom: -moz-calc((100vh * 0.98 - 39px) / 2 - 10px); margin-bottom: -webkit-calc((100vh * 0.98 - 39px) / 2 - 10px); margin-bottom: calc((100vh * 0.98 - 39px) / 2 - 10px); }
	.txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-cancel-bottom, .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-bottom { bottom: auto; margin: -26px 0px 0px 0px; top: 100%;
		/* calc((100vh * 0.98 - 30px - 49px + 35px) / 2 - 1px) */
		margin-top: -moz-calc((100vh * 0.98 - 44px) / 2 - 1px); margin-top: -webkit-calc((100vh * 0.98 - 44px) / 2 - 1px); margin-top: calc((100vh * 0.98 - 44px) / 2 - 1px);
		top: -moz-calc(50%); top: -webkit-calc(50%); top: calc(50%); }
	.txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-cancel-bottom { left: 1%; }
	.txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-top, .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-bottom { right: 1%; }
	.tx-p123designer-pi1-fullscreen { background: #f5efe3; color: #BE1010; line-height: 16px; margin: -1px 0px 1px 0px; padding: 6px; position: relative; }
	.tx-p123designer-pi1-fullscreen a { color: #BE1010; font-weight: bold; }
	#TB_load.tx-p123designer-pi1-load { background: rgba(255, 255, 255, 0.9); border: 1px solid #C0C0C0; border-color: rgba(192, 192, 192, 0.6); color: #333333; font-weight: bold; height: 50px; margin: -25px 0px 0px -162.5px; padding-top: 18px; text-align: center; white-space: nowrap; width: 325px;
		-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
		-moz-box-shadow: 1px 1px 4px 0px #C0C0C0; -webkit-box-shadow: 1px 1px 4px 0px #C0C0C0; box-shadow: 1px 1px 4px 0px #C0C0C0; }
	#TB_load.tx-p123designer-pi1-load::after { background: #000000; margin-top: -16px; }
	#TB_load.tx-p123designer-pi1-load span { display: block; margin-left: 20px; }
	@media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) {
		.tx-p123designer-pi1 { margin-top: 0px !important; position: relative; }
		.tx-p123designer-pi1 object, .tx-p123designer-pi1 embed { height: auto; max-width: 100%; min-height: 442px; }
		.txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-top {
			/* calc((100vh * 0.98 - 30px - 55px + 40px) / 2 - 10px) */
			margin-bottom: -moz-calc((100vh * 0.98 - 45px) / 2 - 10px); margin-bottom: -webkit-calc((100vh * 0.98 - 45px) / 2 - 10px); margin-bottom: calc((100vh * 0.98 - 45px) / 2 - 10px); }
		.txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-cancel-bottom, .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-bottom {
			/* calc((100vh * 0.98 - 30px - 55px + 35px) / 2 - 1px) */
			margin-top: -moz-calc((100vh * 0.98 - 50px) / 2 - 1px); margin-top: -webkit-calc((100vh * 0.98 - 50px) / 2 - 1px); margin-top: calc((100vh * 0.98 - 50px) / 2 - 1px); }
	}
	@media only screen and (max-width: 456px) {
		.txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-top { display: none; }
	}
  )
}

# Configuration for the plugin "p123designer_pi2"
plugin.tx_p123designer_pi2 {
  imgtext = <tt_content.image.20
  imgtext {
    1.imageLinkWrap.enable.if.isTrue.field = image
    imgList.ifEmpty = nopreview.jpg
    imgPath = uploads/tx_p123designer/
    imgPath.override = typo3conf/ext/p123designer/res/
    imgPath.override.if.isFalse.field = image
    caption.1.override = ###LL_caption###
    caption.1.override.if.isFalse.field = image
  }
}

# Configuration for the plugin "p123designer_pi3"
plugin.tx_p123designer_pi3 {
  includeP123 = pageDesignerLater,storeFiles
  # Define the templateFile
  templateFile = EXT:p123designer/res/template.htm
  javascriptFile = EXT:p123designer/res/javascript.js
  moveJsFromHeaderToFooter = 0
  # Define formular settings
  formular < plugin.tx_p123designer_pi1.formular
  formular {
    type.typolink.additionalParams = &tx_p123designer_pi3[link]=
    type.typolink.additionalParams.dataWrap = |{GP:tx_p123designer_pi3|link}
  }
  headline = TEXT
  headline {
    dataWrap = <div class="csc-header"><h1>|###DATA_format_desc###</h1></div>    
    noTrimWrap = || |
    field = header
  }
  content = RECORDS
  content {
    tables = tt_content
    conf.tt_content =< tt_content
    dontCheckPid = 1
    stdWrap.required = 1
    stdWrap.wrap = <div class="tx-p123designer-pi3-guidelines">|</div>
  }
  flash < plugin.tx_p123designer_pi1.flash
  workingSet < plugin.tx_p123designer_pi1.workingSet
  appendPageTitle < plugin.tx_p123designer_pi1.appendPageTitle
  #np Anfang
  marks {
    UPLOADER_BASEURL = uploads/tx_p123designer/
    # @TODO: Change this to function of pi4 #
    UPLOADER_HANDLER_URL = TEXT
    UPLOADER_HANDLER_URL {
      typolink {
        parameter.data = TSFE:id
        additionalParams = &type=133
        returnLast = url
        addQueryString = 1
        addQueryString.exclude = id,L,chash
      }
    }
    UPLOADER_SERVERURL = TEXT
    UPLOADER_SERVERURL {
      typolink {
        parameter.data = TSFE:id
        returnLast = url
        additionalParams.cObject = COA
        additionalParams.cObject {
          10 = TEXT
          10.value = &tx_p123designer_pi4[upload]=1
          20 = TEXT
          20.data = GP:tx_p123designer_pi4|format
          20.wrap = &tx_p123designer_pi4[format]=|
          30 = TEXT
          30.value = &tx_p123designer_pi4[uploaded]=1
        }
      }
    }
  }
  #npEnde
  stdWrap.stdWrap.split < plugin.tx_p123designer_pi1.stdWrap.stdWrap.split
  # Add extra time to expiration date in database (7 days = 7 * 24 * 60 *60)
  extraExpirationTime = 604800
  data {
    image {
      setContentToCurrent = 1
      cObject = IMAGE
      cObject {
        file.import = uploads/tx_p123designer/
        file.import.current = 1
        file.maxH = 175
        file.maxW = 250
        params = class="tx-p123designer-pi3-image"
      }
    }
    thumbnail {
      setContentToCurrent = 1
      cObject = IMG_RESOURCE
      cObject.file.import = uploads/tx_p123designer/
      cObject.file.import.current = 1
      required = 1
      wrap = <img src="|">
      wrap2 = <div class="tx_p123designer_pi4-thumbnail">|</div>
    }
    motifDesc {
      trim = 1
      stripHtml = 1
      htmlSpecialChars = 1
    }
  }
  locallang {
    save {
      wrap = <a class="csc-mailform-submit tx-p123designer-pi1-button-submit">|</a>
    }
    submitAccept {
      # wrap = <a class="csc-mailform-button" onclick="return tx_p123designer_pi3.submit();">|</a>
      typolink {
      	parameter {
      		data = TSFE:id
      		noTrimWrap = || - "csc-mailform-submit tx-p123designer-pi3-button-submit"|
      	}
      	additionalParams {
      		wrap = &tx_p123designer_pi3[link]=|
      		data = GP:tx_p123designer_pi3|link
      	}
      }
    }
	submitAccept >
	submitAccept.wrap = <a class="csc-mailform-submit tx-p123designer-pi3-button-submit">|</a>
    submitDecline {
      typolink.parameter.data = TSFE:id
      typolink.parameter.noTrimWrap = || - "csc-mailform-submit tx-p123designer-pi3-cancel-button"|
      typolink.additionalParams = &tx_p123designer_pi3[link]=
      typolink.additionalParams.dataWrap = |{GP:tx_p123designer_pi3|link}
    }
	submitDecline >
	submitDecline.wrap = <a class="csc-mailform-submit tx-p123designer-pi3-cancel-button">|</a>
    fullScreenHint {
      wrap = <div class="tx-p123designer-pi1-fullscreen">|</div>
    }
    fullScreenLink {
      wrap = <a onclick="DesignerZoomer.zoom(); return false;">|</a>
    }
    finishedDescription {
      stdWrap.parseFunc.constants = 1
      trim = 1
      parseFunc = <lib.parseFunc_RTE
    }
    finishedClose {
      typolink.parameter.data = fullRootline: 0,uid
      typolink.parameter.noTrimWrap = || - csc-mailform-button|
    }
    errorLink {
      trim = 1
      parseFunc = <lib.parseFunc_RTE
    }
    errorHotline {
      stdWrap.parseFunc.constants = 1
      trim = 1
      parseFunc = <lib.parseFunc_RTE
    }
    errorClose {
      typolink.parameter.cObject = CONTENT
      typolink.parameter.cObject {
        table = pages
        select {
          pidInList.data = fullRootline: 1,uid
          selectFields = uid,pid
          where = (title LIKE 'kontakt%' OR title LIKE 'contact%' OR nav_title LIKE 'kontakt%' OR nav_title LIKE 'contact%' OR alias LIKE 'kontakt%' OR alias LIKE 'contact%') AND nav_hide='0' AND no_search='0'
          max = 1
        }
        slide = 100
        renderObj = TEXT
        renderObj.field = uid
      }
      typolink.parameter.noTrimWrap = || - csc-mailform-button|
    }
    processing {
      wrap = <span>|</span>
    }
    submitting < .processing
    uploadButton {
      wrap = <span>|</span>
    }
    motifHeader {
      wrap = <h2>|</h2>
    }
    motifDesc {
      trim = 1
      parseFunc = <lib.parseFunc_RTE
    }
  }
  # Parse userdata before adding them to mailTemplate
  parseUserData.text {
    htmlSpecialChars_decode = 1
  }
  # Mail Constructor
  mail {
    subject {
      lang.en = Motif at {TSFE:tmpl|sitetitle} for order no. {register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][sid]} submitted
      lang.de = Motiv auf {TSFE:tmpl|sitetitle} zu Auftrag {register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][sid]} nachgereicht
      insertData = 1
    }
    recipient {
      address.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][email]
      address.htmlSpecialChars_decode = 1
#     name.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][lastname]
#     name.stdWrap.dataWrap = |, {register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][firstname]}
#     name.stdWrap.prepend = TEXT
#     name.stdWrap.prepend {
#       data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][company]
#       required = 1
#       noTrimWrap = || - |
#     }
#     name.htmlSpecialChars_decode = 1
    }
#   cc.1 {
#     address = email@address.com
#     name = Recipient name
#   }
    bcc.1 {
      address = auftrag@123plakat.de
#     name = Recipient name
    }
    attachment {
      1 {
        file.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][preview]
        file.required = 1
        file.wrap = uploads/tx_p123designer/
        fileName {
          lang.en = motif
          lang.de = motiv
          dataWrap = {register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][sid]}-|.
          append = TEXT
          append {
            data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][preview]
            listNum.splitChar = .
            listNum = last
          }
          insertData = 1
        }
      }
    }
  }
  # HTML Template
  mailTemplate.html = TEMPLATE
  mailTemplate.html {
    template = FILE
    template.file = EXT:p123designer/res/mailTemplate.htm
    template.file.override = EXT:p123designer/res/mailTemplate_with_download.htm
    template.file.override.if {
      value < plugin.tx_p123_pi.storeFiles.if.value
      isInList.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][format]
      negate = 1
    }
    subparts.MENU = <plugin.tx_p123checkout_pi4.mailTemplate.html.subparts.MENU
    subparts.LOGO = <plugin.tx_p123checkout_pi4.mailTemplate.html.subparts.LOGO
    marks.TITLE = TEXT
    marks.TITLE {
      lang.en = Motif submitted
      lang.de = Plakatmotiv übermittelt
    }
    marks.CUSTOMER = <plugin.tx_p123checkout_pi4.mailTemplate.html.marks.CUSTOMER
    marks.DATE = <plugin.tx_p123checkout_pi4.mailTemplate.html.marks.DATE
    marks.TODAY = <plugin.tx_p123checkout_pi4.mailTemplate.html.marks.TODAY
    marks.PORTAL = <plugin.tx_p123checkout_pi4.mailTemplate.html.marks.PORTAL
    marks.SITENAME = <plugin.tx_p123checkout_pi4.mailTemplate.html.marks.SITENAME
    marks.ORDERTEXT = TEXT
    marks.ORDERTEXT {
      lang.en (
Hello ###USER_firstname### ###USER_lastname###,

thank you for your „###USER_format_desc###“ motif. Your motif data has been successfully transferred to {$terms.short}

For any questions please contact our hotline <a href="tel:{$terms.telraw}" style="color: #55565A;">{$terms.tel}</a> or by e-mail to <a href="mailto:{$terms.email}" style="color: #55565A;">{$terms.email}</a>.


Best regards

{$portal.salutation}
      )
      lang.de (
Hallo ###USER_firstname### ###USER_lastname###,

vielen Dank für Dein „###USER_format_desc###“ Plakatmotiv. Deine Daten wurde erfolgreich an {$terms.short} übermittelt.

Bei Rückfragen wende Dich bitte an unsere Hotline <a href="tel:{$terms.telraw}" style="color: #55565A;">{$terms.tel}</a> oder per E-Mail an <a href="mailto:{$terms.email}" style="color: #55565A;">{$terms.email}</a>.


Mit freundlichen Grüßen

{$portal.salutation}
      )
      trim = 1
      brTag = <br>
    }
    marks.DOWNLOAD = TEXT
    marks.DOWNLOAD {
      lang.en = Download the print data
      lang.de = Download der Druckdaten
    }
    subparts.HOTLINE = <plugin.tx_p123checkout_pi4.mailTemplate.html.subparts.HOTLINE
    marks.ADDRESS = <plugin.tx_p123checkout_pi4.mailTemplate.html.marks.ADDRESS
    marks.IMPRINT = <plugin.tx_p123checkout_pi4.mailTemplate.html.marks.IMPRINT
  }
  # Text template
  mailTemplate.text = TEMPLATE
  mailTemplate.text {
    template = <plugin.tx_p123designer_pi3.mailTemplate.html.template
    template.file = EXT:p123designer/res/mailTemplate.txt
    template.file.override = EXT:p123designer/res/mailTemplate_with_download.txt
    subparts.MENU = <plugin.tx_p123designer_pi3.mailTemplate.html.subparts.MENU
    subparts.MENU {
      1.NO.doNotLinkIt = 1
      1.NO.stdWrap {
        append = COA
        append {
          10 = TEXT
          10.setCurrent.char = 124 |*| 124 |*| 0
          10.typolink.parameter.field = uid
          10.typolink.forceAbsoluteUrl = 1
          10.typolink.returnLast = url
          10.noTrimWrap = | <|> {current:1}|
          10.insertData = !
          20 = TEXT
          20.char = 10
        }
      }
      1.NO.linkWrap = |
      stdWrap.trim = 1
    }
    marks.TITLE = <plugin.tx_p123designer_pi3.mailTemplate.html.marks.TITLE
    marks.CUSTOMER = <plugin.tx_p123designer_pi3.mailTemplate.html.marks.CUSTOMER
    marks.CUSTOMER {
      stdWrap.noTrimWrap = ||:                    |
      substring = 0,20
    }
    marks.DATE = <plugin.tx_p123designer_pi3.mailTemplate.html.marks.DATE
    marks.DATE {
      stdWrap.noTrimWrap = ||:                    |
      substring = 0,20
    }
    marks.TODAY = <plugin.tx_p123designer_pi3.mailTemplate.html.marks.TODAY
    marks.SITENAME = <plugin.tx_p123designer_pi3.mailTemplate.html.marks.SITENAME
    marks.SITEURL = TEXT
    marks.SITEURL {
      typolink.parameter.data = fullRootline: 1,uid
      typolink.returnLast = url
      wrap = <|>
    }
    marks.ORDERTEXT = <plugin.tx_p123designer_pi3.mailTemplate.html.marks.ORDERTEXT
    marks.ORDERTEXT {
      brTag (


)
      stripHtml = 1
    }
    marks.DOWNLOAD = <plugin.tx_p123designer_pi3.mailTemplate.html.marks.DOWNLOAD
    subparts.HOTLINE = <plugin.tx_p123designer_pi3.mailTemplate.html.subparts.HOTLINE
    subparts.HOTLINE {
      brTag < plugin.tx_p123designer_pi3.mailTemplate.text.marks.ORDERTEXT.brTag
      stripHtml = 1
    }
    marks.ADDRESS = <plugin.tx_p123designer_pi3.mailTemplate.html.marks.ADDRESS
    marks.ADDRESS {
      brTag < plugin.tx_p123designer_pi3.mailTemplate.text.marks.ORDERTEXT.brTag
      stripHtml = 1
    }
    marks.IMPRINT = <plugin.tx_p123designer_pi3.mailTemplate.html.marks.IMPRINT
    marks.IMPRINT {
      brTag < plugin.tx_p123designer_pi3.mailTemplate.text.marks.ORDERTEXT.brTag
      stripHtml = 1
    }
  }
  xmlOptions {
    storeXML = 1
    directory = /var/ftp/order
    fileName = {$plugin.tx_p123_pi.portal}_{$plugin.tx_p123_pi.sesName}_{register:tx_p123_pi[session][sid]}_motiv.xml
    fileName {
      insertData = 1
    }
  }
  # Array to bild xml of
  orderArr {
    _attributes {
      Datum.date = d-m-Y H:i
      Kommisionsnr.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][sid]
      IP.data = getIndpEnv:REMOTE_ADDR
      Portal = {$plugin.tx_p123_pi.portal}
      Unterportal = {$plugin.tx_p123_pi.sesName}
    }
    Kunde {
      _attributes {
        Vorname.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][firstname]
        Nachname.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][lastname]
        Firma.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][company]
        Email.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][email]
      }
    }
    Media {
      if {
        __preventParser = 1
        isTrue.field = poster
      }
      _attributes {
        Name.field = caption
        Format {
          field = format
          substring = 0,-3
          substring.if {
            value = _DW
            equals.field = format
            equals.case = upper
            equals.substring = -3,3
          }
        }
        Dauerwerbung = 0
        Dauerwerbung {
          override = 1
          override.if.value = _DW
          override.if.equals.field = format
          override.if.equals.case = upper
          override.if.equals.substring = -3,3
        }
        Typ {
          cObject = CASE
          cObject {
            3560x2520 = TEXT
            3560x2520.value = GF
            5260x3720 = TEXT
            5260x3720.value = SP
            1024x768 = TEXT
            1024x768.value = VB
            1189x2520 = TEXT
            1189x2520.value = GZ
            7120x2520 = TEXT
            7120x2520.value = PF
            3540x2470 = TEXT
            3540x2470.value = GV
            1185x1750 = TEXT
            1185x1750.value = VI
            1185x1751 = TEXT
            1185x1751.value = VI
            594x841 = TEXT
            594x841.value = AL1_1
            1190x841 = TEXT
            1190x841.value = AL2_1
            1190x1680 = TEXT
            1190x1680.value = AL4_1
            1189x2520.override = AL6_1
            1189x2520.override.if.value.field = HS
            1189x2520.override.if.equals = AL
            297x420 = TEXT
            297x420.value = SOTP
            841x1189 = TEXT
            841x1189.value = SOTL
            148x210 = TEXT
            148x210.value = SOSA
            148x105 = TEXT
            148x105.value = SOFC
            154x111 = TEXT
            154x111.value = SOCC
            860x720 = TEXT
            860x720.value = TADW
            3560x2520_DW < .3560x2520
            1189x2520_DW < .1189x2520
            3540x2470_DW < .3540x2470
            key.field = format
          }
        }
      }
      Plakat {
        _attributes {
          Vorschau.field = download
          URL.field = poster
          bezeichnung {
            data = GP:tx_p123designer_pi3|description
            ifEmpty.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][email]
            ifEmpty.trim = 1
            ifEmpty.substring = 0,15
            trim = 1
          }
          motivanzahl {
            data = GP:tx_p123designer_pi3|quantity
            ifEmpty = 1
            intval = 1
          }
        }
#       Bilddaten {
#         Data {
#           preUserFunc = tx_p123checkout_pi4->fileContent
#           preUserFunc {
#             file.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][preview]
#             file.wrap = uploads/tx_p123designer/|
#           }
#         }
#         _attributes {
#           Name.field = found
#           Bytes {
#             preUserFunc = tx_p123checkout_pi4->fileSize
#             preUserFunc {
#               file.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][preview]
#               file.wrap = uploads/tx_p123designer/|
#             }
#           }
#           Kodiert = base64
#         }
#       }
      }
    }
  }
  marks.UPLOADER_HANDLER_URL < plugin.tx_p123designer_pi1.marks.UPLOADER_HANDLER_URL
  marks.UPLOADER_SERVERURL < plugin.tx_p123designer_pi1.marks.UPLOADER_SERVERURL
  marks.UPLOADER_SERVERURL {
	additionalParams.cObject {
		10.value = &tx_p123designer_pi3[upload]=1
		20 >
		30 >
		# 20.data = GP:tx_p123designer_pi3|format
		# 20.wrap = &tx_p123designer_pi1[format]=|
		# 30.value = &tx_p123designer_pi3[accept]=1
	}
  }

  # Define the default Stylesheet
  _CSS_DEFAULT_STYLE (
	body.wide #content-normal .csc-default .tx-p123designer-pi3 { margin: -10px -15px -19px -12px; }
	#txp123designerpi3-flash, .tx-p123designer-pi3 .tx-rbflashobject-pi1-swf_altcontent { line-height: 0px; }
	#txp123designerpi3-flash embed, #txp123designerpi3-flash object { min-height: 525px; }
	#txp123designerpi3-flash .csc-default { line-height: normal; }
	#txp123designerpi3-flash.fullScreen { overflow: hidden; }
	#txp123designerpi3-flash.fullScreen embed, #txp123designerpi3-flash.fullScreen object { height: 95%; margin: 2.5% 0px 0px 2.5%; min-height: 0px; width: 95%; }
	#txp123designerpi3-submit { display: none; }
	.tx-p123designer-pi3 .csc-mailform-submit-top.deactivate, .tx-p123designer-pi3 .csc-mailform-submit-bottom.deactivate, .tx-p123designer-pi3 .csc-mailform-submit.deactivate, .tx-p123designer-pi3 .csc-mailform-cancel-bottom.deactivate { display: none; }
	.txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-top, .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-cancel-bottom, .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-bottom { position: fixed; z-index: 1002; }
	.txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-top { bottom: 100%; margin: 0px 0px -30px 0px; top: auto;
		bottom: -moz-calc(50%); bottom: -webkit-calc(50%); bottom: calc(50%);
		/* calc((100vh * 0.98 - 30px - 49px + 40px) / 2 - 10px) */
		margin-bottom: -moz-calc((100vh * 0.98 - 39px) / 2 - 10px); margin-bottom: -webkit-calc((100vh * 0.98 - 39px) / 2 - 10px); margin-bottom: calc((100vh * 0.98 - 39px) / 2 - 10px); }
	.txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-cancel-bottom, .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-bottom { bottom: auto; margin: -26px 0px 0px 0px; top: 100%;
		/* calc((100vh * 0.98 - 30px - 49px + 35px) / 2 - 1px) */
		margin-top: -moz-calc((100vh * 0.98 - 44px) / 2 - 1px); margin-top: -webkit-calc((100vh * 0.98 - 44px) / 2 - 1px); margin-top: calc((100vh * 0.98 - 44px) / 2 - 1px);
		top: -moz-calc(50%); top: -webkit-calc(50%); top: calc(50%); }
	.txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-cancel-bottom { left: 1%; }
	.txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-top, .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-bottom { right: 1%; }
	.tx-p123designer-pi3-fullscreen { background: #f5efe3; color: #BE1010; line-height: 16px; margin: -1px 0px 1px 0px; padding: 6px; position: relative; }
	.tx-p123designer-pi3-fullscreen a { color: #BE1010; font-weight: bold; }
	.tx-p123designer-pi3-image { border: 1px solid #DBDBDB; float: right; margin: 0px 0px 5px 25px; }
	.tx-p123designer-pi3-window { padding: 30px 40px; }
	.tx-p123designer-pi3-window h2 { padding-bottom: 0px; }
	.tx-p123designer-pi3-window p { padding-top: 3px !important; }
	.tx-p123designer-pi3-window p span label { display: block; }
	.tx-p123designer-pi3-window a.csc-mailform-button, #TB_window .tx-p123designer-pi3-window a.csc-mailform-button { color: #FFFFFF; float: right; }
	.tx-p123designer-pi3-window a.csc-mailform-button.left, #TB_window .tx-p123designer-pi3-window a.csc-mailform-button.left { float: left; }
	.tx-p123designer-pi3-window .line { border-bottom: 1px dashed #ACA89C; clear: both; font-size: 0px; height: 0px; line-height: 0px; margin: 20px 0px; }
	#TB_load.tx-p123designer-pi3-load { background: rgba(255, 255, 255, 0.9); border: 1px solid #C0C0C0; border-color: rgba(192, 192, 192, 0.6); color: #333333; font-weight: bold; height: 50px; margin: -25px 0px 0px -162.5px; padding-top: 18px; text-align: center; white-space: nowrap; width: 325px;
		-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
		-moz-box-shadow: 1px 1px 4px 0px #C0C0C0; -webkit-box-shadow: 1px 1px 4px 0px #C0C0C0; box-shadow: 1px 1px 4px 0px #C0C0C0; }
	#TB_load.tx-p123designer-pi3-load::after { background: #000000; margin-top: -16px; }
	#TB_load.tx-p123designer-pi3-load span { display: block; margin-left: 20px; }
	.tx_p123designer_pi3-form { padding: 10px 15px 18px 12px; }
	.tx-p123designer-pi3-descriptionError,
	.tx-p123designer-pi3-uploadError { color: #BE1010; font-weight: bold; }
	.tx_p123designer_pi3-fileinput-button { background-color: #F8B300; color: #fff; font-weight: bold; overflow: hidden; padding: 6px 12px; position: relative; }
	.tx_p123designer_pi3-fileinput-button,
	.tx_p123designer_pi3-fileinput-text { display: inline-block; }
	.tx_p123designer_pi3-fileinput-text { font-size: 20px; margin-top: 10px; }
	.tx_p123designer_pi3-fileinput-button input { cursor: pointer; direction: ltr; font-size: 200px !important; margin: 0px; opacity: 0; position: absolute; right: 0px; top: 0px;
		-ms-filter: 'alpha(opacity=0)'; }
	.tx_p123designer_pi3-progress { background-color: #f5f5f5; border-radius: 4px; display: none; height: 20px; margin: 20px 0px; overflow: hidden;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
	.tx_p123designer_pi3-progress-bar { background-color: #337ab7; color: #fff; float: left; font-size: 12px; height: 100%; line-height: 20px; padding: 0px 5px; text-align: center; width: 0px;
		-webkit-box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.15);
		-webkit-transition: width 0.6s ease; transition: width 0.6s ease; }
	.tx_p123designer_pi3-progress-bar-success { background-color: #5cb85c; }
	.tx_p123designer_pi3-dropzone { background: #e7e7e7; border: 2px dashed #868686; height: 50px; padding: 50px 0px; text-align: center; width: 100%; }
	.tx_p123designer_pi3-dropzone.in { background: #c5c5c5; font-size: 150%; }
	.tx_p123designer_pi3-thumbnail img { border: 1px solid #dbdbdb; display: block; }
	.tx-p123designer-pi3-upload-titel .csc-mailform-button { float: left; }
	body.wide #content-normal .csc-default + .tx-p123designer-pi3-guidelines,
	body.wide-toggle #content-normal .csc-default + .tx-p123designer-pi3-guidelines { padding-top: 30px; }
	@media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) {
		.tx-p123designer-pi3 { margin-top: 0px !important; position: relative; }
		#txp123designerpi3-flash { right: 0px; }
		.tx-p123designer-pi3 object, .tx-p123designer-pi3 embed { height: auto; max-width: 100%; min-height: 442px; width: 100%; }
		.txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-top {
			/* calc((100vh * 0.98 - 30px - 55px + 40px) / 2 - 10px) */
			margin-bottom: -moz-calc((100vh * 0.98 - 45px) / 2 - 10px); margin-bottom: -webkit-calc((100vh * 0.98 - 45px) / 2 - 10px); margin-bottom: calc((100vh * 0.98 - 45px) / 2 - 10px); }
		.txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-cancel-bottom, .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-bottom {
			/* calc((100vh * 0.98 - 30px - 55px + 35px) / 2 - 1px) */
			margin-top: -moz-calc((100vh * 0.98 - 50px) / 2 - 1px); margin-top: -webkit-calc((100vh * 0.98 - 50px) / 2 - 1px); margin-top: calc((100vh * 0.98 - 50px) / 2 - 1px); }
		.tx_p123designer_pi3-thumbnail img { height: auto; width: 100%;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	}
	@media only screen and (max-width: 456px) {
		.txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-top { display: none; }
	}
  )
}

# Configuration for the plugin "p123designer_pi4"
plugin.tx_p123designer_pi4 {
  # Define the templateFile
  templateFile = EXT:p123designer/res/template.htm
  javascriptFile = EXT:p123designer/res/javascript.js
  moveJsFromHeaderToFooter = 0
  # Define formular settings
  formular {
    type.typolink.parameter.data = TSFE:id
    type.typolink.additionalParams = &tx_p123designer_pi4[format]=
    type.typolink.additionalParams.dataWrap = |{GP:tx_p123designer_pi4|format}
    type.typolink.returnLast = url
  }
  # Define the flash movie
  flash =< tt_content.media.20
  flash {
    minHeight = 405
    mimeConf.swfobject.file.dataWrap = |?_={date:U}
    alternativeContent.stdWrap.parseFunc = <lib.parseFunc
    alternativeContent.wrap = <div class="csc-default">|</div>
    stdWrap.required = 1
   #stdWrap.dataWrap = |<h1 class="###FORM_name###-header">{field:header} ###DATA_format_desc###</h1>
    stdWrap.dataWrap = <div class="csc-header"><h1>{field:header} ###DATA_format_desc###</h1></div>|
   #stdWrap.wrap3 = <div id="###FORM_name###-flash">|<div id="###FORM_name###-headline">###DATA_format_desc###</div></div>
    stdWrap.wrap3 = <div id="###FORM_name###-flash">|</div>
  }
  headline = TEXT
  headline {
    dataWrap = <div class="csc-header"><h1>|###DATA_format_desc###</h1></div>    
    noTrimWrap = || |
    field = header
  }
  content = RECORDS
  content {
    tables = tt_content
    conf.tt_content =< tt_content
    dontCheckPid = 1
    stdWrap.required = 1
    stdWrap.wrap = <div class="tx-p123designer-pi4-guidelines">|</div>
  }
  workingSet {
    paddingTop = 41
    paddingRight = 9
    paddingBottom = 64
    paddingLeft = 163
  }
  appendPageTitle {
    setCurrent.field = format_desc
    lang.en = for
    lang.de = für
    noTrimWrap = | | |
    dataWrap = |{current:1}
  }
  marks {
    UPLOADER_BASEURL = uploads/tx_p123designer/

    # @TODO: Change this to function of pi4 #
    UPLOADER_HANDLER_URL = TEXT
    UPLOADER_HANDLER_URL {
      typolink {
        parameter.data = TSFE:id
        additionalParams = &type=133
        returnLast = url
        addQueryString = 1
        addQueryString.exclude = id,L,chash
      }
    }

    UPLOADER_SERVERURL = TEXT
    UPLOADER_SERVERURL {
      typolink {
        parameter.data = TSFE:id
        returnLast = url
        additionalParams.cObject = COA
        additionalParams.cObject {
          10 = TEXT
          10.value = &tx_p123designer_pi4[upload]=1

          20 = TEXT
          20.data = GP:tx_p123designer_pi4|format
          20.wrap = &tx_p123designer_pi4[format]=|

          30 = TEXT
          30.value = &tx_p123designer_pi4[uploaded]=1
        }
      }
    }
  }
  data {
    thumbnail {
      setContentToCurrent = 1
      cObject = IMG_RESOURCE
      cObject.file.import = uploads/tx_p123designer/
      cObject.file.import.current = 1
      required = 1
      wrap = <img src="|">
      wrap2 = <div class="tx_p123designer_pi4-thumbnail">|</div>
    }
    motifDesc {
      trim = 1
      stripHtml = 1
      htmlSpecialChars = 1
    }
  }
  locallang {
    save {
      wrap = <a class="csc-mailform-submit tx-p123designer-pi4-button-submit">|</a>
     #typolink {
     #  parameter = {$plugin.tx_p123_pi.pageDesignerUpload}
     #  addQueryString = 1
     #  addQueryString.exclude = id,cHash,L,file,delete
     #  additionalParams = &tx_p123designer_pi4[uploaded]=1
     #  ATagParams = class="csc-mailform-submit tx-p123designer-pi4-button-submit"
     #}
    }
    cancel {
      typolink.parameter = {$plugin.tx_p123_pi.pageDesigner}
      typolink.parameter.noTrimWrap = || - csc-mailform-submit|
    }
    fullScreenHint {
      wrap = <div class="tx-p123designer-pi4-fullscreen">|</div>
    }
    fullScreenLink {
      wrap = <a onclick="DesignerZoomer.zoom(); return false;">|</a>
    }
    processing {
      wrap = <span>|</span>
    }
    uploadButton {
      wrap = <span>|</span>
    }
    motifHeader {
      wrap = <h2>|</h2>
    }
    motifNumHeadline < .motifHeader
    motifDesc {
      trim = 1
      parseFunc = <lib.parseFunc_RTE
    }
    motifNumHint < .motifDesc
    motifNumHint {
      stdWrap.wrap = <p class="tx-p123designer-pi4-motifhint">|</p>
    }
	errorButton {
      typolink.parameter = {$plugin.tx_p123_pi.pageDesigner}#later:{GP:tx_p123designer_pi4|format} - csc-mailform-button
	  typolink.parameter.insertData = 1
    }
  }
  designerPath = fileadmin/designer/
  imagePath = uploads/tx_p123designer/
  acceptedFileTypes = gif|jpg|jpe?g|tif?f|bmp|pcx|tga|png|pdf|ai
  # Max size in Bytes (15 MB) #
  maxSize = 15728640
  deleteUrl = TEXT
  deleteUrl {
    value = Motiv löschen
    lang.en = Remove
    typolink {
      parameter = {$plugin.tx_p123_pi.pageDesigner}
      additionalParams.dataWrap = &tx_p123designer_pi6[format]={GP:tx_p123designer_pi4|format}
      additionalParams.wrap3 = |&tx_p123designer_pi6[delete]=1
    }
  }
  preview.file {
    maxW = 600
    maxH = 450
    params = -quality 60
    format = jpg
  }
  baseMotif = documentLibrary/public/defaultDocument/%s%s/.structure.xml
  # Must be CASE object! #
  mediaTypes = CASE
  mediaTypes {
    3560x2520 = TEXT
    3560x2520.value = GF
    5260x3720 = TEXT
    5260x3720.value = SP
    1024x768 = TEXT
    1024x768.value = VB
    1189x2520 = TEXT
    1189x2520.value = GZ
    7120x2520 = TEXT
    7120x2520.value = PF
    3540x2470 = TEXT
    3540x2470.value = GV
    1185x1750 = TEXT
    1185x1750.value = VI
    1185x1751 = TEXT
    1185x1751.value = VI
    594x841 = TEXT
    594x841.value = AL1_1
    1190x841 = TEXT
    1190x841.value = AL2_1
    1190x1680 = TEXT
    1190x1680.value = AL4_1
    1189x2520.override = AL6_1
    1189x2520.override.if.value.field = HS
    1189x2520.override.if.equals = AL
    297x420 = TEXT
    297x420.value = SOTP
    841x1189 = TEXT
    841x1189.value = SOTL
    148x210 = TEXT
    148x210.value = SOSA
    148x105 = TEXT
    148x105.value = SOFC
    154x111 = TEXT
    154x111.value = SOCC
    860x720 = TEXT
    860x720.value = TADW
    3560x2520_DW < .3560x2520
    1189x2520_DW < .1189x2520
    3540x2470_DW < .3540x2470
    1920x1080xA = TEXT
    1920x1080xA.value = KI
    1920x1080xB < .1920x1080xA
    1920x1080xC < .1920x1080xA
    1920x1080xD < .1920x1080xA
    1920x1080xF < .1920x1080xA
    1920x1080xG < .1920x1080xA
    1920x1080xH < .1920x1080xA
    1920x1080xI < .1920x1080xA
    1920x1080xJ < .1920x1080xA
    1920x1080xK < .1920x1080xA
    1920x1080xU < .1920x1080xA
    1920x1080xZ < .1920x1080xA
  }
  structure {
    GF {
      width = 600
      height = 398
      resolution = 8
      sizeTolerance = 0.01
      ratioTolerance = 0.01
    }
    GV < .GF
    GZ {
      width = 204
      height = 392
      resolution = 8
      sizeTolerance = 0.01
      ratioTolerance = 0.01
    }
    PF {
      width = 1192
      height = 398
      resolution = 8
      sizeTolerance = 0.01
      ratioTolerance = 0.01
    }
    ZZ {
      width = 209
      height = 150
      resolution = 8
      sizeTolerance = 0.01
      ratioTolerance = 0.01
    }
    VN {
      width = 401
      height = 555
      resolution = 8
      sizeTolerance = 0.01
      ratioTolerance = 0.01
    }
    VI < .VN
    VB {
      width = 209
      height = 150
      resolution = 8
      sizeTolerance = 0.01
      ratioTolerance = 0.01
    }
    TADW {
      width = 870
      height = 360
      resolution = 8
      sizeTolerance = 0.1
      ratioTolerance = 0.1
    }
    AL1_1 {
      width = 216
      height = 275
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.02
    }
    AL2_1 {
      width = 303
      height = 189
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.02
    }
    AL4_1 {
      width = 204
      height = 253
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.02
    }
    AL6_1 < .GZ
    SOTP {
      width = 303
      height = 420
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.02
    }
    SOTL {
      width = 847
      height = 1189
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.02
    }
    SOSA {
      width = 154
      height = 210
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.02
    }
    SOFC {
      width = 154
      height = 105
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.05
    }
    SOCC {
      width = 154
      height = 105
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.02
    }
  }
  # Define the default Stylesheet
  _CSS_DEFAULT_STYLE (
	body.wide #content-normal .csc-default .tx-p123designer-pi4 { margin: -10px -15px -19px -12px; }
	#txp123designerpi4-flash, .tx-p123designer-pi4 .tx-rbflashobject-pi4-swf_altcontent { line-height: 0px; }
	body.wide #content-normal .csc-default #txp123designerpi4-flash .csc-default,
	body.wide-toggle #content-normal .csc-default #txp123designerpi4-flash .csc-default { border: none; background: none; margin: 0px; position: static; }
	#txp123designerpi4-flash embed, #txp123designerpi4-flash object { min-height: 525px; }
	#txp123designerpi4-flash .csc-default { line-height: normal; }
	#txp123designerpi4-flash.fullScreen { overflow: hidden; }
	#txp123designerpi4-flash.fullScreen embed, #txp123designerpi4-flash.fullScreen object { height: 95%; margin: 2.5% 0px 0px 2.5%; min-height: 0px; width: 95%; }
	.tx-p123designer-pi4 .csc-mailform-submit-top.deactivate, .tx-p123designer-pi4 .csc-mailform-submit-bottom.deactivate, .tx-p123designer-pi4 .csc-mailform-submit.deactivate { display: none; }
	.txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-top, .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-cancel-bottom, .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-bottom { position: fixed; z-index: 1002; }
	.txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-top { bottom: 100%; margin: 0px 0px -30px 0px; top: auto;
		bottom: -moz-calc(50%); bottom: -webkit-calc(50%); bottom: calc(50%);
		/* calc((100vh * 0.98 - 30px - 49px + 40px) / 2 - 10px) */
		margin-bottom: -moz-calc((100vh * 0.98 - 39px) / 2 - 10px); margin-bottom: -webkit-calc((100vh * 0.98 - 39px) / 2 - 10px); margin-bottom: calc((100vh * 0.98 - 39px) / 2 - 10px); }
	.txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-cancel-bottom, .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-bottom { bottom: auto; margin: -26px 0px 0px 0px; top: 100%;
		/* calc((100vh * 0.98 - 30px - 49px + 35px) / 2 - 1px) */
		margin-top: -moz-calc((100vh * 0.98 - 44px) / 2 - 1px); margin-top: -webkit-calc((100vh * 0.98 - 44px) / 2 - 1px); margin-top: calc((100vh * 0.98 - 44px) / 2 - 1px);
		top: -moz-calc(50%); top: -webkit-calc(50%); top: calc(50%); }
	.txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-cancel-bottom { left: 1%; }
	.txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-top, .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-bottom { right: 1%; }
	.tx-p123designer-pi4-fullscreen { background: #f5efe3; color: #BE1010; line-height: 16px; margin: -1px 0px 1px 0px; padding: 6px; position: relative; }
	.tx-p123designer-pi4-fullscreen a { color: #BE1010; font-weight: bold; }
	#TB_load.tx-p123designer-pi4-load { background: rgba(255, 255, 255, 0.9); border: 1px solid #C0C0C0; border-color: rgba(192, 192, 192, 0.6); color: #333333; font-weight: bold; height: 50px; margin: -25px 0px 0px -162.5px; padding-top: 18px; text-align: center; white-space: nowrap; width: 325px;
		-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
		-moz-box-shadow: 1px 1px 4px 0px #C0C0C0; -webkit-box-shadow: 1px 1px 4px 0px #C0C0C0; box-shadow: 1px 1px 4px 0px #C0C0C0; }
	#TB_load.tx-p123designer-pi4-load::after { background: #000000; margin-top: -16px; }
	#TB_load.tx-p123designer-pi4-load span { display: block; margin-left: 20px; }
	.tx_p123designer_pi4-form { padding: 10px 15px 18px 12px; }
	.tx-p123designer-pi4-descriptionError,
	.tx-p123designer-pi4-uploadError { color: #BE1010; font-weight: bold; }
	.tx-p123designer-pi4-uploadErrorButton {display: block; margin-top: 10px;}
	.tx_p123designer_pi4-fileinput-button { background-color: #F8B300; color: #fff; font-weight: bold; overflow: hidden; padding: 6px 12px; position: relative; }
	.tx_p123designer_pi4-fileinput-button,
	.tx_p123designer_pi4-fileinput-text { display: inline-block; }
	.tx_p123designer_pi4-fileinput-text { font-size: 20px; margin-top: 10px; }
	.tx_p123designer_pi4-fileinput-button input { cursor: pointer; direction: ltr; font-size: 200px !important; margin: 0px; opacity: 0; position: absolute; right: 0px; top: 0px;
		-ms-filter: 'alpha(opacity=0)'; }
	.tx_p123designer_pi4-progress { background-color: #f5f5f5; border-radius: 4px; display: none; height: 20px; margin: 20px 0px; overflow: hidden;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
	.tx_p123designer_pi4-progress-bar { background-color: #337ab7; color: #fff; float: left; font-size: 12px; height: 100%; line-height: 20px; padding: 0px 5px; text-align: center; width: 0px;
		-webkit-box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.15);
		-webkit-transition: width 0.6s ease; transition: width 0.6s ease; }
	.tx_p123designer_pi4-progress-bar-success { background-color: #5cb85c; }
	.tx_p123designer_pi4-dropzone { background: #e7e7e7; border: 2px dashed #868686; height: 50px; padding: 50px 0px; text-align: center; width: 100%; }
	.tx_p123designer_pi4-dropzone.in { background: #c5c5c5; font-size: 150%; }
	.tx_p123designer_pi4-thumbnail img { border: 1px solid #dbdbdb; display: block; }
	.tx-p123designer-pi4-upload-titel .csc-mailform-button { float: left; }
	body.wide #content-normal .csc-default + .tx-p123designer-pi4-guidelines,
	body.wide-toggle #content-normal .csc-default + .tx-p123designer-pi4-guidelines { padding-top: 30px; }
	.tx-p123designer-pi4-motifhint { display: none; }
	@media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) {
		.tx-p123designer-pi4 { margin-top: 0px !important; position: relative; }
		.tx-p123designer-pi4 object, .tx-p123designer-pi4 embed { height: auto; max-width: 100%; min-height: 442px; }
		.txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-top {
			/* calc((100vh * 0.98 - 30px - 55px + 40px) / 2 - 10px) */
			margin-bottom: -moz-calc((100vh * 0.98 - 45px) / 2 - 10px); margin-bottom: -webkit-calc((100vh * 0.98 - 45px) / 2 - 10px); margin-bottom: calc((100vh * 0.98 - 45px) / 2 - 10px); }
		.txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-cancel-bottom, .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-bottom {
			/* calc((100vh * 0.98 - 30px - 55px + 35px) / 2 - 1px) */
			margin-top: -moz-calc((100vh * 0.98 - 50px) / 2 - 1px); margin-top: -webkit-calc((100vh * 0.98 - 50px) / 2 - 1px); margin-top: calc((100vh * 0.98 - 50px) / 2 - 1px); }
		.tx_p123designer_pi4-thumbnail img { height: auto; width: 100%;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	}
	@media only screen and (max-width: 456px) {
		.txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-top { display: none; }
	}
  )
}

# Configuration for the plugin "p123designer_pi5"
plugin.tx_p123designer_pi5 {
  templateFile = EXT:p123designer/res/template.htm
  javascriptFile = EXT:p123designer/res/javascript.js
  # Define the path to the designer
  designerPath = fileadmin/designer/
  # Path to ready images
  imagePath = uploads/tx_p123designer/
  # Default upload folder
  uploadFolder = fileadmin/user_upload/Plakat/motive/
  # Define file extensions, that had not be rewritten to PNG when uploaded
  doNotRewriteFileExt = tiff,tif,pdf,eps,ps
  # Define the page id of the print generator page
  generatorPid = 
  # Define the formular
  formular {
    type.typolink {
      parameter.data = register:tx_p123designer_pi5[generatorPid] // TSFE:id
      additionalParams = &tx_p123designer_pi5[motif]={GP:tx_p123designer_pi5|select // GP:tx_p123designer_pi5|motif}
      additionalParams.if.isTrue.data = GP:tx_p123designer_pi5|select // GP:tx_p123designer_pi5|motif
      additionalParams.insertData = 1
      section.data = field:uid
      returnLast = url
    }
  }
  # Define the preview image format
  preview {
    file.maxW = 640
    file.maxH = 480
    file.params = -quality 80
	file.format = jpg
    stdWrap.dataWrap = <div class="preview" style="height: {TSFE:lastImageInfo|1}px; width: {TSFE:lastImageInfo|0}px;">|</div>
  }
  # Define the content output format
  1 >
  1 = COA
  1 {
    5 = TEMPLATE
    5 {
      template = FILE
      template.file = EXT:p123designer/res/pi5/search_template.html
      workOnSubpart = SEARCH_TEMPLATE
      substMarksSeparately = 1
      stdWrap.innerWrap2 = <div class="pi5-image-search-wrapper flex-container">|</div>
      stdWrap.outerWrap = <div class="pi5-image-search">|</div>
      subparts {
        SEARCH_HEADLINE = TEXT
        SEARCH_HEADLINE {
          lang.en = Select a category
          lang.de = Wählen Sie eine Kategorie
          wrap = <h2>|</h2>
        }
        SELECT_BTN = TEXT
        SELECT_BTN.value = <button class="###BTN_CLASS###" data-desc="all">###BTN_FISRT_OPTION###</button>
        SELECT_BTN.wrap = <div class="select-btn flex-container" id="pi5-selectbtn">|</div>
        SELECT_BTN.if.directReturn = 0
        SEARCH_SCRIPT = TEMPLATE
        SEARCH_SCRIPT {
          template = <plugin.tx_p123designer_pi5.1.5.template
          workOnSubpart = SEARCH_SCRIPT
          marks = <plugin.tx_p123designer_pi5.1.5.marks
          if.directReturn = 1
        }
      }
      marks {
        SELECT_ID = TEXT
        SELECT_ID.value = pi5-motif-select
        SELECT_BTN_ID = TEXT
        SELECT_BTN_ID.value = pi5-selectbtn
        SELECT_FISRT_OPTION = TEXT
        SELECT_FISRT_OPTION {
          lang.de = -- All motifs --
          lang.de = -- Alle Motive --
        }
        SELECT_PREFIX = TEXT
        SELECT_PREFIX {
          lang.de = Motif:
          lang.de = Motiv:
          noTrimWrap = || |
        }
        BTN_PREFIX = TEXT
        BTN_PREFIX < .SELECT_PREFIX
        BTN_PREFIX.if.directReturn = 1
        BTN_FISRT_OPTION = TEXT
        BTN_FISRT_OPTION < .SELECT_FISRT_OPTION
        BTN_CLASS = TEXT
        BTN_CLASS.value = btn-select
      }
      stdWrap.if.directReturn = 0
    }
    10 = FILES
    10 {
      references {
        table = tt_content
        fieldName = image
        uid.field = uid
      }
      renderObj = COA
      renderObj {
        wrap = <div class="pi5-imagewrap">|</div>
        wrap.override = <div class="pi5-imagewrap" data-desc="{file:current:description}">|</div>
        wrap.override.if.isTrue.dataWrap = {file:current:description}
        wrap.insertData = 1

        10 = IMAGE
        10 {
          imageLinkWrap = 1
          imageLinkWrap {
            enable = 1
            typolink {
              if.isTrue.field = image_zoom
              parameter {
                cObject = IMG_RESOURCE
                cObject {
                  file.import.data = TSFE:lastImageInfo|origFile
                }
              }
              title.data = file:current:title
              ATagParams = class="thickbox" target="_blank"
            }
          }
          file {
            import.data = file:current:uid
            treatIdAsReference = 1
            width = 185m
            width.override {
              field = imagewidth
              wrap = |m
              if.isTrue.field = imagewidth
            }
          }
          wrap = <div class="pi5-image">|</div>
        }

        20 = COA
        20 {
          10 = TEXT
          10 {
            outerWrap = <div class="pi5-image-caption"><span>|</span></div>
            data = file:current:description
          }
          20 = TEXT
          20 {
            value = auswählen
            typolink {
              ATagParams = class="csc-mailform-button"
              parameter.data = file:current:link
              additionalParams = &tx_p123designer_pi5[select]={field:pid}-{field:uid}-{register:FILE_NUM_CURRENT}
              additionalParams.insertData = 1
            }
            wrap = <div class="pi5-button">|</div>
            if.isTrue.data = file:current:link
          }
          wrap = <div class="pi5-image-bottom flex-container">|</div>
        }

      }
      stdWrap.wrap = <div class="pi5-image-selection flex-container">|</div>
    }

    20 = TEXT
    20 {
      wrap = <div class="csc-textpic-text">|</div>
      wrap2 = <div class="imagecaption">|</div>
      field = imagecaption
      parseFunc =< lib.parseFunc_RTE
    }

    30 = TEXT
    30 {
      wrap = <div class="csc-textpic-text">|</div>
      wrap2 = <div class="objectcaption">|</div>
      field = bodytext
      parseFunc =< lib.parseFunc_RTE
    }
  }
  # 1 < tt_content.image.20.1
  1 {
    20.caption.1.1.required = 0
    20.caption.1.1.append = TEXT
    20.caption.1.1.append {
      data = LLL:EXT:p123designer/pi5/locallang.xml:select
      override {
        data = LLL:EXT:p123designer/pi5/locallang.xml:selected
        if {
          value.data = register:ORIG_FILENAME
          equals.data = register:tx_p123designer_pi5
        }
      }
      typolink {
        parameter.data = register:tx_p123designer_pi5[generatorPid] // TSFE:id
        parameter.override {
          field = pages
          listNum = 0
          if {
            value.data = register:ORIG_FILENAME
            equals.data = register:tx_p123designer_pi5
          }
        }
        parameter.noTrimWrap = || - csc-mailform-button|
        additionalParams = &tx_p123designer_pi5[select]={field:pid}-{field:uid}-{register:IMAGE_NUM_CURRENT}&tx_p123designer_pi5[format]={GP:tx_p123designer_pi5|format}
        additionalParams.if {
          value.data = register:ORIG_FILENAME
          equals.data = register:tx_p123designer_pi5
          negate = 1
        }
        #       additionalParams = &tx_p123designer_pi5[select]={field:pid}-{field:uid}-{register:IMAGE_NUM_CURRENT}&tx_p123designer_pi5[format]={GP:tx_p123designer_pi5|format}&tx_p123designer_pi5[campaign]=1
        #       additionalParams.if {
        #         value.data = register:tx_p123designer_pi5_campaign
        #         greater = 0
        #       }
        additionalParams.insertData = 1
        ATagParams = class="csc-mailform-submit_long active_long"
        ATagParams.if {
          value.data = register:ORIG_FILENAME
          equals.data = register:tx_p123designer_pi5
        }
      }
      wrap = <div> | </div>
    }
    20.1.imageLinkWrap.linkParams.ATagParams.append.stdWrap.append < .20.caption.1.1.append
  }
  locallang {
    error.stdWrap.trim = 1
    error.stdWrap.stripHtml = 1
    error.trim = 1
    error.brTag = </div><div>
    completePDF.wrap = <span>|</span>
  }
  # Define the default Stylesheet
  _CSS_DEFAULT_STYLE (
.tx-p123designer-pi5 .label{float:left;width:200px}.tx-p123designer-pi5 .field{float:left;width:350px}.tx-p123designer-pi5 .error{border:0 solid #000;color:red;margin-top:20px;padding:10px 0;width:620px}.tx-p123designer-pi5 .error div{color:red}.pi5-image-selection .pi5-image a:before,.tx-p123designer-pi5 .error br,.tx-p123designer-pi5 .error span,.tx-p123designer-pi5 .helpbox span{display:none}.tx-p123designer-pi5 .dbutton{background:#999;border:1px solid #999;color:#fff;font-size:10px;font-weight:700}.tx-p123designer-pi5 .clear{clear:both;font-size:0;height:0;line-height:0;width:0}.tx-p123designer-pi5 .required{color:red}.tx-p123designer-pi5 input[type=checkbox]{float:left}.tx-p123designer-pi5 input[type=checkbox]+label{display:block;margin-left:20px}.tx-p123designer-pi5 .helpbox{background-image:url(../typo3conf/ext/p123designer/res/editbox.png);display:none;line-height:1;position:absolute;text-align:center}#TB_load.tx-p123designer-pi5-load{background:rgba(255,255,255,.9);border:1px solid silver;border-color:rgba(192,192,192,.6);color:#333;font-weight:700;height:50px;padding-top:25px;text-align:center;white-space:nowrap;width:325px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;-moz-box-shadow:1px 1px 4px 0 silver;-webkit-box-shadow:1px 1px 4px 0 silver;box-shadow:1px 1px 4px 0 silver}#TB_load.tx-p123designer-pi5-load span{display:block}:root{--pi5-imagewrap-padding:1em;--pi5-imagewrap-margin:.5em;--pi5-image-bottom-padding:1em;--pi5-col-number:1}.tx-p123designer-pi5{margin-top:3em}.pi5-image-selection{background-color:var(--background-color)}.pi5-image-selection.flex-container .pi5-imagewrap{width:calc((100% - var(--pi5-imagewrap-margin)*(var(--pi5-col-number) - 1))/var(--pi5-col-number));padding:var(--pi5-imagewrap-padding);margin-right:var(--pi5-imagewrap-margin);margin-bottom:var(--pi5-imagewrap-margin);background-color:var(--box-background-color);box-sizing:border-box}.pi5-image-selection.flex-container .pi5-imagewrap:nth-child(n){margin-right:0}.pi5-image-bottom{padding:var(--pi5-image-bottom-padding)}.pi5-image-bottom.flex-container{justify-content:stretch!important;align-items:flex-start!important;flex-direction:column!important}.pi5-button{width:100%;margin-top:.5rem}.pi5-button a{width:100%;font-size:1.1rem;float:right}.pi5-image-caption{width:100%;box-sizing:border-box;padding:.5rem;background-color:var(--background-color)}.pi5-image-caption span{font-size:1.2em}.pi5-image-search .sarch-boday .select-btn,.pi5-image-search .sarch-boday .select-btn button:after,.pi5-imagewrap.hide,html.txp123designer-pi5 #TB_window #TB_caption{display:none}.pi5-image-search{margin-bottom:2em}.pi5-image-search .sarch-boday,.pi5-image-search .sarch-boday select{width:100%}.pi5-image-search .sarch-boday .select-btn.flex-container{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.pi5-image-search .sarch-boday .select-btn.flex-container button{flex:1 1 0;margin:.2em}.tx-p123designer-pi5 .hint-and-buttons{margin-top:1em}@media only screen and (min-width:48em){:root{--pi5-col-number:2}.pi5-image-selection.flex-container .pi5-imagewrap:nth-child(n){margin-right:var(--pi5-imagewrap-margin)}.pi5-image-selection.flex-container .pi5-imagewrap:nth-child(2n){margin-right:0}}@media only screen and (min-width:60em){:root{--pi5-col-number:3}.pi5-image-search .sarch-boday.select-btn select{display:none}.pi5-image-search .sarch-boday .select-btn{display:flex}.pi5-image-selection.flex-container .pi5-imagewrap:nth-child(2n){margin-right:var(--pi5-imagewrap-margin)}.pi5-image-selection.flex-container .pi5-imagewrap:nth-child(3n){margin-right:0}}
  )
}

# Configuration for the plugin "p123designer_pi6"
plugin.tx_p123designer_pi6 {
  templateFile = EXT:p123designer/res/template.htm
  javascriptFile = EXT:p123designer/res/dynamic.js
  moveJsFromHeaderToFooter = 1
  allowMultipleFormatChanges = 0
  marks {
    ICON_OPTIONS = TEXT
    ICON_OPTIONS {
      value = <!-- -->
      wrap = <div class="tx-p123designer-pi6-icon">|</div>
    }
    REDIRECT_TO_BASKET = TEXT
	  REDIRECT_TO_BASKET {
      value = 1
    }
  }
  # do not show media format if
  doNotShowMedia {
    if {
      isFalse.field = num
      value = 3
      isInList.field = key
    }
  }
  # Define the preview image format
  data {
    image {
      setContentToCurrent = 1
      cObject = USER
      cObject {
        userFunc = tx_cssstyledcontent_pi1->render_textpic
        1.file.import.current = 1
        1.file.width = 250m
        1.altText.field = caption
        imgList.current = 1
        imgObjNum = 1
        imgPath = fileadmin/image/
        maxW < tt_content.image.20.maxW
        image_effects = 10
        image_effects.if.isFalse.field = num
        layout = TEXT
        layout.value = ###IMAGES###
        renderMethod = simple
      }
    }
    activeItem {
      cObject = COA
      cObject {
        10 = TEXT
        10 {
          value = deactivated
          if.isTrue {
            preUserFunc = tx_p123designer_pi6->hook
            preUserFunc {
              funcName = basket_find
              dontIncludeSetup = 1
              ext = p123search*
              rKey = count
              format = 0
            }
          }
          if.isFalse.field = num
          noTrimWrap = | ||
          value.override = onlyproduction
          value.override.if.isPositive.field = only_production
        }
        20 = TEXT
        20 {
          value = printdatamanager
          noTrimWrap = | ||
          if.isTrue = {$plugin.tx_p123_pi.enablePrintDataManager}
        }
        30 = TEXT
        30 {
          value = ready
          noTrimWrap = | ||
          if.isPositive.field = num
          if.isTrue {
            field = description
            stdWrap.replacement {
              10 {
                search = ||
                replace.char = 32
              }
            }
            trim = 1
          }
          if.if.isTrue.dataWrap = {field:later // field:found // field:no_production}
          if.isTrue.if.isTrue = {$plugin.tx_p123_pi.enablePrintDataManager}
        }
        40 = TEXT
        40 < .30
        40.if.isPositive.field = only_production
      }
    }
    found {
      cObject = IMG_RESOURCE
      cObject {
        file.import = uploads/tx_p123designer/
        file.import.field = found
        file.width = 70m
        file.minH = 50
        emptyTitleHandling = {$styles.content.imgtext.emptyTitleHandling}
        stdWrap.required = 1
        stdWrap.setCurrent = created
        stdWrap.setCurrent {
          if.isTrue.data = field:created
          noTrimWrap = | rel="|"|
        }
        stdWrap.dataWrap = <div class="tx-p123designer-pi6-found"{current:1} style="background-image: url({TSFE:absRefPrefix // TSFE:baseUrl}|);"><a href="uploads/tx_p123designer/{field:found}" class="thickbox" title="{field:caption}"><!-- --></a></div>
      }
      if.isFalse = {$plugin.tx_p123_pi.enablePrintDataManager}
    }
	#Buttonlinks
    key {
      setContentToCurrent = 1
      cObject = COA
      cObject.10 = TEXT
      cObject.10 {
        value = ###LL_create###
        override = ###LL_edit###
        override.if.isTrue.field = found
        typolink.parameter = {$plugin.tx_p123_pi.pageDesignerCreate}
        typolink.additionalParams.dataWrap = &tx_p123designer_pi1[format]={current:1}
        typolink.additionalParams.outerWrap = |&tx_p123designer_pi1[library]=1
        typolink.additionalParams.outerWrap.if.isFalse.field = found
        typolink.ATagParams = csc-mailform-button hide-on-mobile
        typolink.ATagParams.override = csc-mailform-button hide-on-mobile deactivate
        typolink.ATagParams.override.if.isFalse.field = num
        typolink.ATagParams.stdWrap.postCObject = TEXT
        typolink.ATagParams.stdWrap.postCObject {
          if.isTrue.field = found
          value = edit
          noTrimWrap = | ||
        }
        typolink.ATagParams.stdWrap.append = TEXT
        typolink.ATagParams.stdWrap.append {
          if.isTrue.field = num
          if.isTrue.if.isFalse.field = later
          if.isFalse.field = found
          value = create
          noTrimWrap = | ||
        }
        typolink.ATagParams.noTrimWrap = || first|
        typolink.ATagParams.wrap3 = class="|" onclick="tx_p123qsearch_pi1.displayLoader(true);"
        if.isFalse.dataWrap = {$plugin.tx_p123_pi.enablePrintDataManager}
      }
      cObject.20 < .cObject.10
      cObject.20 {
        if.isFalse.field = found
        if.isTrue.if.isFalse.data = {$plugin.tx_p123_pi.enablePrintDataManager}
        value = ###LL_upload###
        override >
        typolink.parameter = {$plugin.tx_p123_pi.pageDesignerUpload}
        typolink.additionalParams.dataWrap = &tx_p123designer_pi4[format]={current:1}
        typolink.additionalParams.outerWrap >
        typolink.ATagParams = csc-mailform-button
        typolink.ATagParams.override = csc-mailform-button deactivate
        typolink.ATagParams.stdWrap.append.value = upload
        typolink.ATagParams.noTrimWrap = || upload-button|
        typolink.ATagParams.wrap3.noTrimWrap = || data-format="{field:format}"|
        typolink.ATagParams.wrap3.insertData = 1
      }
      cObject.30 < .cObject.20
      cObject.30 {
        if >
        if.isTrue.field = num
        if.isTrue.if.isFalse.field = found
        if.isFalse.dataWrap = {$plugin.tx_p123_pi.enablePrintDataManager}
        if.isFalse.preUserFunc = tx_p123checkout_pi1->hook
        if.isFalse.preUserFunc {
          includeObj = db,sid,sqlWhere,portal,hash,sesName,motifDB,basketDB,query,basket,conf,media,mediaHash,periodData
          funcName = basket_find
          dontIncludeSetup = 1
          group.field = format
          ext = *-express
        }
        value = ###LL_later###
        typolink.parameter.data = TSFE:id
        typolink.additionalParams.dataWrap = &tx_p123designer_pi6[format]={current:1}
        typolink.additionalParams.wrap3 = |&tx_p123designer_pi6[later]=1
        typolink.additionalParams.if.isTrue.field = later
        typolink.ATagParams.override >
        typolink.ATagParams.override = csc-mailform-button later
        typolink.ATagParams.override.if.isTrue.field = later
        typolink.ATagParams.stdWrap >
        typolink.ATagParams.wrap = rel="later" class="|"
        typolink.ATagParams.noTrimWrap >
        typolink.ATagParams.wrap3 >
        typolink.ATagParams.outerWrap = |
        typolink.ATagParams.outerWrap.if.isFalse.field = later
        typolink.ATagParams.outerWrap.noTrimWrap = || onclick="tx_p123designer_pi6.later('{current:1}', '{field:caption}'); return false;"|
        typolink.ATagParams.insertData = 1
      }
      cObject.40 < .cObject.30
      cObject.40 {
        if.isFalse >
        if.isFalse.field = confForceProduction
        if.isFalse.dataWrap = {$plugin.tx_p123_pi.enablePrintDataManager}
        value = ###LL_noProduction###
        typolink.additionalParams.wrap3 = |&tx_p123designer_pi6[no_production]=1
        typolink.additionalParams.if.isTrue.field = no_production
        typolink.ATagParams.override = csc-mailform-button no-production
        typolink.ATagParams.override.if.isTrue.field = no_production
        typolink.ATagParams.wrap = rel="no_production" class="|"
        typolink.ATagParams.outerWrap.if.isFalse.field = no_production
        typolink.ATagParams.outerWrap.noTrimWrap = || onclick="tx_p123designer_pi6.no_production('{current:1}', '{field:caption}'); return false;"|
      }
      cObject.50 < .cObject.20
      cObject.50 {
        if >
        if.isTrue.field = found
        if.isFalse.dataWrap = {$plugin.tx_p123_pi.enablePrintDataManager}
        value = ###LL_delete###
        typolink.parameter.data = TSFE:id
        typolink.additionalParams.dataWrap = &tx_p123designer_pi6[format]={current:1}
        typolink.additionalParams.wrap3 = |&tx_p123designer_pi6[delete]=1
        typolink.ATagParams.stdWrap >
        typolink.ATagParams.noTrimWrap = || delete|
      }
      cObject.60 < .cObject.10
      cObject.60 {
        if >
        if.isTrue = {$plugin.tx_p123_pi.enablePrintDataManager}
        value = ###LL_printDataManager###
        value.override {
          lang.en = order poster-printing only
          lang.de = nur Plakatdruck beauftragen
        }
        value.override.if.isFalse.field = num
        override >
        override = ###LL_editPrintDataManager###
        override.if.isTrue {
          field = description
          stdWrap.replacement {
            10 {
              search = ||
              replace.char = 32
            }
          }
          trim = 1
        }
        override.if.if.isTrue.dataWrap = {field:later // field:found // field:no_production}
        typolink.parameter = {$plugin.tx_p123_pi.pagePrintDataManager}
        typolink.additionalParams.dataWrap = &tx_p123designer_pi7[format]={current:1}
        typolink.additionalParams.outerWrap >
        typolink.ATagParams = csc-mailform-button printdatamanager
        typolink.ATagParams.override = csc-mailform-button deactivate printdatamanager
        typolink.ATagParams.noTrimWrap >
        typolink.ATagParams.wrap3.noTrimWrap = || data-format="{field:format}"|
        typolink.ATagParams.wrap3.insertData = 1
        typolink.ATagParams.stdWrap.postCObject.if >
        typolink.ATagParams.stdWrap.postCObject.value = motifsupload
      }
    }
    confGuidelines {
      cObject = TEXT
      cObject {
        value = ###LL_formatGuidelines###
        stdWrap.typolink.parameter = {$plugin.tx_p123_pi.pageFormatGuidelines}
        stdWrap.typolink.parameter.override.field = confGuidelines
        stdWrap.typolink.parameter.noTrimWrap = || 650x500:jquery_lightbox=ajax,no_cache=2 tx-p123designer-pi6-guidelines|
        stdWrap.typolink.parameter.noTrimWrap.override = || 650x500:jquery_lightbox=ajax,no_cache=2 "tx-p123designer-pi6-guidelines csc-mailform-button"|
        stdWrap.typolink.parameter.noTrimWrap.override.if.isTrue.dataWrap = {$plugin.tx_p123_pi.enablePrintDataManager}
        if.isTrue.dataWrap = {$plugin.tx_p123_pi.pageFormatGuidelines}{field:confGuidelines}
      }
#      wrap = <div>|</div>
      wrap = <div class="guidelines-wrapper">|</div>
    }
    num {
      setContentToCurrent = 1
      setCurrent {
        current = 1
        override.preUserFunc = tx_p123designer_pi6->hook
        override.preUserFunc {
          funcName = basket_find
          rKey = pos
          ext = p123search*
          group.field = format
        }
        override.if.value = 3540x2470_DW
        override.if.equals.field = format
        override.split {
          token = ,
          cObjNum = 1 |*| 1 |*| 2
          1 = TEXT
          1.override = 1+
          2 = TEXT
          2.override = 1
        }
        override.prioriCalc = intval
      }
      current = 1
      override = ###LL_none###
      override.if.isFalse.current = 1
      postCObject = COA
      postCObject {
        10 = TEXT
        10.value = ###LL_selectMore###
        10.if.value = 1
        10.if.isGreaterThan.current = 1
        20 < .10
        20.value = ###LL_selectOne###
        20.if.negate = 1
        stdWrap.noTrimWrap = | ||
      }
    }
    price {
      setContentToCurrent = 1
      setCurrent {
        current = 1
        override = 0.0
        override.if.isPositive.field = no_production
      }
      current = 1
      preUserFunc = tx_p123designer_pi6->hook_money_format
      if.isTrue.dataWrap = {field:num // field:only_production}
      wrap = <div class="price"><a><span>|</span></a></div><div class="text">###LL_printingCosts###</div>
      wrap.if.isFalse.field = no_production
      wrap.insertData = 1
      wrap.override = <div class="price"><a><span>|</span></a></div><div class="text">###LL_printingCosts_DW###</div>
      wrap.override.if.value = _DW
      wrap.override.if.equals.field = format
      wrap.override.if.equals.case = upper
      wrap.override.if.equals.substring = -3,3
      #no_production
      wrap2 = <div class="price"><a><span>|</span></a></div><div class="text">###LL_noProductionTitle###</div>
      wrap2.if.isTrue.field = no_production
      wrap2.insertData = 1
      append = COA
      append {
        10 = TEXT
        10 {
          value = <div class="price-info">###LL_printingCostsInclSpare###</div>
          if.isTrue.preUserFunc = tx_p123designer_pi6->hook
          if.isTrue.preUserFunc {
            includeObj = db,sid,sqlWhere,portal,hash,sesName,motifDB,basketDB,query,basket,conf,media,mediaHash,periodData
            funcName = basket_find
            dontIncludeSetup = 1
            group.field = format
            pos = spare
            ext = p123designer
            rKey = count
            format = 0
          }
          if.isFalse.field = only_production
        }
        20 = TEXT
        20 {
          value = <div class="price-info">###LL_printingCostsExclSpare###</div>
          if.isFalse.preUserFunc = tx_p123designer_pi6->hook
          if.isFalse.preUserFunc {
            includeObj = db,sid,sqlWhere,portal,hash,sesName,motifDB,basketDB,query,basket,conf,media,mediaHash,periodData
            funcName = basket_find
            dontIncludeSetup = 1
            group.field = format
            pos = spare
            ext = p123designer
            rKey = count
            format = 0
          }
          if.isFalse.field = only_production
          value.override = <div class="price-info">###LL_printingCostsInclSpare###</div>
          value.override.if.isTrue.preUserFunc = tx_p123designer_pi6->hook
          value.override.if.isTrue.preUserFunc {
            includeObj = db,sid,sqlWhere,portal,hash,sesName,motifDB,basketDB,query,basket,conf,media,mediaHash,periodData
            funcName = basket_find
            dontIncludeSetup = 1
            group.field = format
            ext = p123designer
            rKey = count
            format = 0
          }
          stdWrap.if.isFalse.field = no_production
        }
        30 = TEXT
        30 {
          value.dataWrap {
            lang.en = |<div class="price-info">{field:quantity} Posters</div>
            lang.de = |<div class="price-info">{field:quantity} Plakate</div>
          }
          if.isTrue.field = only_production
        }
      }
    }
  }
  piVars {
    removeBadHTML = 1
    htmlSpecialChars = 1
    htmlSpecialChars.preserveEntities = 1
  }
  locallang {
    createButton {
#      stdWrap.noTrimWrap = |&raquo; ||
      typolink.parameter = {$plugin.tx_p123_pi.pageBasket}
      typolink.parameter.noTrimWrap = || - csc-mailform-button|
    }
    errorButton {
#      stdWrap.noTrimWrap = |&raquo; ||
      wrap = <a class="csc-mailform-button" onclick="tx_p123designer_pi6.later(null, \'###LL_allMedia###\'); return false;">|</a>
    }
    laterButton {
#      stdWrap.noTrimWrap = |&raquo; ||
      wrap = <a class="csc-mailform-button" onclick="tx_p123designer_pi6.description(); return false;">|</a>
    }
    noProductionButton < .laterButton
    calculatorButton {
      if.directReturn = 0
      innerWrap = <h4>|</h4>
      typolink.parameter = 139
      typolink.parameter.noTrimWrap = || 600x470:jquery_lightbox=ajax|
      wrap = <div class="tx-p123designer-pi6-calculator">|</div>
      if.isFalse.datawrap = {$plugin.tx_p123_pi.enablePrintDataManager}
    }
    printingCostsExclSpare {
#      innerWrap < plugin.tx_p123_pi.basket.p123designer.spare.edit
      innerWrap.lang.de = Die Plakatunternehmen fordern zur Durchführung einer Aktion eine Ersatzplakat-Menge. Erfahrungsgemäß werden bei kleineren Aktionen nahezu keine Ersatzmengen benötigt. Wir gehen davon aus, dass Du auf eine Bestellung von Ersatzplakaten verzichten möchtest. Wir müssen Dich allerdings darauf hinweisen, dass Plakatierungsausfälle aufgrund nicht vorliegender Ersatzplakate dann allerdings auch nicht zur Reklamation oder Erstattung der Kosten berechtigen.
      innerWrap.lang.en = Poster companies require a certain number of spare posters (10 per cent of the run, rounded up to full posters) in order to organise a poster project. According to our experience, small-scale projects virtually do not require any spare posters. We assume that you would like to do without ordering any spare posters. However, we have to inform you that poster losses based on non-existing spare posters do not justify complaints or the claim for refund of costs.
      innerWrap.innerWrap = |<br><br>
      innerWrap.innerWrap2.lang.en = |Spare posters can be deactivated in the shopping basket.
      innerWrap.innerWrap2.lang.de = |Ersatzplakate können im Warenkorb deaktiviert werden.
      innerWrap.wrap = <span>|</span>
      innerWrap.wrap2 >
      wrap = <a class="tooltip tooltip--top-right tooltip--large">|</a>
    }
    printingCostsInclSpare < .printingCostsExclSpare

    showDeactivedMedia {
      setContentToCurrent = 1
      setCurrent {
        current = 1
        listNum = 1
        listNum.splitChar = |
      }
      listNum = 0
      listNum.splitChar = |
      if.isTrue {
        preUserFunc = tx_p123designer_pi6->hook
        preUserFunc {
          funcName = basket_find
          dontIncludeSetup = 1
          ext = p123search*
          rKey = count
          format = 0
        }
      }
      required = 1
      dataWrap = <div class="tx-p123designer-pi6-displayMedia"><a class="csc-mailform-button button-gray" data-text="{current:1}" onclick="return tx_p123designer_pi6.displayMedia(this);">|</a></div>
#      dataWrap.override = <div class="tx-p123designer-pi6-displayMedia"><a class="csc-mailform-button printdatamanager gray" data-text="{current:1}" onclick="return tx_p123designer_pi6.displayMedia(this);">|</a></div>
      dataWrap.override = <div class="tx-p123designer-pi6-displayMedia"><a class="csc-mailform-button button-gray printdatamanager" data-text="{current:1}" onclick="return tx_p123designer_pi6.displayMedia(this);">|</a></div>
      dataWrap.override.if.isTrue = {$plugin.tx_p123_pi.enablePrintDataManager}
    }
    motifDesc {
      wrap = <div class="bodytext">|</div>
    }
    motifNumHeadline {
      wrap = <h2>|</h2>
    }
  }
  stdWrap_EXT {
    prepend = COA
    prepend {
      10 = COA
      10 {
        10 = TEXT
        10 {
          data = LLL:EXT:p123designer/pi6/locallang.xml:save
          typolink.parameter = {$plugin.tx_p123_pi.pageBasket}
          typolink.parameter.noTrimWrap = || - csc-mailform-button|
          wrap = <div class="csc-mailform-submit-top">|</div>
        }
        20 = TEXT
        20 {
          data = LLL:EXT:p123designer/pi6/locallang.xml:cancel
          typolink.parameter = {$plugin.tx_p123_pi.pageLocations}
          typolink.parameter.noTrimWrap = || - csc-mailform-cancel|
          wrap = <div class="csc-mailform-cancel-top">|</div>
        }
        wrap = <div class="button-area-top flex-container">|</div>
      }
      20 = COA
      20.if.isFalse = {$plugin.tx_p123_pi.enablePrintDataManager}
      20 {
        20 = IMAGE
        20 {
          if.directReturn = {$plugin.tx_p123_pi.professionalPoster}
          file.import = EXT:p123designer/res/
          file.import.lang.en = plakathilfe_en.png
          file.import.lang.de = plakathilfe.png
          altText.lang.en = Do you need help with your motif design?
          altText.lang.de = Du brauchst Hilfe beim Plakatentwurf?
          imageLinkWrap = 1
          imageLinkWrap.enable = 1
          imageLinkWrap.typolink.parameter = {$plugin.tx_p123_pi.professionalPoster}
          imageLinkWrap.typolink.parameter.noTrimWrap = || 550x300:jquery_lightbox=ajax,no_cache=2|
          stdWrap.wrap = <p class="csc-subheader tx-p123designer-pi6-subheader">|</p>
        }
        30 < .20
        30 {
          if.directReturn = {$plugin.tx_p123_pi.oneMotifHint}
          file.import.lang.en >
          file.import.lang.de = motivhinweis.png
          altText.lang.en >
          altText.lang.de = Nur 1 Motiv pro Medium; Kopfleiste mit {$portal.name} Logo wird automatisch hinzugefügt.
          imageLinkWrap.typolink.parameter = {$plugin.tx_p123_pi.oneMotifHint}
          imageLinkWrap.typolink.parameter.noTrimWrap = || 550x350:jquery_lightbox=ajax|
        }
      }
    }
    append < .prepend.10
    append.10.wrap = <div class="csc-mailform-submit-bottom">|</div>
    append.20.wrap = <div class="csc-mailform-cancel-bottom">|</div>
    append.wrap = <div class="button-area-bottom flex-container">|</div>
  }

  ### Define mobile-first CSS. (from pi6-css-mobile-first.min.css)
  _CSS_DEFAULT_STYLE (
:root{--p123designer-ci-1:#ADCA3D}.tx-p123designer-pi6{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-moz-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:start;-moz-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;-ms-grid-row-align:start;align-items:flex-start}.tx-p123designer-pi6 .hide-on-mobile{display:none}.tx-p123designer-pi6 .csc-subheader img{height:auto;max-width:100%}#tx-p123designer-pi6-later a.csc-mailform-button,#tx-p123designer-pi6-noproduction a.csc-mailform-button,.tx-p123designer-pi6 .csc-subheader,.tx-p123designer-pi6-saved .costs .tooltip span{float:none}.tx-p123designer-pi6-subheader{float:left}.tx-p123designer-pi6-subheader+*{clear:left}.tx-p123designer-pi6-subheader+.tx-p123designer-pi6-subheader{clear:none}.tx-p123designer-pi6-found,.tx-p123qsearch-pi1-window .tx-p123designer-pi6-found{background:#faf7f2 no-repeat center center;border:1px solid #dbdbdb;float:right;height:74px;width:70px;overflow:hidden}.tx-p123qsearch-pi1-window .tx-p123designer-pi6-found+p{margin-right:100px}.tx-p123designer-pi6-detail .tx-p123designer-pi6-found{margin-top:3.5em;position:relative}.tx-p123designer-pi6-found a,.tx-p123qsearch-pi1-window .tx-p123designer-pi6-found a{display:block;height:74px;width:70px}.tx-p123designer-pi6-found a:before,.tx-p123qsearch-pi1-window .tx-p123designer-pi6-found a:before{content:none!important}.tx-p123designer-pi6-detail{position:relative;display:inline-block;width:100%;margin-top:10px}.tx-p123designer-pi6-detail .guidelines-wrapper{width:calc(100% + 10px);margin-left:-5px;margin-bottom:-5px}.tx-p123designer-pi6-item{position:relative;width:100%;padding:0 5px 5px;border:1px solid var(--border-color);box-sizing:border-box}.tx-p123designer-pi6 #tx-p123designer-pi6-later,.tx-p123designer-pi6 #tx-p123designer-pi6-noproduction,.tx-p123designer-pi6-item.deactivated{display:none}.tx-p123designer-pi6-item-header{position:absolute;top:0;left:0;width:100%;background-color:var(--color-white);opacity:.8;z-index:1;padding-left:5px;box-sizing:border-box;cursor:pointer;pointer-events:auto}.tx-p123designer-pi6-item-header>*{pointer-events:auto}.tx-p123designer-pi6-item-header h3{font-size:1.7em}.tx-p123designer-pi6-image{position:relative;height:220px;width:calc(100% + 10px);margin-left:-5px;cursor:pointer;overflow:hidden}.tx-p123designer-pi6-image img{width:100%!important}.tx-p123designer-pi6-icon{display:none;position:absolute;box-sizing:border-box}.ready .tx-p123designer-pi6-icon{display:block;bottom:0;right:0;width:100%;height:100%}.ready .tx-p123designer-pi6-icon:after,.ready .tx-p123designer-pi6-icon:before{position:relative;display:inline-block;width:100%;height:100%;font-family:FontAwesome;font-size:6em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:auto;vertical-align:middle;text-decoration:none}.ready .tx-p123designer-pi6-icon:before{content:"";left:68%;top:70%;color:var(--color-white)}.ready .tx-p123designer-pi6-icon:after{content:"";bottom:30%;color:var(--color-green);left:70%}.tx-p123designer-pi6-saved{position:relative;margin-bottom:10px;min-height:120px;flex-direction:column!important}.tx-p123designer-pi6-item.deactivated .tx-p123designer-pi6-saved{min-height:80px}.tx-p123designer-pi6-saved .num{position:relative;width:100%}.tx-p123designer-pi6-saved .costs{position:relative;width:100%;margin-top:10px!important}.tx-p123designer-pi6-saved .costs .text{order:1;width:100%}.tx-p123designer-pi6-saved .costs .price{order:3;margin-left:auto}.tx-p123designer-pi6-saved .costs .price-info{order:2;margin-right:auto}.tx-p123designer-pi6-saved .costs .price-info a{cursor:default;text-decoration:none!important}.tx-p123designer-pi6-saved .key{width:100%;margin-top:10px}.tx-p123designer-pi6-saved .key a{width:100%;margin-bottom:.5em}.tx-p123designer-pi6-saved .csc-mailform-button.later:before,.tx-p123designer-pi6-saved .csc-mailform-button.no-production:before{content:""}.tx-p123designer-pi6-displayMedia{width:100%;margin:20px 0 40px}#tx-p123designer-pi6-later .tooltip,#tx-p123designer-pi6-noproduction .tooltip,.tx-p123designer-pi6-displayMedia a{width:100%}.tx-p123designer-pi6-calculator{display:none;background:var(--color-white)url(../typo3conf/ext/p123designer/res/calculator.png)10px 44px no-repeat;border:1px solid var(--border-color);border-left:none;height:164px;left:639px;position:absolute;top:-1px;width:120px;-moz-border-radius:0 6px 6px 0;-webkit-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0}.tx-p123designer-pi6-calculator a{display:block;height:100%;width:100%;color:#555659}.tx-p123designer-pi6-calculator h4{background:var(--color-white);margin:0;padding:5px;text-align:center;-moz-border-radius:0 6px 0 0;-webkit-border-radius:0 6px 0 0;border-radius:0 6px 0 0}#tx-p123designer-pi6-later,#tx-p123designer-pi6-noproduction{width:auto;margin:8px 0}.tx-p123qsearch-pi1-window #tx-p123designer-pi6-later a.csc-mailform-button,.tx-p123qsearch-pi1-window #tx-p123designer-pi6-noproduction a.csc-mailform-button{margin-bottom:0;margin-left:0}#tx-p123designer-pi6-later>form,#tx-p123designer-pi6-noproduction>form{float:left;max-width:340px;width:100%}.tx-p123qsearch-pi1-window #tx-p123designer-pi6-later+p,.tx-p123qsearch-pi1-window #tx-p123designer-pi6-noproduction+p{margin-right:161px;padding-top:3px!important}#tx-p123designer-pi6-later>form h2{padding-bottom:8px}#tx-p123designer-pi6-later .bodytext{padding:5px 0}#txp123designerpi6-description{width:100%}.tx-p123designer-pi6-highlight{color:var(--ci-color-3);font-weight:700}#TB_window .tx-p123qsearch-pi1-window a.csc-mailform-button.upload,.tx-p123qsearch-pi1-window a.csc-mailform-button.upload{margin-top:4px}.tx-p123designer-pi6-motifhint{display:none}.tx-p123designer-pi6 .csc-mailform-button.printdatamanager{text-align:center}.tx-p123designer-pi6 .csc-mailform-button.printdatamanager.gray{display:block;background-color:var(--color-blue-light);border-color:var(--border-color)}.tx-p123designer-pi6 .tx-p123designer-pi6-item.printdatamanager{margin-top:1em}.tx-p123designer-pi6 .printdatamanager .tx-p123designer-pi6-detail .tx-p123designer-pi6-guidelines{display:block;text-align:center;background:var(--color-white);border:1px solid var(--border-color)}.tx-p123designer-pi6 .printdatamanager .tx-p123designer-pi6-detail .tx-p123designer-pi6-guidelines.csc-mailform-button{font-weight:400;background-color:var(--p123designer-ci-1);border-color:var(--p123designer-ci-1);-webkit-box-shadow:inset 0 1px 0 var(--p123designer-ci-1);-moz-box-shadow:inset 0 1px 0 var(--p123designer-ci-1);box-shadow:inset 0 1px 0 var(--p123designer-ci-1);padding:0 1em;color:var(--color-white)}.tx-p123designer-pi6 .printdatamanager .tx-p123designer-pi6-detail .tx-p123designer-pi6-guidelines.csc-mailform-button:after{content:"";font-size:unset;margin-left:0}.tx-p123designer-pi6 .printdatamanager.ready .tx-p123designer-pi6-detail .tx-p123designer-pi6-saved .key a.csc-mailform-button:before{display:inline-block;content:"";font-family:FontAwesome;font-size:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:auto;margin-right:.5em}@media screen{.tx-p123designer-pi6-calculator.fixed{position:fixed;top:16px}}@media only screen and (min-width:23.375em){.tx-p123designer-pi6-image{height:265px}}@media only screen and (min-width:25em){.tx-p123designer-pi6-image{height:285px}}@media only screen and (min-width:25.875em){.ready .tx-p123designer-pi6-icon:before{top:73%;left:73%}.ready .tx-p123designer-pi6-icon:after{left:75%}}@media only screen and (min-width:26.625em){.tx-p123designer-pi6-image{height:315px}.ready .tx-p123designer-pi6-icon:before{top:70%}}@media only screen and (min-width:37.5em){.tx-p123designer-pi6-item-header{position:relative;cursor:default}.ready .tx-p123designer-pi6-icon:after,.ready .tx-p123designer-pi6-icon:before{font-size:5em}.ready .tx-p123designer-pi6-icon:before{left:65%;top:75%}.ready .tx-p123designer-pi6-icon:after{left:67%;bottom:25%}.tx-p123designer-pi6-item-header h3{width:100%;margin-top:0;margin-bottom:0;margin-left:-10px;padding:.55em 5px .55em 10px}.tx-p123designer-pi6-image{float:left;width:250px;height:225px;margin-bottom:-5px}.tx-p123designer-pi6-image img{height:100%!important}.tx-p123designer-pi6-detail{display:block;float:left;width:calc(100% - 250px);height:220px;margin-top:0;padding-left:20px;box-sizing:border-box}.tx-p123designer-pi6-saved{margin-bottom:0}.tx-p123designer-pi6-detail .guidelines-wrapper{position:absolute;width:calc(100% + 10px);margin-left:-20px;bottom:0}}@media only screen and (min-width:60em){.tx-p123designer-pi6{flex-direction:row!important}.tx-p123designer-pi6-item-header h3{font-size:1.3em}.ready .tx-p123designer-pi6-icon:after,.ready .tx-p123designer-pi6-icon:before{font-size:4em}.tx-p123designer-pi6-item{width:calc((100% - (1*10px))/2);margin-right:10px;min-height:280px}.tx-p123designer-pi6-item:nth-child(2n+1){margin-right:0}.tx-p123designer-pi6-image{width:200px;height:180px;margin-bottom:0}.tx-p123designer-pi6-detail{display:block;float:left;width:calc(100% - 200px);height:220px;margin-top:0;padding-left:10px;font-size:95%}.tx-p123designer-pi6-saved{min-height:185px!important}.tx-p123designer-pi6-detail .guidelines-wrapper{width:calc(100% + 210px);margin-left:-210px;bottom:0}.tx-p123designer-pi6-saved .key a{padding:0}.tx-p123designer-pi6-displayMedia a{width:auto}}@media only screen and (min-width:64em){.tx-p123designer-pi6-item{width:calc((100% - (2*10px))/3)}.tx-p123designer-pi6-item:nth-child(2n+1){margin-right:10px}.tx-p123designer-pi6-item:nth-child(3n+1){margin-right:0}.tx-p123designer-pi6-item-header h3{font-size:1.1em}.ready .tx-p123designer-pi6-icon:after,.ready .tx-p123designer-pi6-icon:before{font-size:6em}.tx-p123designer-pi6-image{width:calc(100% + 10px);height:100%}.tx-p123designer-pi6-detail{width:100%;height:auto;margin-top:5px;padding-left:0;font-size:100%}.tx-p123designer-pi6-saved{min-height:130px!important}.tx-p123designer-pi6-detail .guidelines-wrapper{position:relative;width:calc(100% + 10px);margin-left:-5px;margin-bottom:-5px}.ready .tx-p123designer-pi6-icon:before{left:70%;top:70%}.ready .tx-p123designer-pi6-icon:after{left:70%;bottom:30%}}@media only screen and (min-width:74em){.tx-p123designer-pi6-item{width:calc((100% - (3*10px))/4)}.tx-p123designer-pi6-item:nth-child(3n+1){margin-right:10px}.tx-p123designer-pi6-item:nth-child(4n+1){margin-right:0}.tx-p123designer-pi6-item-header h3{font-size:1em}.ready .tx-p123designer-pi6-icon:after,.ready .tx-p123designer-pi6-icon:before{font-size:5em}.tx-p123designer-pi6-guidelines{padding:0!important}}@media only screen and (min-width:89em){.tx-p123designer-pi6-item-header h3{font-size:1.2em}.ready .tx-p123designer-pi6-icon:after,.ready .tx-p123designer-pi6-icon:before{font-size:6em}.tx-p123designer-pi6-saved .costs .text{margin-bottom:5px}.tx-p123designer-pi6-saved .key{margin-top:20px}.tx-p123designer-pi6-detail .guidelines-wrapper,.tx-p123designer-pi6-item.deactivated .tx-p123designer-pi6-saved .key{margin-top:10px}}
  )
}

# Configuration for the plugin "p123designer_pi7"
plugin.tx_p123designer_pi7 {
  templateFile = EXT:p123designer/res/template.htm
  javascriptFile = EXT:p123designer/res/javascript.js
  moveJsFromHeaderToFooter = 0

  subparts.SECTION_NOPRODUCTION = TEMPLATE
  subparts.SECTION_NOPRODUCTION {
    templateFile = <plugin.tx_p123designer_pi7.templateFile
    workOnSubpart = SECTION_NOPRODUCTION
    if.value = 0
    if.equals.field = confForceProduction
    if.isTrue.field = num
  }

  enablePrintPosterWithoutLocation = {$plugin.tx_p123designer_pi7.enablePrintPosterWithoutLocation}
  calcSparePercentPerMotiv = 10
  designerPath = fileadmin/designer/
  servicePath  = server/services/getPreview.php?width=800&height=600&code=
  imagePath = uploads/tx_p123designer/
  acceptedFileTypes = gif|jpg|jpe?g|tif?f|bmp|pcx|tga|png|pdf|ai
  # Max size in Bytes (15 MB) #
  maxSize = 15728640
  baseMotif = documentLibrary/public/defaultDocument/%s%s/.structure.xml
  preview.file {
    maxW = 600
    maxH = 450
    params = -quality 60
    format = jpg
  }
  previewMinFileSize = 7000

  content = RECORDS
  content {
    tables = tt_content
    conf.tt_content =< tt_content
    dontCheckPid = 1
    stdWrap.required = 1
    stdWrap.wrap = <div class="font-bigger" id="tx-p123designer-pi7-guidelines">|</div>
    showGuidelines = 1
  }

  piVars {
    removeBadHTML = 1
    htmlSpecialChars = 1
    htmlSpecialChars.preserveEntities = 1
  }

  data {
    caption {
      dataWrap = <span class="pi7-title">|</span>
    }
    icon {
      field = confSearchTyp
      htmlSpecialChars = 1
      dataWrap = <div class="tx-p123designer-pi7-locationIcon-wrapper"><span class="icon icon-|" title="{field:caption}"></span></div>
    }
    confGuidelines {
      cObject = TEXT
      cObject {
        value = ###LL_formatGuidelines###
        stdWrap.typolink.parameter = {$plugin.tx_p123_pi.pageFormatGuidelines}
        stdWrap.typolink.parameter.override.field = confGuidelines
        stdWrap.typolink.parameter.noTrimWrap = || 650x500:jquery_lightbox=ajax,no_cache=2 "tx-p123designer-pi7-guidelines pi7-link"|
        if.isTrue.dataWrap = {$plugin.tx_p123_pi.pageFormatGuidelines}{field:confGuidelines}
      }
    }
    locations {
      cObject = COA
      cObject {
        10 = TEXT
        10 {
          value.field = num
          override = ###LL_none###
          override.if.isFalse.current = 1
          postCObject = COA
          postCObject {
            10 = TEXT
            10.value = ###LL_selectMore###
            10.if.value = 1
            10.if.isGreaterThan.current = 1
            20 < .10
            20.value = ###LL_selectOne###
            20.if.negate = 1
            stdWrap.noTrimWrap = | ||
          }
          if.isTrue.field = num
        }
        20 = TEXT
        20 {
          value = ###LL_noneWithoutLocation###
          noTrimWrap = || ###LL_selectOne###|
          wrap3 = <span>|</span>
          if.isTrue.field = num
          if.negate = 1
        }
      }
      wrap = <span class="pi7-text-locations">|</span>
    }
    price {
      setContentToCurrent = 1
      current = 1
      preUserFunc = tx_p123designer_pi7->hook_money_format
      wrap = <span class="price">|</span>
      noTrimWrap = ||<span class="price-text">###LL_printingCosts### |
      noTrimWrap.override = ||<span class="price-text">###LL_printingCosts_DW### |
      noTrimWrap.override.if.value = _DW
      noTrimWrap.override.if.equals.field = format
      noTrimWrap.override.if.equals.case = upper
      noTrimWrap.override.if.equals.substring = -3,3
      append = COA
      append {
        10 = TEXT
        10.value = ###LL_printingCostsInclSpare###:</span>
        10.if.isTrue.field = num
        10.if.isTrue.if.isTrue.field = spare
        20 = TEXT
        20.value = ###LL_printingCostsExclSpare###:</span>
        20.if.isTrue.field = num
        20.if.isTrue.if.isFalse.field = spare
        30 = TEXT
        30.value = :</span>
        30.if.isFalse.field = num
      }
      wrap3 = <div class="pi7-costs">|</div>
    }
    decades {
      cObject = COA
      cObject {
        10 = TEXT
        10 {
          value.field = countDecades
          override = ###LL_none###
          override.if.isFalse.current = 1
          postCObject = COA
          postCObject {
            10 = TEXT
            10.value = ###LL_selectMoreDekade###
            10.if.value = 1
            10.if.isGreaterThan.current = 1
            20 < .10
            20.value = ###LL_selectOneDekade###
            20.if.negate = 1
            stdWrap.noTrimWrap = | ||
          }
          append = TEXT
          append {
            lang.en = incl. express
            lang.de = incl. Express
            if.isTrue.field = express
            wrap = (|)
            noTrimWrap = | ||
          }
          if.isTrue.field = num
          wrap = <span class="pi7-text-dekaden">|</span>
        }
        20 = TEXT
        20 {
          value = ###LL_textWithoutLocation###
          if.isTrue.field = num
          if.negate = 1
          wrap = <span class="pi7-text-withoutlocation">|</span>
        }
      }
    }
    noProduction_MotifDescription {
      field = confForceProduction_MotifDescription
    }
    noProduction_enableMotifEdit {
      cObject = TEXT
      cObject {
        value = false
        override = true
        override.if.isPositive.field = confForceProduction_enableMotifEdit
      }
    }
  }

  marks {
#    UPLOADER_BASEURL = uploads/tx_p123designer/
    UPLOADER_HANDLER_URL = TEXT
    UPLOADER_HANDLER_URL {
      typolink {
        parameter.data = TSFE:id
        additionalParams = &type=138
        returnLast = url
        addQueryString = 1
        addQueryString.exclude = id,L,chash
      }
    }
    AJAX_url = TEXT
    AJAX_url {
      typolink.parameter.data = TSFE:id
      typolink.parameter.wrap = |,139
      typolink.returnLast = url
    }
    HELP_LINK = TEXT
    HELP_LINK {
      value = ###LL_formatGuidelines###
      typolink.parameter = #tx-p123designer-pi7-guidelines
      typolink.ATagParams = class="pi7-link"
      outerWrap = <span class="font-bigger">|</span>
    }
    HEADLINE = TEXT
    HEADLINE {
      dataWrap = <div class="csc-header"><h1 class="csc-firstHeader">|###DATA_format_desc###</h1></div>
      noTrimWrap = || |
      field = header
    }
    IPOINTQUANTITY = TEXT
    IPOINTQUANTITY {
      value = <span class="pi7-ipoint pi7-ipoint-end pi7-fnt-fa pi7-info-circle-fa" data-info-id="###FORM_name###-info-quantity"></span>
    }
    IPOINTDISTRIBUTION = TEXT
    IPOINTDISTRIBUTION {
      value = <span class="pi7-ipoint pi7-ipoint-end pi7-fnt-fa pi7-info-circle-fa" data-info-id="###FORM_name###-info-distribution"></span>
    }
    IPOINTMOTIFS = TEXT
    IPOINTMOTIFS {
#      value = <span class="pi7-ipoint pi7-ipoint-end pi7-fnt-fa pi7-info-circle-fa" data-info-id="###FORM_name###-info-motifs"></span>
      value =
    }
    IPOINTMOTIFSBOX = TEXT
    IPOINTMOTIFSBOX {
      # value ( <div id="###FORM_name###-info-motifs" class="tx-p123designer-pi7-info pi7-ipoint-info">
      # <span class="pi7-ipoint pi7-ipoint-begin pi7-fnt-fa pi7-info-circle-fa"></span>
      # <span class="pi7-ipoint-message">###LL_infoMotifs###</span>
      # <span class="pi7-ipoint-close">X</span>
      # </div> )
      value =
    }

    IPOINTPRINTDATA = TEXT
    IPOINTPRINTDATA {
#      value = <span class="pi7-ipoint pi7-ipoint-end pi7-fnt-fa pi7-info-circle-fa" data-info-id="###FORM_name###-info-printdata"></span>
      value =
    }
    IPOINTPRINTDATABOX = TEXT
    IPOINTPRINTDATABOX {
    # value ( <div id="###FORM_name###-info-printdata" class="tx-p123designer-pi7-info pi7-ipoint-info">-->
    # <span class="pi7-ipoint pi7-ipoint-begin pi7-fnt-fa pi7-info-circle-fa"></span>
    # <span class="pi7-ipoint-message">###LL_infoPrintData###</span>
    # <span class="pi7-ipoint-close">X</span>
    # </div> )
      value =
    }

    IPOINTNOPRODUCTION = TEXT
    IPOINTNOPRODUCTION {
      value = <span class="pi7-ipoint pi7-ipoint-end pi7-fnt-fa pi7-info-circle-fa" data-info-id="###FORM_name###-info-noProduction"></span>
      if.directReturn = 1
    }
    IPOINTNOPRODUCTIONBOX = TEXT
    IPOINTNOPRODUCTIONBOX {
       value (
<div id="###FORM_name###-info-noProduction" class="tx-p123designer-pi7-info pi7-ipoint-info">
  <span class="pi7-ipoint pi7-ipoint-begin pi7-fnt-fa pi7-info-circle-fa"></span>
  <span class="pi7-ipoint-message">###LL_infoNoProduction###</span>
  <span class="pi7-ipoint-close">X</span>
</div>
       )
      if.directReturn = 1
    }

    SECTION_QUANTITY_Style = TEXT
    SECTION_QUANTITY_Style.value =
    CHECK_SECTION_QUANTITY = 1

    SECTION_DISTRIBUTION_Style = TEXT
    SECTION_DISTRIBUTION_Style.value =
    CHECK_SECTION_DISTRIBUTION = 1

    SECTION_PRINTDATA_Style = TEXT
    SECTION_PRINTDATA_Style.value =
    CHECK_SECTION_PRINTDATA = 1

    SECTION_MOTIFS_Style = TEXT
    SECTION_MOTIFS_Style.value =
    CHECK_SECTION_MOTIFS = 1

    SECTION_MOTIFS_UPLOAD_Style = TEXT
    SECTION_MOTIFS_UPLOAD_Style.value =
    CHECK_SECTION_MOTIF_UPLOAD = 1

    SECTION_NOPRODUCTION_Style = TEXT
    SECTION_NOPRODUCTION_Style =

    BTN_SHOWMOTIFS_Style  = TEXT
    BTN_SHOWMOTIFS_Style.value =

    uploadMaxFileFize = 15728640
    uploadAcceptFileTypes = /(\.|\/)(gif|jpg|jpe?g|tif?f|bmp|pcx|tga|png|pdf|ai)$/i

    ENABLE_PRINT_POSTER_WITHOUTLOCATION = {$plugin.tx_p123designer_pi7.enablePrintPosterWithoutLocation}
  }

  _LOCAL_LANG.de {
    chkbtnNoneNote = Du erhältst mit unserer Buchungsbestätigungs-E-Mail eine Excel-Tabelle für die Zuordnung der Standorte zu Deinen Motiven. <span class="pi7-note-highlight">Bitte fülle diese Datei so schnell wie möglich aus, ordne Deinen Wunschstandorte das entsprechende Motiv zu</span> und schicke sie an uns zurück, damit wir Deine Aktion ausführen können. Bitte beachte, dass sich die <span class="note-highlight">Preise für Plakatproduktion und -versand erhöhen</span> werden. Den genauen Betrag teilen wir Dir in unserer Auftragsbestätigung mit.
    noteMotifs = Bitte gib den <span class="pi7-note-highlight">Werbetreibenden</span> und den <span class="pi7-note-highlight">Slogan</span> oder <span class="pi7-note-highlight">Bildelemente</span> an, damit der Plakatkleber Dein Motiv identifizieren kann.
  }
  _LOCAL_LANG.en {
    chkbtnNoneNote = You will receive an Excel spreadsheet with our booking confirmation email for the assignment of the locations to your motifs. <span class="pi7-note-highlight">Please fill out this file as soon as possible, assign the appropriate motif to your desired locations</span> and send it back to us so that we can perform your action. Please note that the <span class="note-highlight">Increase prices for poster production and shipping</span>. We will inform you about the exact amount in our order confirmation.
    noteMotifs = Please give the <span class="pi7-note-highlight">Advertisers</span> and <span class="pi7-note-highlight">Slogan</span> or <span class="pi7-note-highlight">Image elements</span>, so that the poster sticker can identify your motif.
  }

  locallang {
    save {
      typolink.parameter = {$plugin.tx_p123_pi.pagePrintDataManager}
      typolink.additionalParams.dataWrap = &tx_p123designer_pi7[format]=finish
      typolink.parameter.noTrimWrap = || - "csc-mailform-button tx-p123designer-pi7-button-submit"|
      typolink.ATagParams =  onclick="return tx_p123designer_pi7.submit();"
    }
    cancel {
      typolink.parameter = {$plugin.tx_p123_pi.pageDesigner}
      typolink.parameter.noTrimWrap = || - csc-mailform-cancel|
    }
    sectionHeadlineQuantity {
      override = ###LL_querstiontWithoutLocation###
      override.if.isTrue.field = num
      override.if.negate = 1
      override.if.if.isTrue = {$plugin.tx_p123designer_pi7.enablePrintPosterWithoutLocation}
      wrap = <h2>|</h2>
    }
    sectionHeadlineDistribution {
      wrap = <h2>|</h2>
    }
    sectionHeadlinePrintData {
      wrap = <h2>|</h2>
    }
    sectionHeadlineMotifs {
      wrap = <h2>|</h2>
    }
    sectionHeadlineNoProduction {
      wrap = <h2>|</h2>
    }
    infoQuantity {
      outerWrap = <span class="font-bigger">|</span>
    }
    infoDistribution {
      outerWrap = <span class="font-bigger">|</span>
    }
    infoPrintData {
      stdWrap.append = TEXT
      stdWrap.append < plugin.tx_p123designer_pi7.data.confGuidelines
      stdWrap.append.wrap = <br>|
      outerWrap = <span class="font-bigger">|</span>
    }
    infoMotifs {
      outerWrap = <span class="font-bigger">|</span>
    }
    infoNoProduction {
      outerWrap = <span class="font-bigger">|</span>
    }
    noteQuantity {
      noTrimWrap.lang.de = |Hinweis: | |
      noTrimWrap.lang.en = |Note: | |
      outerWrap = <span class="font-bigger">|</span>
    }
    noteQuantityTooNMany {
      noTrimWrap.lang.de = |Hinweis: | |
      noTrimWrap.lang.en = |Note: | |
      outerWrap = <span class="font-bigger">|</span>
    }
    noteDistribution {
      noTrimWrap.lang.de = |Hinweis: | |
      noTrimWrap.lang.en = |Note: | |
      outerWrap = <span class="font-bigger">|</span>
    }
    notePrintData {
      noTrimWrap.lang.de = |Hinweis: | |
      noTrimWrap.lang.en = |Note: | |
      stdWrap.append = TEXT
      stdWrap.append < plugin.tx_p123designer_pi7.data.confGuidelines
      stdWrap.append.wrap = <br>|
      outerWrap = <span class="font-bigger">|</span>
    }
    noteMotifs {
      stdWrap.append = TEXT
      outerWrap = <span class="font-bigger">|</span>
    }
    chkbtnNoneNote {
      outerWrap = <span class="font-bigger">|</span>
    }
    chkbtnEvenNote  {
      outerWrap = <span class="font-bigger">|</span>
    }
    chkbtnDekadeNote  {
      noTrimWrap.lang.de = |Hinweis: | |
      noTrimWrap.lang.en = |Note: | |
      outerWrap = <span class="font-bigger">|</span>
    }
    chkbtnDekadeNoteForQuantity {
      noTrimWrap.lang.de = |Hinweis: | |
      noTrimWrap.lang.en = |Note: | |
      outerWrap = <span class="font-bigger">|</span>
    }
    chkbtnAllDataNote {
      outerWrap = <span class="font-bigger">|</span>
    }
    chkbtnNoneDataNote {
      outerWrap = <span class="font-bigger">|</span>
    }
    chkbtnNoneDataNoteExpress {
      outerWrap = <span class="font-bigger">|</span>
    }
    chkbtnNoneDataNoteMore {
      outerWrap = <span class="font-bigger">|</span>
    }
    textWithoutLocation {
      outerWrap = <span>|</span>
    }
  }

  # Must be CASE object! #
  mediaTypes = CASE
  mediaTypes {
    3560x2520 = TEXT
    3560x2520.value = GF
    5260x3720 = TEXT
    5260x3720.value = SP
    1024x768 = TEXT
    1024x768.value = VB
    1189x2520 = TEXT
    1189x2520.value = GZ
    7120x2520 = TEXT
    7120x2520.value = PF
    3540x2470 = TEXT
    3540x2470.value = GV
    1185x1750 = TEXT
    1185x1750.value = VI
    1185x1751 = TEXT
    1185x1751.value = VI
    594x841 = TEXT
    594x841.value = AL1_1
    1190x841 = TEXT
    1190x841.value = AL2_1
    1190x1680 = TEXT
    1190x1680.value = AL4_1
    1189x2520.override = AL6_1
    1189x2520.override.if.value.field = HS
    1189x2520.override.if.equals = AL
    297x420 = TEXT
    297x420.value = SOTP
    841x1189 = TEXT
    841x1189.value = SOTL
    148x210 = TEXT
    148x210.value = SOSA
    148x105 = TEXT
    148x105.value = SOFC
    154x111 = TEXT
    154x111.value = SOCC
    860x720 = TEXT
    860x720.value = TADW
    3560x2520_DW < .3560x2520
    1189x2520_DW < .1189x2520
    3540x2470_DW < .3540x2470
    1920x1080xA = TEXT
    1920x1080xA.value = KI
    1920x1080xB < .1920x1080xA
    1920x1080xC < .1920x1080xA
    1920x1080xD < .1920x1080xA
    1920x1080xF < .1920x1080xA
    1920x1080xG < .1920x1080xA
    1920x1080xH < .1920x1080xA
    1920x1080xI < .1920x1080xA
    1920x1080xJ < .1920x1080xA
    1920x1080xK < .1920x1080xA
    1920x1080xU < .1920x1080xA
    1920x1080xZ < .1920x1080xA
  }

  structure {
    GF {
      width = 600
      height = 398
      resolution = 8
      sizeTolerance = 0.01
      ratioTolerance = 0.01
    }
    GV < .GF
    GZ {
      width = 204
      height = 392
      resolution = 8
      sizeTolerance = 0.01
      ratioTolerance = 0.01
    }
    PF {
      width = 1192
      height = 398
      resolution = 8
      sizeTolerance = 0.01
      ratioTolerance = 0.01
    }
    ZZ {
      width = 209
      height = 150
      resolution = 8
      sizeTolerance = 0.01
      ratioTolerance = 0.01
    }
    VN {
      width = 401
      height = 555
      resolution = 8
      sizeTolerance = 0.01
      ratioTolerance = 0.01
    }
    VI < .VN
    VB {
      width = 209
      height = 150
      resolution = 8
      sizeTolerance = 0.01
      ratioTolerance = 0.01
    }
    TADW {
      width = 870
      height = 360
      resolution = 8
      sizeTolerance = 0.1
      ratioTolerance = 0.1
    }
    AL1_1 {
      width = 216
      height = 275
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.02
    }
    AL2_1 {
      width = 303
      height = 189
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.02
    }
    AL4_1 {
      width = 204
      height = 253
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.02
    }
    AL6_1 < .GZ
    SOTP {
      width = 303
      height = 420
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.02
    }
    SOTL {
      width = 847
      height = 1189
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.02
    }
    SOSA {
      width = 154
      height = 210
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.02
    }
    SOFC {
      width = 154
      height = 105
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.05
    }
    SOCC {
      width = 154
      height = 105
      resolution = 8
      sizeTolerance = 0.02
      ratioTolerance = 0.02
    }
  }

  ### Define mobile-first CSS. (from pi7-css-mobile-first.min.css)
  _CSS_DEFAULT_STYLE (
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}:root{--p123designer7-ci-1:#F9B701;--p123designer7-ci-2:#BE1010}.tx-p123designer-pi7 input::-webkit-inner-spin-button,.tx-p123designer-pi7 input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tx-p123designer-pi7 input[type=number]{-moz-appearance:textfield}.tx-p123designer-pi7 .pi7-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-pi7 .pi7-info-circle-fa:before{content:""}.tx-p123designer-pi7 .pi7-minus-fa:before{content:""}.tx-p123designer-pi7 .pi7-plus-fa:before{content:""}.tx-p123designer-pi7 .pi7-chevron-down-fa::before,.tx-p123designer-pi7 .pi7-toggle-close::before{content:""}.tx-p123designer-pi7 .pi7-chevron-up-fa::before,.tx-p123designer-pi7 .pi7-toggle-open::before{content:""}.tx-p123designer-pi7 .pi7-trash-fa:before{content:""}.tx-p123designer-pi7 .pi7-eye-fa:before{content:""}.tx-p123designer-pi7 .pi7-eye-slash-fa:before{content:""}.tx-p123designer-pi7 .pi7-edit-fa:before{content:""}.tx-p123designer-pi7 .pi7-check-fa:before{content:""}.tx-p123designer-pi7 .font-bigger{font-size:1.1em;line-height:1.5em}.tx-p123designer-pi7 .pi7-disabled{pointer-events:none;opacity:.65}.tx-p123designer-pi7 .pi7-error{color:var(--color-error)!important}.tx-p123designer-pi7 .pi7-error-border{border-color:var(--color-error)!important}.tx-p123designer-pi7 .pi7-link{color:var(--link-color)}.tx-p123designer-pi7 .pi7-complete{background-color:var(--color-ok)!important;border-color:var(--color-ok)!important;color:var(--color-white)!important}.tx-p123designer-pi7 .pi7-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-pi7 .pi7-flex-wrapper{display:inline-flex;flex-direction:column;width:100%}.tx-p123designer-pi7 .pi7-flex-row{width:100%;flex-direction:row!important}.tx-p123designer-pi7 .pi7-flex-column{flex-direction:column!important}.tx-p123designer-pi7 .pi7-progress{display:none;margin-top:20px}.tx-p123designer-pi7 .pi7-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-pi7 .pi7-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-pi7 .pi7-progress-text{margin-top:10px;font-size:1.2em;width:100%}.tx-p123designer-pi7 .pi7-loader{display:none}.tx-p123designer-pi7 .pi7-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-pi7 .pi7-loader-text{margin-top:10px;font-size:1.2em}.tx-p123designer-pi7 .pi7-hidden{display:none}.tx-p123designer-pi7 .pi7-hidden-important{display:none!important}.tx-p123designer-pi7 .pi7-btn{padding:5px 10px;background-color:var(--input-wrapper-background);border:1px solid var(--input-wrapper-border);text-align:center;cursor:pointer;color:var(--input-wrapper-color)}.tx-p123designer-pi7 .csc-mailform-submit-bottom.deactivate a,.tx-p123designer-pi7 .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-pi7 .csc-mailform-submit-bottom.deactivate a.csc-mailform-button:after,.tx-p123designer-pi7 .csc-mailform-submit-top.deactivate a.csc-mailform-button:after{content:"";font-size:1.1em;transform:rotate(90deg)}.tx-p123designer-pi7 .pi7-ipoint{position:relative;cursor:pointer;font-size:2.2em}.tx-p123designer-pi7 .pi7-ipoint:before{color:var(--color-info)}.tx-p123designer-pi7 .pi7-ipoint-begin{margin-right:2px}.tx-p123designer-pi7 .pi7-ipoint-end{padding-right:5px;padding-top:5px}.tx-p123designer-pi7 .pi7-ipoint-info{position:relative;border:2px dotted var(--border-color);padding:5px;cursor:pointer}.tx-p123designer-pi7 .pi7-ipoint-close{position:absolute;top:0;right:0;background-color:transparent;cursor:pointer;text-align:center;padding:5px;opacity:.5;font-size:1.5em;color:var(--color-gray)}.tx-p123designer-pi7 .pi7-ipoint-close:hover{color:var(--color-gray-dark)}.tx-p123designer-pi7-info{display:none;margin-bottom:10px}.tx-p123designer-pi7 .pi7-ico-btn{display:inline-flex;width:40px;padding:0;align-self:normal;justify-content:center;box-sizing:border-box}.pi7-motif-headline-wrapper .pi7-motif-headline-btn:before,.tx-p123designer-pi7 .pi7-ico-btn:before{align-self:center}.tx-p123designer-pi7 .pi7-input-ico-btn{text-align:center;margin:0 5px;width:100px}#txp123designerpi7-wrapper-quantity{width:auto;margin-left:auto;margin-right:auto;margin-bottom:10px}.tx-p123designer-pi7-input input[type=checkbox].pi7-chkbtn{position:absolute;clip:rect(0,0,0,0)}.tx-p123designer-pi7-input input[type=checkbox].pi7-chkbtn+label:before{content:none}.tx-p123designer-pi7-input input[type=checkbox].pi7-chkbtn:checked+label:before{content:none}.tx-p123designer-pi7-input input[type=checkbox].pi7-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-pi7-input button:after{content:"";font-size:unset;margin-left:0!important}#txp123designerpi7-input-distribution input[type=checkbox].pi7-chkbtn+label,#txp123designerpi7-input-noproduction input[type=checkbox].pi7-chkbtn+label,#txp123designerpi7-input-printdata input[type=checkbox].pi7-chkbtn+label{width:100%;box-sizing:border-box}.pi7-note-printdata span{float:left}.tx-p123designer-pi7-locationIcon-wrapper{padding-top:5px}.tx-p123designer-pi7-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-pi7-locationIcon-wrapper .icon-GF{background-position:0 0}.tx-p123designer-pi7-locationIcon-wrapper .icon-SP{background-position:0-55px}.tx-p123designer-pi7-locationIcon-wrapper .icon-ZZ{background-position:0-120px}.tx-p123designer-pi7-locationIcon-wrapper .icon-GZ{background-position:0-182px}.tx-p123designer-pi7-locationIcon-wrapper .icon-GV{background-position:0-242px}.tx-p123designer-pi7-locationIcon-wrapper .icon-PF{background-position:0-298px}.tx-p123designer-pi7-locationIcon-wrapper .icon-VI,.tx-p123designer-pi7-locationIcon-wrapper .icon-VN{background-position:0-362px}.tx-p123designer-pi7-locationInfo-wrapper{width:100%;padding-left:1em;padding-top:10px}.tx-p123designer-pi7-locationInfo-wrapper .pi7-title{display:inline-flex;font-size:1.3em;font-weight:700;padding-bottom:.5em}.tx-p123designer-pi7-locationInfo-wrapper .pi7-costs,.tx-p123designer-pi7-locationInfo-wrapper .pi7-text-dekaden,.tx-p123designer-pi7-locationInfo-wrapper .pi7-text-locations,.tx-p123designer-pi7-locationInfo-wrapper .pi7-text-withoutlocation{display:inline-flex;font-size:1.1em;margin-bottom:.5em}.tx-p123designer-pi7-locationInfo-wrapper .pi7-costs{width:calc(100% + 70px);margin-left:-70px;flex-direction:column}.tx-p123designer-pi7-locationInfo-wrapper .pi7-costs .price-text{order:1;width:100%;line-height:1.6em}.tx-p123designer-pi7-locationInfo-wrapper .pi7-costs .price-text-2{order:2;margin-right:5px}.tx-p123designer-pi7-locationInfo-wrapper .pi7-costs .price{order:3;text-align:right;font-weight:700;width:100%;margin-top:-1.3em}.tx-p123designer-pi7-section{flex-direction:column!important;width:100%;padding:2px;border:1px solid var(--border-color)}.tx-p123designer-pi7-section~.tx-p123designer-pi7-section{margin-top:10px}.tx-p123designer-pi7-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-pi7-error div{color:var(--color-error);margin-left:2em;padding-top:.5em}.tx-p123designer-pi7-headline{width:100%;margin-bottom:10px}.tx-p123designer-pi7-headline h2,.tx-p123designer-pi7-input{width:100%}#txp123designerpi7-motifs-wrapper{margin-top:15px}#txp123designerpi7-motifs-wrapper .tx-p123designer-pi7-input{margin-bottom:15px}.tx-p123designer-pi7-note{width:100%;margin-top:10px}.tx-p123designer-pi7-note .pi7-note-highlight{color:var(--p123designer7-ci-2);font-weight:700}.tx-p123designer-pi7-section .pi7-grp-chkbtn{flex-direction:column;width:100%}.tx-p123designer-pi7-input.pi7-motif{flex-direction:column!important;font-size:1.1em}.pi7-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}.pi7-motif-headline-wrapper .disabled{background-color:var(--input-wrapper-background)!important}.pi7-motif-headline-wrapper .pi7-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)}.pi7-motif-headline-wrapper .pi7-motif-headline-nr.pi7-nr-ready{background-color:var(--color-ok)}.pi7-motif-headline-wrapper .pi7-motif-headline-name{display:block;float:left;padding:5px;order:2;-webkit-flex-shrink:0;flex-shrink:0;flex-grow:1!important}.pi7-motif-headline-wrapper .pi7-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}.pi7-motif-headline-wrapper .pi7-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}.pi7-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}.pi7-motif-wrapper .pi7-motif-dropzone{display:block;text-align:center;padding-top:40px;height:165px;box-sizing:border-box}.pi7-motif-wrapper .pi7-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}.pi7-motif-wrapper .pi7-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}.pi7-motif-wrapper .pi7-motif-fileinput-text{display:inline-block;visibility:hidden;width:100%;margin-top:30px;line-height:1em;box-sizing:border-box}.pi7-motif-wrapper .pi7-motif-fileinput-text.pi7-error{font-size:1.2em;margin-top:5px}.pi7-motif-wrapper .pi7-motif-checkbox{margin-top:5px;text-align:center}.pi7-motif-wrapper .pi7-motif-bg-border{background:var(--input-wrapper-background);border:2px dashed var(--input-wrapper-border)}.pi7-motif-wrapper .pi7-motif-checkbox-later+label{display:inline-flex!important;padding:10px}.pi7-dialog-confirm{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;overflow:auto;background:var(--body-background-color)}.pi7-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%}.pi7-dialog-confirm-container{padding:16px;text-align:center;font-size:70%}.pi7-dialog-confirm-question,.pi7-dialog-confirm-title{display:inline-block;width:100%;margin:.4em auto;font-size:2.6em;line-height:1.1em}.pi7-dialog-confirm-question{font-size:1.2em}.pi7-dialog-confirm-clearfix:after{content:"";clear:both;display:table}.pi7-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}.pi7-dialog-confirm-clearfix button:hover{opacity:1}.pi7-dialog-confirm-clearfix .cancelbtn,.pi7-dialog-confirm-clearfix .okbtn{width:49%}.pi7-dialog-confirm-clearfix .cancelbtn{float:left;background-color:var(--btn-cancel-background);color:var(--btn-cancel-color)}.pi7-dialog-confirm-clearfix .okbtn{float:right;background-color:var(--p123designer7-ci-1)}#txp123designerpi7-wrapper{margin:1em 0 20px}#txp123designerpi7-optMotif{display:none}.pi7-img-wrapper img,.pi7-motif-preview{width:100%}.pi7-img-wrapper{border:1px solid var(--border-color);box-sizing:border-box;width:100%}.pi7-preview-btn-wrapper{width:100%;justify-content:flex-end!important}.pi7-preview-btn-wrapper .pi7-check,.pi7-preview-btn-wrapper .pi7-edit,.pi7-preview-btn-wrapper .pi7-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)}.pi7-preview-btn-wrapper .pi7-edit{order:1}.pi7-preview-btn-wrapper .pi7-trash{order:2}.pi7-preview-btn-wrapper .pi7-check{order:3}#tx-p123designer-pi7-guidelines .csc-firstHeader{display:block!important}#tx-p123designer-pi7-guidelines .bodytext{width:100%}#tx-p123designer-pi7-guidelines .csc-textpic-imagerow{margin:0 auto}#tx-p123designer-pi7-guidelines .csc-textpic-imagecolumn{margin-right:9px}#tx-p123designer-pi7-guidelines .csc-textpic-imagecolumn.csc-textpic-lastcol{margin-right:0}.tx-p123designer-pi7-guidelines.pi7-link{margin-top:10px}@media only screen and (min-width:23.375em){.pi7-motif-headline-wrapper .pi7-motif-input-text{font-size:inherit}}@media only screen and (min-width:37.5em){.tx-p123designer-pi7-section{padding:5px}.tx-p123designer-pi7 .pi7-ipoint-message{padding-right:15px}.tx-p123designer-pi7-locationIcon-wrapper{padding-left:5px}.tx-p123designer-pi7-locationIcon-wrapper .icon{transform:scale(1.2)}.tx-p123designer-pi7-locationInfo-wrapper .pi7-costs{width:calc(100% + 75px);margin-left:-75px}.pi7-motif-headline-wrapper{display:flex!important;padding:2px 0}.pi7-motif-headline-wrapper .pi7-motif-headline-nr{float:unset;width:40px;padding:0}.pi7-motif-headline-wrapper .pi7-motif-headline-name{display:inline-flex;float:unset;padding:0 5px}.pi7-motif-headline-wrapper .pi7-motif-headline-btn{display:inline-flex;position:relative;float:unset;width:40px;border-left:1px solid #dbdbdb;padding:0;right:unset}.pi7-motif-headline-wrapper .pi7-motif-input-text{display:inline-flex;position:relative}.pi7-motif-wrapper .pi7-motif-dropzone{padding-top:60px;height:200px}}@media only screen and (min-width:48em){.tx-p123designer-pi7-section{padding:10px}.tx-p123designer-pi7-locationIcon-wrapper{padding-left:15px;padding-top:15px}.tx-p123designer-pi7-locationIcon-wrapper .icon{transform:scale(1.5)}.tx-p123designer-pi7-locationInfo-wrapper{padding-left:2em;padding-top:15px}.tx-p123designer-pi7-locationInfo-wrapper .pi7-costs{width:100%;margin-left:0}.tx-p123designer-pi7-section .pi7-grp-chkbtn{flex-direction:row}.pi7-motif-wrapper .pi7-motif-fileinput-text{visibility:visible;margin-top:0;padding:0 30px;font-size:1.8em}.pi7-motif-wrapper .pi7-motif-dropzone{padding-top:90px;height:250px}.pi7-preview-btn-wrapper .pi7-check,.pi7-preview-btn-wrapper .pi7-edit,.pi7-preview-btn-wrapper .pi7-trash{font-size:1.8em}#tx-p123designer-pi7-guidelines .bodytext{width:auto}#tx-p123designer-pi7-guidelines .csc-textpic-imagecolumn{margin-right:20px}}@media only screen and (min-width:60em){.tx-p123designer-pi7-section{padding:20px}.tx-p123designer-pi7-locationInfo-wrapper .pi7-costs{flex-direction:row!important}.tx-p123designer-pi7-locationInfo-wrapper .pi7-costs .price{width:auto;margin-top:0;margin-left:2em;text-align:left;line-height:1.6em}.tx-p123designer-pi7-headline h2,.tx-p123designer-pi7-locationInfo-wrapper .pi7-costs .price-text{width:auto}.tx-p123designer-pi7 .pi7-ipoint-end{padding-right:0;margin-left:.5em}.pi7-motif-wrapper .pi7-flex-wrapper{width:80%;max-width:55em;margin:0 auto}.pi7-motif-wrapper .pi7-motif-dropzone{height:285px}.pi7-dialog-confirm-container{font-size:100%}.pi7-preview-btn-wrapper .pi7-check,.pi7-preview-btn-wrapper .pi7-edit,.pi7-preview-btn-wrapper .pi7-trash{font-size:2em}}@media only screen and (min-width:64em){#txp123designerpi7-wrapper .tx-p123designer-pi7-section{width:100%;float:left}#txp123designerpi7-wrapper-quantity{margin-left:unset;margin-right:unset}.tx-p123designer-pi7-section~.tx-p123designer-pi7-section{margin-top:20px}.tx-p123designer-pi7-locationIcon-wrapper{padding-left:40px;padding-top:40px}.tx-p123designer-pi7-locationIcon-wrapper .icon{transform:scale(2)}.tx-p123designer-pi7-locationInfo-wrapper{padding-left:3em;padding-top:15px}#txp123designerpi7-motifs-wrapper{display:block;position:relative;margin:0 auto;padding-top:20px}.pi7-motif-headline-wrapper .pi7-motif-headline-name{padding:0 10px}#txp123designerpi7-btn-showmotifs{width:90%;margin:0 auto;box-sizing:border-box}}@media only screen and (min-width:74em){#txp123designerpi7-motifs-wrapper{width:90%;max-width:64em;margin:0 auto;padding-top:20px}.tx-p123designer-pi7-locationInfo-wrapper{padding-left:4em}.tx-p123designer-pi7-locationIcon-wrapper .icon{transform:scale(2.2)}.pi7-motif-wrapper .pi7-motif-fileinput-text{margin-top:20px}}@media only screen and (min-width:89em){.tx-p123designer-pi7-section{padding:30px}.tx-p123designer-pi7-locationIcon-wrapper .icon{transform:scale(2.5)}.tx-p123designer-pi7-locationIcon-wrapper{padding-left:50px;padding-top:50px}.tx-p123designer-pi7-locationInfo-wrapper{padding-left:5em;padding-top:35px}}
  )
}

# Configuration for the plugin "p123designer_pi8"
plugin.tx_p123designer_pi8 {
  includeP123 = pageDesignerLater,storeFiles
  # Define the templateFile
  templateFile = EXT:p123designer/res/template.htm
  javascriptFile = EXT:p123designer/res/javascript.js
  moveJsFromHeaderToFooter = 0

  # Define formular settings
  formular < plugin.tx_p123designer_pi1.formular
  formular {
    type.typolink.additionalParams = &tx_p123designer_pi8[link]=
    type.typolink.additionalParams.dataWrap = |{GP:tx_p123designer_pi8|link}
  }
#
  designerPath < plugin.tx_p123designer_pi7.designerPath
  servicePath  < plugin.tx_p123designer_pi7.servicePath
  imagePath < plugin.tx_p123designer_pi7.imagePath
  acceptedFileTypes < plugin.tx_p123designer_pi7.acceptedFileTypes
  # Max size in Bytes (15 MB) #
  maxSize < plugin.tx_p123designer_pi7.maxSize
  baseMotif < plugin.tx_p123designer_pi7.baseMotif
  preview < plugin.tx_p123designer_pi7.preview
  previewMinFileSize < plugin.tx_p123designer_pi7.previewMinFileSize
  piVars < plugin.tx_p123designer_pi7.piVars
#  mediaTypes < plugin.tx_p123designer_pi7.mediaTypes
#  structure < plugin.tx_p123designer_pi7.structure

  content = RECORDS
  content {
    tables = tt_content
    conf.tt_content =< tt_content
    dontCheckPid = 1
    stdWrap.required = 1
    stdWrap.wrap = <div class="font-bigger" id="tx-p123designer-pi8-guidelines">|</div>
    showGuidelines = 1
  }

  marks {
    UPLOADER_HANDLER_URL = TEXT
    UPLOADER_HANDLER_URL {
      typolink {
        parameter.data = TSFE:id
        additionalParams = &type=141
        returnLast = url
        addQueryString = 1
        addQueryString.exclude = id,L,chash
      }
    }
    AJAX_url = TEXT
    AJAX_url {
      typolink.parameter.data = TSFE:id
      typolink.parameter.wrap = |,140
      typolink.returnLast = url
    }
    HEADLINE < plugin.tx_p123designer_pi7.marks.HEADLINE
    HELP_LINK < plugin.tx_p123designer_pi7.marks.HELP_LINK
    HELP_LINK {
      typolink.parameter = #tx-p123designer-pi8-guidelines
      typolink.ATagParams = class="pi8-link"
    }

    SECTION_MOTIFS_Style = TEXT
    SECTION_MOTIFS_Style.value =

    SECTION_MOTIFS_UPLOAD_Style = TEXT
    SECTION_MOTIFS_UPLOAD_Style.value =

    BTN_SHOWMOTIFS_Style  = TEXT
    BTN_SHOWMOTIFS_Style.value =

    uploadMaxFileFize < plugin.tx_p123designer_pi7.marks.uploadMaxFileFize
    uploadAcceptFileTypes < plugin.tx_p123designer_pi7.marks.uploadAcceptFileTypes
  }
  # Add extra time to expiration date in database (7 days = 7 * 24 * 60 *60) = 604800
  extraExpirationTime =
  # Expiration time for only production, because no location is selected (7 days = 7 * 24 * 60 * 60) = 604800
  onlyProductionExpirationTime = 604799
  data {
    caption {
      dataWrap = <span class="pi8-title">|</span>
    }
    icon {
      field = confSearchTyp
      htmlSpecialChars = 1
      dataWrap = <div class="tx-p123designer-pi8-locationIcon-wrapper"><span class="icon icon-|" title="{field:caption}"></span></div>
    }
    distributionText {
      cObject = CASE
      cObject {
        default = TEXT
        default.value = ###LL_distributionNone###
        none = TEXT
        none.value = ###LL_distributionNone###
        even = TEXT
        even.value = ###LL_distributionEven###
        dekade = TEXT
        dekade.value = ###LL_distributionDekade###
        key.field = distribution
      }
      noTrimWrap = | ||
      dataWrap = <span class="pi8-text">###LL_distributionHeader###:|</span>
    }
    countMotifText {
      dataWrap = <span class="pi8-text">###LL_motifsHeader###: {field:countMotif}</span>
    }
    motifName {
      cObject = CASE
      cObject {
        default = TEXT
        default.value = ###LL_preMotifName###
        none = TEXT
        none.value = ###LL_preMotifName###
        even = TEXT
        even.value = ###LL_preMotifName###
        dekade = TEXT
        dekade.value = ###LL_preMotifDekadeName###
        key.field = distribution
      }
    }
  }

  # Must be CASE object! #
#  mediaTypes = CASE
  mediaTypes < plugin.tx_p123designer_pi7.mediaTypes
  structure < plugin.tx_p123designer_pi7.structure

  locallang {
    save {
      wrap = <a class="csc-mailform-submit tx-p123designer-pi8-button-submit" onclick="return tx_p123designer_pi8.submit();">|</a>
#      typolink {
#        parameter {
#          data = TSFE:id
#          noTrimWrap = || - "csc-mailform-submit tx-p123designer-pi8-button-submit"|
#        }
#        ATagParams =  onclick="return tx_p123designer_pi8.submit();"
#        additionalParams {
#          wrap = &tx_p123designer_pi8[link]=|
#          data = GP:tx_p123designer_pi8|link
#        }
#      }
    }
    submitDescription {
      override = ###LL_submitDescriptionMore###
      override.if.isGreaterThan = 1
      override.if.isGreaterThan.field = countMotif
      outerWrap = <div class="pi8-confirm">|</div>
    }
    errorLink {
      trim = 1
      parseFunc = <lib.parseFunc_RTE
    }
    errorHotline {
      stdWrap.parseFunc.constants = 1
      trim = 1
      parseFunc = <lib.parseFunc_RTE
    }
    errorClose {
      typolink.parameter.cObject = CONTENT
      typolink.parameter.cObject {
        table = pages
        select {
          pidInList.data = fullRootline: 1,uid
          selectFields = uid,pid
          where = (title LIKE 'kontakt%' OR title LIKE 'contact%' OR nav_title LIKE 'kontakt%' OR nav_title LIKE 'contact%' OR alias LIKE 'kontakt%' OR alias LIKE 'contact%') AND nav_hide='0' AND no_search='0'
          max = 1
        }
        slide = 100
        renderObj = TEXT
        renderObj.field = uid
      }
      typolink.parameter.noTrimWrap = || - csc-mailform-button|
    }
    finishedDescription {
      stdWrap.parseFunc.constants = 1
      trim = 1
      parseFunc = <lib.parseFunc_RTE
    }
    finishedClose {
      typolink.parameter.data = fullRootline: 0,uid
      typolink.parameter.noTrimWrap = || - csc-mailform-button|
    }
  }
  # Array to bild xml of
  orderArr {
    _attributes {
      Datum.date = d-m-Y H:i
      Kommisionsnr.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][sid]
      IP.data = getIndpEnv:REMOTE_ADDR
      Portal = {$plugin.tx_p123_pi.portal}
      Unterportal = {$plugin.tx_p123_pi.sesName}
    }
    Kunde {
      _attributes {
        Vorname.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][firstname]
        Nachname.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][lastname]
        Firma.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][company]
        Email.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][email]
      }
    }
    Media {
      if {
        __preventParser = 1
        isTrue.field = poster
      }
      _attributes {
        Name.field = caption
        Format {
          field = format
          substring = 0,-3
          substring.if {
            value = _DW
            equals.field = format
            equals.case = upper
            equals.substring = -3,3
          }
        }
        Dauerwerbung = 0
        Dauerwerbung {
          override = 1
          override.if.value = _DW
          override.if.equals.field = format
          override.if.equals.case = upper
          override.if.equals.substring = -3,3
        }
        Typ {
          cObject = CASE
          cObject {
            3560x2520 = TEXT
            3560x2520.value = GF
            5260x3720 = TEXT
            5260x3720.value = SP
            1024x768 = TEXT
            1024x768.value = VB
            1189x2520 = TEXT
            1189x2520.value = GZ
            7120x2520 = TEXT
            7120x2520.value = PF
            3540x2470 = TEXT
            3540x2470.value = GV
            1185x1750 = TEXT
            1185x1750.value = VI
            1185x1751 = TEXT
            1185x1751.value = VI
            594x841 = TEXT
            594x841.value = AL1_1
            1190x841 = TEXT
            1190x841.value = AL2_1
            1190x1680 = TEXT
            1190x1680.value = AL4_1
            1189x2520.override = AL6_1
            1189x2520.override.if.value.field = HS
            1189x2520.override.if.equals = AL
            297x420 = TEXT
            297x420.value = SOTP
            841x1189 = TEXT
            841x1189.value = SOTL
            148x210 = TEXT
            148x210.value = SOSA
            148x105 = TEXT
            148x105.value = SOFC
            154x111 = TEXT
            154x111.value = SOCC
            860x720 = TEXT
            860x720.value = TADW
            3560x2520_DW < .3560x2520
            1189x2520_DW < .1189x2520
            3540x2470_DW < .3540x2470
            key.field = format
          }
        }
      }
      Plakat {
        _attributes {
          Vorschau.field = download
          URL.field = poster
          bezeichnung {
            field = description
            ifEmpty.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][email]
            ifEmpty.trim = 1
            ifEmpty.substring = 0,15
            trim = 1
          }
          motivanzahl {
            field = quantity
            ifEmpty = 1
            intval = 1
          }
        }
      }
    }
  }
  xmlOptions {
    storeXML = 1
    directory = /var/ftp/order
    fileName = {$plugin.tx_p123_pi.portal}_{$plugin.tx_p123_pi.sesName}_{register:tx_p123_pi[session][sid]}_motiv.xml
    fileName {
      insertData = 1
    }
  }
  # Mail Constructor
  mail {
    subject {
      lang.en = Motif at {TSFE:tmpl|sitetitle} for order no. {$plugin.tx_p123_pi.sesName}{register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][sid]} submitted
      lang.de = Motiv {register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][caption]} auf {TSFE:tmpl|sitetitle} zu Auftrag {$plugin.tx_p123_pi.sesName}{register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][sid]} nachgereicht
      override.lang.en = Motifs at {TSFE:tmpl|sitetitle} for order no. {$plugin.tx_p123_pi.sesName}{register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][sid]} submitted
      override.lang.de = Motive {register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][caption]} auf {TSFE:tmpl|sitetitle} zu Auftrag {$plugin.tx_p123_pi.sesName}{register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][sid]} nachgereicht
      override.if.value = 1
      override.if.isGreaterThan.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][countMotif]
      insertData = 1
    }
    recipient {
      address.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][email]
      address.htmlSpecialChars_decode = 1
      #     name.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][lastname]
      #     name.stdWrap.dataWrap = |, {register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][firstname]}
      #     name.stdWrap.prepend = TEXT
      #     name.stdWrap.prepend {
      #       data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][company]
      #       required = 1
      #       noTrimWrap = || - |
      #     }
      #     name.htmlSpecialChars_decode = 1
    }
    #   cc.1 {
    #     address = email@address.com
    #     name = Recipient name
    #   }
    bcc.1 {
      address = auftrag@123plakat.de
      #     name = Recipient name
    }
    attachment.1 {
      file.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][preview]
      file.stdWrap.replacement {
        10 {
          search = ||
          replace = §§§§
        }
      }
      file.split {
        token = §§§§
        cObjNum = 1
        1 {
          if.isTrue.current = 1
          10 = TEXT
          10 {
            current = 1
            wrap = uploads/tx_p123designer/|
            wrap2 = |§§§§
          }
          stdWrap.replacement {
            10 {
              search = §§§§
              replace = ||
            }
          }
        }
      }
      file.required = 1

      #fileName = grossflaechen
      fileName.dataWrap = {register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][sid]}-{register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][caption]}.
      fileName.prepend = TEXT
      fileName.prepend {
        current = 1
        split {
          token = ||
          returnKey = 0
        }
        stdWrap.wrap = |+1
        stdWrap.intval = 1
        prioriCalc = 1
        wrap = |-
      }
      fileName.append = TEXT
      fileName.append {
        current = 1
        setCurrent {
          current = 1
          stdWrap.split {
            token = ||
            returnKey = 1
          }
        }
        listNum.splitChar = .
        listNum = last
      }
      fileName.insertData = 1
    }
  }
  # Parse userdata before adding them to mailTemplate
  parseUserData.text {
    htmlSpecialChars_decode = 1
  }
  # HTML Template
  mailTemplate.html = TEMPLATE
  mailTemplate.html {
    template = FILE
    template.file = EXT:p123designer/res/mailTemplate.htm
    template.file.override = EXT:p123designer/res/mailTemplate_with_download.htm
    template.file.override.if {
      value < plugin.tx_p123_pi.storeFiles.if.value
      isInList.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][format]
      negate = 1
    }
    subparts.MENU = <plugin.tx_p123checkout_pi4.mailTemplate.html.subparts.MENU
    subparts.LOGO = <plugin.tx_p123checkout_pi4.mailTemplate.html.subparts.LOGO
    marks.TITLE = TEXT
    marks.TITLE {
      lang.en = Motif {register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][caption]} submitted
      lang.de = Plakatmotiv {register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][caption]} übermittelt
      override.lang.en = Motifs {register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][caption]} submitted
      override.lang.de = Plakatmotive {register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][caption]} übermittelt
      override.if.value = 1
      override.if.isGreaterThan.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][countMotif]
      insertData = 1
    }
    marks.CUSTOMER = <plugin.tx_p123checkout_pi4.mailTemplate.html.marks.CUSTOMER
    marks.DATE = <plugin.tx_p123checkout_pi4.mailTemplate.html.marks.DATE
    marks.TODAY = <plugin.tx_p123checkout_pi4.mailTemplate.html.marks.TODAY
    marks.PORTAL = <plugin.tx_p123checkout_pi4.mailTemplate.html.marks.PORTAL
    marks.SITENAME = <plugin.tx_p123checkout_pi4.mailTemplate.html.marks.SITENAME
    marks.ORDERTEXT = TEXT
    marks.ORDERTEXT {
      setCurrent {
        cObject = COA
        cObject {
          10 = LOAD_REGISTER
          10.motivDistribution.cObject = CASE
          10.motivDistribution.cObject {
            default = TEXT
            default.dataWrap = {LLL:EXT:p123designer/pi8/locallang.xml:distributionNone}
            none = TEXT
            none.dataWrap = {LLL:EXT:p123designer/pi8/locallang.xml:distributionNone}
            even = TEXT
            even.dataWrap = {LLL:EXT:p123designer/pi8/locallang.xml:distributionEven}
            dekade = TEXT
            dekade.dataWrap = {LLL:EXT:p123designer/pi8/locallang.xml:distributionDekade}
            insertData = 1
            key.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][distribution]
          }
          20 = LOAD_REGISTER
          20.motivPrefix {
            cObject = TEXT
            cObject {
              value = {LLL:EXT:p123designer/pi8/locallang.xml:preMotifName}
              override = {LLL:EXT:p123designer/pi8/locallang.xml:preMotifDekadeName}
              override.if.value = dekade
              override.if.equals.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][distribution]
              insertData = 1
            }
            stdWrap.split {
              token = :
              cObjNum = 1
              1.current = 1
            }
          }
        }
        prepend = COA
        prepend.5 = TEXT
        prepend.5 {
          value.noTrimWrap = |{LLL:EXT:p123designer/pi8/locallang.xml:distributionHeader}: {register:motivDistribution}|
          wrap = <br><b style="color: #0F1B5F;">|</b><br>
          if.value = 1
          if.isGreaterThan.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][countMotif]
          insertData = 1
        }
        prepend.10 = TEXT
        prepend.10 {
          lang.en = Motif description
          lang.de = Motivbeschreibung
          override.lang.en = Motif descriptions
          override.lang.de = Motivbeschreibungen
          override.if.value = 1
          override.if.isGreaterThan.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][countMotif]
          wrap = <br><b style="text-decoration: underline; color: #0F1B5F;">|</b><br>
        }
        append = COA
        append.10 = TEXT
        append.10 {
          data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][description]
          stdWrap.replacement {
            10 {
              search = ||
              replace = §§§§
            }
          }
          split {
            token = §§§§
            cObjNum = 1
            1.10 = LOAD_REGISTER
            1.10.SPLITCOUNT {
              cObject = TEXT
              cObject.data = register:SPLIT_COUNT
              cObject.wrap = |+1
              prioriCalc = intval
            }
            1.20 = TEXT
            1.20 {
              current = 1
              noTrimWrap = | ||
              dataWrap = {register:motivPrefix} {register:SPLITCOUNT}:|<br>
              insertData = 1
            }
          }
        }
      }
      lang.en (
Hello ###USER_firstname### ###USER_lastname###,

thank you for your motif. Your motif data has been successfully transferred to {$terms.short}
{current:1}
For any questions please contact our hotline <a href="tel:{$terms.telraw}" style="color: #55565A;">{$terms.tel}</a> or by e-mail to <a href="mailto:{$terms.email}" style="color: #55565A;">{$terms.email}</a>.


Best regards

{$portal.salutation}
      )
      override.lang.en (
Hello ###USER_firstname### ###USER_lastname###,

thank you for your motifs. Your motif data has been successfully transferred to {$terms.short}
{current:1}
For any questions please contact our hotline <a href="tel:{$terms.telraw}" style="color: #55565A;">{$terms.tel}</a> or by e-mail to <a href="mailto:{$terms.email}" style="color: #55565A;">{$terms.email}</a>.


Best regards

{$portal.salutation}
      )
      lang.de (
Hallo ###USER_firstname### ###USER_lastname###,

vielen Dank für Dein Plakatmotiv. Deine Daten wurde erfolgreich an {$terms.short} übermittelt.
{current:1}
Bei Rückfragen wende Dich bitte an unsere Hotline <a href="tel:{$terms.telraw}" style="color: #55565A;">{$terms.tel}</a> oder per E-Mail an <a href="mailto:{$terms.email}" style="color: #55565A;">{$terms.email}</a>.


Mit freundlichen Grüßen

{$portal.salutation}
      )
      override.lang.de (
Hallo ###USER_firstname### ###USER_lastname###,

vielen Dank für Deine Plakatmotive. Deine Daten wurden erfolgreich an {$terms.short} übermittelt.
{current:1}
Bei Rückfragen wende Dich bitte an unsere Hotline <a href="tel:{$terms.telraw}" style="color: #55565A;">{$terms.tel}</a> oder per E-Mail an <a href="mailto:{$terms.email}" style="color: #55565A;">{$terms.email}</a>.


Mit freundlichen Grüßen

{$portal.salutation}
      )
      override.if.value = 1
      override.if.isGreaterThan.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][countMotif]
      stdWrap.insertData = 1
      trim = 1
      brTag = <br>
    }
    marks.DOWNLOAD = TEXT
    marks.DOWNLOAD {
      lang.en = Download the print data
      lang.de = Download der Druckdaten
    }
    subparts.HOTLINE = <plugin.tx_p123checkout_pi4.mailTemplate.html.subparts.HOTLINE
    marks.ADDRESS = <plugin.tx_p123checkout_pi4.mailTemplate.html.marks.ADDRESS
    marks.IMPRINT = <plugin.tx_p123checkout_pi4.mailTemplate.html.marks.IMPRINT
  }
  # Text template
  mailTemplate.text = TEMPLATE
  mailTemplate.text {
    template = <plugin.tx_p123designer_pi8.mailTemplate.html.template
    template.file = EXT:p123designer/res/mailTemplate.txt
    template.file.override = EXT:p123designer/res/mailTemplate_with_download.txt
    subparts.MENU = <plugin.tx_p123designer_pi8.mailTemplate.html.subparts.MENU
    subparts.MENU {
      1.NO.doNotLinkIt = 1
      1.NO.stdWrap {
        append = COA
        append {
          10 = TEXT
          10.setCurrent.char = 124 |*| 124 |*| 0
          10.typolink.parameter.field = uid
          10.typolink.forceAbsoluteUrl = 1
          10.typolink.returnLast = url
          10.noTrimWrap = | <|> {current:1}|
          10.insertData = !
          20 = TEXT
          20.char = 10
        }
      }
      1.NO.linkWrap = |
      stdWrap.trim = 1
    }
    marks.TITLE = <plugin.tx_p123designer_pi8.mailTemplate.html.marks.TITLE
    marks.CUSTOMER = <plugin.tx_p123designer_pi8.mailTemplate.html.marks.CUSTOMER
    marks.CUSTOMER {
      stdWrap.noTrimWrap = ||:                    |
      substring = 0,20
    }
    marks.DATE = <plugin.tx_p123designer_pi8.mailTemplate.html.marks.DATE
    marks.DATE {
      stdWrap.noTrimWrap = ||:                    |
      substring = 0,20
    }
    marks.TODAY = <plugin.tx_p123designer_pi8.mailTemplate.html.marks.TODAY
    marks.SITENAME = <plugin.tx_p123designer_pi8.mailTemplate.html.marks.SITENAME
    marks.SITEURL = TEXT
    marks.SITEURL {
      typolink.parameter.data = fullRootline: 1,uid
      typolink.returnLast = url
      wrap = <|>
    }
    marks.ORDERTEXT = <plugin.tx_p123designer_pi8.mailTemplate.html.marks.ORDERTEXT
    marks.ORDERTEXT {
      brTag (


      )
      stripHtml = 1
    }
    marks.DOWNLOAD = <plugin.tx_p123designer_pi8.mailTemplate.html.marks.DOWNLOAD
    subparts.HOTLINE = <plugin.tx_p123designer_pi8.mailTemplate.html.subparts.HOTLINE
    subparts.HOTLINE {
      brTag < plugin.tx_p123designer_pi8.mailTemplate.text.marks.ORDERTEXT.brTag
      stripHtml = 1
    }
    marks.ADDRESS = <plugin.tx_p123designer_pi8.mailTemplate.html.marks.ADDRESS
    marks.ADDRESS {
      brTag < plugin.tx_p123designer_pi8.mailTemplate.text.marks.ORDERTEXT.brTag
      stripHtml = 1
    }
    marks.IMPRINT = <plugin.tx_p123designer_pi8.mailTemplate.html.marks.IMPRINT
    marks.IMPRINT {
      brTag < plugin.tx_p123designer_pi8.mailTemplate.text.marks.ORDERTEXT.brTag
      stripHtml = 1
    }
  }

  _CSS_DEFAULT_STYLE (
@-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}}
  )
}

# Configuration for cacheable javascript
page.jsFooterInline.127 = USER
page.jsFooterInline.127 {
  includeLibs = EXT:p123designer/pi6/class.tx_p123designer_pi6.php
  userFunc = tx_p123designer_pi6->cachable
  templateFile = EXT:p123designer/res/javascript.js
  marks < plugin.tx_p123designer_pi6.marks
  data < plugin.tx_p123designer_pi6.data
  locallang < plugin.tx_p123designer_pi6.locallang
  dontWrapInBaseClass = 1
  stdWrap.substring = 0,-2
}

# Configuration for the page "p123designer_pi4->uploadHandler (json)"
p123designer_pi4 = PAGE
p123designer_pi4 {
  typeNum = 133
  config {
    disableAllHeaderCode = 1
    disableCharsetHeader = 1
    no_cache = 1
    xhtml_cleaning = 1
    additionalHeaders = Content-Type: application/json
  }
  10 =< plugin.tx_p123designer_pi4
  10 {
    userFunc = tx_p123designer_pi4->uploadHandler
    upload_dir = uploads/tx_p123designer/
    upload_url = uploads/tx_p123designer/
  } 
}

# Configuration for the page "p123designer_pi7->uploadHandler (json)"
p123designer_pi7_uploadHandler = PAGE
p123designer_pi7_uploadHandler {
  typeNum = 138
  config {
    disableAllHeaderCode = 1
    disableCharsetHeader = 1
    no_cache = 1
    xhtml_cleaning = 1
    additionalHeaders = Content-Type: application/json
  }
  10 = <plugin.tx_p123designer_pi7
  10 {
    userFunc = tx_p123designer_pi7->uploadHandler
    upload_dir = uploads/tx_p123designer/
    upload_url = uploads/tx_p123designer/
  }
}

# Configuration for the page "p123designer_pi8->uploadHandler (json)"
p123designer_pi8_uploadHandler = PAGE
p123designer_pi8_uploadHandler {
  typeNum = 141
  config {
    disableAllHeaderCode = 1
    disableCharsetHeader = 1
    no_cache = 1
    xhtml_cleaning = 1
    additionalHeaders = Content-Type: application/json
  }
  10 = <plugin.tx_p123designer_pi8
  10 {
    userFunc = tx_p123designer_pi8->uploadHandler
    upload_dir = uploads/tx_p123designer/
    upload_url = uploads/tx_p123designer/
  }
}

## Configuration for the page "p123tx_p123designer_pi7_pi1->ajax"
p123designer_pi7_ajax = PAGE
p123designer_pi7_ajax {
  typeNum = 139
  config {
    disableAllHeaderCode = 1
    disableCharsetHeader = 1
    no_cache = 1
    xhtml_cleaning = 1
    additionalHeaders = Content-Type: application/json
  }
  10 = <plugin.tx_p123designer_pi7
  10 {
    userFunc = tx_p123designer_pi7->ajax
  }
}

## Configuration for the page "p123tx_p123designer_pi8_pi1->ajax"
p123designer_pi8_ajax = PAGE
p123designer_pi8_ajax {
  typeNum = 140
  config {
    disableAllHeaderCode = 1
    disableCharsetHeader = 1
    no_cache = 1
    xhtml_cleaning = 1
    additionalHeaders = Content-Type: application/json
  }
  10 = <plugin.tx_p123designer_pi8
  10 {
    userFunc = tx_p123designer_pi8->ajax
  }
}



# Wir müssen globalString verwenden, um ein beliebigen Wert des Links abzufragen
[globalVar = TSFE:id = {$plugin.tx_p123_pi.pageDesignerUpload},TSFE:id = {$plugin.tx_p123_pi.pageDesignerLater},TSFE:id = {$plugin.tx_p123_pi.pagePrintDataManager}]
  plugin.tx_p123designer_pi4.moveJsFromHeaderToFooter = 1
  plugin.tx_p123designer_pi3.moveJsFromHeaderToFooter = 1
  plugin.tx_p123designer_pi7.moveJsFromHeaderToFooter = 1
  plugin.tx_p123designer_pi8.moveJsFromHeaderToFooter = 1
  page.includeJSFooter.130 = EXT:p123designer/res/jquery.ui.widget.js
  page.includeJSFooter.131 = EXT:p123designer/res/jquery.fileupload.js
  page.includeJSFooter.132 = EXT:p123designer/res/jquery.fileupload-process.js
  page.includeJSFooter.133 = EXT:p123designer/res/jquery.fileupload-validate.js

#  # Configuration for cacheable javascript
#  page.jsFooterInline.130 = COA
#  page.jsFooterInline.130 {
#    10 = FILE
#    10 {
#      file = EXT:p123designer/res/jquery.ui.widget.js
#      stdWrap.append = TEXT
#      stdWrap.append.char = 10
#    }
#    20 < .10
#    20 {
#      file = EXT:p123designer/res/jquery.fileupload.js
#    }
#    30 < .10
#    30 {
#      file = EXT:p123designer/res/jquery.fileupload-process.js
#    }
#    40 < .10
#    40 {
#      file = EXT:p123designer/res/jquery.fileupload-validate.js
#    }
#    50 < .10
#    50 {
#      file = EXT:p123designer/res/jquery.jquery.tmpl.js
#    }
#  }

  # Neu @DÖ: Benutze pi3, damit preview-Methode in pi3 aufgerufen wird
[globalVar = TSFE:type = 133] && [globalString = GP:tx_p123designer_pi3|link=/[A-Za-z0-9]{32}/]
  p123designer_pi4.10.userFunc = tx_p123designer_pi3->uploadHandler
[global]