plugin.tx_p123maxi_pi1 {
  templateFile = EXT:p123maxi/res/template.htm
  javascriptFile = EXT:p123maxi/res/javascript.js
  moveJsFromHeaderToFooter = 1
  dontWrapInBaseClass = 1

  marks {
    SetToElement = TEXT
    SetToElement.value  = #footer-hotline

    COOKIE_PATH = TEXT
    COOKIE_PATH {
      data = getIndpEnv:TYPO3_SITE_PATH
    }
    OBSERVE_ID_OR_CLASS = content,tx-p123checkout-pi2
    Delay = 1500
    DelayHideSpeechBubble = 12000
    #timer for idle
    DO_TIMER = 1
    #fire event after timer_interval (in seconds)
    TIMER_INTERVAL = 30

    TEMPLATE_picture = COA
    TEMPLATE_picture {
        10 = TEXT
        10 {
            cObject = IMAGE
            cObject {
                file = EXT:p123maxi/res/123maxi-299x600-L.png
                wrap = <span class="picture picture-l">|</span>
            }
        }
        20 = TEXT
        20 {
            cObject = IMAGE
            cObject {
                file = EXT:p123maxi/res/123maxi-299x600-R.png
                wrap = <span class="picture picture-r">|</span>
            }
        }
    }

    TEMPLATE_title = TEXT
    TEMPLATE_title.value = <br>I<br>N<br>F<br>O
    TEMPLATE_title.wrap = <div class="title"><i class="fa fa-info-circle fa-lg"></i>|</div>

    TEMPLATE_message_header = TEXT
    TEMPLATE_message_header.value = Hier habe ich Infos zu den Themen rund um ...
    TEMPLATE_message_header.wrap = <div class="message_header">|</div>

    TEMPLATE_message_footer = TEXT
    TEMPLATE_message_footer.value (
    <p>Hast Du sonst noch Fragen? Melde Dich!</p>
    )
    TEMPLATE_message_footer.append = COA
    TEMPLATE_message_footer.append {
        10 = TEXT
        10.value = <ul>
        20 = TEXT
#        20.value = HOTLINE
        20.value =
        20.noTrimWrap = |<a href="tel:{$terms.telraw}" onclick="tx_p123maxi_pi1.googleTrack('maxi_click_telephone')"><i class="fa fa-phone fa-lg"></i> | {$terms.tel}</a>|
        20.outerWrap = <li class="hotline btn-gray-gradient">|</li>
        30 = TEXT
        30.value = WhatsApp
        30.noTrimWrap = |<a href="https://wa.me/{$terms.whatsapp}" target="_blank" onclick="tx_p123maxi_pi1.googleTrack('maxi_click_whatsapp')"><i class="fa fa-whatsapp fa-lg"></i> |</a>|
        30.outerWrap = <li class="whatsapp btn-gray-gradient">|</li>
        40 = TEXT
        40.value = <i class="fa fa-envelope-square fa-lg"></i> E-Mail
        40.typolink.parameter = 7
        40.typolink.ATagParams = onclick="tx_p123maxi_pi1.googleTrack('maxi_click_mail')"
        40.typolink.wrap = <li class="emal btn-gray-gradient">|</li>
        50 = TEXT
        50.value = </ul>
    }
    TEMPLATE_message_footer.outerWrap = <div class="message_footer">|</div>

    TEMPLATE_close = TEXT
    TEMPLATE_close.wrap = <span class="close-x">|</span>

    TEMPLATE_speechbubble = TEXT
    TEMPLATE_speechbubble.value (
    <p class="start">
        Hallo, ich bin Maxi.<br>
        Wenn du während deiner Bestellung Fragen hast, klick mich an und ich versuche dir zu helfen.<br>
        Wenn du dich bei uns schon auskennst, brauchst du mich nicht zu beachten.
    </p>
    <p class="question">
        Kann ich dir weiterhelfen?
    </p>
    )

    LINK_MEGALIGHTS = TEXT
    LINK_MEGALIGHTS {
        value = Großflächen/Mega-Lights
        stdWrap.typolink.parameter = {$plugin.tx_p123_pi.pageFormatGuidelines}#c65
        stdWrap.typolink.parameter.noTrimWrap = || 650x500:jquery_lightbox=ajax,no_cache=2 "thickbox"|
    }
    LINK_GANZSTELLEN = TEXT
    LINK_GANZSTELLEN {
        value = Ganzsäule / Ganzstellen
        stdWrap.typolink.parameter = {$plugin.tx_p123_pi.pageFormatGuidelines}#c183
        stdWrap.typolink.parameter.noTrimWrap = || 650x500:jquery_lightbox=ajax,no_cache=2 "thickbox"|
    }
    LINK_BIGSEVEN = TEXT
    LINK_BIGSEVEN {
        value = BigSeven / Panoramaflächen
        stdWrap.typolink.parameter = {$plugin.tx_p123_pi.pageFormatGuidelines}#c204
        stdWrap.typolink.parameter.noTrimWrap = || 650x500:jquery_lightbox=ajax,no_cache=2 "thickbox"|
    }
    LINK_CLP = TEXT
    LINK_CLP {
        value = CLP
        stdWrap.typolink.parameter = {$plugin.tx_p123_pi.pageFormatGuidelines}#c394
        stdWrap.typolink.parameter.noTrimWrap = || 650x500:jquery_lightbox=ajax,no_cache=2 "thickbox"|
    }
    LINK_VIDEOBOARDS = TEXT
    LINK_VIDEOBOARDS {
        value = Videoboars
        stdWrap.typolink.parameter = {$plugin.tx_p123_pi.pageFormatGuidelines}#c203
        stdWrap.typolink.parameter.noTrimWrap = || 650x500:jquery_lightbox=ajax,no_cache=2 "thickbox"|
    }
    LINK_PRINTDATA = TEXT
    LINK_PRINTDATA {
        value = noch keine Druckdaten
        stdWrap.typolink.parameter = {$plugin.tx_p123_pi.pageFormatGuidelines}
        stdWrap.typolink.ATagParams = class="internal-link"
    }
    LINK_WETRANSFER = TEXT
    LINK_WETRANSFER {
          value = wetransfer.com
          stdWrap.typolink.parameter = https://wetransfer.com/
    }
    LINK_EMAIL = TEXT
    LINK_EMAIL {
      value = info@123plakat.de
      stdWrap.typolink.parameter = info@123plakat.de
    }

    LINK_TippsZurPlakatgestaltung = TEXT
    LINK_TippsZurPlakatgestaltung {
        value = Tipps zur Plakatgestaltung
        stdWrap.typolink.parameter = 240
    }
  }

   #Use maxiMessages-number as contentPid
   maxiMessages {
       #Start
       2 {
           message (
           <p>
            Bei uns kannst du in nur 3 Schritten deine individuelle Werbekampagne buchen:
           </p>
           <p>
              1. Suche deinen Wunschort und wähle den Zeitraum deiner Wahl aus (mehrere möglich)
           </p>
           <p>
              2. Erstelle eine Auswahl aus verschiedenen Werbeformaten und Standorten
           </p>
           <p>
              3. Stelle uns dein/e Motiv/e zur Verfügung uns sag uns, wie wir diese verteilen sollen.
           </p>
           )
           message.innerWrap = <p>|</p>
           message.wrap = |###TEMPLATE_message_footer###
           doNotTimer = 1
       }
       #Standorte
       109 {
           message (
            <div class="box-toggle">
                <div class="box-toggle-title">
                    <span class="icon"></span>
                    Was ist die <b>TOP-Selektion</b>?
                </div>
                <div class="box-toggle-body">
                    <p>
                    Die TOP-Selektion wählt anhand deiner Kriterien, die Besten Standorte in deinem Ort aus.
                    </p>
                    <p>
                    Du musst nur eine Adresse, dein Werbebudget und einen Umkreis in Kilometern um deine Adresse angeben, also das Gebiet, in dem die Werbung erscheinen soll. Unser System sucht dann anhand dieser Informationen die besten Werbestandorte für deine Werbekampagne aus. Diese Selektion kannst du danach noch manuell ändern.
                    </p>
                </div>
            </div>
            <div class="box-toggle">
                <div class="box-toggle-title">
                    <span class="icon"></span>
                    Was bedeutet
                    <span class="lupe-ico"><i class="fa fa-pencil-square-o fa-lg"></i></span>
                    <span class="lupe-ico"><i class="fa fa-plus-square-o fa-lg"></i></span>
                    ?
                </div>
                <div class="box-toggle-body">
                    <p>
                    Über dieses Symbol kannst du einen weiteren Ort auswählen, falls du in mehreren Orten gleichzeitig werben möchtest.
                    </p>
                    <p>
                    Die Auswahl des aktuellen Ortes bleibt im Warenkorb gespeichert.
                    </p>
                </div>
            </div>
            <div class="box-toggle">
                <div class="box-toggle-title">
                    <span class="icon"></span>
                    Was bedeutet die Lupe
                    <span class="lupe-ico"><i class="fa fa-search fa-lg"></i></span>
                    ?
                </div>
                <div class="box-toggle-body">
                    <p>
                    Mit der Lupe öffnest du den Bearbeitungsbereich. Hier kannst du nach einer bestimmten Adresse suchen oder auch nach Werbemedien und/oder der Bewertung der Standorte filtern. Wenn du Werbung an bestimmten Bereichen, z.B. an Bahnhöfen oder an Supermärkten schalten möchtest, kannst du hier nach nur diesen Standorten suchen.
                    </p>
                </div>
            </div>
            <div class="box-toggle">
                <div class="box-toggle-title">
                    <span class="icon"></span>
                    Was bedeutet die Karte
                    <span class="map-ico"></span>
                    ?
                </div>
                <div class="box-toggle-body">
                    <p>
                    Hier siehst du die Kartenansicht deines aktuellen Ortes, auf der alle freien Standorte angezeigt werden. So kannst du dir einen besseren Überblick über die Region deiner Werbeaktion verschaffen. Sobald du einen dieser Standorte auswählst, wird dieser blau eingefärbt. Dadurch siehst du sofort, wo sich deine Werbestandorte befinden.
                    </p>
                    <p>
                    <u>Achtung:</u> Die Karte verbindet sich mit den ausgewählten Filtern. Wenn du also einen Filter auf Ganzsäulen gesetzt hast, werden auch nur diese in der Karte angezeigt.
                    </p>
                    <p>
                    Die Auswahl der TOP-Selektion wird dir ebenfalls in der Karte angezeigt.
                    </p>
                </div>
            </div>
           )
           message.wrap = |###TEMPLATE_message_footer###
       }
       #Motiv (Druckdaten)
       74 {
           message (
            <div class="box-toggle">
                <div class="box-toggle-title">
                    <span class="icon"></span>
                    Was kostet der Plakatdruck?
                </div>
                <div class="box-toggle-body">
                    <p>
                    Auf der rechten Seite findest du einen Preiskalkulator für den Plakatdruck. Hier kannst du dir ein ungefähres Bild über die Druckkosten machen.
                    </p>
                    <p>
                    <u>Achtung:</u> die angegebenen Preise sind nicht genau. Dieser Kalkulator dient lediglich dazu, sich eine Preisvorstellung einzuholen.
                    </p>
                </div>
            </div>
            <div class="box-toggle">
                <div class="box-toggle-title">
                    <span class="icon"></span>
                    Du brauchst Hilfe bei der Motiverstellung?
                </div>
                <div class="box-toggle-body">
                  <p>
                  Wir können dir eine professionelle Hilfe vermitteln. Für einen Festpreis von 275,- € zzgl. MwSt. setzt sich eine Grafikdesignerin oder ein Grafikdesigner mit dir in Verbindung. Mit ihr/ihm kannst du das perfekte Motiv für dich entwerfen.
                  </p>
                </div>
            </div>
            <div class="box-toggle">
                <div class="box-toggle-title">
                    <span class="icon"></span>
                    Du brauchst Tipps zur Plakatgestaltung?
                </div>
                <div class="box-toggle-body">
                  <p>
                  Unsere ###LINK_TippsZurPlakatgestaltung### helfen dabei, Dein Publikum zu begeistern. Wir zeigen, wie Du mit kreativer Gestaltung Plakate zum Leben erwecken kannst. Mit unserem Rat lernst Du, Plakate so aufzubauen, dass sie Deine Botschaft klar und deutlich übermitteln.
                  </p>
                </div>
            </div>
           )
           message.wrap = |###TEMPLATE_message_footer###
       }
       #DruckDatenManager
       302 {
           message (
            <div class="box-toggle">
                <div class="box-toggle-title">
                    <span class="icon"></span>
                    Was bedeutet "mehrere Motive"?
                </div>
                <div class="box-toggle-body">
                    <p>
                     Sobald du mehr als einen Werbeträger ausgewählt hast, kannst du unterschiedliche Motive auf deinen Werbeträgern verwenden. Du kannst die Motive gleichmäßig verteilen oder auch angeben, dass jeder deiner Werbetermine je 1 Motiv bekommt. Falls du noch keine Vorstellung einer Motivverteilung hast, ist das nicht schlimm. Durch die Option „Ich weiß noch nicht“ kannst du uns deine Motivverteilung nachträglich mitteilen.
                    </p>
                </div>
            </div>
            <div class="box-toggle">
                <div class="box-toggle-title">
                    <span class="icon"></span>
                    Deine Druckdaten sehen in der Vorschau komisch aus?
                </div>
                <div class="box-toggle-body">
                    <p>
                    Kein Problem! Das Farbformat der PCs besteht aus 3 Farben. Die Druckerei verwendet ein Farbformat, welches aus 4 Farben besteht. Die Motivvorlage auf dem PC kann also etwas „blass“ und „kontrastarm“ wirken. Das fertige Plakat wird aber deinen Vorstellungen entsprechen. Falls meinen Kolleginnen und Kollegen doch etwas an deinem Motiv auffällt, werden sie sich mit dir in Verbindung setzen.
                    </p>
                </div>
            </div>
            <div class="box-toggle">
                <div class="box-toggle-title">
                    <span class="icon"></span>
                    Dein Motiv ist noch in Arbeit / noch nicht fertig?
                </div>
                <div class="box-toggle-body">
                    <p>
                    Du kannst dein Motiv einfach nachreichen. Dazu brauchen wir nur ein grobes Stichwort, was auf deinem Motiv zu sehen sein wird, damit wir deine Bestellung trotzdem buchen können. In der Bestellbestätigung findest du dann einen Link, über den du deine Daten hochladen kannst.
                    </p>
                </div>
            </div>
            <div class="box-toggle">
                <div class="box-toggle-title">
                    <span class="icon"></span>
                    Du brauchst Tipps zur Plakatgestaltung?
                </div>
                <div class="box-toggle-body">
                  <p>
                  Unsere ###LINK_TippsZurPlakatgestaltung### helfen dabei, Dein Publikum zu begeistern. Wir zeigen, wie Du mit kreativer Gestaltung Plakate zum Leben erwecken kannst. Mit unserem Rat lernst Du, Plakate so aufzubauen, dass sie Deine Botschaft klar und deutlich übermitteln.
                  </p>
                </div>
            </div>
           )
           message.wrap = |###TEMPLATE_message_footer###
       }
       #DDM Live-System
       304 {
           message (
            <div class="box-toggle">
                <div class="box-toggle-title">
                    <span class="icon"></span>
                    Was bedeutet "mehrere Motive"?
                </div>
                <div class="box-toggle-body">
                    <p>
                     Sobald du mehr als einen Werbeträger ausgewählt hast, kannst du unterschiedliche Motive auf deinen Werbeträgern verwenden. Du kannst die Motive gleichmäßig verteilen oder auch angeben, dass jeder deiner Werbetermine je 1 Motiv bekommt. Falls du noch keine Vorstellung einer Motivverteilung hast, ist das nicht schlimm. Durch die Option „Ich weiß noch nicht“ kannst du uns deine Motivverteilung nachträglich mitteilen.
                    </p>
                </div>
            </div>
            <div class="box-toggle">
                <div class="box-toggle-title">
                    <span class="icon"></span>
                    Deine Druckdaten sehen in der Vorschau komisch aus?
                </div>
                <div class="box-toggle-body">
                    <p>
                    Kein Problem! Das Farbformat der PCs besteht aus 3 Farben. Die Druckerei verwendet ein Farbformat, welches aus 4 Farben besteht. Die Motivvorlage auf dem PC kann also etwas „blass“ und „kontrastarm“ wirken. Das fertige Plakat wird aber deinen Vorstellungen entsprechen. Falls meinen Kolleginnen und Kollegen doch etwas an deinem Motiv auffällt, werden sie sich mit dir in Verbindung setzen.
                    </p>
                </div>
            </div>
            <div class="box-toggle">
                <div class="box-toggle-title">
                    <span class="icon"></span>
                    Dein Motiv ist noch in Arbeit / noch nicht fertig?
                </div>
                <div class="box-toggle-body">
                    <p>
                    Du kannst dein Motiv einfach nachreichen. Dazu brauchen wir nur ein grobes Stichwort, was auf deinem Motiv zu sehen sein wird, damit wir deine Bestellung trotzdem buchen können. In der Bestellbestätigung findest du dann einen Link, über den du deine Daten hochladen kannst.
                    </p>
                </div>
            </div>
            <div class="box-toggle">
                <div class="box-toggle-title">
                    <span class="icon"></span>
                    Du brauchst Tipps zur Plakatgestaltung?
                </div>
                <div class="box-toggle-body">
                  <p>
                  Unsere ###LINK_TippsZurPlakatgestaltung### helfen dabei, Dein Publikum zu begeistern. Wir zeigen, wie Du mit kreativer Gestaltung Plakate zum Leben erwecken kannst. Mit unserem Rat lernst Du, Plakate so aufzubauen, dass sie Deine Botschaft klar und deutlich übermitteln.
                  </p>
                </div>
            </div>
           )
           message.wrap = |###TEMPLATE_message_footer###
       }
       #Warenkorb
       110 {
           message (
            <div class="box-toggle">
                <div class="box-toggle-title">
                    <span class="icon"></span>
                    Warum das Ersatzplakat?
                    <i class="fa fa-pencil-square-o fa-lg"></i>
                </div>
                <div class="box-toggle-body">
                    <p>
                    Die Plakatunternehmen fordern zur Durchführung einer Aktion eine Ersatzplakat-Menge, welche immer automatisch mitbestellt wird.
                    </p>
                    <p>
                    Im Falle einer Nichtklebung (z.B. bei einer beschädigten Werbetafel, einem versperrten Zugang zum Werbeträger für den Plakateur oder Beschädigungen durch Witterung) wird dein Ersatzplakat für die Neuklebung verwendet.
                    </p>
                    <p>
                    Das Ersatzplakat wird bis 14 Tage nach Aktionsende gelagert. Falls wir keine anderen Angaben von dir erhalten, wird es nach der Lagerung kostenfrei entsorgt.
                    </p>
                    <p>
                    Du kannst das Ersatzplakat auch abbestellen, dadurch würde aber im Falle einer Nichtklebung (s.o.) dein Reklamations- und Erstattungsanspruch entfallen.
                    </p>
                </div>
            </div>
           )
           message.wrap = |###TEMPLATE_message_footer###
       }
       #Nachreichen
       64 {
           message (
            <div class="box-toggle">
                <div class="box-toggle-title">
                    <span class="icon"></span>
                    Ich kann meine Datei/en nicht hochladen?
                </div>
                <div class="box-toggle-body">
                    <p>
                    Leider kann unser System nur Dateien mit einer maximalen Größe von 15mb verarbeiten. Falls deine Motivdatei diese Größe überschreiten sollte, ist das aber nicht schlimm.
                    </p>
                    <p>
                    Du kannst uns die Datei entweder als PDF-Datei, direkt per E-Mail an die ###LINK_EMAIL### schicken oder du verwendest einen externen File-Sharing-Dienst wie z.B. „###LINK_WETRANSFER###“. Dieser ist zu 100% kostenlos und erzeugt einen Downloadlink, über den meine KollegInnen dein Motiv herunterladen können.
                    </p>
                    <p>
                    Denke aber in jedem Fall an die Angabe deiner Auftragsnummer!
                    </p>
                </div>
            </div>
            <div class="box-toggle">
                <div class="box-toggle-title">
                    <span class="icon"></span>
                    Du brauchst Tipps zur Plakatgestaltung?
                </div>
                <div class="box-toggle-body">
                  <p>
                  Unsere ###LINK_TippsZurPlakatgestaltung### helfen dabei, Dein Publikum zu begeistern. Wir zeigen, wie Du mit kreativer Gestaltung Plakate zum Leben erwecken kannst. Mit unserem Rat lernst Du, Plakate so aufzubauen, dass sie Deine Botschaft klar und deutlich übermitteln.
                  </p>
                </div>
            </div>
           )
           message.wrap = |###TEMPLATE_message_footer###
       }

#       # Show Maxi-Message on every other Page
#       always {
#           message (
#           )
#           message.wrap = |###TEMPLATE_message_footer###
#       }
   }

   maxiMessagesJS {
       termine {
           message (
               <div class="box-toggle">
                   <div class="box-toggle-title">
                       <span class="icon"></span>
                       Mehrere Termine wählen
                   </div>
                   <div class="box-toggle-body">
                       <p>
                        Falls ein Werbestandort bereits zu einem Termin gebucht wurde, taucht dieser Standort nichtmehr in der nachfolgenden Liste auf. Um sicher zu gehen, dass dir alle Standorte aufgelistet werden, solltest du in der Terminauswahl immer 3-5 Termine auswählen. Im folgenden Schritt kannst du nochmal zwischen allen ausgewählten Terminen wählen.
                       </p>
                   </div>
               </div>
               <div class="box-toggle">
                   <div class="box-toggle-title">
                       <span class="icon"></span>
                       Was sind Expresstermine? Warum der Aufpreis?
                   </div>
                   <div class="box-toggle-body">
                       <p>
                       Eine Außenwerbeaktion benötigt in der Regel ca. 4 Wochen Vorlauf. Manchmal steht diese Zeit jedoch nicht zur Verfügung. Aus diesem Grund bieten wir Dir einen Express-Service an. Vor der Durchführung benötigen wir allerdings die Zustimmung der Plakatunternehmen.
                       </p>
                       <p>
                       Zudem fallen Mehrkosten aufgrund von Eilzuschlägen beim Druck, Express-Versand der Plakate und gesonderte Anfahrtskosten des Plakatklebers an.
                       </p>
                       <p>
                       Ein Expressauftrag benötigt eine sofortige Zahlung per Vorkasse bzw. per PayPal und eine unmittelbare Übermittlung der Druckdaten. Die Zahlungsmodalitäten werden Dir beim Abschluss des Auftrages angezeigt. Erst nach Eingang der Vorkassenzahlung können wir den Expressauftrag bearbeiten.
                       </p>
                   </div>
               </div>
           )
           message.innerWrap = |###TEMPLATE_message_footer###
           message.wrap = <span id="txp123maxipi1-tx-p123qsearch-pi1-dates-results-wrapper">|</span>
       }
       rechnungsdaten {
            message (
               <div class="box-toggle">
                   <div class="box-toggle-title">
                       <span class="icon"></span>
                       Rechnungsanschrift speichern?
                   </div>
                   <div class="box-toggle-body">
                       <p>
                        Hier kannst du deine Rechnungsanschrift speichern lassen. Dadurch vereinfachst du dir deine nächste Buchung, da deine Rechnungsanschrift automatisch von unserem System ausgefüllt wird. Natürlich werden deine Daten nicht an dritte weitergeleitet und dienen lediglich zur Vereinfachung des Buchungsvorgangs.
                       </p>
                   </div>
               </div>
            )
           message.innerWrap = |###TEMPLATE_message_footer###
           message.wrap = <span id="txp123maxipi1-txp123checkoutpi2-option-2">|</span>
       }
       zahlungsdaten {
           message (
               <div class="box-toggle">
                   <div class="box-toggle-title">
                       <span class="icon"></span>
                       Bezahlung per Rechnung
                   </div>
                   <div class="box-toggle-body">
                       <p>
                        Falls du deine Bestellung per Rechnung bezahlen möchtest sei dir bitte bewusst, dass wir deine Bonität von der Creditreform Herford & Minden Dorff GmbH & Co. KG prüfen lassen.
                       </p>
                       <p>
                        Sollte uns diese keine Angaben machen können, müssen wir deine Bestellung auf „Vorkasse“ umstellen.
                       </p>
                   </div>
               </div>
               <div class="box-toggle">
                   <div class="box-toggle-title">
                       <span class="icon"></span>
                       Bezahlung per Vorkasse
                   </div>
                   <div class="box-toggle-body">
                       <p>
                        Bei einer Vorkassenbestellung solltest du den zu zahlenden Betrag unverzüglich, am besten per Sofort- oder Eilüberweisung zahlen, da es ansonsten zu Zwischenverkäufen kommen kann. Meine Kolleginnen und Kollegen beginnen mit der Auftragsbearbeitung, sobald deine Zahlung bei uns eingegangen ist.
                       </p>
                   </div>
               </div>

           )
           message.innerWrap = |###TEMPLATE_message_footer###
           message.wrap = <span id="txp123maxipi1-txp123checkoutpi2-option-3">|</span>
       }
       bestellen {
           message (
               <p>Überprüfe deine Angaben!</p>
               <div class="box-toggle">
                   <div class="box-toggle-title">
                       <span class="icon"></span>
                       Unterschied zwischen Bestell- und Auftragsbestätigung?
                   </div>
                   <div class="box-toggle-body">
                      <p>
                      Du bekommst als erstes eine Bestellbestätigung von uns, sobald dein Auftrag bei uns eingegangen ist. Diese zeigt dir, dass wir deine Bestellung bearbeiten und beinhaltet ggf. den Link, um deine Druckdaten nachzureichen.
                      </p>
                      <p>
                      Da wir die Standorte von verschiedenen Plakatunternehmen vermitteln kann es passieren, dass ein Werbestandort von einem andern Unternehmen zwischenverkauft wird. In dem Fall bekommen wir für diesen Standort dann eine Ausfallmeldung.
                      </p>
                      <p>
                      Die Auftragsbestätigung bekommst du, sobald wir zu jedem Standort eine Rückmeldung des Anbieters erhalten haben, hier werden einzelne Ausfälle noch einmal aufgezählt. Im Falle einer Zahlung per Vorkasse, schreiben wir dir die Kosten dieses Ausfalls natürlich umgehend gut.
                      </p>
                   </div>
               </div>
           )
           message.innerWrap = |###TEMPLATE_message_footer###
           message.wrap = <span id="txp123maxipi1-txp123checkoutpi2-option-confirm">|</span>
       }
       #Bestellt
       bestellt {
           message (
               <p>
                Vielen Dank für deine Bestellung.
               </p>
               <p>
                Ab jetzt übernehmen meine Kolleginnen und Kollegen von der Hotline.
               </p>
               <p>
                Falls du noch Fragen haben solltest, melde dich gerne!
               </p>
               <p>
               Viel Erfolg bei deiner Werbeaktion und bis bald.
               </p>
           )
           message.innerWrap = |###TEMPLATE_message_footer###
           message.wrap = <span id="txp123maxipi1-txp123checkoutpi2-ready" data-show-auto="1">|</span>
           doNotTimer = 1
       }
   }


  _CSS_DEFAULT_STYLE (
@keyframes _fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes _fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes _fadeIn{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut{0%{opacity:1}to{opacity:0}}@-moz-keyframes _fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes _fadeOut{0%{opacity:1}to{opacity:0}}@-o-keyframes _fadeOut{0%{opacity:1}to{opacity:0}}@keyframes _background{0%{background:linear-gradient(to bottom,#ebebeb 0,#dfdfe0 100%)}to{background:#fff}}@-moz-keyframes _background{0%{background:linear-gradient(to bottom,#ebebeb 0,#dfdfe0 100%)}to{background:#fff}}@-webkit-keyframes _background{0%{background:linear-gradient(to bottom,#ebebeb 0,#dfdfe0 100%)}to{background:#fff}}@-o-keyframes _background{0%{background:linear-gradient(to bottom,#ebebeb 0,#dfdfe0 100%)}to{background:#fff}}#txp123maxipi1{position:absolute;box-sizing:border-box;font-size:1.2em;line-height:1em;z-index:9999999999;left:0;bottom:.5em}#txp123maxipi1.open{top:0}.header-fixed #txp123maxipi1{position:fixed}#txp123maxipi1.hide{visibility:hidden}#txp123maxipi1.fadeIn{animation:_fadeIn 1.5s;-moz-animation:_fadeIn 1.5s;-webkit-animation:_fadeIn 1.5s;-o-animation:_fadeIn 1.5s}#txp123maxipi1 .txp123maxipi1-container{position:relative}#txp123maxipi1.open .txp123maxipi1-container{margin-top:1em}#txp123maxipi1 .txp123maxipi1-message-container{position:relative;box-sizing:border-box;float:left;padding:5px;min-height:112px;line-height:1.1em;box-shadow:rgba(0,0,0,.25)0 2px 9px 4px!important;background-color:#fff;border-width:5px;border-style:solid;border-color:#dfdfe0;max-width:598px}#txp123maxipi1 .txp123maxipi1-speechbubble-wrapper.hide,#txp123maxipi1.close .txp123maxipi1-message-container{display:none}#txp123maxipi1 .txp123maxipi1-speechbubble-wrapper{position:absolute;z-index:9;transform:rotate(-14deg);padding:10px;background-color:#fac401;border-radius:50%;color:#000;font-size:.9em;line-height:1.2em;left:73px;top:-185px;width:208px;height:216px;box-shadow:9px 8px rgba(112,112,112,.5),rgba(0,0,0,.85) 2px 4px 13px 2px}#txp123maxipi1 .txp123maxipi1-speechbubble-wrapper:before{content:"";position:absolute;display:block;border-radius:50%;box-shadow:.5vmin 0 transparent,2vmin -.5vmin #fac401,2vmin -.5vmin 0 .5vmin #fac401;clip-path:polygon(128.03% 104.22%,116px 107.61%,50px 102.16%,61.24% 15.37%);width:118px;height:180px;bottom:22px;transform:rotate(36deg);right:75%}#txp123maxipi1 .txp123maxipi1-speechbubble-wrapper.fadeId{animation:_fadeIn 1.5s;-moz-animation:_fadeIn 1.5s;-webkit-animation:_fadeIn 1.5s;-o-animation:_fadeIn 1.5s}#txp123maxipi1 .txp123maxipi1-speechbubble-close-wrapper{position:absolute;right:-5px}#txp123maxipi1 .txp123maxipi1-speechbubble-close-wrapper .close-x{display:block;background-color:#fac401}#txp123maxipi1 .txp123maxipi1-speechbubble-message{position:relative;background-color:transparent;text-align:center;padding:5px;top:48%;transform:translateY(-50%)}#txp123maxipi1.contentPId-2 .txp123maxipi1-speechbubble-message .start{display:block}#txp123maxipi1 .txp123maxipi1-picture-wrapper .picture.picture-r,#txp123maxipi1 .txp123maxipi1-speechbubble-message .start,#txp123maxipi1.contentPId-2 .txp123maxipi1-speechbubble-message .question{display:none}#txp123maxipi1 .txp123maxipi1-picture-wrapper{position:relative;float:right;left:-11px;z-index:1;cursor:pointer}#txp123maxipi1 .txp123maxipi1-picture-wrapper .picture img{width:60px;height:122px}#txp123maxipi1 .txp123maxipi1-picture-wrapper .picture.picture-l,#txp123maxipi1.open .txp123maxipi1-message-wrapper .box-toggle .box-toggle-title .icon{display:block}#txp123maxipi1 .txp123maxipi1-title-wrapper{display:block;position:relative;float:right;min-height:122px;line-height:1.2em;color:#002d67;cursor:pointer;width:8px}.header-fixed #txp123maxipi1 .txp123maxipi1-title-wrapper{background:#fff;border:1px solid #d4d4d4;box-shadow:none}#txp123maxipi1.open .txp123maxipi1-title-wrapper{display:none}#txp123maxipi1 .txp123maxipi1-title-wrapper .title{display:none;text-align:center;cursor:pointer;padding:0 10px;margin-top:11px}#txp123maxipi1 .txp123maxipi1-title-wrapper .title i{margin-bottom:5px}#txp123maxipi1 .txp123maxipi1-message-wrapper{position:relative;float:left;box-sizing:border-box}#txp123maxipi1 .txp123maxipi1-message-wrapper .box-toggle{background:-moz-linear-gradient(45deg,rgba(235,235,235,.65)0,transparent 100%);background:-webkit-linear-gradient(45deg,rgba(235,235,235,.65)0,transparent 100%);background:linear-gradient(45deg,rgba(235,235,235,.65)0,transparent 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ebebeb', endColorstr='#00000000',GradientType=1 );height:auto;background-color:rgba(255,255,255,.8);border:1px solid #b8b5ab3b;box-sizing:border-box;width:100%;padding:5px;cursor:pointer;margin-bottom:8px}#txp123maxipi1 .txp123maxipi1-message-wrapper .box-toggle.open{background:#fff!important}#txp123maxipi1 .txp123maxipi1-message-wrapper .box-toggle .box-toggle-title{width:100%;color:#00295f}#txp123maxipi1 .txp123maxipi1-message-wrapper .box-toggle.open .box-toggle-title{color:#555659}#txp123maxipi1 .txp123maxipi1-message-wrapper .box-toggle .box-toggle-title .icon{float:left;margin-right:5px;display:none}#txp123maxipi1 .txp123maxipi1-message-wrapper .box-toggle .box-toggle-title .icon::after{content:"";display:inline-block;font-family:FontAwesome;font-size:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:auto;color:gray}#txp123maxipi1 .txp123maxipi1-message-wrapper .box-toggle.open .box-toggle-title .icon::after{content:""}#txp123maxipi1 .txp123maxipi1-message-wrapper .box-toggle .box-toggle-body{width:100%;margin-top:8px}#txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message,#txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message-js{overflow:hidden;width:calc(100vw - 85px);max-width:575px}#txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message-js .hide,#txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message.hide,#txp123maxipi1.close .txp123maxipi1-close-wrapper{display:none}#txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message-js .show,#txp123maxipi1.complete .close-x,#txp123maxipi1.open .cover{display:block}#txp123maxipi1 .txp123maxipi1-close-wrapper{position:absolute;right:-24px;top:-20px;z-index:1}#txp123maxipi1 .txp123maxipi1-close-wrapper>div{cursor:pointer}#txp123maxipi1.open.fadeIn .txp123maxipi1-close-wrapper{animation:_fadeIn 2s;-moz-animation:_fadeIn 2s;-webkit-animation:_fadeIn 2s;-o-animation:_fadeIn 2s}#txp123maxipi1 .message_footer{border-color:#adca3d;border-style:solid;border-width:1px 0 0;line-height:1.2em;padding-top:3px}#txp123maxipi1 .message_footer i{text-transform:none}#txp123maxipi1 .message_footer ul{list-style-type:none;margin:0;padding:0;display:none}#txp123maxipi1 .message_footer li{display:inline;float:left;margin:0 8px 0 0}#txp123maxipi1 .message_footer li a{display:inline-block;padding:.75em;text-decoration:none}#txp123maxipi1 .message_footer .whatsapp i{color:#25d366}#txp123maxipi1 .message_header{margin-bottom:10px}#txp123maxipi1 .close-x{display:none;border-radius:50%;padding:5px;margin-top:0;margin-right:0;box-shadow:0 1px 3px rgba(51,51,51,.6);background-color:#fff;cursor:pointer}#txp123maxipi1 .close-x:after,#txp123maxipi1 .close-x:before{background-color:rgba(51,51,51,.6)!important;height:.1em!important;left:5px!important;top:50%!important}#txp123maxipi1 .map-ico{background:url(../../typo3conf/ext/p123search/res/map-icon.png)no-repeat;display:inline-block;height:20px;vertical-align:-35%;width:20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;background-size:20px 20px}#txp123maxipi1 .cover{display:none;position:absolute;width:100vw;height:100vh;background:rgba(51,51,51,.6);transition:background 1.5s}#txp123maxipi1 .txp123maxipi1-title-wrapper{background:#fff;border:1px solid #d4d4d4;box-shadow:none}#txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message,#txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message-js{overflow-y:scroll}@media only screen and (min-width:23.375em){#txp123maxipi1 .txp123maxipi1-speechbubble-wrapper{width:255px}}@media only screen and (min-width:43.75em){#txp123maxipi1 .txp123maxipi1-speechbubble-wrapper:before{width:110px}}@media only screen and (min-width:48em){#txp123maxipi1 .message_footer ul{display:block}#txp123maxipi1 .txp123maxipi1-speechbubble-wrapper:before{width:95px}}@media only screen and (min-width:60em){#txp123maxipi1{left:auto;right:0;bottom:auto;top:0;margin-top:12em}.header-fixed #txp123maxipi1{margin-top:0;top:auto;bottom:0;margin-bottom:2.5em}.header-fixed #txp123maxipi1.open{top:0;margin-top:6.5em;bottom:auto;margin-bottom:0}#txp123maxipi1.open .cover{display:none}#txp123maxipi1 .txp123maxipi1-picture-wrapper{float:left;right:-11px;left:auto}#txp123maxipi1 .txp123maxipi1-picture-wrapper .picture.picture-r,#txp123maxipi1 .txp123maxipi1-title-wrapper .title{display:block}#txp123maxipi1 .txp123maxipi1-picture-wrapper .picture.picture-l{display:none}#txp123maxipi1 .txp123maxipi1-title-wrapper{float:left;width:auto;background:linear-gradient(to bottom,#ebebeb 0,#dfdfe0 100%);-webkit-box-shadow:2px 2px 2px 0#707070;-moz-box-shadow:2px 2px 2px 0#707070;box-shadow:2px 2px 2px 0#707070}#txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message,#txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message-js{max-width:545px}#txp123maxipi1 .txp123maxipi1-close-wrapper{right:3px;top:3px}#txp123maxipi1 .txp123maxipi1-speechbubble-wrapper{top:40px;right:105px;left:auto;width:320px;height:219px;box-shadow:-9px 8px rgba(112,112,112,.5),rgba(0,0,0,.85) 2px 4px 13px 2px}.header-fixed #txp123maxipi1 .txp123maxipi1-speechbubble-wrapper{transform:rotate(10deg);top:-70px;right:135px}#txp123maxipi1 .txp123maxipi1-speechbubble-wrapper:before{right:-14%;width:117px;height:165px;bottom:132px;transform:scaleX(-1) rotate(54deg)}}@media only screen and (min-width:89em){.header-fixed #txp123maxipi1{top:0;margin-top:9.5em;bottom:auto;margin-bottom:0}.header-fixed #txp123maxipi1.open{margin-top:9.5em}.header-fixed #txp123maxipi1 .txp123maxipi1-speechbubble-wrapper{transform:rotate(-14deg);top:40px;right:105px}}
  )
}

#Activate p123Maxi -> not global, only at required portal configuration
#page.10.subparts.NORMAL {
#  9999 = <plugin.tx_p123maxi_pi1
#}