{"id":6204,"date":"2024-04-25T13:05:04","date_gmt":"2024-04-25T13:05:04","guid":{"rendered":"https:\/\/sandbox.codespace.host\/?page_id=6204"},"modified":"2025-09-02T07:57:53","modified_gmt":"2025-09-02T07:57:53","slug":"personalisierte-popcorn-dose","status":"publish","type":"page","link":"https:\/\/maya-popcorn.ch\/en\/personalisierte-popcorn-dose\/","title":{"rendered":"Etikette ausw\u00e4hlen und gestalten"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6204\" class=\"elementor elementor-6204\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42f0e1d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"42f0e1d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6e58bc elementor-widget elementor-widget-heading\" data-id=\"d6e58bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Personalisierte Popcorn Dose<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a64136b elementor-widget elementor-widget-heading\" data-id=\"a64136b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Maya Popcorn Dose<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee808cd elementor-widget elementor-widget-heading\" data-id=\"ee808cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Popcorn Geschenk<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bda64fb elementor-widget elementor-widget-heading\" data-id=\"bda64fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Popcorn Eimer personalisiert<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2241ed7 e-grid e-con-full wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"2241ed7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom_negative&quot;:&quot;yes&quot;,&quot;shape_divider_bottom&quot;:&quot;waves&quot;}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"true\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M790.5,93.1c-59.3-5.3-116.8-18-192.6-50c-29.6-12.7-76.9-31-100.5-35.9c-23.6-4.9-52.6-7.8-75.5-5.3\n\tc-10.2,1.1-22.6,1.4-50.1,7.4c-27.2,6.3-58.2,16.6-79.4,24.7c-41.3,15.9-94.9,21.9-134,22.6C72,58.2,0,25.8,0,25.8V100h1000V65.3\n\tc0,0-51.5,19.4-106.2,25.7C839.5,97,814.1,95.2,790.5,93.1z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-581e92e e-grid e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"581e92e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-73cbec1 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"73cbec1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0570b85 elementor-widget elementor-widget-heading\" data-id=\"0570b85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">DEINE MAYA DOSE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c45d06f e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"c45d06f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-391d070 elementor-widget elementor-widget-shortcode\" data-id=\"391d070\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"shortcut icon\" href=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/application\/files\/8415\/5533\/7018\/favicon.ico\" type=\"image\/x-icon\">\r\n<link rel=\"icon\" href=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/application\/files\/8415\/5533\/7018\/favicon.ico\" type=\"image\/x-icon\">\r\n<link rel=\"apple-touch-icon\" href=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/application\/files\/9015\/5533\/7023\/Logo_Mobile.png\">\r\n<link rel=\"canonical\" href=\"https:\/\/maya-popcorn.ch\/en\/custom-label\">\r\n<script type=\"text\/javascript\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/updates\/concrete5-8.5.6_remote_updater\/concrete\/js\/jquery.js?ccm_nocache=53bbd3ae9917494e17bbe263248dbea6e2fa4363\"><\/script>\r\n<script type=\"text\/javascript\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/updates\/concrete5-8.5.6_remote_updater\/concrete\/js\/exif.js\"><\/script>\r\n<link href=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/updates\/concrete5-8.5.6_remote_updater\/concrete\/css\/font-awesome.css?ccm_nocache=53bbd3ae9917494e17bbe263248dbea6e2fa4363\" rel=\"stylesheet\" type=\"text\/css\" media=\"all\">\r\n<link href=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/application\/files\/cache\/css\/ct_plain\/style.css?ts=1696699733\" rel=\"stylesheet\" type=\"text\/css\" media=\"all\">\r\n<link href=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/application\/files\/cache\/css\/ct_plain\/label-editor.css?ts=1696699733\" rel=\"stylesheet\" type=\"text\/css\" media=\"all\">\r\n<link href=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/css\/fontselect.css\" rel=\"stylesheet\" type=\"text\/css\">\r\n<link href=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/bootstrap\/bootstrap_5.0.2.min.css\" rel=\"stylesheet\" type=\"text\/css\">\r\n<link href=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/css\/jquery-confirm.min.css\" rel=\"stylesheet\" type=\"text\/css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Chivo:wght@400;900&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<link href=\"https:\/\/maxcdn.bootstrapcdn.com\/font-awesome\/4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\" integrity=\"sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN\" crossorigin=\"anonymous\">\r\n\r\n<script type=\"text\/javascript\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/bootstrap\/bootstrap.bundle.min.js\"><\/script>\r\n<script type=\"text\/javascript\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/js\/snap_0.4.1_svg-min.js\"><\/script>\r\n<script type=\"text\/javascript\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/js\/vex.min.js\"><\/script>\r\n<script type=\"text\/javascript\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/js\/moment.min.js\"><\/script>\r\n<link href=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/css\/vex.css\" rel=\"stylesheet\">\r\n<script type=\"text\/javascript\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/js\/label-editor.js\"><\/script>\r\n<script type=\"text\/javascript\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/js\/theme.js\"><\/script>\r\n<script type=\"text\/javascript\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/js\/fabric.min.js\"><\/script>\r\n<script type=\"text\/javascript\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/js\/jquery.fontselect.min.js\"><\/script>\r\n<script type=\"text\/javascript\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/js\/jqColorPicker.min.js\"><\/script>\r\n<script type=\"text\/javascript\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/js\/pdfmake.min.js\"><\/script>\r\n<script type=\"text\/javascript\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/js\/vfs_fonts.js\"><\/script>\r\n<script type=\"text\/javascript\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/js\/jquery-confirm.min.js\"><\/script>\r\n<script src=\"https:\/\/www.google.com\/recaptcha\/api.js?render=6Lcjt3YqAAAAADew-8uckOg2wcIMmFq3CEOSo8I7\"><\/script>\r\n\r\n<div class=\"d-none\">\r\n      <svg>\r\n            <symbol id=\"mp-text-icon\" viewBox=\"0 0 204 231\">\r\n                  <g fill=\"#ebc67a\">\r\n                        <path class=\"st1\" d=\"M151.54,151.23H68.38c-2.92,0-5.31,2.39-5.31,5.31s2.39,5.31,5.31,5.31h83.16c2.92,0,5.31-2.39,5.31-5.31   S154.46,151.23,151.54,151.23z\" \/>\r\n                        <path class=\"st1\" d=\"M151.54,55.69H68.38c-2.92,0-5.31,2.39-5.31,5.31s2.39,5.31,5.31,5.31h83.16c2.92,0,5.31-2.39,5.31-5.31   S154.46,55.69,151.54,55.69z\" \/>\r\n                        <path class=\"st1\" d=\"M151.54,87.54h-37.16c-2.92,0-5.31,2.39-5.31,5.31s2.39,5.31,5.31,5.31h37.16c2.92,0,5.31-2.39,5.31-5.31   S154.46,87.54,151.54,87.54z\" \/>\r\n                        <path class=\"st1\" d=\"M151.54,119.38h-37.16c-2.92,0-5.31,2.39-5.31,5.31c0,2.92,2.39,5.31,5.31,5.31h37.16   c2.92,0,5.31-2.39,5.31-5.31C156.85,121.77,154.46,119.38,151.54,119.38z\" \/>\r\n                        <path class=\"st1\" d=\"M87.85,103.46H75.46V91.07c0-2.92-2.39-5.31-5.31-5.31s-5.31,2.39-5.31,5.31v12.39H52.46   c-2.92,0-5.31,2.39-5.31,5.31s2.39,5.31,5.31,5.31h12.39v12.39c0,2.92,2.39,5.31,5.31,5.31c2.92,0,5.31-2.39,5.31-5.31v-12.39   h12.39c2.92,0,5.31-2.39,5.31-5.31S90.76,103.46,87.85,103.46z\" \/>\r\n                  <\/g>\r\n            <\/symbol>\r\n            <symbol id=\"mp-grid-icon\" viewBox=\"0 0 30 37.5\">\r\n                  <g transform=\"translate(-270.000000, -135.000000)\">\r\n                        <path sketch:type=\"MSShapeGroup\" fill=\"#ebc67a\" d=\"M297.5,137h-24c-0.3,0-0.5,0.2-0.5,0.5v24c0,0.3,0.2,0.5,0.5,0.5h24    c0.3,0,0.5-0.2,0.5-0.5v-24C298,137.2,297.8,137,297.5,137z M292,156h5v5h-5V156z M286,156h5v5h-5V156z M280,156h5v5h-5V156z     M274,156h5v5h-5V156z M292,150h5v5h-5V150z M286,150h5v5h-5V150z M280,150h5v5h-5V150z M274,150h5v5h-5V150z M292,144h5v5h-5V144    z M286,144h5v5h-5V144z M280,144h5v5h-5V144z M274,144h5v5h-5V144z M292,138h5v5h-5V138z M286,138h5v5h-5V138z M280,138h5v5h-5    V138z M274,138h5v5h-5V138z\" \/>\r\n                  <\/g>\r\n            <\/symbol>\r\n            <symbol id=\"mp-picture-icon\" viewBox=\"0 0 204 231\">\r\n                  <g transform=\"matrix(1,0,0,1,-48,-288)\">\r\n                        <path fill=\"#ebc67a\" d=\"M168.27,407.46c6.72,0,12.18,5.46,12.18,12.18s-5.46,12.18-12.18,12.18s-12.18-5.46-12.18-12.18   S161.55,407.46,168.27,407.46z M156.93,428.5c-1.91-2.44-3.05-5.52-3.05-8.86c0-7.94,6.45-14.4,14.4-14.4   c0.44,0,0.88,0.02,1.31,0.06l-8.06-7.33c-0.46-0.42-1.08-0.63-1.7-0.57c-0.62,0.06-1.19,0.38-1.56,0.87   c-3.91,5.22-10.37,13.82-10.37,13.82c-0.36,0.48-0.9,0.79-1.49,0.87c-0.6,0.08-1.19-0.09-1.66-0.47l-7.98-6.38   c-0.88-0.7-2.15-0.63-2.95,0.16l-14.27,14.27v1.3c0,1.76,0.7,3.45,1.95,4.7c1.24,1.25,2.93,1.95,4.7,1.95H156.93z M166.06,417.43   h-2.21c-1.22,0-2.21,0.99-2.21,2.21s0.99,2.21,2.21,2.21h2.21v2.21c0,1.22,0.99,2.21,2.21,2.21s2.21-0.99,2.21-2.21v-2.21h2.21   c1.22,0,2.21-0.99,2.21-2.21s-0.99-2.21-2.21-2.21h-2.21v-2.21c0-1.22-0.99-2.21-2.21-2.21s-2.21,0.99-2.21,2.21V417.43z    M119.55,414.3l11.13-11.13c2.39-2.39,6.21-2.61,8.85-0.49l6.19,4.96l9-12c1.12-1.49,2.82-2.45,4.69-2.63   c1.86-0.18,3.71,0.44,5.1,1.7l12.63,11.48v-28.62c0-1.76-0.7-3.45-1.95-4.7c-1.24-1.25-2.93-1.95-4.7-1.95c-10.01,0-34.28,0-44.3,0   c-1.76,0-3.45,0.7-4.7,1.95c-1.25,1.24-1.95,2.93-1.95,4.7V414.3z M135.05,381.99c-3.67,0-6.64,2.98-6.64,6.64s2.98,6.64,6.64,6.64   c3.67,0,6.64-2.98,6.64-6.64S138.72,381.99,135.05,381.99z M135.05,386.42c1.22,0,2.21,0.99,2.21,2.21s-0.99,2.21-2.21,2.21   c-1.22,0-2.21-0.99-2.21-2.21S133.83,386.42,135.05,386.42z\" \/>\r\n                  <\/g>\r\n            <\/symbol>\r\n            <symbol id=\"mp-color-icon\" viewBox=\"0 0 204 231\">\r\n                  <path d=\"M127.36,68.3c4.97,3.97,6.46,11.43,4.47,16.89c-2.98,5.96-8.94,7.45-13.91,3.48   c-4.97-3.97-6.96-11.43-4.47-16.89C115.93,65.82,122.39,64.33,127.36,68.3z M98.05,61.34c4.47,3.97,6.46,11.43,3.97,16.89   c-2.48,5.96-8.94,7.45-13.91,3.48s-6.46-11.43-3.97-16.89C86.62,58.86,92.58,57.37,98.05,61.34z M75.2,80.72   c4.47,3.97,6.46,11.43,3.97,16.89c-2.48,5.96-8.94,7.45-13.91,3.48c-4.97-3.97-6.46-10.93-4.47-16.89   C63.77,78.24,69.73,76.75,75.2,80.72z M78.67,112.51c4.47,3.97,6.46,10.93,3.97,16.89c-2.48,5.46-8.94,7.45-13.91,3.48   c-4.47-3.97-6.46-11.43-3.97-16.89C67.25,110.03,73.71,108.54,78.67,112.51z M119.41,130.4c5.96,3.48,7.45,11.43,3.97,16.89   c-3.48,5.96-10.93,7.95-16.89,4.47c-5.96-3.48-7.95-11.43-4.47-16.89C106,128.91,113.45,126.92,119.41,130.4z M58.8,74.76   c-16.89,26.83-10.93,61.11,15.4,78.99c23.35,15.9,70.05,16.39,56.14-25.34c-3.97-12.42-4.97-15.4,4.97-26.33   c11.92-12.92,11.43-37.26-4.47-45.71C106,44.45,73.21,51.41,58.8,74.76z M158.66,111.52h9.44l-1.49-57.63l-2.98-3.97l-2.98,3.97   L158.66,111.52z M168.1,115.5h-9.44l4.97,22.36L168.1,115.5z M163.62,144.31c-3.48,0-5.96,2.48-5.96,5.96   c0,1.99,6.46,13.41,6.46,13.41s4.97-11.43,4.97-13.41C169.09,146.79,166.61,144.31,163.62,144.31z\" \/>\r\n            <\/symbol>\r\n      <\/svg>\r\n<\/div>\r\n<p id=\"BestellungAbsendenHiddenTag\" class=\"d-none\">Bestellung absenden<\/p>\r\n<p id=\"WeiterHiddenTag\" class=\"d-none\">Weiter<\/p>\r\n<p id=\"deleteHiddenTag\" class=\"d-none\">L\u00f6schen<\/p>\r\n<input id=\"gcaptcha\" type=\"hidden\" value=\"6LcsweUZAAAAABFCVyeA52ZKSrNhpWgTkPbtYiSN\">\r\n<div class=\"ccm-page ccm-page-id-249 page-type-page page-template-editor\">\r\n      <p class=\"d-none\" id=\"Schriftart_text_translated\">Schriftart<\/p>\r\n      <div id=\"top\"><\/div>\r\n      <div class=\"container-fluid w-auto position-relative pb-5\" id=\"Maya_content_container_fluid\">\r\n            <div class=\"editor canvas-editor-tag custom-shadow light-dark-border border-radius-10 bg-white opacity-0 w-100 mx-auto mb-5\">\r\n                  <div class=\"row flex-column flex-md-row border-radius-10 p-3 m-0\">\r\n                        <div class=\"col-lg-8 pb-3\">\r\n                              <div id=\"First_head_title\" class=\"head-title d-block\">\r\n                                    <div class=\"d-flex align-items-center justify-content-center pb-0 mb-0\">\r\n                                          <span class=\"h6 box-35 bg-mp-yellow-three rounded-circle text-center\" style=\"font-size:20px !important;\">1<\/span>\r\n                                          <h5 class=\"controls-title m-0 p-2\" id=\"first-title\" style=\"font-size:25px !important;\">Etikette <span class=\"text-lowercase\">ausw\u00e4hlen und gestalten<\/span><\/h5>\r\n                                    <\/div>\r\n                              <\/div>\r\n                              <div id=\"Second_head_title\" class=\"head-title d-none\">\r\n                                    <div class=\"d-flex align-items-center justify-content-center\">\r\n                                          <span class=\"h6 box-35 bg-mp-yellow-three rounded-circle text-center\" style=\"font-size:20px !important;\">2<\/span>\r\n                                          <h5 class=\"controls-title m-0 p-2\" id=\"first-title\" style=\"font-size:25px !important;\">Geschmack <span class=\"text-lowercase\">ausw\u00e4hlen<\/span><\/span><\/h5>\r\n                                    <\/div>\r\n                              <\/div>\r\n                              <div id=\"Third_head_title\" class=\"head-title d-none\"><\/div>\r\n                              <div id=\"Forth_head_title\" class=\"head-title d-none\"><\/div>\r\n                              <div id=\"Fifth_head_title\" class=\"head-title d-none\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"col-12\">\r\n                              <div class=\"second-tabs-wrapper d-none\">\r\n                                    <ul class=\"nav nav-tabs d-none\" id=\"Tabs_nav_two\" role=\"tablist_two\" data-active-tab=\"1\">\r\n                                          <li class=\"nav-item\" role=\"presentation\">\r\n                                                <button class=\"nav-link active\" id=\"third_tab\" data-bs-toggle=\"tab\" data-bs-target=\"#third\" type=\"button\" role=\"tab\" aria-controls=\"third\" aria-selected=\"true\">third<\/button>\r\n                                          <\/li>\r\n                                          <li class=\"nav-item\" role=\"presentation\">\r\n                                                <button class=\"nav-link\" id=\"forth_tab\" data-bs-toggle=\"tab\" data-bs-target=\"#forth\" type=\"button\" role=\"tab\" aria-controls=\"forth\" aria-selected=\"false\">forth<\/button>\r\n                                          <\/li>\r\n                                          <li class=\"nav-item\" role=\"presentation\">\r\n                                                <button class=\"nav-link\" id=\"fifth_tab\" data-bs-toggle=\"tab\" data-bs-target=\"#fifth\" type=\"button\" role=\"tab\" aria-controls=\"fifth\" aria-selected=\"false\">fifth<\/button>\r\n                                          <\/li>\r\n                                    <\/ul>\r\n                                    <div class=\"tab-content tab-content-two\" id=\"myTabContent_two\">\r\n                                          <div class=\"tab-pane fade show active\" id=\"third\" role=\"tabpanel\" aria-labelledby=\"third_tab\">\r\n                                                <form class=\"step4-container modal-form modal-form-for-quantity-and-flavour font-family-gotham-rounded mw-100\">\r\n                                                      <div class=\"d-flex align-items-center justify-content-center pb-3 m-0\">\r\n                                                            <span class=\"h6 box-35 bg-mp-yellow-three rounded-circle text-center\" style=\"font-size:20px !important;\">3<\/span>\r\n                                                            <h5 class=\"controls-title m-0 p-2\" id=\"first-title\" style=\"font-size:25px !important;\">Menge <span class=\"text-lowercase\">ausw\u00e4hlen<\/span><\/h5>\r\n                                                      <\/div>\r\n                                                      <span class=\"d-block text-center w-100 small\" style=\"font-size:15px !important;\"><span class=\"amount_error\">Mindestbestellmenge 12 Dosen<\/span> \/ Mindestens 6 Dosen pro Sorte.<\/span>\r\n                                                      <div class=\"step4-flavors-container w-100 mw-100 pb-3\">\r\n                                                            <div class=\"row w-100\">\r\n                                                                  <div class=\"col-md-3\">\r\n                                                                        <div class=\"step4-flavor-container d-flex flex-column align-items-start justify-content-between\">\r\n                                                                              <h4 class=\"text-center w-100 pb-0 mb-0\">Choco<\/h4>\r\n                                                                              <div class=\"step4-flavor-prices-container chocko-background shadow-sm rounded text-center mb-2 py-2\">\r\n                                                                                    <p class=\"text-nowrap\">Ab 12 Dosen: 7.79 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 25 Dosen: 7.23 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 55 Dosen: 6.68 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 103 Dosen: 6.12 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 505 Dosen: 5.57 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 1003 Dosen: 4.79 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 2005 Dosen: 3.90 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 4003 Dosen: 3.23 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 7003 Dosen: 3.01 CHF<\/p>\r\n                                                                              <\/div>\r\n                                                                              <div class=\"anzahl-input-container d-flex flex-column align-items-center justify-content-start w-100 pb-3\">\r\n                                                                                    <p class=\"pb-0\">Anzahl <span>*<\/span><\/p>\r\n                                                                                    <input type=\"number\" min=\"6\" value=\"0\" class=\"amount_product py-0\" style=\"background-color: #efefef;\" name=\"Maya Popcorn Choco\" required readonly id=\"Chocko_input\">\r\n                                                                              <\/div>\r\n                                                                        <\/div>\r\n                                                                  <\/div>\r\n                                                                  <div class=\"col-md-3\">\r\n                                                                        <div class=\"step4-flavor-container d-flex flex-column align-items-start justify-content-between\">\r\n                                                                              <h4 class=\"text-center w-100 pb-0 mb-0\">Caramel<\/h4>\r\n                                                                              <div class=\"step4-flavor-prices-container caramel-background shadow-sm rounded text-center mb-2 py-2\">\r\n                                                                                    <p class=\"text-nowrap\">Ab 12 Dosen: 7.79 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 25 Dosen: 7.23 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 55 Dosen: 6.68 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 103 Dosen: 6.12 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 505 Dosen: 5.57 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 1003 Dosen: 4.79 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 2005 Dosen: 3.90 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 4003 Dosen: 3.23 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 7003 Dosen: 3.01 CHF<\/p>\r\n                                                                              <\/div>\r\n                                                                              <div class=\"anzahl-input-container d-flex flex-column align-items-center justify-content-start w-100 pb-3\">\r\n                                                                                    <p class=\"pb-0\">Anzahl <span>*<\/span><\/p>\r\n                                                                                    <input type=\"number\" min=\"6\" value=\"0\" class=\"amount_product py-0\" style=\"background-color: #efefef;\" name=\"Maya Popcorn Caramel\" required readonly id=\"Caramel_input\">\r\n                                                                              <\/div>\r\n                                                                        <\/div>\r\n                                                                  <\/div>\r\n                                                                  <div class=\"col-md-3\">\r\n                                                                        <div class=\"step4-flavor-container d-flex flex-column align-items-start justify-content-between\">\r\n                                                                              <h4 class=\"text-center w-100 pb-0 mb-0\">Salt<\/h4>\r\n                                                                              <div class=\"step4-flavor-prices-container salt-background shadow-sm rounded text-center mb-2 py-2\">\r\n                                                                                    <p class=\"text-nowrap\">Ab 12 Dosen: 6.68 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 25 Dosen: 6.12 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 55 Dosen: 5.57 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 103 Dosen: 5.01 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 505 Dosen: 4.45 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 1003 Dosen: 3.78 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 2005 Dosen: 3.12 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 4003 Dosen: 2.45 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 7003 Dosen: 2.34 CHF<\/p>\r\n                                                                              <\/div>\r\n                                                                              <div class=\"anzahl-input-container d-flex flex-column align-items-center justify-content-start w-100 pb-3\">\r\n                                                                                    <p class=\"pb-0\">Anzahl <span>*<\/span><\/p>\r\n                                                                                    <input type=\"number\" min=\"6\" value=\"0\" class=\"amount_product py-0\" style=\"background-color: #efefef;\" name=\"Maya Popcorn Salt\" required readonly id=\"Salt_input\">\r\n                                                                              <\/div>\r\n                                                                        <\/div>\r\n                                                                  <\/div>\r\n                                                                  <div class=\"col-md-3\">\r\n                                                                        <div class=\"step4-flavor-container d-flex flex-column align-items-start justify-content-between\">\r\n                                                                              <h4 class=\"text-center w-100 pb-0 mb-0\">Sweet<\/h4>\r\n                                                                              <div class=\"step4-flavor-prices-container sugar-background shadow-sm rounded text-center mb-2 py-2\">\r\n                                                                                    <p class=\"text-nowrap\">Ab 12 Dosen: 6.68 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 25 Dosen: 6.12 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 55 Dosen: 5.57 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 103 Dosen: 5.01 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 505 Dosen: 4.45 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 1003 Dosen: 3.78 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 2005 Dosen: 3.12 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 4003 Dosen: 2.45 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 7003 Dosen: 2.34 CHF<\/p>\r\n                                                                              <\/div>\r\n                                                                              <div class=\"anzahl-input-container d-flex flex-column align-items-center justify-content-start w-100 pb-3\">\r\n                                                                                    <p class=\"pb-0\">Anzahl <span>*<\/span><\/p>\r\n                                                                                    <input type=\"number\" min=\"6\" value=\"0\" class=\"amount_product py-0\" style=\"background-color: #efefef;\" name=\"Maya Popcorn Sugar\" required readonly id=\"Sugar_input\">\r\n                                                                              <\/div>\r\n                                                                        <\/div>\r\n                                                                  <\/div>\r\n                                                                  <div class=\"col-md-3\">\r\n                                                                        <div class=\"step4-flavor-container d-flex flex-column align-items-start justify-content-between\">\r\n                                                                              <h4 class=\"text-center w-100 pb-0 mb-0\">Strawberry<\/h4>\r\n                                                                              <div class=\"step4-flavor-prices-container strawberry-background shadow-sm rounded text-center mb-2 py-2\">\r\n                                                                                    <p class=\"text-nowrap\">Ab 12 Dosen: 7.79 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 25 Dosen: 7.23 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 55 Dosen: 6.68 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 103 Dosen: 6.12 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 505 Dosen: 5.57 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 1003 Dosen: 4.79 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 2005 Dosen: 3.90 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 4003 Dosen: 3.23 CHF<\/p>\r\n                                                                                    <p class=\"text-nowrap\">Ab 7003 Dosen: 3.01 CHF<\/p>\r\n                                                                              <\/div>\r\n                                                                              <div class=\"anzahl-input-container d-flex flex-column align-items-center justify-content-start w-100 pb-3\">\r\n                                                                                    <p class=\"pb-0\">Anzahl <span>*<\/span><\/p>\r\n                                                                                    <input type=\"number\" min=\"6\" value=\"0\" class=\"amount_product py-0\" style=\"background-color: #efefef;\" name=\"Maya Popcorn Strawberry\" required readonly id=\"Strawberry_input\">\r\n                                                                              <\/div>\r\n                                                                        <\/div>\r\n                                                                  <\/div>\r\n                                                            <\/div>\r\n\r\n                                                            <div class=\"row product_entry w-100 mb-2\">\r\n                                                                  <div class=\"col-3\">\r\n                                                                        <strong class=\"amount_text small m-0 p-0\">Gesamt (inkl. Versand)<\/strong>\r\n                                                                  <\/div>\r\n                                                                  <div class=\"col-9\">\r\n                                                                        <span class=\"d-flex align-items-center\">\r\n                                                                              <small class=\"d-block pe-3\">CHF<\/small>\r\n                                                                              <input type=\"text\" name=\"Total\" tabindex=\"-1\" class=\"total form-input-style pointer-events-none fw-bold\" onfocus=\"this.blur()\" required \/>\r\n                                                                        <\/span>\r\n                                                                  <\/div>\r\n                                                            <\/div>\r\n                                                      <\/div>\r\n                                                <\/form>\r\n                                          <\/div>\r\n                                          <div class=\"tab-pane fade\" id=\"forth\" role=\"tabpanel\" aria-labelledby=\"forth_tab\">\r\n                                                <div class=\"d-flex align-items-center justify-content-center pb-3 m-0\">\r\n                                                      <span class=\"h6 box-35 bg-mp-yellow-three rounded-circle text-center\" style=\"font-size:20px !important;\">4<\/span>\r\n                                                      <h5 class=\"controls-title m-0 p-2\" id=\"first-title\" style=\"font-size:25px !important;\">Bestellung<\/h5>\r\n                                                <\/div>\r\n                                                <form method=\"POST\" action=\"https:\/\/maya-popcorn.ch\/en\/wp-json\/v1\/maya-popcorn\/order\/submit\" class=\"modal-form buy-form-plugin font-family-gotham-rounded mw-100\" enctype=\"multipart\/form-data\">\r\n                                                      <input type=\"hidden\" name=\"img\">\r\n                                                      <input type=\"hidden\" name=\"pdf\">\r\n                                                      <input type=\"hidden\" name=\"Schriftgr\u00f6sse\" id=\"Font-size-in-form\" \/>\r\n                                                      <input type=\"hidden\" name=\"Schriftfarbe\" id=\"Font-color-in-form\" \/>\r\n                                                      <input type=\"hidden\" name=\"language-acr\" id=\"Language-acr\" \/>\r\n                                                      <!-- Mushe -->\r\n                                                      <input type=\"hidden\" name=\"maya_order_nonce\" value=\"681e9b512b\">\r\n                                                      <div style=\"display:none;\">\r\n                                                            <input type=\"text\" name=\"honeypot\" value=\"\">\r\n                                                      <\/div>\r\n                                                      <!-- End Mushe -->\r\n\r\n                                                      <div class=\"position-relative\">\r\n                                                            <div class=\"label_choice w-100 d-none front\">\r\n                                                                  <span class=\"h6 d-block\">Design auf der Vorderseite:<\/span>\r\n                                                                  <img decoding=\"async\" class=\"label-dialog-front\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/images\/Two.png\">\r\n                                                            <\/div>\r\n                                                            <div class=\"label_choice w-100 d-none top\">\r\n                                                                  <span class=\"h6 d-block\">Design auf dem Cover:<\/span>\r\n                                                                  <img decoding=\"async\" class=\"label-dialog-top\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/images\/One.png\">\r\n                                                            <\/div>\r\n                                                            <div class=\"label_choice w-100 d-none top-front\">\r\n                                                                  <span class=\"h6 d-block\">Design auf Cover & Vorderseite:<\/span>\r\n                                                                  <img decoding=\"async\" class=\"label-dialog-top-front\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/img\/top-front-blank.png\">\r\n                                                            <\/div>\r\n                                                            <img id=\"GeneratedImagePreviewImage\" \/>\r\n                                                            <img id=\"GeneratedImagePreviewImage2\" class=\"second\" \/>\r\n                                                      <\/div>\r\n                                                      <input type=\"file\" class=\"pointer-events-none d-none\" name=\"Maya_generated_label_file\" id=\"Maya_generated_label_file\" \/>\r\n\r\n                                                      <div class=\"row mt-3\">\r\n                                                            <div class=\"col-12 mb-4\">\r\n                                                                  <p class=\"form-label-style\">Anrede <span class=\"form-required-dot\">*<\/span><\/p>\r\n                                                                  <div class=\"arrow-in-after position-relative\">\r\n                                                                        <select name=\"Anrede\" class=\"form-input-style w-100 text-dark\" required>\r\n                                                                              <option value=\"\">W\u00e4hlen<\/option>\r\n                                                                              <option value=\"Herr\">Herr<\/option>\r\n                                                                              <option value=\"Frau\">Frau<\/option>\r\n                                                                        <\/select>\r\n                                                                  <\/div>\r\n                                                            <\/div>\r\n                                                            <div class=\"col-12 mb-4\">\r\n                                                                  <p class=\"form-label-style\">Vorname <span class=\"form-required-dot\">*<\/span><\/p>\r\n                                                                  <input type=\"text\" name=\"Vorname\" class=\"form-input-style text-dark\" required \/>\r\n                                                            <\/div>\r\n                                                            <div class=\"col-12 mb-4\">\r\n                                                                  <p class=\"form-label-style\">Nachname <span class=\"form-required-dot\">*<\/span><\/p>\r\n                                                                  <input type=\"text\" name=\"Nachname\" class=\"form-input-style text-dark\" required \/>\r\n                                                            <\/div>\r\n                                                            <div class=\"col-12 mb-4\">\r\n                                                                  <p class=\"form-label-style\">Firma<\/p>\r\n                                                                  <input type=\"text\" name=\"Firma\" class=\"form-input-style text-dark\" \/>\r\n                                                            <\/div>\r\n                                                            <div class=\"col-12 mb-4\">\r\n                                                                  <p class=\"form-label-style\">Strasse und Hausnummer <span class=\"form-required-dot\">*<\/span><\/p>\r\n                                                                  <input type=\"text\" name=\"Strasse_und_Hausnummer\" class=\"form-input-style text-dark\" required \/>\r\n                                                            <\/div>\r\n                                                            <div class=\"col-md-6 pe-md-3 mb-4\">\r\n                                                                  <p class=\"form-label-style\">Ort <span class=\"form-required-dot\">*<\/span><\/p>\r\n                                                                  <input type=\"text\" name=\"Ort\" class=\"form-input-style text-dark\" required \/>\r\n                                                            <\/div>\r\n                                                            <div class=\"col-md-6 ps-md-3 mb-4\">\r\n                                                                  <p class=\"form-label-style\">PLZ <span class=\"form-required-dot\">*<\/span><\/p>\r\n                                                                  <input type=\"text\" name=\"PLZ\" class=\"form-input-style text-dark\" required \/>\r\n                                                            <\/div>\r\n                                                            <div class=\"col-md-6 pe-md-3 mb-4\">\r\n                                                                  <p class=\"form-label-style\">Land <span class=\"form-required-dot\">*<\/span><\/p>\r\n                                                                  <div class=\"arrow-in-after position-relative\">\r\n                                                                        <select name=\"Land\" class=\"form-input-style w-100 text-dark\" required>\r\n                                                                              <option value=\"\">W\u00e4hlen<\/option>\r\n                                                                              <option value=\"Schweiz\">Schweiz<\/option>\r\n                                                                              <option value=\"Liechtenstein\">Liechtenstein<\/option>\r\n                                                                        <\/select>\r\n                                                                  <\/div>\r\n                                                            <\/div>\r\n                                                            <div class=\"col-md-6 ps-md-3 mb-4\">\r\n                                                                  <p class=\"form-label-style\">E-Mail <span class=\"form-required-dot\">*<\/span><\/p>\r\n                                                                  <input type=\"email\" name=\"Mail\" class=\"form-input-style text-dark\" required \/>\r\n                                                            <\/div>\r\n                                                            <div class=\"col-md-6 pe-md-3 mb-4\">\r\n                                                                  <p class=\"form-label-style\">E-Mail best\u00e4tigen <span class=\"form-required-dot\">*<\/span><\/p>\r\n                                                                  <!-- allow at least 3 characters on a pattern -->\r\n                                                                  <input type=\"email\" name=\"Mail2\" class=\"form-input-style text-dark\" title=\"E-Mails sollten gleich sein\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" required \/>\r\n                                                                  <small class=\"small text-danger d-none m-0 p-0\">E-Mails sollten gleich sein<\/small>\r\n                                                            <\/div>\r\n                                                            <div class=\"col-md-6 ps-md-3 mb-4\">\r\n                                                                  <p class=\"form-label-style\">Telefon <span class=\"form-required-dot\">*<\/span><\/p>\r\n                                                                  <input type=\"text\" name=\"Telefon\" class=\"form-input-style text-dark\" required \/>\r\n                                                            <\/div>\r\n                                                            \r\n                                                            <div class=\"col-12\">\r\n                                                                  <p class=\"form-label-style pb-0\">Lieferadresse <span class=\"form-required-dot\">*<\/span><\/p>\r\n                                                                  <label class=\"small d-flex align-items-center\">\r\n                                                                        <input type=\"checkbox\" name=\"no_shipping_details\" checked=\"true\" class=\"shippingAddressSame me-1\">\r\n                                                                        <span class=\"mt-1\">Die Lieferadresse ist dieselbe<\/span>\r\n                                                                  <\/label>\r\n                                                            <\/div>\r\n                                                      <\/div>\r\n\r\n                                                      <div class=\"shippingTable border-secondary rounded\" style=\"display:none;\">\r\n                                                            <div class=\"row m-0\">\r\n                                                                  <div class=\"col-12\">\r\n                                                                        <h5 class=\"text-center my-3\">Lieferadresse<\/h5>\r\n                                                                  <\/div>\r\n                                                                  <div class=\"col-12 mb-4\">\r\n                                                                        <p class=\"form-label-style\">Anrede <span class=\"form-required-dot\">*<\/span><\/p>\r\n                                                                        <div class=\"arrow-in-after position-relative\">\r\n                                                                              <select name=\"Lieferadresse-Anrede\" class=\"form-input-style w-100 text-dark\">\r\n                                                                                    <option value=\"\">W\u00e4hlen<\/option>\r\n                                                                                    <option value=\"Herr\">Herr<\/option>\r\n                                                                                    <option value=\"Frau\">Frau<\/option>\r\n                                                                              <\/select>\r\n                                                                        <\/div>\r\n                                                                  <\/div>\r\n                                                                  <div class=\"col-12 mb-4\">\r\n                                                                        <p class=\"form-label-style\">Vorname <span class=\"form-required-dot\">*<\/span><\/p>\r\n                                                                        <input type=\"text\" name=\"Lieferadresse-Vorname\" class=\"form-input-style text-dark\">\r\n                                                                  <\/div>\r\n                                                                  <div class=\"col-12 mb-4\">\r\n                                                                        <p class=\"form-label-style\">Nachname <span class=\"form-required-dot\">*<\/span><\/p>\r\n                                                                        <input type=\"text\" name=\"Lieferadresse-Nachname\" class=\"form-input-style text-dark\">\r\n                                                                  <\/div>\r\n                                                                  <div class=\"col-12 mb-4\">\r\n                                                                        <p class=\"form-label-style\">Strasse und Hausnummer <span class=\"form-required-dot\">*<\/span><\/p>\r\n                                                                        <input type=\"text\" name=\"Lieferadresse-Strasse_und_Hausnummer\" class=\"form-input-style text-dark\">\r\n                                                                  <\/div>\r\n                                                                  <div class=\"col-md-6 pe-md-3 mb-4\">\r\n                                                                        <p class=\"form-label-style\">Ort <span class=\"form-required-dot\">*<\/span><\/p>\r\n                                                                        <input type=\"text\" name=\"Lieferadresse-Ort\" class=\"form-input-style text-dark\">\r\n                                                                  <\/div>\r\n                                                                  <div class=\"col-md-6 ps-md-3 mb-4\">\r\n                                                                        <p class=\"form-label-style\">PLZ <span class=\"form-required-dot\">*<\/span><\/p>\r\n                                                                        <input type=\"text\" name=\"Lieferadresse-PLZ\" class=\"form-input-style text-dark\">\r\n                                                                  <\/div>\r\n                                                                  <div class=\"col-md-6 pe-md-3\">\r\n                                                                        <p class=\"form-label-style\">Land <span class=\"form-required-dot\">*<\/span><\/p>\r\n                                                                        <div class=\"arrow-in-after position-relative\">\r\n                                                                              <select name=\"Lieferadresse-Land\" class=\"form-input-style w-100 text-dark\">\r\n                                                                                    <option value=\"\">W\u00e4hlen<\/option>\r\n                                                                                    <option value=\"Schweiz\">Schweiz<\/option>\r\n                                                                                    <option value=\"Liechtenstein\">Liechtenstein<\/option>\r\n                                                                              <\/select>\r\n                                                                        <\/div>\r\n                                                                  <\/div>\r\n                                                            <\/div>\r\n                                                      <\/div>\r\n\r\n                                                      <div class=\"row m-0\" style=\"display:none !important;\">\r\n                                                            <div class=\"col-12 d-flex flex-column flex-md-row align-items-md-center mb-1\">\r\n                                                                  <i class=\"text-secondaty small m-0\">Diese werden gef\u00fcllt, wenn Sie die<\/i>\r\n                                                                  <a href=\"#\" id=\"selectFlavorAndQuantity2\" class=\"small text-dark m-0 ms-md-1 text-decoration-none fw-bold\">Geschmack & Menge ausw\u00e4hlen <i class=\"h5 ms-1\">!<\/i><\/a>\r\n                                                            <\/div>\r\n                                                      <\/div>\r\n                                                      <div class=\"row m-0\" style=\"display:none !important;\">\r\n                                                            <div class=\"col-md-6 pe-md-3 mb-4\">\r\n                                                                  <p class=\"form-label-style\">Gesamtpreis<\/p>\r\n                                                                  <input id=\"TotalPrice\" name=\"Gesamtpreis\" class=\"form-input-style pointer-events-none w-100 text-dark\" tabindex=\"-1\" onfocus=\"this.blur()\" required \/>\r\n                                                            <\/div>\r\n                                                            <div class=\"col-md-6 ps-md-3 mb-4\">\r\n                                                                  <p class=\"form-label-style\">Gesamtmenge<\/p>\r\n                                                                  <input id=\"TotalQuantity\" name=\"Gesamtmenge\" class=\"form-input-style pointer-events-none w-100 text-dark\" tabindex=\"-1\" onfocus=\"this.blur()\" required \/>\r\n                                                            <\/div>\r\n                                                      <\/div>\r\n                                                      <div class=\"row m-0\" style=\"display:none !important;\">\r\n                                                            <div class=\"col-md-6 pe-md-3 mb-4\">\r\n                                                                  <p class=\"form-label-style\">Maya Popcorn Choco<\/p>\r\n                                                                  <input id=\"Maya_Popcorn_Choco\" name=\"Maya_Popcorn_Choco\" class=\"form-input-style pointer-events-none w-100 text-dark\" tabindex=\"-1\" onfocus=\"this.blur()\" required \/>\r\n                                                            <\/div>\r\n                                                            <div class=\"col-md-6 ps-md-3 mb-4\">\r\n                                                                  <p class=\"form-label-style\">Maya Popcorn Caramel<\/p>\r\n                                                                  <input id=\"Maya_Popcorn_Caramel\" name=\"Maya_Popcorn_Caramel\" class=\"form-input-style pointer-events-none w-100 text-dark\" tabindex=\"-1\" onfocus=\"this.blur()\" required \/>\r\n                                                            <\/div>\r\n                                                      <\/div>\r\n                                                      <div class=\"row m-0\" style=\"display:none !important;\">\r\n                                                            <div class=\"col-md-6 pe-md-3 mb-4\">\r\n                                                                  <p class=\"form-label-style\">Maya Popcorn Salt<\/p>\r\n                                                                  <input id=\"Maya_Popcorn_Salt\" name=\"Maya_Popcorn_Salt\" class=\"form-input-style pointer-events-none w-100 text-dark\" tabindex=\"-1\" onfocus=\"this.blur()\" required \/>\r\n                                                            <\/div>\r\n                                                            <div class=\"col-md-6 ps-md-3 mb-4\">\r\n                                                                  <p class=\"form-label-style\">Maya Popcorn Sweet<\/p>\r\n                                                                  <input id=\"Maya_Popcorn_Sugar\" name=\"Maya_Popcorn_Sugar\" class=\"form-input-style pointer-events-none w-100 text-dark\" tabindex=\"-1\" onfocus=\"this.blur()\" required \/>\r\n                                                            <\/div>\r\n                                                      <\/div>\r\n                                                      <div class=\"row m-0\" style=\"display:none !important;\">\r\n                                                            <div class=\"col-md-6 pe-md-3 mb-4\">\r\n                                                                  <p class=\"form-label-style\">Maya Popcorn Strawberry<\/p>\r\n                                                                  <input id=\"Maya_Popcorn_Strawberry\" name=\"Maya_Popcorn_Strawberry\" class=\"form-input-style pointer-events-none w-100 text-dark\" tabindex=\"-1\" onfocus=\"this.blur()\" required \/>\r\n                                                            <\/div>\r\n                                                      <\/div>\r\n                                                      <div class=\"row m-0\">\r\n                                                            <div class=\"col-md-6 pe-md-3 mb-2\">\r\n                                                                  <p class=\"form-label-style\">Gew\u00fcnschtes Lieferdatum<\/p>\r\n                                                                  <input type=\"date\" class=\"desired-delivery-date form-input-style d-block w-100 text-dark\" name=\"Gew\u00fcnschterLieferdatum\" id=\"Gew\u00fcnschterLieferdatum\" required \/>\r\n                                                                  <small>Lieferfrist min. 4 Wochen oder auf Anfrage<\/small>\r\n                                                            <\/div>\r\n\r\n                                                            <div class=\"col-12\">\r\n                                                                  <label class=\"small d-flex align-items-start align-items-md-center\">\r\n                                                                        <input type=\"checkbox\" name=\"terms_conditions\" class=\"mt-2 mt-md-0 me-2\" required \/>\r\n                                                                        <span class=\"d-flex flex-column flex-md-row align-items-start align-items-md-center pt-1\">Ich akzeptiere die <a href=\"https:\/\/maya-popcorn.ch\/?page_id=3612\" target=\"_blank\" class=\"px-md-1\" style=\"font-size:14px !important;\">Allgemeinen Gesch\u00e4ftsbedingungen<\/a><b class=\"text-danger\"><span class=\"form-required-dot\">*<\/span><\/b><\/span>\r\n                                                                  <\/label>\r\n                                                            <\/div>\r\n                                                            <div class=\"col-12\">\r\n                                                                  <input type=\"hidden\" name=\"g-recaptcha-response\" id=\"g-recaptcha-response\" required \/>\r\n                                                                  <script>\r\n                                                                        var c_inited = false;\r\n                                                                        addEventListener('load', function() {\r\n                                                                              function initCaptchaOnClick(e) {\r\n                                                                                    if (c_inited) return;\r\n                                                                                    c_inited = true;\r\n                                                                                    grecaptcha.ready(function() {\r\n                                                                                          grecaptcha.execute('6Lcjt3YqAAAAADew-8uckOg2wcIMmFq3CEOSo8I7', { action: 'submit' }).then(function(token) {\r\n                                                                                                document.getElementById('g-recaptcha-response').value = token;\r\n                                                                                                console.log('Maya Captcha input value set.');\r\n                                                                                          });\r\n                                                                                    });\r\n                                                                                    console.log('Maya Captcha initiated.');\r\n                                                                              }\r\n                                                                              document.querySelector('.next_second_btn').addEventListener('click', initCaptchaOnClick);\r\n                                                                        });\r\n                                                                  <\/script>\r\n                                                            <\/div>\r\n                                                      <\/div>\r\n                                                      <input type=\"hidden\" name=\"Schriftart\" id=\"Font_family_tag\" \/>\r\n                                                      <input type=\"file\" name=\"uploaded_images[]\" id=\"Uploaded_images\" class=\"d-none\" multiple \/>\r\n                                                <\/form>\r\n                                          <\/div>\r\n                                          <div class=\"tab-pane fade\" id=\"fifth\" role=\"tabpanel\" aria-labelledby=\"fifth_tab\">\r\n                                                <div class=\"d-flex align-items-center justify-content-center pb-3 m-0\">\r\n                                                      <span class=\"h6 box-35 bg-mp-yellow-three rounded-circle text-center\" style=\"font-size:20px !important;\">5<\/span>\r\n                                                      <h5 class=\"controls-title m-0 p-2\" id=\"first-title\" style=\"font-size:25px !important;\">Bestell\u00fcbersicht<\/h5>\r\n                                                <\/div>\r\n                                                <form class=\"step5-container bg-transparent py-3 pb-0\">\r\n                                                      <div class=\"step5-message-box mb-3\">\r\n                                                            Adressdaten: Strasse \/ Hausnummer: Falls du dich vertippt hast, klicke bitte unten auf den \"Zur\u00fcck-Button\", um die Adresse zu korrigieren. Stimmt die Adresse so, wie sie jetzt angezeigt wird, kannst du problemlos weiterfahren mit dem Bestellabschluss.\r\n                                                      <\/div>\r\n                                                      <div class=\"row\">\r\n                                                            <div class=\"col-md-4 contact-info-container w-auto pb-3\">\r\n                                                                  <div class=\"contact-info\">\r\n                                                                        <h3 id=\"Kundenadresse_tag\" class=\"d-none\">Rechnungsadresse<\/h3>\r\n                                                                        <h3 id=\"Kundenadresse_tag_two\" class=\"d-none\">Rechnungsadresse & Liferadresse<\/h3>\r\n                                                                        <p id=\"costumer_address_display\"><\/p>\r\n                                                                  <\/div>\r\n                                                            <\/div>\r\n                                                            <div class=\"col-md-4 contact-info-container w-auto pb-3\">\r\n                                                                  <div class=\"contact-info\">\r\n                                                                        <h3>Liferadresse<\/h3>\r\n                                                                        <p id=\"delivery_address_display\"><\/p>\r\n                                                                  <\/div>\r\n                                                            <\/div>\r\n                                                      <\/div>\r\n                                                      <div class=\"contact-info-container mb-3\">\r\n                                                            <div class=\"contact-info\">\r\n                                                                  <div class=\"text-row d-flex flex-column align-items-start\">\r\n                                                                        <p>E-Mail: <\/p>\r\n                                                                        <p id=\"email_display\">a.tschiemer@egli-import.ch<\/p>\r\n                                                                  <\/div>\r\n                                                            <\/div>\r\n                                                      <\/div>\r\n                                                      <div class=\"white-box design-white-box px-2 mb-3\">\r\n                                                            <div class=\"row w-100 m-0\">\r\n                                                                  <div class=\"col-3\"><p>DESIGN<\/p><\/div>\r\n                                                                  <div class=\"col-3\"><p>MENGE<\/p><\/div>\r\n                                                                  <div class=\"col-3\"><p>PREIS<\/p><\/div>\r\n                                                                  <div class=\"col-3\"><p>GESAMTPREIS<\/p><\/div>\r\n                                                            <\/div>\r\n                                                      <\/div>\r\n                                                      <div class=\"white-box packpapier-white-box d-flex flex-column px-2 mb-3\">\r\n                                                            <div class=\"choosenFlavoursContent w-100\"><\/div>\r\n                                                      <\/div>\r\n                                                      <div class=\"white-box zusammen-white-box mb-3\">\r\n                                                            <div class=\"flex-grow-1\">\r\n                                                                  <h3 class=\"flex-grow-1 mb-0 pb-0\">Zusammenfassung<\/h3>\r\n                                                                  <img decoding=\"async\" src=\"#\" alt=\"line\" class=\"d-block box-100\" id=\"GeneratedImagePreviewImageTwo\" \/>\r\n                                                            <\/div>\r\n                                                            <div class=\"items-container flex-grow-2 ps-0 ps-sm-3 ms-0 ms-md-4\">\r\n                                                                  <!-- <div class=\"text-row\">\r\n                                                                        <p>Versand- und Verpackungskosten<\/p>\r\n                                                                        <p>CHF 9.00<\/p>\r\n                                                                  <\/div> -->\r\n                                                                  <div class=\"text-row\">\r\n                                                                        <p>Gesamtpreis (inkl. MWST)<\/p>\r\n                                                                        <p class=\"active-p\">CHF <span id=\"TotalPriceTag\"><\/span><\/p>\r\n                                                                  <\/div>\r\n                                                                  <div class=\"text-row\">\r\n                                                                        <p>MWST-Anteil (2.6%)<\/p>\r\n                                                                        <p>CHF <span id=\"vat_share\"><\/span><\/p>\r\n                                                                  <\/div>\r\n                                                            <\/div>\r\n                                                      <\/div>\r\n                                                <\/form>\r\n                                          <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"d-flex justify-content-between pt-2 pb-2 pb-lg-0\">\r\n                                          <button class=\"previous_second_btn previousbtn min-height-63 d-flex align-items-center m-0 justify-content-center flex-nowrap border-radius-10 py-3 px-5 me-1\" type=\"button\" onclick=\"navigateToTab(-1)\">\r\n                                                <p class=\"h6 m-0 p-0\">Zur\u00fcck<\/p>\r\n                                          <\/button>\r\n                                          <button class=\"next_second_btn nextBtn min-height-63 d-flex align-items-center m-0 justify-content-center flex-nowrap border-radius-10 py-3 px-5 ms-1\" type=\"button\" onclick=\"navigateToTab(1)\">\r\n                                                <p class=\"h6 m-0 p-0\">Weiter<\/p>\r\n                                          <\/button>\r\n                                    <\/div>\r\n                              <\/div>\r\n\r\n                              <div class=\"row first-tabs-wrapper m-0\">\r\n                                    <div class=\"ticket-generator-wrapper mobile-order-3 col-lg-8\">\r\n                                          <div class=\"max-width-100vw edit-toggle overflow-hidden light-dark-border border-radius-10\">\r\n                                                <div class=\"box-height to-scroll overflow-hidden bg-white overflow-auto max-width-100vw\">\r\n                                                      <div class=\"canvas-container-wrapper scaled overflow-hidden m-auto\">\r\n                                                            <canvas id=\"editor-canvas\" width=\"1040\" height=\"1659\"><\/canvas>\r\n                                                      <\/div>\r\n                                                <\/div>\r\n                                          <\/div>\r\n                                          <div class=\"controls-below position-relative px-0\">\r\n                                                <div class=\"edit-toggle d-flex flex-column flex-md-row max-width-100vw mt-2\">\r\n                                                      <div class=\"position-relative d-flex flex-column flex-md-row flex-grow-1 mobile-order-1\">\r\n                                                            <div class=\"d-flex align-items-center justify-content-center light-dark-border border-radius-10 bg-white py-1 mb-2\">\r\n                                                                  <a href=\"#\" id=\"add-text\" class=\"d-flex align-items-center justify-content-center text-decoration-none text-dark mw-desktop-100px h6 py-0 px-2\" title=\"Text hinzuf\u00fcgen\">\r\n                                                                        <img decoding=\"async\" class=\"rect-50 p-2\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/images\/pen.png\" \/>\r\n                                                                        <small class=\"font-size-14 line-height-20 me-3\">Text<\/small>\r\n                                                                  <\/a>\r\n                                                            <\/div>\r\n                                                            <div class=\"d-flex flex-wrap justify-content-center flex-grow-1 light-dark-border border-radius-10 bg-white py-1 mx-md-2 mb-2\">\r\n                                                                  <div class=\"d-flex justify-content-center border-0\">\r\n                                                                        <input id=\"font\" type=\"text\" \/>\r\n                                                                        <div class=\"d-flex flex-md-grow-1\">\r\n                                                                              <div class=\"arrow-in-after lite-arrow position-relative\">\r\n                                                                                    <select id=\"Font-size\" class=\"form-input-style w-100 text-dark min-height-45 border-top-0 border-end-0 border-bottom-0 rounded-0 shadow-none border-left-gray my-1\" required>\r\n                                                                                          <option value=\"14\">14<\/option>\r\n                                                                                          <option value=\"16\">16<\/option>\r\n                                                                                          <option value=\"18\">18<\/option>\r\n                                                                                          <option value=\"20\">20<\/option>\r\n                                                                                          <option value=\"22\">22<\/option>\r\n                                                                                          <option value=\"24\">24<\/option>\r\n                                                                                          <option value=\"26\">26<\/option>\r\n                                                                                          <option value=\"28\">28<\/option>\r\n                                                                                          <option value=\"30\">30<\/option>\r\n                                                                                          <option value=\"32\">32<\/option>\r\n                                                                                          <option value=\"34\">34<\/option>\r\n                                                                                          <option value=\"36\">36<\/option>\r\n                                                                                          <option value=\"38\">38<\/option>\r\n                                                                                          <option value=\"40\">40<\/option>\r\n                                                                                          <option value=\"42\">42<\/option>\r\n                                                                                          <option value=\"44\">44<\/option>\r\n                                                                                          <option value=\"46\">46<\/option>\r\n                                                                                          <option value=\"48\">48<\/option>\r\n                                                                                          <option value=\"50\">50<\/option>\r\n                                                                                          <option value=\"52\">52<\/option>\r\n                                                                                          <option value=\"54\">54<\/option>\r\n                                                                                          <option value=\"56\">56<\/option>\r\n                                                                                          <option value=\"58\">58<\/option>\r\n                                                                                          <option value=\"60\">60<\/option>\r\n                                                                                          <option value=\"70\">70<\/option>\r\n                                                                                          <option value=\"80\">80<\/option>\r\n                                                                                          <option value=\"90\">90<\/option>\r\n                                                                                          <option value=\"100\">100<\/option>\r\n                                                                                          <option value=\"110\">110<\/option>\r\n                                                                                          <option value=\"120\">120<\/option>\r\n                                                                                    <\/select>\r\n                                                                              <\/div>\r\n                                                                              <a class=\"bg-transparent text-decoration-none text-dark h6 border-left-gray border-mobile-0 px-0 px-sm-4 px-lg-5 my-1 w-auto lh-sm\" id=\"bold\" href=\"#\">\r\n                                                                                    <small class=\"px-2\">B<\/small>\r\n                                                                              <\/a>\r\n                                                                              <a class=\"bg-transparent text-decoration-none text-dark h6 border-left-gray border-right-gray px-0 px-sm-4 px-lg-5 my-1 w-auto lh-sm\" id=\"italic\" href=\"#\">\r\n                                                                                    <small class=\"px-2\"><i>I<\/i><\/small>\r\n                                                                              <\/a>\r\n                                                                        <\/div>\r\n                                                                  <\/div>\r\n                                                                  <div class=\"d-flex justify-content-center position-relative\">\r\n                                                                        <p class=\"d-flex align-items-center text-decoration-none text-dark mw-desktop-100px h6 py-0 px-2\">\r\n                                                                              <img decoding=\"async\" class=\"rect-50 p-2\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/images\/color.png\" \/>\r\n                                                                              <small class=\"font-size-14 line-height-20 me-3\">Farbe<\/small>\r\n                                                                        <\/p>\r\n                                                                        <input type=\"text\" id=\"font-color\" value=\"#000000\" class=\"m-0\" \/>\r\n                                                                  <\/div>\r\n                                                            <\/div>\r\n                                                            <div class=\"d-flex align-items-center justify-content-center light-dark-border border-radius-10 bg-white py-1 mb-2\">\r\n                                                                  <a href=\"#\" id=\"imgLoaderButton\" class=\"d-flex align-items-center justify-content-center text-decoration-none text-dark mw-desktop-100px h6 py-0 px-2\" title=\"Bild hinzuf\u00fcgen\">\r\n                                                                        <img decoding=\"async\" class=\"rect-50 p-2 ms-1\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/images\/photo.png\" \/>\r\n                                                                        <small class=\"font-size-14 line-height-20 me-3\">Bild<\/small>\r\n                                                                  <\/a>\r\n                                                            <\/div>\r\n                                                            <div class=\"collapse max-width-100vw\" id=\"collapse_for_font\">\r\n                                                                  <div class=\"card card-body bg-transparent p-0\">\r\n                                                                        <input type=\"file\" id=\"imgLoader\" style=\"display: none;\">\r\n                                                                  <\/div>\r\n                                                            <\/div>\r\n                                                            <!-- <a href=\"#\" class=\"btn btn-primary d-flex flex-column justify-content-between\" id=\"grid\">\r\n                                                                  <svg class=\"rect-50 mt-2 pt-1\"><use xlink:href=\"#mp-grid-icon\" \/><\/svg>\r\n                                                                  <span class=\"line-height-20 off\">Raster anzeigen<\/span>\r\n                                                                  <span class=\"line-height-20 on\">Raster ausblenden<\/span>\r\n                                                            <\/a> -->\r\n                                                      <\/div>\r\n                                                <\/div>\r\n                                                <div class=\"row m-0\">\r\n                                                      <div class=\"col-6\">\r\n                                                            <a href=\"#\" id=\"reset-canvas\" class=\"flex-grow-1 edit-toggle d-flex align-items-center justify-content-center bg-white text-decoration-none text-center text-dark light-dark-border border-radius-10 min-height-63 d-block px-2 mb-0 me-2\">\r\n                                                                  <span>Zur\u00fccksetzen<\/span>\r\n                                                            <\/a>\r\n                                                      <\/div>\r\n                                                      <div class=\"col-6\">\r\n                                                            <a href=\"#\" id=\"pdf\" class=\"flex-grow-1 d-flex align-items-center justify-content-center bg-white text-decoration-none text-center text-dark light-dark-border border-radius-10 min-height-63 d-block px-2 mb-0\">\r\n                                                                  <span>Sicherungskopie herunterladen<\/span>\r\n                                                            <\/a>\r\n                                                      <\/div>\r\n                                                <\/div>\r\n                                          <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"mobile-order-2 col-lg-4 d-lg-flex flex-lg-column ps-lg-3 pe-lg-0\">\r\n                                          <div id=\"Deine_maya_dose_container\" class=\"deine-maya-dose-container mobile-order-1 min-width-100 flex-grow-1 border-radius-10 pb-4 pt-0\">\r\n                                                <div class=\"editor-controls bg-transparent w-100 p-0\">\r\n                                                      <ul class=\"nav nav-tabs d-none\" id=\"Tabs_nav\" role=\"tablist\" data-active-tab=\"1\">\r\n                                                            <li class=\"nav-item\" role=\"presentation\">\r\n                                                                  <button class=\"nav-link active\" id=\"label_tab\" data-bs-toggle=\"tab\" data-bs-target=\"#label\" type=\"button\" role=\"tab\" aria-controls=\"label\" aria-selected=\"true\">label<\/button>\r\n                                                            <\/li>\r\n                                                            <li class=\"nav-item\" role=\"presentation\">\r\n                                                                  <button class=\"nav-link\" id=\"flavour_tab\" data-bs-toggle=\"tab\" data-bs-target=\"#flavour\" type=\"button\" role=\"tab\" aria-controls=\"flavour\" aria-selected=\"false\">flavour<\/button>\r\n                                                            <\/li>\r\n                                                      <\/ul>\r\n                                                      <div class=\"tab-content\" id=\"myTabContent\">\r\n                                                            <div class=\"tab-pane fade show active\" id=\"label\" role=\"tabpanel\" aria-labelledby=\"label_tab\">\r\n                                                                  <div class=\"mask-selector d-flex align-items-center bg-white light-dark-border border-radius-10 p-2 mb-2\" id=\"front_layer\">\r\n                                                                        <img decoding=\"async\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/images\/One.png\" class=\"mt-1 m-0\" \/>\r\n                                                                        <small class=\"flex-grow-1 text-dark text-nowrap ps-2\">\r\n                                                                              Design auf dem Deckel\r\n                                                                        <\/small>\r\n                                                                  <\/div>\r\n                                                                  <div class=\"mask-selector d-flex align-items-center bg-white light-dark-border border-radius-10 p-2 mb-2\" id=\"top_layer\">\r\n                                                                        <img decoding=\"async\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/images\/Two.png\" class=\"mt-1 m-0\" \/>\r\n                                                                        <small class=\"flex-grow-1 text-dark text-nowrap ps-2\">\r\n                                                                              Design auf der Front\r\n                                                                        <\/small>\r\n                                                                  <\/div>\r\n                                                                  <div class=\"mask-selector d-flex align-items-center bg-white light-dark-border border-radius-10 p-2\" id=\"front_top_layer\">\r\n                                                                        <img decoding=\"async\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/images\/Three.png\" class=\"mt-1 m-0\" \/>\r\n                                                                        <small class=\"flex-grow-1 text-dark text-nowrap ps-2\">\r\n                                                                              Design auf Deckel & Front\r\n                                                                        <\/small>\r\n                                                                  <\/div>\r\n                                                            <\/div>\r\n                                                            <div class=\"tab-pane fade\" id=\"flavour\" role=\"tabpanel\" aria-labelledby=\"flavour_tab\">\r\n                                                                  <div class=\"flavours-grid\">\r\n                                                                        <label class=\"position-relative\">\r\n                                                                              <input type=\"checkbox\" value=\"chockolate\" class=\"flavour-checkbox d-none\" oninput=\"checkboxChange('chockolate')\" \/>\r\n                                                                              <img decoding=\"async\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/images\/Bucket-Choco.jpg\" class=\"product-img border-radius-10 max-height-lg-182 object-fit-contain\" \/>\r\n                                                                              <small class=\"w-100 small position-absolute start-0 bottom-0 text-center text-dark\">Choco<\/small>\r\n                                                                        <\/label>\r\n                                                                        <label class=\"position-relative\">\r\n                                                                              <input type=\"checkbox\" value=\"sweets\" class=\"flavour-checkbox d-none\" oninput=\"checkboxChange('sweets')\" \/>\r\n                                                                              <img decoding=\"async\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/images\/Bucket-Sweet.jpg\" class=\"product-img border-radius-10 max-height-lg-182 object-fit-contain\" \/>\r\n                                                                              <small class=\"w-100 small position-absolute start-0 bottom-0 text-center text-dark\">Sweet<\/small>\r\n                                                                        <\/label>\r\n                                                                        <label class=\"position-relative\">\r\n                                                                              <input type=\"checkbox\" value=\"caramel\" class=\"flavour-checkbox d-none\" oninput=\"checkboxChange('caramel')\" \/>\r\n                                                                              <img decoding=\"async\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/images\/Bucket-Caramel.jpg\" class=\"product-img border-radius-10 max-height-lg-182 object-fit-contain\" \/>\r\n                                                                              <small class=\"w-100 small position-absolute start-0 bottom-0 text-center text-dark\">Caramel<\/small>\r\n                                                                        <\/label>\r\n                                                                        <label class=\"position-relative\">\r\n                                                                              <input type=\"checkbox\" value=\"strawberry\" class=\"flavour-checkbox d-none\" oninput=\"checkboxChange('strawberry')\" \/>\r\n                                                                              <img decoding=\"async\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/images\/Bucket-Strawberry.jpg\" class=\"product-img border-radius-10 max-height-lg-182 object-fit-contain\" \/>\r\n                                                                              <small class=\"w-100 small position-absolute start-0 bottom-0 text-center text-dark\">Strawberry<\/small>\r\n                                                                        <\/label>\r\n                                                                        <label class=\"position-relative\">\r\n                                                                              <input type=\"checkbox\" value=\"salt\" class=\"flavour-checkbox d-none\" oninput=\"checkboxChange('salt')\" \/>\r\n                                                                              <img decoding=\"async\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/packages\/ct_plain\/themes\/ct_plain\/images\/Bucket-Salt.jpg\" class=\"product-img border-radius-10 max-height-lg-182 object-fit-contain\" \/>\r\n                                                                              <small class=\"w-100 small position-absolute start-0 bottom-0 text-center text-dark\">Salt<\/small>\r\n                                                                        <\/label>\r\n                                                                  <\/div>\r\n                                                            <\/div>\r\n                                                      <\/div>\r\n                                                <\/div>\r\n                                          <\/div>\r\n                                          <div class=\"d-flex align-items-center justify-content-center pb-0 mb-2\">\r\n                                                <!-- <h5 class=\"controls-title opacity-0 pointer-events-none m-0 pt-2 pb-0\" id=\"first-title\">Verlauf<\/h5> -->\r\n                                          <\/div>\r\n                                          <div id=\"History_display\" class=\"mb-2\"><\/div>\r\n                                          <button id=\"save_history\" class=\"btn btn-primary bg-white border-radius-10 light-dark-border text-dark w-100 min-height-63 p-2 mb-0\"><span class=\"h6 p-0 m-0\">Speichern<\/span><\/button>\r\n                                          <div class=\"d-flex justify-content-center pt-2 pb-2 pb-lg-0\">\r\n                                                <button class=\"previousbtn min-height-63 d-flex align-items-center flex-grow-1 m-0 justify-content-center flex-nowrap border-radius-10 pointer-events-none opacity-50 py-3 px-5 me-1\" type=\"button\" onclick=\"navigateToTab(-1)\">\r\n                                                      <p class=\"h6 m-0 p-0\">Zur\u00fcck<\/p>\r\n                                                <\/button>\r\n                                                <button id=\"NextBtn\" class=\"nextBtn min-height-63 d-flex align-items-center flex-grow-1 m-0 justify-content-center flex-nowrap border-radius-10 py-3 px-5 ms-1\" type=\"button\" onclick=\"navigateToTab(1)\">\r\n                                                      <p class=\"h6 m-0 p-0\">Weiter<\/p>\r\n                                                <\/button>\r\n                                          <\/div>\r\n                                    <\/div>\r\n                              <\/div>\r\n                        <\/div>\r\n                  <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"modal fade\" id=\"finalModal\" tabindex=\"-1\" aria-labelledby=\"finalModalLabel\" aria-hidden=\"true\">\r\n                  <div class=\"modal-dialog modal-lg m-auto pt-5\">\r\n                        <div class=\"modal-content p-3 p-md-4\">\r\n                              <div class=\"modal-body d-flex flex-column\">\r\n                                    <h2 class=\"text-success m-0 pt-0 pb-4\" style=\"font-size:50px !important;\">\r\n                                          <i class=\"fa fa-check\"><\/i>\r\n                                    <\/h2>\r\n                                    <h5 class=\"m-0\" style=\"text-transform:none;font-size:20px !important;font-weight:normal !important;\">Wir haben Ihre Bestellung erhalten und Ihnen eine Best\u00e4tigungs-E-Mail zugesandt. Vielen Dank, dass Sie sich f\u00fcr Maya Popcorn- Produkte entschieden haben.<\/h5>\r\n                                    <a href=\"https:\/\/maya-popcorn.ch\/deine-maya-dose\" class=\"mt-4\">Neue Bestellung<\/a>\r\n                              <\/div>\r\n                        <\/div>\r\n                  <\/div>\r\n            <\/div>\r\n      <\/div>\r\n<\/div>\r\n<script>\r\n      var l_yes = \"Ja\";\r\n      var l_creating = \"Etikett erstellen\";\r\n      var l_mail_validation = \"Bitte geben Sie dieselbe E-Mail-Adresse zweimal ein!\";\r\n      var l_phone_validation = \"Bitte geben Sie mindestens eine Telefonnummer an.\";\r\n      var l_leave_alert = \"Bitte beachten Sie, dass beim Verlassen dieser Seite alle \u00c4nderungen verloren gehen!\";\r\n      var l_min_amount = \"Mindestens hinzuf\u00fcgen\";\r\n      var l_tins = \"Dosen\";\r\n      var l_sure_top = \"Sind Sie sicher, dass Sie das Cover-Label \u00e4ndern m\u00f6chten? Es gehen keine \u00c4nderungen verloren.\";\r\n      var l_sure_front = \"Are you sure you want to change to the front label? No changes will be lost.\";\r\n      var l_cancel = \"Stornieren\";\r\n      var l_accept_agb = \"Bitte akzeptieren Sie unsere Allgemeinen Gesch\u00e4ftsbedingungen\";\r\n      var l_thank_message = \"Vielen Dank f\u00fcr Ihre Anfrage bez\u00fcglich eines individuellen Etiketts. Wir werden Ihre Anfrage schnellstm\u00f6glich bearbeiten.\";\r\n      var l_edit_shipping_date = \"Bitte passen Sie den Liefertermin an.\";\r\n      var l_date_validation = \"Lieferzeit min. 4 Wochen oder auf Anfrage\";\r\n      var l_font_family = document.getElementById('Schriftart_text_translated').textContent; \/\/ \"Schriftart\"; \/\/ \"Font Family\";\r\n<\/script>\r\n<script type=\"text\/javascript\" src=\"https:\/\/maya-popcorn.ch\/wp-content\/plugins\/maya-popcorn-custom-label-wordpress-plugin\/assets\/updates\/concrete5-8.5.6_remote_updater\/concrete\/js\/jquery-ui.js?ccm_nocache=53bbd3ae9917494e17bbe263248dbea6e2fa4363\"><\/script>\r\n<script>\r\n      addEventListener(\"load\", async function() {\r\n            document.getElementById(\"front_top_layer\").click();\r\n\r\n            const canvasContainerWrapper = document.querySelector('.canvas-container-wrapper');\r\n            const canvasContainer = canvasContainerWrapper.querySelector('.canvas-container');\r\n            const canvas = canvasContainer.querySelector('canvas');\r\n            const boxHeight = document.querySelector('.ticket-generator-wrapper .box-height');\r\n            const canvasHeight = canvas.getBoundingClientRect().height;\r\n            const windowHeight = window.innerHeight;\r\n            const diffPart = Math.max(0.37, Math.min(0.4, ((canvasHeight - windowHeight) \/ canvasHeight)));\r\n            let difference = 1 - ((innerWidth < 600) ? (diffPart + 0.25) : diffPart);\r\n\r\n            \/\/ whenever a wider view is required just comment the code block below\r\n            \/\/ block start\r\n            if ((canvasHeight + 100) > windowHeight) {\r\n                  document.body.style.setProperty('--height-scale-in-percent', difference);\r\n            }\r\n\r\n            const {\r\n                  width,\r\n                  height\r\n            } = canvas.getBoundingClientRect();\r\n            canvasContainerWrapper.style.width = width + 'px';\r\n            canvasContainerWrapper.style.height = height + 'px';\r\n\r\n            const [canvasEditorTag] = Array.from(document.querySelectorAll('.canvas-editor-tag'));\r\n            canvasEditorTag.classList.remove('opacity-0');\r\n\r\n            \/\/ block end\r\n            const [accordionButton] = Array.from(document.querySelectorAll('.accordion-button'));\r\n            if (accordionButton) accordionButton.click();\r\n      }, false);\r\n\r\n      const selectedFlavors = Array.from(document.querySelectorAll('.flavour-checkbox'));\r\n      const previousbtn = document.querySelector('.previousbtn:not(.previous_second_btn)');\r\n      const nextBtn = document.querySelector('.nextBtn:not(.next_second_btn)');\r\n      const previous_second_btn = document.querySelector('.previous_second_btn');\r\n      const next_second_btn = document.querySelector('.next_second_btn');\r\n      const tabs_nav = document.querySelector('#Tabs_nav');\r\n      const finalForm = document.querySelector('.buy-form-plugin');\r\n\r\n      const label_tab = document.querySelector('#label_tab');\r\n      const flavour_tab = document.querySelector('#flavour_tab');\r\n      const third_tab = document.querySelector('#third_tab');\r\n      const forth_tab = document.querySelector('#forth_tab');\r\n      const fifth_tab = document.querySelector('#fifth_tab');\r\n\r\n      const uploadedImages = document.getElementById('Uploaded_images');\r\n\r\n      function checkTheFormIfItIsCorrectlyFilled() {\r\n            const form = finalForm;\r\n            const allInputs = Array.from(form.querySelectorAll('input[required], select[required]'));\r\n            const allInputsOk = allInputs.every(input => {\r\n                  const inputChecked = input.checked;\r\n                  const value = input.value;\r\n\r\n                  if (input.type === 'hidden') {\r\n                        \/\/ if (input.parentNode.children.length > 1) input.parentNode.classList.add('border', 'border-danger', 'rounded', 'ps-3', 'py-1');\r\n                        \/\/ else input.parentNode.classList.add('border', 'border-danger', 'rounded', 'ps-3', 'py-1');\r\n                        return input.value.length > 0;\r\n                  }\r\n                  if (input.type === 'checkbox') {\r\n                        if (!inputChecked) { input.parentNode.classList.add('border', 'border-danger', 'rounded', 'ps-3', 'py-1');input.focus(); }\r\n                        else input.parentNode.classList.remove('border', 'border-danger', 'rounded', 'ps-3', 'py-1');\r\n                        return inputChecked;\r\n                  };\r\n                  if (input.type === 'email') {\r\n                        const connfirmEmail = document.querySelector('[name=\"Mail2\"]');\r\n                        if (input !== connfirmEmail && connfirmEmail.value !== value) {\r\n                              connfirmEmail.nextElementSibling.classList.remove('d-none');\r\n                              connfirmEmail.classList.add('border', 'border-danger');\r\n                              connfirmEmail.focus();\r\n                              return false;\r\n                        } else {\r\n                              connfirmEmail.nextElementSibling.classList.add('d-none');\r\n                              connfirmEmail.classList.remove('border', 'border-danger');\r\n                        }\r\n                        const emailIsValid = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(value);\r\n                        if (!emailIsValid) { input.classList.add('border', 'border-danger');input.focus(); }\r\n                        else input.classList.remove('border', 'border-danger');\r\n                        return emailIsValid;\r\n                  }\r\n                  if (input.type === 'tel') {\r\n                        const phoneIsValid = value.length == 8;\r\n                        if (!phoneIsValid) { input.classList.add('border', 'border-danger');input.focus(); }\r\n                        else input.classList.remove('border', 'border-danger');\r\n                        return phoneIsValid;\r\n                  }\r\n\r\n                  const hasValue = value.length > 0;\r\n                  if (!hasValue) { input.classList.add('border', 'border-danger');input.focus(); }\r\n                  else input.classList.remove('border', 'border-danger');\r\n                  return hasValue;\r\n            });\r\n            return allInputsOk;\r\n      }\r\n\r\n      async function resetThePageWithoooutReloading() {\r\n            const parent = document.querySelector('.editor.canvas-editor-tag');\r\n            const resetCanvasBtn = document.getElementById('reset-canvas');\r\n            const frontTopLayerBtn = document.querySelector('#front_top_layer');\r\n            \/\/ flavour-checkbox\r\n            Array.from(parent.querySelectorAll('.flavour-checkbox'), item => {\r\n                  item.checked = false;\r\n                  \/\/ triger the oninput event and on change event\r\n                  item.dispatchEvent(new Event('input', { bubbles: true }));\r\n                  item.dispatchEvent(new Event('change', { bubbles: true }));\r\n            });\r\n            \r\n            \/\/ reset all forms\r\n            Array.from(parent.querySelectorAll('form'), form => form.reset());\r\n\r\n            for (let i = 0; i < 20; i++) resetCanvasBtn.click();\r\n            frontTopLayerBtn.click();\r\n      }\r\n\r\n      async function navigateToTab(direction) {\r\n            const noneChecked = selectedFlavors.every(item => !item.checked);\r\n            const NextBtn = document.getElementById(\"NextBtn\");\r\n\r\n            const firstHeadTitle = document.getElementById('First_head_title');\r\n            const secondHeadTitle = document.getElementById('Second_head_title');\r\n            const thirdHeadTitle = document.getElementById('Third_head_title');\r\n            const forthHeadTitle = document.getElementById('Forth_head_title');\r\n            const fifthHeadTitle = document.getElementById('Fifth_head_title');\r\n\r\n            const firstTabsWrapper = document.querySelector('.first-tabs-wrapper');\r\n            const secondTabsWrapper = document.querySelector('.second-tabs-wrapper');\r\n\r\n            let activeTabNumber = parseInt(tabs_nav.getAttribute('data-active-tab')) + direction;\r\n            activeTabNumber = Math.max(1, Math.min(6, activeTabNumber));\r\n\r\n            calculatePrice(); \/\/ we call this just to be sure that the values are updated always\r\n\r\n            if (noneChecked && activeTabNumber === 2) NextBtn.classList.add('opacity-50', 'pointer-events-none');\r\n            else NextBtn.classList.remove('opacity-50', 'pointer-events-none');\r\n\r\n            console.log('activeTabNumber: ', activeTabNumber);\r\n\r\n            Array.from(document.querySelectorAll('.head-title'), headTitle => headTitle.classList.add('d-none'));\r\n\r\n            if (activeTabNumber === 1) {\r\n                  label_tab.click();\r\n                  firstHeadTitle.classList.remove('d-none');\r\n            } else if (activeTabNumber === 2) {\r\n                  flavour_tab.click();\r\n                  secondHeadTitle.classList.remove('d-none');\r\n                  const allImageNames = canvas.getObjects().filter(i => i.image_name).map(i => i.image_name);\r\n                  console.log('AllImagesOnCanvas: ', allImageNames);\r\n\r\n                  const dataTransfer = new ClipboardEvent(\"\").clipboardData || new DataTransfer()\r\n                  Array.from(uploadedImages.files, file => {\r\n                        if (allImageNames.includes(file.name)) dataTransfer.items.add(file);\r\n                  });\r\n                  uploadedImages.files = dataTransfer.files;\r\n            } else if (activeTabNumber === 3) {\r\n                  calculatePrice();\r\n                  third_tab.click();\r\n                  thirdHeadTitle.classList.remove('d-none');\r\n            } else if (activeTabNumber === 4) {\r\n                  forthTabFunction();\r\n                  forth_tab.click();\r\n                  forthHeadTitle.classList.remove('d-none');\r\n            } else if (activeTabNumber === 5) {\r\n                  const allInputsOk = checkTheFormIfItIsCorrectlyFilled();\r\n                  if (allInputsOk) {\r\n                        fifthTabFunction();\r\n                        fifth_tab.click();\r\n                        fifthHeadTitle.classList.remove('d-none');\r\n                  } else return;\r\n            } else {\r\n                  finalModal.toggle('show');\r\n                  \/\/ finalForm.submit();\r\n                  const formData = new FormData(finalForm);\r\n                  const response = await fetch(finalForm.action, {\r\n                        method: 'POST',\r\n                        body: formData\r\n                  });\r\n            }\r\n\r\n            if (activeTabNumber > 2) {\r\n                  firstTabsWrapper.classList.add('d-none');\r\n                  secondTabsWrapper.classList.remove('d-none');\r\n            } else {\r\n                  firstTabsWrapper.classList.remove('d-none');\r\n                  secondTabsWrapper.classList.add('d-none');\r\n            }\r\n\r\n            if (activeTabNumber === 5) next_second_btn.innerHTML = BestellungAbsendenHiddenTag.textContent;\r\n            else next_second_btn.innerHTML = WeiterHiddenTag.textContent;\r\n\r\n            \/\/ next_second_btn.classList[activeTabNumber === 5 ? 'add' : 'remove']('pointer-events-none', 'opacity-50');\r\n\r\n            if (activeTabNumber === 1) {\r\n                  previousbtn.classList.add('pointer-events-none', 'opacity-50');\r\n                  nextBtn.classList.remove('pointer-events-none', 'opacity-50');\r\n            } else if (activeTabNumber === 3) {\r\n                  nextBtn.classList.add('pointer-events-none', 'opacity-50');\r\n                  previousbtn.classList.remove('pointer-events-none', 'opacity-50');\r\n            } else {\r\n                  previousbtn.classList.remove('pointer-events-none', 'opacity-50');\r\n                  nextBtn.classList.remove('pointer-events-none', 'opacity-50');\r\n                  if (noneChecked) NextBtn.classList.add('pointer-events-none', 'opacity-50');\r\n            }\r\n\r\n            document.querySelector('.ticket-generator-wrapper').classList[activeTabNumber === 1 ? 'remove' : 'add']('dont-allow-editing');\r\n            document.body.classList[activeTabNumber === 1 ? 'remove' : 'add']('dont-allow-editing');\r\n            tabs_nav.setAttribute('data-active-tab', activeTabNumber);\r\n\r\n            if (window.innerWidth > 768) { \/\/ if wingow width wider than 768px scroll Maya_content_container_fluid into view\r\n                  const Maya_content_container_fluid = document.getElementById('Maya_content_container_fluid');\r\n                  Maya_content_container_fluid.scrollIntoView({ behavior: \"smooth\", block: \"start\", inline: \"nearest\" });\r\n            }\r\n      }\r\n\r\n      function toggleEveryParentAClass(element, className, addOrRemove) {\r\n            let el = element;\r\n            while (el.parentNode && el.parentNode.id !== 'Maya_content_container_fluid') {\r\n                  el.classList[addOrRemove](className);\r\n                  el = el.parentNode;\r\n            }\r\n      }\r\n\r\n      const checkboxChange = (flavour) => {\r\n            const chockoInput = document.querySelector(\"#Chocko_input\");\r\n            const caramelInput = document.querySelector(\"#Caramel_input\");\r\n            const strawberryInput = document.querySelector(\"#Strawberry_input\");\r\n            const saltInput = document.querySelector(\"#Salt_input\");\r\n            const sugarInput = document.querySelector(\"#Sugar_input\");\r\n            const deineMayaDoseContainer = document.querySelector(\"#Deine_maya_dose_container\");\r\n            const NextBtn = document.getElementById(\"NextBtn\");\r\n            const sixOrTwelve = selectedFlavors.filter(item => item.checked).length > 1 ? 6 : 12;\r\n\r\n            selectedFlavors.map((item, index) => {\r\n                  const parentOfItem = item.parentElement;\r\n                  const itemImg = parentOfItem.querySelector('img');\r\n                  const itemChecked = item.checked;\r\n                  const addOrRemove = itemChecked ? \"add\" : \"remove\";\r\n                  \r\n                  switch (item.value) {\r\n                        case \"chockolate\":\r\n                              if (itemChecked) {\r\n                                    chockoInput.readOnly = false;\r\n                                    chockoInput.value = sixOrTwelve;\r\n                                    chockoInput.min = sixOrTwelve;\r\n                                    chockoInput.style.backgroundColor = \"white\";\r\n                              } else {\r\n                                    chockoInput.readOnly = true;\r\n                                    chockoInput.value = 0;\r\n                              }\r\n                              toggleEveryParentAClass(deineMayaDoseContainer, \"chocko-background\", addOrRemove);\r\n                              break;\r\n                        case \"caramel\":\r\n                              if (itemChecked) {\r\n                                    caramelInput.readOnly = false;\r\n                                    caramelInput.value = sixOrTwelve;\r\n                                    caramelInput.min = sixOrTwelve;\r\n                                    caramelInput.style.backgroundColor = \"white\";\r\n                              } else {\r\n                                    caramelInput.readOnly = true;\r\n                                    caramelInput.value = 0;\r\n                              }\r\n                              toggleEveryParentAClass(deineMayaDoseContainer, \"caramel-background\", addOrRemove);\r\n                              break;\r\n                        case \"strawberry\":\r\n                              if (itemChecked) {\r\n                                    strawberryInput.readOnly = false;\r\n                                    strawberryInput.value = sixOrTwelve;\r\n                                    strawberryInput.min = sixOrTwelve;\r\n                                    strawberryInput.style.backgroundColor = \"white\";\r\n                              } else {\r\n                                    strawberryInput.readOnly = true;\r\n                                    strawberryInput.value = 0;\r\n                              }\r\n                              toggleEveryParentAClass(deineMayaDoseContainer, \"strawberry-background\", addOrRemove);\r\n                              break;\r\n                        case \"salt\":\r\n                              if (itemChecked) {\r\n                                    saltInput.readOnly = false;\r\n                                    saltInput.value = sixOrTwelve;\r\n                                    saltInput.min = sixOrTwelve;\r\n                                    saltInput.style.backgroundColor = \"white\";\r\n                              } else {\r\n                                    saltInput.readOnly = true;\r\n                                    saltInput.value = 0;\r\n                              }\r\n                              toggleEveryParentAClass(deineMayaDoseContainer, \"salt-background\", addOrRemove);\r\n                              break;\r\n                        case \"sweets\":\r\n                              if (itemChecked) {\r\n                                    sugarInput.readOnly = false;\r\n                                    sugarInput.value = sixOrTwelve;\r\n                                    sugarInput.min = sixOrTwelve;\r\n                                    sugarInput.style.backgroundColor = \"white\";\r\n                              } else {\r\n                                    sugarInput.readOnly = true;\r\n                                    sugarInput.value = 0;\r\n                              }\r\n                              toggleEveryParentAClass(deineMayaDoseContainer, \"sugar-background\", addOrRemove);\r\n                              break;\r\n                        default:\r\n                              break;\r\n                  }\r\n                  itemImg.classList[addOrRemove](\"active-product-img\");\r\n            });\r\n\r\n            const noneChecked = selectedFlavors.every(item => !item.checked);\r\n            NextBtn.classList[noneChecked ? 'add' : 'remove'](\"opacity-50\", \"pointer-events-none\");\r\n      }\r\n\r\n      const history_display = document.querySelector(\"#History_display\");\r\n      const save_history = document.querySelector(\"#save_history\");\r\n\r\n      const history = JSON.parse(localStorage.getItem('history') || \"[]\");\r\n      displayHistory(history);\r\n\r\n      save_history.addEventListener('click', saveHistory);\r\n\r\n      function displayHistory(history) {\r\n            const deleteWord = deleteHiddenTag.textContent;\r\n            const historyDisplay = history.map(([color, font], index, allArray) => {\r\n                  return `<div class=\"history-item d-flex justify-content-between align-items-center border-top-0 border-start-0 border-end-0 border-bottom-gray light-dark-border pb-2 ${index != allArray.length-1 ? 'mb-2' : ''}\">\r\n                        <div class=\"d-flex flex-column cursor-pointer\" data-font=\"${font}\" data-color=\"${color}\" onclick=\"setFontAndColorFromHistory(this)\">\r\n                              ${color ? `<small class=\"small m-0\">Color: ${color}<\/small>` : ''}\r\n                              ${font ? `<small class=\"small d-flex align-items-center m-0\">Font: ${font}<\/small>` : ''}\r\n                        <\/div>\r\n                        <button class=\"btn btn-primary small bg-white border-radius-10 light-dark-border shadow-none text-dark px-2 py-1\" onclick=\"deleteHistoryItem(${index})\">${deleteWord}<\/button>\r\n                  <\/div>`;\r\n            }).join('');\r\n            history_display.innerHTML = historyDisplay;\r\n      }\r\n\r\n      function saveHistory() {\r\n            const history = JSON.parse(localStorage.getItem('history') || \"[]\");\r\n            const color = window.choosenColor;\r\n            const font = window.choosenFont;\r\n            if (!color || !font) return;\r\n\r\n            const alreadyExists = history.some(([c, f]) => c === color && f === font);\r\n            if (alreadyExists) return;\r\n\r\n            history.push([color, font]);\r\n            localStorage.setItem('history', JSON.stringify(history));\r\n            displayHistory(history);\r\n      }\r\n\r\n      function deleteHistoryItem(index) {\r\n            if (!confirm('Bist du sicher?')) return;\r\n\r\n            const history = JSON.parse(localStorage.getItem('history') || \"[]\");\r\n            history.splice(index, 1);\r\n            localStorage.setItem('history', JSON.stringify(history));\r\n            displayHistory(history);\r\n      }\r\n\r\n      async function setFontAndColorFromHistory(item) {\r\n            const color = item.getAttribute('data-color');\r\n            const font = item.getAttribute('data-font');\r\n            window.choosenColor = color;\r\n            window.choosenFont = font;\r\n            \r\n            const fontSelect = document.querySelector('.font-select');\r\n            const fontSelectDropdown = fontSelect.querySelector('.fs-results');\r\n            if (!fontSelect.classList.contains('font-select-active')) fontSelect.querySelector('b').click();\r\n            \r\n            await new Promise(resolve => setTimeout(resolve, 100));\r\n\r\n            const selected = canvas.getActiveObject();\r\n            if (selected) {\r\n                  selected.setColor(color);\r\n                  setStyle(canvas.getActiveObject(), 'fontFamily', font);\r\n                  canvas.getActiveObject()['googleFont'] = font;\r\n                  $$$('#font-color').val(font).css('background-color', font);\r\n                  $$$('.font-select li.active').removeClass('active');\r\n                  var fonta = $$$('.font-select > a span').first();\r\n                  fonta.html(font);\r\n                  fonta.css('font-family', font);\r\n                  $$$('#font').val(font);\r\n\r\n                  \/\/ scroll to the selected font\r\n                  const selectedFont = fontSelectDropdown.querySelector(`[data-value*=\"${font}\"]`);\r\n                  if (selectedFont) {\r\n                        fontSelectDropdown.scrollTop = selectedFont.offsetTop;\r\n                  }\r\n            }\r\n\r\n            canvas.renderAll();\r\n      }\r\n\r\n      async function thirdTabFunction() {\r\n            $$$('.amount_product').on('input', function() {\r\n                calculatePrice($$$(this));\r\n            });\r\n\r\n            $$$('.vex-content .amount_product').each(function() {\r\n                calculatePrice($$$(this));\r\n            });\r\n      }\r\n\r\n      async function forthTabFunction() {\r\n            const [totalPrice] = Array.from(document.querySelectorAll('#TotalPrice'));\r\n            const [totalQuantity] = Array.from(document.querySelectorAll('#TotalQuantity'));\r\n            const [Maya_Popcorn_Caramel] = Array.from(document.querySelectorAll('#Maya_Popcorn_Caramel'));\r\n            const [Maya_Popcorn_Choco] = Array.from(document.querySelectorAll('#Maya_Popcorn_Choco'));\r\n            const [Maya_Popcorn_Salt] = Array.from(document.querySelectorAll('#Maya_Popcorn_Salt'));\r\n            const [Maya_Popcorn_Strawberry] = Array.from(document.querySelectorAll('#Maya_Popcorn_Strawberry'));\r\n            const [Maya_Popcorn_Sugar] = Array.from(document.querySelectorAll('#Maya_Popcorn_Sugar'));\r\n            const valuesToSet = document.body.priceAndQuantity;\r\n            const totalWithDelivery = valuesToSet ? parseFloat(valuesToSet.total) : 0;\r\n\r\n            if (valuesToSet && valuesToSet['total']) {\r\n                totalPrice.value = (parseFloat(totalWithDelivery) + parseFloat(totalWithDelivery * 0.026)).toFixed(2);\r\n                totalQuantity.value = valuesToSet['total_amount'];\r\n                Maya_Popcorn_Caramel.value = valuesToSet['Maya_Popcorn_Caramel'];\r\n                Maya_Popcorn_Choco.value = valuesToSet['Maya_Popcorn_Choco'];\r\n                Maya_Popcorn_Salt.value = valuesToSet['Maya_Popcorn_Salt'];\r\n                Maya_Popcorn_Strawberry.value = valuesToSet['Maya_Popcorn_Strawberry'];\r\n                Maya_Popcorn_Sugar.value = valuesToSet['Maya_Popcorn_Sweet'];\r\n            }\r\n      }\r\n\r\n      async function fifthTabFunction() {\r\n            displayTransparentImage2();\r\n\r\n            const [buyFormPlugin] = Array.from(document.querySelectorAll('.buy-form-plugin'));\r\n            const [emailNum2] = Array.from(document.querySelectorAll(\"[name='Mail2']\"));\r\n            const [selectFlavourAndQuantitySecondBtn] = Array.from(document.querySelectorAll('#selectFlavorAndQuantity2'));\r\n            \r\n            \/\/ compare Email and Email2 if they're not the same prevent submitting\r\n            const mail2 = buyFormPlugin.querySelector(\"[name='Mail2']\");\r\n            const Anrede = buyFormPlugin.querySelector(\"[name='Anrede']\");\r\n            const Vorname = buyFormPlugin.querySelector(\"[name='Vorname']\");\r\n            const Nachname = buyFormPlugin.querySelector(\"[name='Nachname']\");\r\n            const Strasse_und_Hausnummer = buyFormPlugin.querySelector(\"[name='Strasse_und_Hausnummer']\");\r\n            const Ort = buyFormPlugin.querySelector(\"[name='Ort']\");\r\n            const PLZ = buyFormPlugin.querySelector(\"[name='PLZ']\");\r\n\r\n            const Anrede2 = buyFormPlugin.querySelector(\"[name='Lieferadresse-Anrede']\");\r\n            const Vorname2 = buyFormPlugin.querySelector(\"[name='Lieferadresse-Vorname']\");\r\n            const Nachname2 = buyFormPlugin.querySelector(\"[name='Lieferadresse-Nachname']\");\r\n            const Strasse_und_Hausnummer2 = buyFormPlugin.querySelector(\"[name='Lieferadresse-Strasse_und_Hausnummer']\");\r\n            const Ort2 = buyFormPlugin.querySelector(\"[name='Lieferadresse-Ort']\");\r\n            const PLZ2 = buyFormPlugin.querySelector(\"[name='Lieferadresse-PLZ']\");\r\n\r\n            if (buyFormPlugin.querySelector(\"[name='Mail']\").value !== mail2.value) {\r\n                  mail2.classList.add('border-danger');\r\n                  mail2.focus();\r\n                  mail2.nextElementSibling.classList.remove('d-none');\r\n                  return e.preventDefault();\r\n            }\r\n            document.body.priceAndQuantity.email = mail2.value;\r\n            document.body.priceAndQuantity.costumerAddress = `${Anrede.value} ${Vorname.value} ${Nachname.value}<br \/> ${Strasse_und_Hausnummer.value}<br \/> ${PLZ.value} ${Ort.value}`;\r\n            document.body.priceAndQuantity.deliveryAddress = `${Anrede2.value} ${Vorname2.value} ${Nachname2.value}<br \/> ${Strasse_und_Hausnummer2.value}<br \/> ${PLZ2.value} ${Ort2.value}`;\r\n\r\n            const [flavoursContentDiv] = Array.from(document.querySelectorAll('.choosenFlavoursContent'));\r\n\r\n            const dataCloned = { ...document.body.priceAndQuantity };\r\n            delete dataCloned.Bemerkung;\r\n            delete dataCloned.deliveryCost;\r\n            delete dataCloned.total;\r\n            delete dataCloned.total_amount;\r\n            delete dataCloned.email;\r\n            delete dataCloned.costumerAddress;\r\n            delete dataCloned.deliveryAddress;\r\n            const keys = Object.keys(dataCloned);\r\n            flavoursContentDiv.innerHTML = keys\r\n                .filter(item => dataCloned[item] != 0)\r\n                .map((item, i) => {\r\n                    const name = item.split('_').pop();\r\n                    const [price_single, price] = returnPriceBasedOnAmount(name, dataCloned[item]);\r\n                    return `<div class=\"row w-100 m-0\">\r\n                        <div class=\"col-3\"><h3 class=\"m-0 p-0\">${name}<\/h3><\/div>\r\n                        <div class=\"col-3\"><h3 class=\"m-0 p-0\">${dataCloned[item]} x<\/h3><\/div>\r\n                        <div class=\"col-3\"><p class=\"m-0 p-0\">${price_single.toFixed(2)}<\/p><\/div>\r\n                        <div class=\"col-3\"><h3 class=\"m-0 p-0\">${(price_single * parseInt(dataCloned[item])).toFixed(2)}<\/h3><\/div>\r\n                    <\/div>`;\r\n                }).join('');\r\n\r\n            const [emailInput] = Array.from(document.querySelectorAll(\"[name='Mail']\"));\r\n            const [emailDisplay] = Array.from(document.querySelectorAll(\"#email_display\"));\r\n            const [costumerAddressDisplay] = Array.from(document.querySelectorAll(\"#costumer_address_display\"));\r\n            const [deliveryAddressDisplay] = Array.from(document.querySelectorAll(\"#delivery_address_display\"));\r\n            const [TotalPriceTag] = Array.from(document.querySelectorAll('#TotalPriceTag'));\r\n            const [VatShare] = Array.from(document.querySelectorAll('#vat_share'));\r\n            const [kundenadresseTag] = Array.from(document.querySelectorAll('#Kundenadresse_tag'));\r\n            const [kundenadresseTagTwo] = Array.from(document.querySelectorAll('#Kundenadresse_tag_two'));\r\n            const [shippingAddressSame] = Array.from(document.querySelectorAll('.shippingAddressSame'));\r\n\r\n            const hasContent = document.body.priceAndQuantity.deliveryAddress.length;\r\n\r\n            if (shippingAddressSame.checked) {\r\n                  deliveryAddressDisplay.parentNode.classList.add('d-none');\r\n                  kundenadresseTag.classList.add('d-none');\r\n                  kundenadresseTagTwo.classList.remove('d-none');\r\n            } else {\r\n                  deliveryAddressDisplay.parentNode.classList.remove('d-none');\r\n                  kundenadresseTag.classList.remove('d-none');\r\n                  kundenadresseTagTwo.classList.add('d-none');\r\n            }\r\n\r\n            emailDisplay.textContent = document.body.priceAndQuantity.email;\r\n            costumerAddressDisplay.innerHTML = document.body.priceAndQuantity.costumerAddress;\r\n            deliveryAddressDisplay.innerHTML = hasContent ? document.body.priceAndQuantity.deliveryAddress : '';\r\n            let totalWithDelivery = parseFloat(document.body.priceAndQuantity.total);\r\n            const vat_share_value = parseFloat(totalWithDelivery * 0.026);\r\n            totalWithDelivery = totalWithDelivery + vat_share_value;\r\n\r\n            TotalPriceTag.innerHTML = parseFloat(totalWithDelivery).toFixed(2);\r\n            VatShare.innerHTML = vat_share_value.toFixed(2);\r\n      }\r\n\r\n      addEventListener('load', function() {\r\n            thirdTabFunction();\r\n            forthTabFunction();\r\n\r\n            $$$('.shippingAddressSame').change(function() {\r\n                if ($$$(this)[0].checked) {\r\n                    $$$('.shippingTable').hide();\r\n\r\n                    \/\/ remove all shipping fields required attribute\r\n                    $$$('.shippingTable input, .shippingTable select').each(function() {\r\n                        $$$(this).removeAttr('required').val('');\r\n                    });\r\n                } else {\r\n                    $$$('.shippingTable').show();\r\n                    \/\/ add all shipping fields required attribute\r\n                    $$$('.shippingTable input, .shippingTable select').each(function() {\r\n                        $$$(this).prop('required', true);\r\n                    });\r\n                }\r\n            });\r\n\r\n            const finalModal = new bootstrap.Modal(document.getElementById('finalModal'), {});\r\n            window.finalModal = finalModal;\r\n            \/\/ finalModal.toggle('show');\r\n\r\n            Array.from(document.querySelectorAll('.amount_product'), input => input.addEventListener('blur', function() {\r\n                  if (!this.hasAttribute('readonly') && this.value < 6) this.value = this.min;\r\n            }));\r\n\r\n            document.getElementById('Font_family_tag').setAttribute('value', 'Open Sans');\r\n            window.choosenFont = 'Open Sans';\r\n\r\n            const imageInput = document.getElementById('imgLoader');\r\n            imageInput.addEventListener('change', async function() {\r\n                  const file = this.files[0];\r\n\r\n                  const dataTransfer = new ClipboardEvent(\"\").clipboardData || new DataTransfer()\r\n                  dataTransfer.items.add(file);\r\n                  Array.from(uploadedImages.files, file => dataTransfer.items.add(file));\r\n                  uploadedImages.files = dataTransfer.files;\r\n            });\r\n\r\n            document.querySelector('#Font-size').addEventListener('input', function() {\r\n                  const selected = canvas.getActiveObject();\r\n                  if (selected && selected.get('type') == 'i-text') {\r\n                        selected.fontSize = parseInt(this.value);\r\n                        canvas.renderAll();\r\n                  }\r\n\r\n                  const allTextObjects = canvas.getObjects().filter(obj => obj.get('type') == 'i-text');\r\n                  const allFonts = [...new Set(allTextObjects.map(obj => obj.fontFamily.replace(\/\\+\/g, ' ')))].join(', ');\r\n                  const uniqueChoosenColors = [...new Set(allTextObjects.map(obj => obj.fill))].join(', ');\r\n                  const allFontSizes = [...new Set(allTextObjects.map(obj => obj.fontSize))].join(', ');\r\n                  \r\n                  document.getElementById('Font_family_tag').setAttribute('value', allFonts);\r\n                  document.querySelector('#Font-color-in-form').value = uniqueChoosenColors;\r\n                  document.querySelector('#Font-size-in-form').value = allFontSizes;\r\n            });\r\n\r\n            \/\/ check if url contains \/en\/ or \/de\/ or \/fr\/ and set the language accordingly\r\n            const url = window.location.href;\r\n            const languageAcrTag = document.querySelector('#Language-acr');\r\n            if (url.includes('\/en\/')) languageAcrTag.value = 'en';\r\n            else if (url.includes('\/de\/')) languageAcrTag.value = 'de';\r\n            else if (url.includes('\/fr\/')) languageAcrTag.value = 'fr';\r\n            else languageAcrTag.value = 'de';\r\n\r\n            const desiredDeliveryDate = document.querySelector('.desired-delivery-date');\r\n            desiredDeliveryDate.addEventListener('blur', function() {\r\n                  const date = new Date(this.value);\r\n                  const minValue = new Date(this.getAttribute('min'));\r\n                  if (date && date.getTime() < minValue.getTime()) {\r\n                        this.value = this.getAttribute('min');\r\n                        this.setAttribute('value', this.getAttribute('min'));\r\n                        this.dispatchEvent(new Event('change', { bubbles: true })); \/\/ trigger change event\r\n                  }\r\n            });\r\n      });\r\n<\/script>\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Personalisierte Popcorn Dose Maya Popcorn Dose Popcorn Geschenk Popcorn Eimer personalisiert DEINE MAYA DOSE<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-6204","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maya-popcorn.ch\/en\/wp-json\/wp\/v2\/pages\/6204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maya-popcorn.ch\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maya-popcorn.ch\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maya-popcorn.ch\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maya-popcorn.ch\/en\/wp-json\/wp\/v2\/comments?post=6204"}],"version-history":[{"count":13,"href":"https:\/\/maya-popcorn.ch\/en\/wp-json\/wp\/v2\/pages\/6204\/revisions"}],"predecessor-version":[{"id":8512,"href":"https:\/\/maya-popcorn.ch\/en\/wp-json\/wp\/v2\/pages\/6204\/revisions\/8512"}],"wp:attachment":[{"href":"https:\/\/maya-popcorn.ch\/en\/wp-json\/wp\/v2\/media?parent=6204"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maya-popcorn.ch\/en\/wp-json\/wp\/v2\/categories?post=6204"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maya-popcorn.ch\/en\/wp-json\/wp\/v2\/tags?post=6204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}