Anima App<\/title><script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><script>tailwind.config = {\n content: [],\n theme: {\n extend: {\n fontFamily: {\n ubuntu: [\n 'Ubuntu',\n 'Arial',\n 'Helvetica',\n 'sans-serif'\n ],\n arial: [\n 'Arial'\n ],\n apple_system: [\n '-apple-system',\n 'BlinkMacSystemFont',\n 'Segoe UI',\n 'Roboto',\n 'Oxygen-Sans',\n 'Ubuntu',\n 'Cantarell',\n 'Helvetica Neue',\n 'sans-serif'\n ],\n dashicons: [\n 'dashicons'\n ],\n awb_icons: [\n 'awb-icons'\n ],\n orbitron: [\n 'orbitron',\n 'Arial',\n 'Helvetica',\n 'sans-serif'\n ],\n font_awesome_5_free: [\n 'Font Awesome 5 Free'\n ],\n times_new_roman: [\n 'Times New Roman'\n ],\n roboto: [\n 'Roboto',\n 'Helvetica'\n ],\n courier_new: [\n 'Courier New',\n 'monospace'\n ],\n montserrat: [\n 'Montserrat'\n ],\n siq: [\n 'siq'\n ]\n }\n }\n }\n};\n<\/script><style>@font-face {\n \/* This font could not be included automatically because of legal reasons. Please add it manually or switch to another font *\/\n font-family: 'dashicons';\n font-weight: 400;\n font-style: normal;\n }\n <\/style><\/head><body><link href=\"https:\/\/fonts.googleapis.com\/css?family=Orbitron:900\" rel=\"stylesheet\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Ubuntu:wght@400;700&display=swap\" rel=\"stylesheet\"><style>\/* Reset styles *\/\n* {\n -webkit-font-smoothing: antialiased;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nhtml, body {\n margin: 0;\n padding: 0;\n width: 100%;\n overflow-x: hidden;\n}\n\n\/* Section styles *\/\n.new-tpe-attend-header-section {\n width: 100vw;\n height: 521px;\n position: relative;\n contain: layout size;\n margin: 0 !important;\n padding: 0 !important;\n box-sizing: border-box;\n overflow: hidden;\n max-width: none !important;\n background-color: #090B29;\n left: 50%;\n right: 50%;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n}\n\n.new-tpe-attend-header-overlap {\n width: 100%;\n position: relative;\n height: 100%;\n overflow: hidden;\n margin: 0;\n padding: 0;\n left: 0;\n right: 0;\n}\n\n.new-tpe-attend-header-video-elements {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n}\n\n.new-tpe-attend-header-overlap-group {\n position: relative;\n height: 100%;\n}\n\n.new-tpe-attend-header-video {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n overflow: hidden;\n}\n\n.new-tpe-attend-header-background-video {\n position: absolute;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n background-color: #090B29;\n min-width: 100%;\n}\n\n.new-tpe-attend-header-video-overlay {\n display: none;\n}\n\n.new-tpe-attend-header-hero-section {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n}\n\n.new-tpe-attend-header-hero-overlap-group {\n position: relative;\n height: 100%;\n}\n\n.new-tpe-attend-header-cutout-image {\n position: absolute;\n width: 838px;\n height: auto;\n max-height: 100%;\n top: 0;\n right: 0;\n object-fit: contain;\n z-index: 3;\n}\n\n.new-tpe-attend-header-gradient-overlay {\n position: absolute;\n width: 100%;\n height: 135px;\n bottom: 0;\n left: 0;\n transform: rotate(-180.00deg);\n background: linear-gradient(\n 180deg,\n rgba(9, 11, 41, 1) 0%,\n rgba(9, 11, 41, 0) 100%\n );\n z-index: 4;\n}\n\n.new-tpe-attend-header-cta {\n display: flex;\n flex-direction: column;\n width: 800px;\n height: 348px;\n align-items: flex-start;\n gap: 27px;\n position: absolute;\n top: 75px;\n left: 150px;\n padding-right: 0;\n z-index: 5;\n}\n\n.new-tpe-attend-header-cta-buttons {\n display: flex;\n flex-direction: row;\n gap: 20px;\n align-items: center;\n}\n\n.new-tpe-attend-header-main-headline {\n position: relative;\n align-self: stretch;\n margin-top: -1.00px;\n text-shadow: 0px 4px 20px rgba(0, 0, 0, 0.8);\n font-family: \"Orbitron\", Helvetica;\n font-weight: 900;\n color: #a8ff03;\n font-size: 90px;\n letter-spacing: 0;\n line-height: 90px;\n -webkit-text-stroke: 2px rgba(0, 0, 0, 0.3);\n}\n\n.new-tpe-attend-header-subheadline {\n position: relative;\n color: #ffffff;\n font-family: \"Ubuntu\", sans-serif;\n font-weight: 700;\n font-size: 20px;\n line-height: 28px;\n text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.6);\n}\n\n.new-tpe-attend-header-primary-cta {\n all: unset;\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 9px 30px;\n position: relative;\n flex: 0 0 auto;\n border-radius: 50px;\n background: linear-gradient(\n 180deg,\n rgba(168, 255, 3, 1) 0%,\n rgba(87, 194, 35, 1) 100%\n );\n cursor: pointer;\n transition: all 0.3s ease;\n min-width: 200px;\n}\n\n.new-tpe-attend-header-primary-cta:hover {\n box-shadow: 0 0 25px rgba(168, 255, 3, 1), 0 0 40px rgba(168, 255, 3, 0.6);\n}\n\n.new-tpe-attend-header-secondary-cta {\n all: unset;\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 9px 30px;\n position: relative;\n flex: 0 0 auto;\n border-radius: 50px;\n background: transparent;\n border: 3px solid #a8ff03;\n cursor: pointer;\n transition: all 0.3s ease;\n min-width: 200px;\n}\n\n.new-tpe-attend-header-secondary-cta:hover {\n background: #a8ff03;\n box-shadow: 0 0 20px rgba(168, 255, 3, 0.5);\n}\n\n.new-tpe-attend-header-secondary-cta .new-tpe-attend-header-cta-label {\n color: #ffffff;\n transition: color 0.3s ease;\n}\n\n.new-tpe-attend-header-secondary-cta:hover .new-tpe-attend-header-cta-label {\n color: #141523;\n}\n\n.new-tpe-attend-header-cta-label {\n position: relative;\n width: fit-content;\n margin-top: -1.00px;\n font-family: \"Orbitron\", Helvetica;\n font-weight: 900;\n color: #141523;\n font-size: 18.3px;\n letter-spacing: 0.91px;\n line-height: 26.1px;\n white-space: nowrap;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 1200px) {\n .new-tpe-attend-header-cutout-image {\n width: 600px;\n right: 0;\n }\n \n .new-tpe-attend-header-main-headline {\n font-size: 70px;\n line-height: 70px;\n }\n}\n\n@media (max-width: 992px) {\n .new-tpe-attend-header-cta {\n left: 40px;\n width: 450px;\n }\n \n .new-tpe-attend-header-main-headline {\n font-size: 60px;\n line-height: 60px;\n }\n}\n\n@media (max-width: 768px) {\n .new-tpe-attend-header-section {\n height: 100vw;\n min-height: 521px;\n width: 100vw !important;\n max-width: none !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n left: 50% !important;\n right: 50% !important;\n }\n \n .new-tpe-attend-header-cutout-image {\n width: 600px;\n top: auto;\n bottom: 0;\n right: 55%;\n transform: translateX(50%);\n }\n \n .new-tpe-attend-header-cta {\n width: 100%;\n padding: 0 20px;\n left: 50%;\n transform: translateX(-50%);\n align-items: center;\n text-align: center;\n top: 40px;\n height: auto;\n gap: 20px;\n }\n \n .new-tpe-attend-header-cta-buttons {\n flex-direction: column;\n width: 100%;\n align-items: center;\n }\n \n .new-tpe-attend-header-main-headline {\n font-size: 75px;\n line-height: 60px;\n text-align: center;\n margin-left: 0;\n margin-top: 0;\n }\n \n .new-tpe-attend-header-subheadline {\n font-size: 18px;\n line-height: 24px;\n text-align: center;\n margin-left: 0;\n }\n}\n\n@media (max-width: 576px) {\n .new-tpe-attend-header-section {\n width: 100vw !important;\n max-width: none !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n left: 50% !important;\n right: 50% !important;\n }\n \n .new-tpe-attend-header-cta {\n top: 30px;\n padding: 0 15px;\n }\n \n .new-tpe-attend-header-cutout-image {\n width: 300px;\n }\n \n .new-tpe-attend-header-main-headline {\n font-size: 40px;\n line-height: 40px;\n text-align: center;\n }\n \n .new-tpe-attend-header-subheadline {\n font-size: 14px;\n line-height: 20px;\n text-align: center;\n }\n \n .new-tpe-attend-header-primary-cta,\n .new-tpe-attend-header-secondary-cta {\n width: 90%;\n max-width: 300px;\n padding: 12px 30px;\n }\n \n .new-tpe-attend-header-cta-label {\n font-size: 16px;\n }\n}\n<\/style><div class=\"new-tpe-attend-header-section\"><div class=\"new-tpe-attend-header-overlap\"><div class=\"new-tpe-attend-header-video-elements\"><div class=\"new-tpe-attend-header-overlap-group\"><div class=\"new-tpe-attend-header-video\"><video class=\"new-tpe-attend-header-background-video\" autoplay loop muted playsinline preload=\"auto\"><source src=\"https:\/\/totalproductexpo.com\/wp-content\/uploads\/2024\/10\/vivid-colorful-purple-blue-pink-of-acrylic-paint-d-2025-08-28-14-34-22-utc.mp4\" type=\"video\/mp4\"><\/video><div class=\"new-tpe-attend-header-video-overlay\"><\/div><\/div><div class=\"new-tpe-attend-header-hero-section\"><div class=\"new-tpe-attend-header-hero-overlap-group\"><img decoding=\"async\" class=\"lazyload new-tpe-attend-header-cutout-image\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/totalproductexpo.com\/wp-content\/uploads\/2025\/10\/Cut-Out-Male-01-Web-Purple-1.png\" loading=\"eager\" \/><div class=\"new-tpe-attend-header-gradient-overlay\"><\/div><\/div><\/div><\/div><\/div><div class=\"new-tpe-attend-header-cta\"><div class=\"new-tpe-attend-header-main-headline\">WHY ATTEND<br\/>TPE?<\/div><div class=\"new-tpe-attend-header-subheadline\">If you sell smoke, vape, or alternative products \u2014 this is your show.<\/div><div class=\"new-tpe-attend-header-cta-buttons\"><a href=\"https:\/\/registration.experientevent.com\/ShowTPE261?_gl=1*1ye04te*_gcl_au*MTAwOTkzMjI5MC4xNzU3\" class=\"new-tpe-attend-header-primary-cta\"><div class=\"new-tpe-attend-header-cta-label\">REGISTER<\/div><\/a><a href=\"https:\/\/totalproductexpo.com\/attend\/\" class=\"new-tpe-attend-header-secondary-cta\"><div class=\"new-tpe-attend-header-cta-label\">LEARN MORE<\/div><\/a><\/div><\/div><\/div><\/div><script>\/\/ Ensure video loads properly\ndocument.addEventListener('DOMContentLoaded', function() {\n const video = document.querySelector('.new-tpe-attend-header-background-video');\n \n \/\/ Reload video if it fails to load\n video.addEventListener('error', function() {\n setTimeout(function() {\n video.load();\n }, 1000);\n });\n \n \/\/ Add click event tracking to button (optional, since it's now a link)\n document.querySelector('.new-tpe-attend-header-primary-cta').addEventListener('click', function() {\n console.log('Get Started button clicked');\n \/\/ You can add analytics tracking here\n });\n});\n<\/script><\/body><\/html><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling hero\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-color:#090b29;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:102% !important;max-width:102% !important;margin-left: calc(-2% \/ 2 );margin-right: calc(-2% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-spacing-right-large:0.98%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0.98%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:0.98%;--awb-spacing-left-medium:0.98%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:0.98%;--awb-spacing-left-small:0.98%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div>\n\n\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>TPE - Total Product Expo<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"styles.css\">\n <script>\n tailwind.config = {\n content: [],\n theme: {\n extend: {\n fontFamily: {\n ubuntu: ['Ubuntu'],\n arial: ['Arial'],\n orbitron: ['orbitron', 'Arial', 'Helvetica', 'sans-serif'],\n font_awesome_5_free: ['Font Awesome 5 Free'],\n awb_icons: ['awb-icons'],\n sans_serif: ['sans-serif'],\n roboto: ['Roboto', 'Helvetica', 'Arial', 'sans-serif'],\n montserrat: ['Montserrat'],\n siq: ['siq']\n }\n }\n }\n };\n <\/script>\n\n\n \n \n <div class=\"wp-full-width-container\">\n\n \n <div class=\"box-border overflow-x-hidden w-full\">\n <div class=\"relative bg-slate-900 box-border w-full\">\n <div class=\"relative box-border -top-px\"><\/div>\n\n <main class=\"main-container bg-slate-900 bg-no-repeat box-border clear-both w-full overflow-x-hidden\">\n <div class=\"box-border flex flex-wrap w-full overflow-hidden md:block md:flex-nowrap\">\n <section class=\"box-border float-left min-h-px min-w-[auto] w-full md:min-w-0\">\n \n \n \n <div class=\"relative box-border mt-4 pt-4 md:mt-6 md:pt-6\">\n <div class=\"relative bg-slate-900 bg-no-repeat box-border flex justify-center w-full bg-center\">\n <div class=\"relative items-start box-border flex basis-[0%] grow flex-wrap max-w-full w-full z-10\">\n <div class=\"relative box-border flex shrink-0 float-left w-full\">\n <div class=\"bg-no-repeat bg-cover box-border flex flex-col justify-start min-h-px w-full\">\n \n \n <div class=\"stats-desktop relative box-border hidden min-h-0 min-w-0 w-full overflow-visible pt-4 pb-0 mb-0 md:block md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"relative box-border w-full left-0\">\n <div class=\"stats-desktop items-center box-border gap-x-[95px] flex justify-center gap-y-[95px] w-full py-4 pb-0\">\n \n <div class=\"stat-card relative items-center backdrop-blur-[12.5px] backdrop-brightness-100 bg-[linear-gradient(rgba(98,100,127,0.45)_0%,rgba(88,89,114,0.45)_100%)] box-border gap-x-2.5 flex flex-col h-[170px] justify-center min-h-0 min-w-0 gap-y-2.5 w-[250px] border-pink-500 px-[15px] py-[50px] rounded-[25px] border-[3px] border-solid md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"relative items-center box-border gap-x-2 flex flex-col shrink-0 mb-[-22px] mt-[-22px] min-h-0 min-w-0 gap-y-2 w-[194px] md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"stat-number relative text-lime-400 text-5xl font-bold items-center self-stretch box-border flex justify-center leading-[57.6px] min-h-0 min-w-0 text-center -mt-px font-orbitron md:min-h-[auto] md:min-w-[auto]\">\n <span class=\"stat-number-animated box-border block min-h-0 min-w-0 md:min-h-[auto] md:min-w-[auto]\" data-target=\"72\">0<\/span>\n <\/div>\n <p class=\"stat-text relative text-white font-bold self-stretch box-border min-h-0 min-w-0 text-center mb-5 font-ubuntu md:min-h-[auto] md:min-w-[auto]\">Stunden gef\u00fcllt mit den besten Angeboten<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"relative items-center backdrop-blur-[12.5px] backdrop-brightness-100 bg-[linear-gradient(rgba(98,100,127,0.45)_0%,rgba(88,89,114,0.45)_100%)] box-border gap-x-2.5 flex flex-col h-[170px] justify-center min-h-0 min-w-0 gap-y-2.5 w-[250px] border-pink-500 px-[15px] py-[50px] rounded-[25px] border-[3px] border-solid md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"relative items-center box-border gap-x-2 flex flex-col shrink-0 mb-[-22px] mt-[-22px] min-h-0 min-w-0 gap-y-2 w-[194px] md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"relative text-lime-400 text-5xl font-bold items-center self-stretch box-border flex justify-center leading-[57.6px] min-h-0 min-w-0 text-center -mt-px font-orbitron md:min-h-[auto] md:min-w-[auto]\">\n <span class=\"stat-number-animated box-border block min-h-0 min-w-0 md:min-h-[auto] md:min-w-[auto]\" data-target=\"500\">0<\/span>\n <span class=\"box-border block min-h-0 min-w-0 md:min-h-[auto] md:min-w-[auto]\">+<\/span>\n <\/div>\n <p class=\"relative text-white font-bold self-stretch box-border min-h-0 min-w-0 text-center mb-5 font-ubuntu md:min-h-[auto] md:min-w-[auto]\">Aussteller, die Sie<br class=\"box-border\">treffen m\u00f6chten<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"relative items-center backdrop-blur-[12.5px] backdrop-brightness-100 bg-[linear-gradient(rgba(98,100,127,0.45)_0%,rgba(88,89,114,0.45)_100%)] box-border gap-x-2.5 flex flex-col h-[170px] justify-center min-h-0 min-w-0 gap-y-2.5 w-[250px] border-pink-500 px-[15px] py-[50px] rounded-[25px] border-[3px] border-solid md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"relative items-center box-border gap-x-2 flex flex-col shrink-0 mb-[-22px] mt-[-22px] min-h-0 min-w-0 gap-y-2 w-[194px] md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"relative text-lime-400 text-5xl font-bold items-center self-stretch box-border flex justify-center leading-[57.6px] min-h-0 min-w-0 text-center -mt-px font-orbitron md:min-h-[auto] md:min-w-[auto]\">\n <span class=\"stat-number-animated box-border block min-h-0 min-w-0 md:min-h-[auto] md:min-w-[auto]\" data-target=\"47\">0<\/span>\n <span class=\"box-border block min-h-0 min-w-0 md:min-h-[auto] md:min-w-[auto]\">+<\/span>\n <\/div>\n <p class=\"relative text-white font-bold self-stretch box-border min-h-0 min-w-0 text-center mb-5 font-ubuntu md:min-h-[auto] md:min-w-[auto]\">Kategorien, die Ihre Kunden w\u00fcnschen<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"relative items-center backdrop-blur-[12.5px] backdrop-brightness-100 bg-[linear-gradient(rgba(98,100,127,0.45)_0%,rgba(88,89,114,0.45)_100%)] box-border gap-x-2.5 flex flex-col h-[170px] justify-center min-h-0 min-w-0 gap-y-2.5 w-[250px] border-pink-500 px-[15px] py-[50px] rounded-[25px] border-[3px] border-solid md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"relative items-center box-border gap-x-2 flex flex-col shrink-0 mb-[-22px] mt-[-22px] min-h-0 min-w-0 gap-y-2 w-[194px] md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"relative text-lime-400 text-5xl font-bold items-center self-stretch box-border flex justify-center leading-[57.6px] min-h-0 min-w-0 text-center -mt-px font-orbitron md:min-h-[auto] md:min-w-[auto]\">\n <span class=\"stat-number-animated box-border block min-h-0 min-w-0 md:min-h-[auto] md:min-w-[auto]\" data-target=\"98\">0<\/span>\n <span class=\"box-border block min-h-0 min-w-0 md:min-h-[auto] md:min-w-[auto]\">%<\/span>\n <\/div>\n <p class=\"relative text-white font-bold self-stretch box-border min-h-0 min-w-0 text-center mb-5 font-ubuntu md:min-h-[auto] md:min-w-[auto]\">der Teilnehmer kaufen neue Produkte vor Ort<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"stats-mobile stats-section bg-slate-900 box-border block min-h-[auto] min-w-[auto] w-full overflow-hidden mt-0 py-10 md:hidden md:min-h-0 md:min-w-0 md:mt-0\">\n <div class=\"items-center box-border gap-x-5 flex flex-col gap-y-5 w-full\">\n \n <div class=\"relative items-center bg-[linear-gradient(rgba(98,100,127,0.45)_0%,rgba(88,89,114,0.45)_100%)] box-border gap-x-2.5 flex flex-col justify-center max-w-[300px] min-h-[150px] min-w-[auto] gap-y-2.5 w-[90%] border-pink-500 px-[15px] py-[30px] rounded-[25px] border-[3px] border-solid md:min-w-0\">\n <div class=\"relative items-center box-border gap-x-2 flex flex-col min-h-[auto] min-w-[auto] gap-y-2 w-[194px] md:min-h-0 md:min-w-0\">\n <div class=\"text-lime-400 text-5xl font-bold box-border flex justify-center leading-[72px] min-h-[auto] min-w-[auto] text-center font-orbitron md:min-h-0 md:min-w-0\">\n <span class=\"stat-number-animated box-border block min-h-[auto] min-w-[auto] md:min-h-0 md:min-w-0\" data-target=\"72\">0<\/span>\n <\/div>\n <p class=\"text-white font-bold box-border min-h-[auto] min-w-[auto] text-center mb-5 font-ubuntu md:min-h-0 md:min-w-0\">Stunden gef\u00fcllt mit den besten Angeboten<\/p>\n <\/div>\n <\/div>\n \n <div class=\"relative items-center bg-[linear-gradient(rgba(98,100,127,0.45)_0%,rgba(88,89,114,0.45)_100%)] box-border gap-x-2.5 flex flex-col justify-center max-w-[300px] min-h-[150px] min-w-[auto] gap-y-2.5 w-[90%] border-pink-500 px-[15px] py-[30px] rounded-[25px] border-[3px] border-solid md:min-w-0\">\n <div class=\"relative items-center box-border gap-x-2 flex flex-col min-h-[auto] min-w-[auto] gap-y-2 w-[194px] md:min-h-0 md:min-w-0\">\n <div class=\"text-lime-400 text-5xl font-bold box-border flex justify-center leading-[72px] min-h-[auto] min-w-[auto] text-center font-orbitron md:min-h-0 md:min-w-0\">\n <span class=\"stat-number-animated box-border block min-h-[auto] min-w-[auto] md:min-h-0 md:min-w-0\" data-target=\"500\">0<\/span>\n <span class=\"box-border block min-h-[auto] min-w-[auto] md:min-h-0 md:min-w-0\">+<\/span>\n <\/div>\n <p class=\"text-white font-bold box-border min-h-[auto] min-w-[auto] text-center mb-5 font-ubuntu md:min-h-0 md:min-w-0\">Aussteller, die Sie<br class=\"box-border\">treffen m\u00f6chten<\/p>\n <\/div>\n <\/div>\n \n <div class=\"relative items-center bg-[linear-gradient(rgba(98,100,127,0.45)_0%,rgba(88,89,114,0.45)_100%)] box-border gap-x-2.5 flex flex-col justify-center max-w-[300px] min-h-[150px] min-w-[auto] gap-y-2.5 w-[90%] border-pink-500 px-[15px] py-[30px] rounded-[25px] border-[3px] border-solid md:min-w-0\">\n <div class=\"relative items-center box-border gap-x-2 flex flex-col min-h-[auto] min-w-[auto] gap-y-2 w-[194px] md:min-h-0 md:min-w-0\">\n <div class=\"text-lime-400 text-5xl font-bold box-border flex justify-center leading-[72px] min-h-[auto] min-w-[auto] text-center font-orbitron md:min-h-0 md:min-w-0\">\n <span class=\"stat-number-animated box-border block min-h-[auto] min-w-[auto] md:min-h-0 md:min-w-0\" data-target=\"47\">0<\/span>\n <span class=\"box-border block min-h-[auto] min-w-[auto] md:min-h-0 md:min-w-0\">+<\/span>\n <\/div>\n <p class=\"text-white font-bold box-border min-h-[auto] min-w-[auto] text-center mb-5 font-ubuntu md:min-h-0 md:min-w-0\">Kategorien, die Ihre Kunden w\u00fcnschen<\/p>\n <\/div>\n <\/div>\n \n <div class=\"relative items-center bg-[linear-gradient(rgba(98,100,127,0.45)_0%,rgba(88,89,114,0.45)_100%)] box-border gap-x-2.5 flex flex-col justify-center max-w-[300px] min-h-[150px] min-w-[auto] gap-y-2.5 w-[90%] border-pink-500 px-[15px] py-[30px] rounded-[25px] border-[3px] border-solid md:min-w-0\">\n <div class=\"relative items-center box-border gap-x-2 flex flex-col min-h-[auto] min-w-[auto] gap-y-2 w-[194px] md:min-h-0 md:min-w-0\">\n <div class=\"text-lime-400 text-5xl font-bold box-border flex justify-center leading-[72px] min-h-[auto] min-w-[auto] text-center font-orbitron md:min-h-0 md:min-w-0\">\n <span class=\"stat-number-animated box-border block min-h-[auto] min-w-[auto] md:min-h-0 md:min-w-0\" data-target=\"98\">0<\/span>\n <span class=\"box-border block min-h-[auto] min-w-[auto] md:min-h-0 md:min-w-0\">%<\/span>\n <\/div>\n <p class=\"text-white font-bold box-border min-h-[auto] min-w-[auto] text-center mb-5 font-ubuntu md:min-h-0 md:min-w-0\">der Teilnehmer kaufen neue Produkte vor Ort<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div id=\"in-store-at-TPE\" class=\"whats-in-store-section section-container relative bg-slate-900 box-border h-auto min-h-[1000px] w-full mt-0 -mb-5 pb-[50px] md:h-[841px] md:min-h-[auto] md:pb-0 md:mt-0\">\n <div class=\"relative box-border h-auto min-h-[1000px] top-[-155px] w-full max-w-none mx-0 md:h-[1266px] md:min-h-0\" style=\"min-height: auto; padding-bottom: 2rem; margin-bottom: 2rem;\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/mesh-grid-ring.svg\" class=\"lazyload absolute box-border h-[253px] max-w-full w-[204px] right-0 top-[1110px] md:top-[867px]\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/3N4MzpHC\/img\/radial-gradient-1@4x.png\" class=\"lazyload absolute box-border h-[1266px] max-w-[1018px] w-[70%] left-0 top-0\">\n \n <div class=\"whats-in-store-container absolute items-start box-border gap-x-[30px] flex flex-col justify-between gap-y-[30px] w-full px-[5%] top-[100px] left-0 md:items-center md:gap-x-[normal] md:flex-row md:gap-y-[normal] md:top-[229px]\">\n \n \n <div class=\"whats-in-store-images relative items-start box-border gap-x-[33px] flex flex-col justify-center order-2 gap-y-[33px] w-full my-[30px] md:order-none md:w-[605px] md:my-0\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/feature-image.png\" class=\"lazyload relative self-stretch box-border h-auto max-h-[350px] max-w-full object-cover w-full rounded-[15px] md:h-[501px] md:max-h-none\">\n <div class=\"relative items-center self-stretch box-border gap-x-2.5 flex shrink-0 justify-between gap-y-2.5 w-full md:gap-x-[22px] md:justify-normal md:gap-y-[22px]\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/image-1.png\" class=\"lazyload relative box-border h-auto max-w-full object-cover w-[32%] md:h-[158.83px] md:w-[187px]\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/image-2.png\" class=\"lazyload relative box-border h-auto max-w-full w-[32%] md:h-[158.83px] md:w-[187px]\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/image-3.png\" class=\"lazyload relative box-border h-auto max-w-full object-cover w-[32%] md:h-[158.83px] md:w-[187px]\">\n <\/div>\n <\/div>\n \n \n <div class=\"whats-in-store-content relative items-start box-border gap-x-[33px] flex flex-col justify-center order-10 gap-y-[33px] w-full md:order-none md:w-[602px]\">\n <div class=\"relative items-start self-stretch box-border gap-x-5 flex flex-col shrink-0 order-1 gap-y-5 w-full md:gap-x-[25px] md:order-none md:gap-y-[25px]\">\n <p class=\"relative text-[28px] font-bold self-stretch box-border leading-[34px] -mt-px mb-5 font-orbitron md:text-[35px] md:leading-[42px] text-left\" style=\"color: #a8ff03 !important; font-family: 'Orbitron', sans-serif !important;\">WAS SIE AUF DER TPE 2026 ERWARTET:<\/p>\n <\/div>\n \n <div class=\"relative items-start self-stretch box-border gap-x-5 flex flex-col shrink-0 order-3 gap-y-5 w-full mb-[30px] md:gap-x-[35px] md:order-none md:gap-y-[35px] md:mb-0\">\n <div class=\"relative items-start self-stretch box-border gap-x-3 flex flex-col shrink-0 gap-y-3 w-full\">\n <p class=\"relative text-transparent text-base self-stretch box-border leading-6 min-h-[46px] -mt-px mb-5 font-ubuntu md:text-lg md:leading-[27px]\">\n <span class=\"text-lime-400 text-base font-bold box-border leading-6 md:text-lg md:leading-[27px]\">Ausstellungen von \u00fcber 500 Ausstellern<\/span>\n <span class=\"text-white text-base box-border leading-6 md:text-lg md:leading-[27px]\"> mit trendigen Produkten aus den Bereichen Tabak, Zigarren, Vape, Alternativen, Zubeh\u00f6r und mehr.<\/span>\n <\/p>\n <\/div>\n \n <div class=\"relative items-start self-stretch box-border gap-x-3 flex flex-col shrink-0 gap-y-3 w-full\">\n <p class=\"relative text-transparent text-base self-stretch box-border leading-6 min-h-[46px] -mt-px mb-5 font-ubuntu md:text-lg md:leading-[27px]\">\n <span class=\"text-lime-400 text-base font-bold box-border leading-6 md:text-lg md:leading-[27px]\">Frische Tropfen, neue Trends und Innovationen,<\/span>\n <span class=\"text-white text-base box-border leading-6 md:text-lg md:leading-[27px]\"> damit Ihr Gesch\u00e4ft den Kundenw\u00fcnschen immer einen Schritt voraus ist.<\/span>\n <\/p>\n <\/div>\n \n <div class=\"relative items-start self-stretch box-border gap-x-3 flex flex-col shrink-0 gap-y-3 w-full\">\n <p class=\"relative text-transparent text-base self-stretch box-border leading-6 min-h-[46px] -mt-px mb-5 font-ubuntu md:text-lg md:leading-[27px]\">\n <span class=\"text-lime-400 text-base font-bold box-border leading-6 md:text-lg md:leading-[27px]\">Echte Kontakte und hochwirksame Gespr\u00e4che <\/span>\n <span class=\"text-white text-base box-border leading-6 md:text-lg md:leading-[27px]\">mit Vorreitern der Branche, die Einfluss auf die aktuellen Themen haben.<\/span>\n <\/p>\n <\/div>\n \n <div class=\"relative items-start self-stretch box-border gap-x-3 flex flex-col shrink-0 gap-y-3 w-full\">\n <p class=\"relative text-transparent text-base self-stretch box-border leading-6 min-h-[46px] -mt-px mb-5 font-ubuntu md:text-lg md:leading-[27px]\">\n <span class=\"text-lime-400 text-base font-bold box-border leading-6 md:text-lg md:leading-[27px]\">Deals, die Sie nicht verpassen d\u00fcrfen. <\/span>\n <span class=\"text-white text-base box-border leading-6 md:text-lg md:leading-[27px]\">Exklusive Angebote und Sonderaktionen, die Sie nur hier finden k\u00f6nnen.<\/span>\n <\/p>\n <\/div>\n \n <div class=\"relative items-start self-stretch box-border gap-x-3 flex flex-col shrink-0 gap-y-3 w-full\">\n <p class=\"relative text-transparent text-base self-stretch box-border leading-6 min-h-[46px] -mt-px mb-5 font-ubuntu md:text-lg md:leading-[27px]\">\n <span class=\"text-lime-400 text-base font-bold box-border leading-6 md:text-lg md:leading-[27px]\">Die Industry Night Party <\/span>\n <span class=\"text-white text-base box-border leading-6 md:text-lg md:leading-[27px]\">ist ein Fest, das in aller Munde sein wird.<\/span>\n <\/p>\n <\/div>\n <\/div>\n \n <a href=\"https:\/\/totalproductexpo.com\/?_gl=1*1rkjupj*_gcl_au*MjAxOTE1OTcwNi4xNzQ5MTU3MzQx#crmWebToEntityForm\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-button-primary feature-button relative items-center self-center bg-[linear-gradient(rgb(168,255,3)_0%,rgb(87,194,35)_100%)] box-border gap-x-2.5 flex shrink-0 justify-center mt-[-50px] order-4 gap-y-2.5 px-[30px] py-3 rounded-[50px] z-[100] md:self-auto md:order-none md:mt-0\" style=\"position: relative; z-index: 1000; pointer-events: auto; cursor: pointer;\">\n <div class=\"relative text-gray-900 text-lg font-black box-border tracking-[0.9px] leading-[26.1px] text-nowrap w-fit -mt-px font-orbitron\" style=\"z-index: 1001; color: #1f2937 !important;\">BENACHRICHTIGEN SIE MICH<\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"hero-video-section section-container relative box-border w-full pt-4 pb-8 md:pt-8 md:pb-12\" style=\"margin-top: 5%; position: relative; isolation: isolate; overflow: visible !important;\">\n \n <div class=\"video-radial-gradient\" style=\"position: absolute; display: block; width: 1200px; height: 700px; top: 55%; left: 50%; transform: translate(-50%, -50%); background: radial-gradient(ellipse at center, rgba(66, 52, 205, 0.7) 0%, rgba(66, 52, 205, 0.5) 20%, rgba(66, 52, 205, 0.3) 40%, rgba(33, 26, 103, 0.15) 60%, rgba(33, 26, 103, 0.05) 80%, transparent 100%); z-index: 0; pointer-events: none; filter: blur(40px);\"><\/div>\n <div class=\"relative box-border w-full max-w-6xl mx-auto px-[5%]\" style=\"z-index: 10; position: relative;\">\n \n <p class=\"video-headline text-[28px] font-bold box-border leading-[34px] text-center uppercase mb-4 font-orbitron md:text-[35px] md:leading-[42px] md:mb-6\" style=\"color: #a8ff03 !important; font-family: 'Orbitron', sans-serif !important;\">Sehen Sie, warum TPE in aller Munde ist<\/p>\n \n \n <p class=\"video-subheadline text-white text-base font-bold box-border leading-6 text-center mb-8 font-ubuntu md:text-xl md:leading-[30px] md:mb-12 max-w-3xl mx-auto\" style=\"text-align: center !important; margin-left: auto !important; margin-right: auto !important; display: block !important; font-weight: 700 !important;\">Die Energie, die Verbindungen und die Gesch\u00e4fte, die TPE 2025 unvergesslich gemacht haben.<\/p>\n \n <div class=\"hero-video relative aspect-video shadow-[rgba(0,0,0,0.3)_0px_10px_30px_0px] box-border w-full max-w-3xl overflow-hidden bg-center mx-auto rounded-[15.23px] cursor-pointer z-20\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/TPE-Day-2-scaled.png\" alt=\"Video-Poster\" class=\"lazyload absolute inset-0 w-full h-full object-cover rounded-[15.23px] video-poster\">\n <div class=\"play-button-overlay absolute inset-0 flex items-center justify-center z-10\">\n <div class=\"bg-white rounded-full w-20 h-20 flex items-center justify-center shadow-lg hover:scale-110 transition-transform md:w-24 md:h-24\">\n <svg class=\"w-8 h-8 text-gray-900 ml-1 md:w-10 md:h-10\" fill=\"currentColor\" viewbox=\"0 0 24 24\">\n <path d=\"M8 5v14l11-7z\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <video class=\"absolute inset-0 w-full h-full object-cover rounded-[15.23px] hidden video-element\" controls=\"\">\n <source src=\"https:\/\/totalproductexpo.com\/wp-content\/uploads\/2025\/09\/TPE-Hype-p02_1080p_final.mp4\" type=\"video\/mp4\">\n Ihr Browser unterst\u00fctzt das Video-Tag nicht.\n <\/source><\/video>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"feature-section section-container relative box-border w-full py-10 md:py-20\">\n <div class=\"relative box-border w-full max-w-none mx-0\">\n \n <div class=\"relative items-center box-border gap-x-10 flex flex-col gap-y-10 w-full z-[1] px-[5%] md:gap-x-[60px] md:gap-y-[60px]\">\n <div class=\"items-center box-border gap-x-10 flex flex-col gap-y-10 w-full mt-[40%] md:gap-x-[60px] md:gap-y-[60px] md:mt-0\">\n <div class=\"items-center box-border gap-x-6 flex flex-col max-w-[1000px] gap-y-6 w-full\">\n <p class=\"feature-text text-[28px] font-bold box-border tracking-[1px] leading-[34px] text-center mb-5 font-orbitron md:text-[35px] md:leading-[42px]\" style=\"color: #a8ff03 !important; font-family: 'Orbitron', sans-serif !important;\">DAS ULTIMATIVE ZIEL F\u00dcR<br class=\"box-border\">UNABH\u00c4NGIGE EINZELH\u00c4NDLER<\/p>\n <p class=\"text-white text-base font-bold box-border tracking-[0.5px] leading-6 max-w-[879px] text-center mx-auto font-ubuntu md:text-xl md:leading-[30px]\">Erfreuen Sie Ihre Kunden mit dem Angebot an Waren. Kategorien umfassen: <\/p>\n <\/div>\n \n \n <div class=\"box-border gap-x-[25px] flex flex-col gap-y-[25px] w-full\">\n <div class=\"box-border gap-x-5 flex flex-col gap-y-5 w-full\">\n <div class=\"gradient-overlay box-border h-px w-full\"><\/div>\n <div class=\"box-border gap-x-5 flex flex-wrap justify-center gap-y-5 w-full md:gap-x-20 md:gap-y-[30px]\">\n <div class=\"category-item text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">ALTERNATIVE NIKOTINPRODUKTE<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">CBD - RAUCHBARES<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">ZIGARETTEN<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">CIGARS<\/div>\n <\/div>\n <\/div>\n \n <div class=\"box-border gap-x-5 flex flex-col gap-y-5 w-full\">\n <div class=\"gradient-overlay box-border h-px w-full\"><\/div>\n <div class=\"box-border gap-x-5 flex flex-wrap justify-center gap-y-5 w-full md:gap-x-20 md:gap-y-[30px]\">\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">E-LIQUIDS<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">FUNKTIONELLE GETR\u00c4NKE<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">WASSERPFEIFEN & TABAK<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">KRATOM\/KAVA<\/div>\n <\/div>\n <\/div>\n \n <div class=\"box-border gap-x-5 flex flex-col gap-y-5 w-full\">\n <div class=\"gradient-overlay box-border h-px w-full\"><\/div>\n <div class=\"box-border gap-x-5 flex flex-wrap justify-center gap-y-5 w-full md:gap-x-20 md:gap-y-[30px]\">\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">LIGHTERS<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">STIMMUNGSUMSCHW\u00dcNGE<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">MUSHROOMS<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">NOOTROPIKA\/ADAPTOGENE<\/div>\n <\/div>\n <\/div>\n \n <div class=\"box-border gap-x-5 flex flex-col gap-y-5 w-full\">\n <div class=\"gradient-overlay box-border h-px w-full\"><\/div>\n <div class=\"box-border gap-x-5 flex flex-wrap justify-center gap-y-5 w-full md:gap-x-20 md:gap-y-[30px]\">\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">PREMIUM-TABAK<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">ROLLING PAPERS<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">RAUCHERZUBEH\u00d6R<\/div>\n <div class=\"text-lime-400 text-base font-bold box-border tracking-[0.5px] leading-6 text-center px-2.5 py-[5px] font-orbitron md:text-[25px] md:leading-[37.5px] md:px-[15px] md:py-2\">VAPES<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <a href=\"https:\/\/tpe2026.smallworldlabs.com\/exhibitors?utm_medium=website&utm_source=web&utm_campaign=TPE26&utm_content=why-attend-product-categories\" class=\"text-indigo-700 box-border block\">\n <button class=\"cta-button-outline relative items-center bg-transparent inline-flex justify-center border-lime-400 px-2.5 py-3 rounded-[50px] border-[3px] border-solid md:px-[35px] md:py-[15px]\">\n <div class=\"cta-text text-white text-base font-black box-border tracking-[1.5px] leading-[19.2px] text-nowrap font-orbitron md:text-lg md:leading-[21.6px]\">ALLE PRODUKTKATEGORIEN ANZEIGEN<\/div>\n <\/button>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section-container relative box-border w-full\">\n <div class=\"relative box-border flex h-[600px] justify-center w-full max-w-none mx-0\">\n <div class=\"absolute bg-[radial-gradient(50%_50%,rgb(66,52,205)_0%,rgba(33,26,103,0)_100%)] box-border h-[600px] w-full z-0 rounded-[470px] top-0 inset-x-0 md:h-[740px] md:w-[940px] md:right-auto\"><\/div>\n \n <div class=\"relative items-center box-border gap-x-10 flex flex-col gap-y-10 w-full z-[1] px-[5%] py-[15px] md:gap-x-[75px] md:gap-y-[75px] md:pt-5 md:pb-[75px]\">\n <div class=\"relative items-center box-border gap-x-6 flex flex-col shrink-0 max-w-[983px] gap-y-6 w-full\">\n <div class=\"relative text-lime-400 text-[28px] font-bold self-stretch box-border leading-[34px] text-center -mt-px font-orbitron md:text-[35px] md:leading-[42px]\">WEN WERDEN SIE TREFFEN?<\/div>\n <p class=\"relative text-transparent text-base font-bold box-border leading-6 max-w-[890px] text-center w-full mb-5 font-ubuntu md:text-xl md:leading-[30px]\">\n <span class=\"text-white text-base box-border leading-6 md:text-xl md:leading-[30px]\">Sehen Sie, wer auf der Messe f\u00fcr Furore sorgt - sehen Sie sich die vollst\u00e4ndige <\/span>\n <a href=\"https:\/\/tpe2026.smallworldlabs.com\/exhibitors?utm_medium=website&utm_source=web&utm_campaign=TPE26&utm_content=why-attend-exhibitor-list\" class=\"text-indigo-700 text-base box-border leading-6 md:text-xl md:leading-[30px]\">\n <span class=\"text-pink-500 text-base box-border leading-6 underline md:text-xl md:leading-[30px]\">Ausstellerliste<\/span>\n <\/a>\n <span class=\"text-white text-base box-border leading-6 md:text-xl md:leading-[30px]\"> und planen Sie Ihre Pflichttermine mit dem <\/span>\n <a href=\"https:\/\/s23.a2zinc.net\/clients\/TMG\/TPE25\/Public\/EventMap.aspx?ID=958&Thumbnail=1&utm_medium=website&utm_source=web&utm_campaign=TPE26&utm_content=why-attend-floor-plan\" class=\"text-indigo-700 text-base box-border leading-6 md:text-xl md:leading-[30px]\">\n <span class=\"text-pink-500 text-base box-border leading-6 underline md:text-xl md:leading-[30px]\">Hallenplan<\/span>\n <\/a>\n <span class=\"text-white text-base box-border leading-6 md:text-xl md:leading-[30px]\">.<\/span>\n <\/p>\n <\/div>\n \n <div class=\"relative items-center box-border gap-x-2.5 flex flex-wrap justify-center max-w-[340px] gap-y-2.5 w-full mx-auto px-2.5 md:gap-x-[34px] md:flex-nowrap md:max-w-[1400px] md:gap-y-[34px] md:px-0\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/1.png\" class=\"lazyload relative aspect-square box-border shrink-0 h-auto max-w-40 object-cover w-[calc(50%_-_5px)] md:aspect-auto md:h-[254px] md:max-w-full md:w-[261px]\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/2.png\" class=\"lazyload relative aspect-square box-border shrink-0 h-auto max-w-40 object-cover w-[calc(50%_-_5px)] md:aspect-auto md:h-[254px] md:max-w-full md:w-[261px]\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/3.png\" class=\"lazyload relative aspect-square box-border hidden shrink-0 h-auto max-w-40 min-h-0 min-w-0 object-cover w-[calc(50%_-_5px)] md:aspect-auto md:block md:h-[254px] md:max-w-full md:min-h-[auto] md:min-w-[auto] md:w-[261px]\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/4.png\" class=\"lazyload relative aspect-square box-border shrink-0 h-auto max-w-40 object-cover w-[calc(50%_-_5px)] md:aspect-auto md:h-[254px] md:max-w-full md:w-[261px]\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/5.png\" class=\"lazyload relative aspect-square box-border shrink-0 h-auto max-w-40 object-cover w-[calc(50%_-_5px)] md:aspect-auto md:h-[254px] md:max-w-full md:w-[261px]\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section-container relative box-border min-h-[420px] w-full\">\n <div class=\"relative box-border min-h-0 w-full max-w-none mx-0 top-10 md:min-h-[581px] md:top-auto\">\n <div class=\"relative items-center box-border gap-x-[30px] flex flex-col gap-y-[30px] w-full px-[5%] py-10 md:gap-x-12 md:gap-y-12 md:py-[60px]\">\n <div class=\"relative items-center self-stretch box-border gap-x-5 flex flex-col shrink-0 justify-between gap-y-5 w-full md:gap-x-[normal] md:flex-row md:gap-y-[normal]\">\n \n \n <button id=\"prev-btn\" class=\"relative items-center box-border gap-x-2 hidden shrink-0 justify-center min-h-0 min-w-0 gap-y-2 z-[2] border border-lime-400 p-3 rounded-[50px] border-solid cursor-pointer hover:bg-lime-400 hover:bg-opacity-20 transition-colors md:flex md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"relative box-border h-6 min-h-0 min-w-0 w-6 md:min-h-[auto] md:min-w-[auto]\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/vector.svg\" alt=\"Vorherige\" class=\"lazyload absolute box-border h-4 max-w-full w-4 left-1 top-1\">\n <\/div>\n <\/button>\n \n \n <div class=\"relative box-border h-[337px] w-full overflow-hidden px-2.5 md:px-0\">\n <div id=\"testimonial-container\" class=\"relative box-border h-full w-full\">\n \n <div class=\"testimonial-slide active absolute box-border h-full w-full left-0 top-0 opacity-100 transition-opacity duration-500\">\n <div class=\"relative items-center box-border gap-x-8 flex flex-col gap-y-8 w-full px-[5px] md:px-0\">\n <p class=\"testimonial-text relative text-white text-lg font-bold self-stretch box-border leading-[26px] text-center -mt-px mb-5 px-[15px] font-ubuntu md:text-2xl md:leading-[33.6px] md:px-0\">\n \"Es gab so viel zu sehen, so viele Leute zu treffen, so viele M\u00f6glichkeiten zum Networking, so viele Lounges und Zigarren, von denen wir noch nie geh\u00f6rt hatten. Wir waren begeistert, als wir letztes Jahr hierher kamen, und als wir abreisten, dachten wir: OK, wir m\u00fcssen auf jeden Fall wieder herkommen.\n <\/p>\n <div class=\"relative items-center box-border gap-x-4 flex flex-col shrink-0 gap-y-4 w-[300px]\">\n <div class=\"relative items-start self-stretch box-border flex flex-col shrink-0 w-full\">\n <div class=\"relative text-lime-400 text-lg font-bold self-stretch box-border tracking-[2px] leading-[26px] text-center -mt-px font-orbitron md:text-xl md:leading-[30px]\">WANDA JOHNSON<\/div>\n <p class=\"relative text-lime-400 text-base self-stretch box-border leading-6 text-center mb-5 font-ubuntu md:text-lg md:leading-[27px]\">Die Herf Mobile Lounge LLC<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"testimonial-slide absolute box-border h-full w-full left-0 top-0 opacity-0 transition-opacity duration-500\">\n <div class=\"relative items-center box-border gap-x-8 flex flex-col gap-y-8 w-full px-[5px] md:px-0\">\n <p class=\"testimonial-text relative text-white text-lg font-bold self-stretch box-border leading-[26px] text-center -mt-px mb-5 px-[15px] font-ubuntu md:text-2xl md:leading-[33.6px] md:px-0\">\n \"Unser Lieblingsteil der TPE ist die M\u00f6glichkeit, Beziehungen zu unseren Vertretern und Unternehmen aufzubauen. Die pers\u00f6nliche Zeit ist sehr wertvoll, denn wir sind ein kleines Gesch\u00e4ft und haben keine Gelegenheit, Eigent\u00fcmer oder nationale Manager an anderen Orten als auf einer Messe wie dieser zu treffen.\n <\/p>\n <div class=\"relative items-center box-border gap-x-4 flex flex-col shrink-0 gap-y-4 w-[300px]\">\n <div class=\"relative items-start self-stretch box-border flex flex-col shrink-0 w-full\">\n <div class=\"relative text-lime-400 text-lg font-bold self-stretch box-border tracking-[2px] leading-[26px] text-center -mt-px font-orbitron md:text-xl md:leading-[30px]\">KERRY MATTLY<\/div>\n <p class=\"relative text-lime-400 text-base self-stretch box-border leading-6 text-center mb-5 font-ubuntu md:text-lg md:leading-[27px]\">Ich bin Arizona<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"testimonial-slide absolute box-border h-full w-full left-0 top-0 opacity-0 transition-opacity duration-500\">\n <div class=\"relative items-center box-border gap-x-8 flex flex-col gap-y-8 w-full px-[5px] md:px-0\">\n <p class=\"testimonial-text relative text-white text-lg font-bold self-stretch box-border leading-[26px] text-center -mt-px mb-5 px-[15px] font-ubuntu md:text-2xl md:leading-[33.6px] md:px-0\">\n \"Die TPE ist der perfekte Ort, um neue Produkte zu entdecken und mit Lieferanten in Kontakt zu treten. Die Vielfalt der Aussteller und die Qualit\u00e4t der Networking-M\u00f6glichkeiten machen sie zu einer wichtigen Veranstaltung f\u00fcr unser Gesch\u00e4ftswachstum.\"\n <\/p>\n <div class=\"relative items-center box-border gap-x-4 flex flex-col shrink-0 gap-y-4 w-[300px]\">\n <div class=\"relative items-start self-stretch box-border flex flex-col shrink-0 w-full\">\n <div class=\"relative text-lime-400 text-lg font-bold self-stretch box-border tracking-[2px] leading-[26px] text-center -mt-px font-orbitron md:text-xl md:leading-[30px]\">MIKE RODRIGUEZ<\/div>\n <p class=\"relative text-lime-400 text-base self-stretch box-border leading-6 text-center mb-5 font-ubuntu md:text-lg md:leading-[27px]\">Premium Smoke Shop<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <button id=\"next-btn\" class=\"relative items-center box-border gap-x-2 hidden shrink-0 justify-center min-h-0 min-w-0 gap-y-2 z-[2] border border-lime-400 p-3 rounded-[50px] border-solid cursor-pointer hover:bg-lime-400 hover:bg-opacity-20 transition-colors md:flex md:min-h-[auto] md:min-w-[auto]\">\n <div class=\"relative box-border h-6 min-h-0 min-w-0 w-6 md:min-h-[auto] md:min-w-[auto]\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/vector-1.svg\" alt=\"N\u00e4chste\" class=\"lazyload absolute box-border h-4 max-w-full w-4 left-1 top-1\">\n <\/div>\n <\/button>\n <\/div>\n \n \n <div class=\"items-center box-border gap-x-5 flex justify-center min-h-[auto] min-w-[auto] gap-y-5 mb-5 md:hidden md:min-h-0 md:min-w-0\">\n <button id=\"prev-btn-mobile\" class=\"relative items-center box-border gap-x-2 flex shrink-0 justify-center min-h-[auto] min-w-[auto] gap-y-2 z-[2] border border-lime-400 p-3 rounded-[50px] border-solid cursor-pointer hover:bg-lime-400 hover:bg-opacity-20 transition-colors md:inline-flex md:min-h-0 md:min-w-0\">\n <div class=\"relative box-border h-6 min-h-[auto] min-w-[auto] w-6 md:min-h-0 md:min-w-0\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/vector.svg\" alt=\"Vorherige\" class=\"lazyload absolute box-border h-4 max-w-full w-4 left-1 top-1\">\n <\/div>\n <\/button>\n <button id=\"next-btn-mobile\" class=\"relative items-center box-border gap-x-2 flex shrink-0 justify-center min-h-[auto] min-w-[auto] gap-y-2 z-[2] border border-lime-400 p-3 rounded-[50px] border-solid cursor-pointer hover:bg-lime-400 hover:bg-opacity-20 transition-colors md:inline-flex md:min-h-0 md:min-w-0\">\n <div class=\"relative box-border h-6 min-h-[auto] min-w-[auto] w-6 md:min-h-0 md:min-w-0\">\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/vector-1.svg\" alt=\"N\u00e4chste\" class=\"lazyload absolute box-border h-4 max-w-full w-4 left-1 top-1\">\n <\/div>\n <\/button>\n <\/div>\n \n \n <div id=\"pagination-dots\" class=\"relative items-start box-border gap-x-[9px] flex shrink-0 gap-y-[9px] z-[5] mt-5 p-2.5\">\n <button class=\"dot active relative bg-pink-500 box-border h-3 w-3 rounded-md cursor-pointer transition-colors hover:bg-pink-400\" data-slide=\"0\"><\/button>\n <button class=\"dot relative bg-neutral-400 box-border h-3 w-3 rounded-md cursor-pointer transition-colors hover:bg-neutral-300\" data-slide=\"1\"><\/button>\n <button class=\"dot relative bg-neutral-400 box-border h-3 w-3 rounded-md cursor-pointer transition-colors hover:bg-neutral-300\" data-slide=\"2\"><\/button>\n <\/div>\n <\/div>\n \n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/mesh-grid-hourglass.svg\" alt=\"Hintergrund Dekoration\" class=\"lazyload absolute box-border h-[190px] max-w-full w-[150px] z-[1] bottom-[25px] md:h-[317px] md:w-[251px]\">\n <\/div>\n <\/div>\n \n \n <div class=\"video-section section-container relative box-border h-[1000px] max-h-[768px] min-h-[600px] w-full overflow-hidden font-sans_serif md:min-h-[auto]\">\n <div class=\"relative box-border h-full w-full max-w-none mx-0\">\n <div class=\"absolute box-border h-full w-full overflow-hidden left-0 top-0\">\n <video class=\"absolute box-border h-full object-cover w-full z-[1]\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" poster=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/TPE-Day-2-scaled.png\">\n <source src=\"https:\/\/totalproductexpo.com\/wp-content\/uploads\/2025\/07\/Why-Attend-Video-Background.mp4\" type=\"video\/mp4\">\n Ihr Browser unterst\u00fctzt das Video-Tag nicht.\n <\/source><\/video>\n <div class=\"absolute bg-slate-900\/60 box-border h-full w-full z-[2] left-0 top-0\"><\/div>\n <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/c.animaapp.com\/mem13wk1rHO656\/assets\/gradient---top-edge.png\" class=\"lazyload absolute box-border h-[276px] max-w-full w-full z-[3] left-0 top-0\">\n <\/div>\n \n <div class=\"absolute items-center box-border gap-x-[34px] flex flex-col gap-y-[34px] translate-x-[-50.0%] translate-y-[-50.0%] w-[90%] z-[4] px-5 left-2\/4 top-2\/4 md:w-[60%]\">\n <div class=\"relative items-start self-stretch box-border gap-x-6 flex flex-col shrink-0 gap-y-6 w-full\">\n <p class=\"video-title relative text-[28px] font-bold self-stretch box-border leading-[34px] text-center uppercase -mt-px mb-5 font-orbitron md:text-[35px] md:leading-[42px]\" style=\"color: #a8ff03 !important; font-family: 'Orbitron', sans-serif !important;\">GEHEN SIE AM ER\u00d6FFNUNGSABEND AUFS GANZE<\/p>\n <p class=\"video-subtitle relative text-zinc-300 text-base self-stretch box-border leading-6 text-center mb-5 font-roboto md:text-xl md:leading-[30px]\">\n Er\u00f6ffnen Sie die TPE 2026 mit elektrisierender Unterhaltung und unschlagbarem Networking auf der Industry Night Party. Hier fangen die Kontakte (und die Party) an. \n <\/p>\n <\/div>\n \n <a href=\"https:\/\/totalproductexpo.com\/?_gl=1*10xkno1*_gcl_au*MjAxOTE1OTcwNi4xNzQ5MTU3MzQx#crmWebToEntityForm\" class=\"cta-button-primary relative items-center bg-[linear-gradient(rgb(168,255,3)_0%,rgb(87,194,35)_100%)] box-border gap-x-2.5 flex shrink-0 justify-center gap-y-2.5 px-6 py-2.5 rounded-[50px] md:px-[30px] md:py-3\">\n <div class=\"relative text-gray-900 text-base font-black box-border tracking-[0.9px] leading-[26.1px] text-nowrap w-fit -mt-px font-orbitron md:text-lg\" style=\"color: #1f2937 !important;\">BENACHRICHTIGEN SIE MICH<\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n <\/main>\n <\/div>\n <\/div>\n\n <\/div> \n\n \n <div class=\"fixed box-border max-h-[60px] w-[60px] z-[2147483647] right-2.5 bottom-2.5\">\n <div class=\"box-border inline-block\">\n <div class=\"relative text-sm bg-neutral-700 box-border inline-block h-[60px] leading-[14px] align-middle w-[60px] p-[3px] rounded-[60px]\">\n <em class=\"relative box-border inline-block h-full text-center w-full overflow-hidden rounded-[60px] before:accent-auto before:text-white before:text-[27px] before:not-italic before:normal-nums before:font-normal before:tracking-[normal] before:leading-[60px] before:list-outside before:list-disc before:text-center before:indent-[0px] before:normal-case before:visible before:z-[1111] before:m-auto before:border-separate before:font-siq\"><\/em>\n <em class=\"absolute text-white text-[11px] bg-red-600 box-border hidden h-[22px] left-[-5px] leading-[22px] text-center top-[-5px] w-[22px] overflow-hidden rounded-[25px]\"><\/em>\n <em class=\"absolute text-white text-[11px] bg-red-600 box-border hidden h-[22px] left-[-5px] leading-[22px] text-center top-[-5px] w-[22px] overflow-hidden rounded-[25px] before:accent-auto before:items-center before:bg-red-600\/40 before:text-white before:flex before:text-[8px] before:not-italic before:normal-nums before:font-normal before:h-full before:justify-center before:tracking-[normal] before:leading-[8px] before:list-outside before:list-disc before:absolute before:text-center before:indent-[0px] before:normal-case before:visible before:w-full before:rounded-[100%] before:border-separate before:left-0 before:font-siq after:accent-auto after:bg-black\/30 after:text-neutral-400 after:block after:text-[11px] after:not-italic after:normal-nums after:font-normal after:h-full after:tracking-[normal] after:leading-[11px] after:list-outside after:list-disc after:absolute after:text-center after:indent-[0px] after:normal-case after:visible after:w-full after:rounded-[100%] after:border-separate after:left-0 after:top-0 after:font-siq\"><\/em>\n <\/div>\n <\/div>\n <\/div>\n\n \n <a href=\"#\" class=\"text-indigo-700 box-border hidden\">Link zum Laden der Seite<\/a>\n <div class=\"box-border\"><\/div>\n <section class=\"box-border hidden md:block\"><\/section>\n <iframe src=\"javascript:\/\/false\" class=\"box-border hidden h-0 w-0\"><\/iframe>\n\n \n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Hero Video Player\n const heroVideo = document.querySelector('.hero-video');\n const videoPoster = heroVideo.querySelector('.video-poster');\n const playButtonOverlay = heroVideo.querySelector('.play-button-overlay');\n const videoElement = heroVideo.querySelector('.video-element');\n\n heroVideo.addEventListener('click', function() {\n videoPoster.classList.add('hidden');\n playButtonOverlay.classList.add('hidden');\n videoElement.classList.remove('hidden');\n videoElement.play();\n });\n\n \/\/ When video ends, show poster again\n videoElement.addEventListener('ended', function() {\n videoPoster.classList.remove('hidden');\n playButtonOverlay.classList.remove('hidden');\n videoElement.classList.add('hidden');\n });\n\n \/\/ Testimonials functionality\n let currentSlide = 0;\n const slides = document.querySelectorAll('.testimonial-slide');\n const dots = document.querySelectorAll('.dot');\n const totalSlides = slides.length;\n\n function showSlide(index) {\n \/\/ Hide all slides\n slides.forEach(slide => {\n slide.classList.remove('active');\n slide.style.opacity = '0';\n });\n \n \/\/ Show current slide\n slides[index].classList.add('active');\n slides[index].style.opacity = '1';\n \n \/\/ Update dots\n dots.forEach(dot => {\n dot.classList.remove('active');\n dot.classList.remove('bg-pink-500');\n dot.classList.add('bg-neutral-400');\n });\n \n dots[index].classList.add('active');\n dots[index].classList.remove('bg-neutral-400');\n dots[index].classList.add('bg-pink-500');\n }\n\n function nextSlide() {\n currentSlide = (currentSlide + 1) % totalSlides;\n showSlide(currentSlide);\n }\n\n function prevSlide() {\n currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\n showSlide(currentSlide);\n }\n\n \/\/ Event listeners for navigation buttons\n const nextBtns = document.querySelectorAll('#next-btn, #next-btn-mobile');\n const prevBtns = document.querySelectorAll('#prev-btn, #prev-btn-mobile');\n\n nextBtns.forEach(btn => {\n btn.addEventListener('click', nextSlide);\n });\n\n prevBtns.forEach(btn => {\n btn.addEventListener('click', prevSlide);\n });\n\n \/\/ Event listeners for dots\n dots.forEach((dot, index) => {\n dot.addEventListener('click', () => {\n currentSlide = index;\n showSlide(currentSlide);\n });\n });\n\n \/\/ Auto-advance slides every 5 seconds\n setInterval(nextSlide, 5000);\n\n \/\/ Statistics ticker animation\n function animateNumber(element, target, duration = 2000) {\n const start = 0;\n const increment = target \/ (duration \/ 16); \/\/ 60fps\n let current = start;\n \n const timer = setInterval(() => {\n current += increment;\n if (current >= target) {\n current = target;\n clearInterval(timer);\n }\n element.textContent = Math.floor(current);\n }, 16);\n \n element.classList.add('animate');\n }\n\n \/\/ Intersection Observer for statistics animation\n const observerOptions = {\n threshold: 0.5,\n rootMargin: '0px 0px -100px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const target = parseInt(entry.target.dataset.target);\n animateNumber(entry.target, target);\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all stat numbers\n const statNumbers = document.querySelectorAll('.stat-number-animated');\n statNumbers.forEach(stat => {\n observer.observe(stat);\n });\n });\n <\/script>\n\n\n\n<\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":26,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-49196","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Besuchen Sie die TPE 2025 – Total Product Expo – B2B-Messe<\/title>\n<meta name=\"description\" content=\"Erste B2B-Messe f\u00fcr unabh\u00e4ngige Einzelh\u00e4ndler mit Tausenden von Marken in \u00fcber sechzig Produktkategorien.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/totalproductexpo.com\/de\/teilnehmen\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Besuchen Sie die TPE 2025 – Total Product Expo – B2B-Messe\" \/>\n<meta property=\"og:description\" content=\"Erste B2B-Messe f\u00fcr unabh\u00e4ngige Einzelh\u00e4ndler mit Tausenden von Marken in \u00fcber sechzig Produktkategorien.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/totalproductexpo.com\/de\/teilnehmen\/\" \/>\n<meta property=\"og:site_name\" content=\"TPE | Total Product Expo\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/totalproductexpo\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-13T18:24:43+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@totalproductxpo\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"54 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/totalproductexpo.com\/de\/teilnehmen\/\",\"url\":\"https:\/\/totalproductexpo.com\/de\/teilnehmen\/\",\"name\":\"Besuchen Sie die TPE 2025 – Total Product Expo – B2B-Messe\",\"isPartOf\":{\"@id\":\"https:\/\/totalproductexpo.com\/de\/#website\"},\"datePublished\":\"2024-10-01T22:54:45+00:00\",\"dateModified\":\"2025-11-13T18:24:43+00:00\",\"description\":\"Erste B2B-Messe f\u00fcr unabh\u00e4ngige Einzelh\u00e4ndler mit Tausenden von Marken in \u00fcber sechzig Produktkategorien.\",\"breadcrumb\":{\"@id\":\"https:\/\/totalproductexpo.com\/de\/teilnehmen\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/totalproductexpo.com\/de\/teilnehmen\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/totalproductexpo.com\/de\/teilnehmen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/totalproductexpo.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ATTEND\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/totalproductexpo.com\/de\/#website\",\"url\":\"https:\/\/totalproductexpo.com\/de\/\",\"name\":\"TPE | Total Product Expo\",\"description\":\"Tobacco \u2022 Vapor \u2022\u00a0Alternative B2B Trade Show\",\"publisher\":{\"@id\":\"https:\/\/totalproductexpo.com\/de\/#organization\"},\"alternateName\":\"Total Product Expo\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/totalproductexpo.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/totalproductexpo.com\/de\/#organization\",\"name\":\"Total Product Events\",\"alternateName\":\"Total Product Expo\",\"url\":\"https:\/\/totalproductexpo.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/totalproductexpo.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/totalproductexpo.com\/wp-content\/uploads\/2024\/06\/TPExpo-TPEvents-Logo_696px-jpg.webp\",\"contentUrl\":\"https:\/\/totalproductexpo.com\/wp-content\/uploads\/2024\/06\/TPExpo-TPEvents-Logo_696px-jpg.webp\",\"width\":696,\"height\":696,\"caption\":\"Total Product Events\"},\"image\":{\"@id\":\"https:\/\/totalproductexpo.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/totalproductexpo\/\",\"https:\/\/x.com\/totalproductxpo\",\"https:\/\/www.instagram.com\/totalproductexpo\/\",\"https:\/\/www.linkedin.com\/company\/totalproductexpo\",\"https:\/\/www.youtube.com\/channel\/UCeZ7S2zlSGbA9KzB3eVjWAw\"]}]}<\/script>\n","yoast_head_json":{"title":"Besuchen Sie die TPE 2025 – Total Product Expo – B2B-Messe","description":"Erste B2B-Messe f\u00fcr unabh\u00e4ngige Einzelh\u00e4ndler mit Tausenden von Marken in \u00fcber sechzig Produktkategorien.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/totalproductexpo.com\/de\/teilnehmen\/","og_locale":"de_DE","og_type":"article","og_title":"Besuchen Sie die TPE 2025 – Total Product Expo – B2B-Messe","og_description":"Erste B2B-Messe f\u00fcr unabh\u00e4ngige Einzelh\u00e4ndler mit Tausenden von Marken in \u00fcber sechzig Produktkategorien.","og_url":"https:\/\/totalproductexpo.com\/de\/teilnehmen\/","og_site_name":"TPE | Total Product Expo","article_publisher":"https:\/\/www.facebook.com\/totalproductexpo\/","article_modified_time":"2025-11-13T18:24:43+00:00","twitter_card":"summary_large_image","twitter_site":"@totalproductxpo","twitter_misc":{"Est. reading time":"54 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/totalproductexpo.com\/de\/teilnehmen\/","url":"https:\/\/totalproductexpo.com\/de\/teilnehmen\/","name":"Besuchen Sie die TPE 2025 – Total Product Expo – B2B-Messe","isPartOf":{"@id":"https:\/\/totalproductexpo.com\/de\/#website"},"datePublished":"2024-10-01T22:54:45+00:00","dateModified":"2025-11-13T18:24:43+00:00","description":"Erste B2B-Messe f\u00fcr unabh\u00e4ngige Einzelh\u00e4ndler mit Tausenden von Marken in \u00fcber sechzig Produktkategorien.","breadcrumb":{"@id":"https:\/\/totalproductexpo.com\/de\/teilnehmen\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/totalproductexpo.com\/de\/teilnehmen\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/totalproductexpo.com\/de\/teilnehmen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/totalproductexpo.com\/de\/"},{"@type":"ListItem","position":2,"name":"ATTEND"}]},{"@type":"WebSite","@id":"https:\/\/totalproductexpo.com\/de\/#website","url":"https:\/\/totalproductexpo.com\/de\/","name":"TPE | Total Product Expo","description":"Tobacco \u2022 Vapor \u2022\u00a0Alternative B2B Trade Show","publisher":{"@id":"https:\/\/totalproductexpo.com\/de\/#organization"},"alternateName":"Total Product Expo","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/totalproductexpo.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-DE"},{"@type":"Organization","@id":"https:\/\/totalproductexpo.com\/de\/#organization","name":"Total Product Events","alternateName":"Total Product Expo","url":"https:\/\/totalproductexpo.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/totalproductexpo.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/totalproductexpo.com\/wp-content\/uploads\/2024\/06\/TPExpo-TPEvents-Logo_696px-jpg.webp","contentUrl":"https:\/\/totalproductexpo.com\/wp-content\/uploads\/2024\/06\/TPExpo-TPEvents-Logo_696px-jpg.webp","width":696,"height":696,"caption":"Total Product Events"},"image":{"@id":"https:\/\/totalproductexpo.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/totalproductexpo\/","https:\/\/x.com\/totalproductxpo","https:\/\/www.instagram.com\/totalproductexpo\/","https:\/\/www.linkedin.com\/company\/totalproductexpo","https:\/\/www.youtube.com\/channel\/UCeZ7S2zlSGbA9KzB3eVjWAw"]}]}},"_links":{"self":[{"href":"https:\/\/totalproductexpo.com\/de\/wp-json\/wp\/v2\/pages\/49196","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/totalproductexpo.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/totalproductexpo.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/totalproductexpo.com\/de\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/totalproductexpo.com\/de\/wp-json\/wp\/v2\/comments?post=49196"}],"version-history":[{"count":86,"href":"https:\/\/totalproductexpo.com\/de\/wp-json\/wp\/v2\/pages\/49196\/revisions"}],"predecessor-version":[{"id":55784,"href":"https:\/\/totalproductexpo.com\/de\/wp-json\/wp\/v2\/pages\/49196\/revisions\/55784"}],"wp:attachment":[{"href":"https:\/\/totalproductexpo.com\/de\/wp-json\/wp\/v2\/media?parent=49196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}