{"id":47212,"date":"2026-04-15T14:38:44","date_gmt":"2026-04-15T12:38:44","guid":{"rendered":"https:\/\/varify.io\/?page_id=47212"},"modified":"2026-08-04T13:10:28","modified_gmt":"2026-08-04T11:10:28","slug":"varify-pbx-examples","status":"publish","type":"page","link":"https:\/\/varify.io\/en\/varify-pbx-examples\/","title":{"rendered":"Varify PBX examples"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"47212\" class=\"elementor elementor-47212\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-3adc9f8 e-con-full e-flex e-con e-parent\" data-id=\"3adc9f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03658b1 elementor-widget elementor-widget-html\" data-id=\"03658b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/MaterialDesign-Webfont\/7.4.47\/css\/materialdesignicons.min.css\" rel=\"stylesheet\">\n<style>\n.pbx-hero *,.pbx-hero *::before,.pbx-hero *::after,.pbx-lp *,.pbx-lp *::before,.pbx-lp *::after{margin:0;padding:0;box-sizing:border-box}\n.pbx-hero a,.pbx-lp a{text-decoration:none;color:inherit}\n\n\/* ---------- Hero auf gruenem Hintergrund ---------- *\/\n.pbx-hero{background:linear-gradient(160deg,#055C52 0%,#15897B 50%,#0e7367 100%);color:#fff;position:relative;overflow:hidden;padding:90px max(32px,calc((100% - 1210px)\/2));font-family:'Poppins',sans-serif;text-align:center}\n.pbx-hero::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);pointer-events:none}\n.pbx-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:6px 16px;font:600 12px\/1 'Poppins',sans-serif;color:#fff;text-transform:uppercase;letter-spacing:.5px}\n.pbx-badge .mdi{font-size:16px}\n.pbx-hero h1{font:700 clamp(2rem,4.4vw,3rem)\/1.15 'Poppins',sans-serif;color:#fff;margin:18px 0 14px}\n.pbx-hero p{font:400 16px\/26px 'Poppins',sans-serif;color:rgba(255,255,255,.7);max-width:680px;margin:0 auto}\n\n\/* ---------- Beispiele als PLP-Grid auf weiss ---------- *\/\n.pbx-lp{background:#fff;padding:80px max(32px,calc((100% - 1210px)\/2));font-family:'Poppins',sans-serif}\n.pbx-lp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}\n.pbx-card{background:#fff;border:1px solid #E1E5E8;border-radius:12px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;box-shadow:0 3px 10px rgba(0,0,0,.10);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}\n.pbx-card:hover{border-color:#15897B;box-shadow:0 10px 28px rgba(0,0,0,.13);transform:translateY(-3px)}\n.pbx-card:hover .pbx-play{opacity:1;transform:translate(-50%,-50%) scale(1)}\n.pbx-thumb{position:relative;aspect-ratio:16\/9;background:#111;overflow:hidden;display:flex;align-items:center;justify-content:center}\n.pbx-vid-thumb{width:100%;height:100%;object-fit:cover;opacity:.92;transition:opacity .3s;pointer-events:none}\n.pbx-card:hover .pbx-vid-thumb{opacity:1}\n.pbx-img-thumb{object-position:top center}\n.pbx-thumb-flag{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:5px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.28);border-radius:14px;padding:4px 10px;font:600 10px\/1 'Poppins',sans-serif;color:#fff;text-transform:uppercase;letter-spacing:.5px;pointer-events:none}\n.pbx-thumb-flag .mdi{font-size:13px}\n.pbx-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);opacity:0;transition:all .3s;width:56px;height:56px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#15897B;font-size:28px;box-shadow:0 4px 20px rgba(0,0,0,.25)}\n.pbx-info{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}\n.pbx-tag{display:inline-flex;align-items:center;gap:4px;font:600 10px\/1 'Poppins',sans-serif;text-transform:uppercase;letter-spacing:.5px;color:#15897B;margin-bottom:10px}\n.pbx-tag .mdi{font-size:14px}\n.pbx-info h4{font:600 17px\/25px 'Poppins',sans-serif;color:#37393C;margin-bottom:8px}\n.pbx-info p{font:400 14px\/22px 'Poppins',sans-serif;color:#8F9092;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}\n.pbx-info .pbx-open{margin-top:14px;font:600 13px\/20px 'Poppins',sans-serif;color:#15897B;display:inline-flex;align-items:center;gap:5px}\n.pbx-info .pbx-open .mdi{font-size:16px;transition:transform .2s}\n.pbx-card:hover .pbx-open .mdi{transform:translateX(3px)}\n.pbx-modal-data{display:none !important}\n.pbx-lp-cta{display:flex;justify-content:center;gap:12px;margin-top:56px;flex-wrap:wrap}\n.pbx-lp-cta .pbx-lp-p{background:#15897B;color:#fff;padding:10px 22px;border-radius:22px;font:600 16px\/24px 'Poppins',sans-serif;display:inline-block;border:1px solid #15897B;transition:background .2s}\n.pbx-lp-cta .pbx-lp-p:hover{background:#117068}\n.pbx-lp-cta .pbx-lp-s{background:transparent;color:#15897B;padding:10px 22px;border-radius:22px;font:600 16px\/24px 'Poppins',sans-serif;display:inline-block;border:1px solid #15897B;transition:all .2s}\n.pbx-lp-cta .pbx-lp-s:hover{background:#15897B;color:#fff}\n\n\/* ---------- Modal ---------- *\/\n.pbx-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:99999;align-items:center;justify-content:center;padding:32px;backdrop-filter:blur(4px)}\n.pbx-modal-overlay.open{display:flex}\n.pbx-modal{background:#fff;border-radius:16px;max-width:1140px;width:100%;max-height:90vh;overflow-y:auto;display:flex;position:relative;font-family:'Poppins',sans-serif}\n.pbx-modal *{box-sizing:border-box}\n.pbx-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50% !important;background:#F4F8FA !important;border:0 !important;cursor:pointer;display:flex !important;align-items:center !important;justify-content:center !important;font-size:22px;color:#37393C !important;z-index:10;transition:background .2s;padding:0 !important;outline:none !important;box-shadow:none !important;line-height:1 !important;min-width:0 !important}\n.pbx-modal-close:hover,.pbx-modal-close:focus{background:#e0e4e7 !important;color:#37393C !important;outline:none !important;box-shadow:none !important}\n.pbx-modal-close .mdi{color:#37393C !important;font-size:22px !important;line-height:1 !important}\n.pbx-modal-video{flex:1;min-width:0;background:#000;border-radius:16px 0 0 16px;display:flex;align-items:center}\n.pbx-modal-video video{width:100%;display:block}\nvideo::-webkit-media-controls-fullscreen-button{display:block}\n.pbx-modal-video video:fullscreen,.pbx-modal-video video:-webkit-full-screen{width:100%;height:100%;object-fit:contain}\n.pbx-modal-body{width:380px;padding:48px 36px;display:flex;flex-direction:column;gap:18px;flex-shrink:0}\n.pbx-modal-body h3{font:600 26px\/34px 'Poppins',sans-serif;color:#37393C}\n.pbx-company{align-items:center;gap:7px;align-self:flex-start;box-sizing:border-box;background:#F4F8FA;border:1px solid #E1E5E8;border-radius:16px;padding:7px 13px;font:400 11px\/1 'Poppins',sans-serif;color:#8F9092;text-transform:uppercase;letter-spacing:.5px}\n.pbx-company .mdi{font-size:15px;line-height:1;color:#15897B}\n.pbx-company strong{font-weight:700;color:#15897B}\n.pbx-modal-body p{font:400 14px\/22px 'Poppins',sans-serif;color:#8F9092}\n.pbx-modal-ctas{display:flex;flex-direction:column;gap:10px;margin-top:auto;align-items:flex-start}\n.pbx-modal-ctas .pbx-btn-p{background:#15897B !important;color:#fff !important;padding:8px 20px;border-radius:22px !important;font:600 14px\/22px 'Poppins',sans-serif;display:inline-block;transition:background .2s;border:1px solid #15897B !important;white-space:nowrap;text-decoration:none !important}\n.pbx-modal-ctas .pbx-btn-p:hover{background:#117068 !important;color:#fff !important}\n.pbx-modal-ctas .pbx-btn-s{border:1px solid #15897B !important;color:#15897B !important;background:transparent !important;padding:8px 20px;border-radius:22px !important;font:400 14px\/22px 'Poppins',sans-serif;display:inline-block;transition:all .2s;white-space:nowrap;text-decoration:none !important}\n.pbx-modal-ctas .pbx-btn-s:hover{background:#15897B !important;color:#fff !important}\n\n\/* ---------- Vorher \/ Nachher Vergleich ---------- *\/\n.pbx-modal-compare{flex:1;min-width:0;background:#000;border-radius:16px 0 0 16px;display:flex;align-items:center;overflow:hidden}\n.pbx-cmp{position:relative;width:100%;line-height:0;user-select:none;-webkit-user-select:none}\n.pbx-cmp img{display:block;width:100%;height:auto;pointer-events:none}\n.pbx-cmp-a{position:relative;z-index:1}\n.pbx-cmp-b{position:absolute !important;top:0;left:0;width:100% !important;height:100%;z-index:2;clip-path:inset(0 50% 0 0);object-fit:cover}\n.pbx-cmp-line{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#15897B;z-index:3;pointer-events:none;box-shadow:0 0 0 1px rgba(255,255,255,.55),0 0 14px rgba(0,0,0,.3);transform:translateX(-1.5px)}\n.pbx-cmp-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:46px;height:46px;border-radius:50%;background:#15897B;color:#fff;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 18px rgba(0,0,0,.35)}\n.pbx-cmp-knob .mdi{color:#fff !important;line-height:1}\n.pbx-cmp-anim .pbx-cmp-b,.pbx-cmp-anim .pbx-cmp-layer{transition:clip-path .42s cubic-bezier(.4,0,.2,1)}\n.pbx-cmp-anim .pbx-cmp-line{transition:left .42s cubic-bezier(.4,0,.2,1)}\n.pbx-cmp-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none}\n.pbx-cmp-layer-l{clip-path:inset(0 50% 0 0)}\n.pbx-cmp-layer-r{clip-path:inset(0 0 0 50%)}\n.pbx-cmp-tag{position:absolute;bottom:16px;display:inline-flex;align-items:center;gap:6px;font:700 12px\/1 'Poppins',sans-serif;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;color:#fff !important;border-radius:16px;padding:9px 15px;box-shadow:0 4px 16px rgba(0,0,0,.32)}\n.pbx-cmp-tag .mdi{font-size:15px;line-height:1;color:#fff !important}\n.pbx-cmp-tag-l{left:16px;background:rgba(55,57,60,.92);border:1px solid rgba(255,255,255,.3)}\n.pbx-cmp-tag-r{right:16px;background:#15897B;border:1px solid rgba(255,255,255,.5)}\n.pbx-cmp-range{-webkit-appearance:none !important;appearance:none !important;position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;margin:0 !important;padding:0 !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;outline:none !important;opacity:0 !important;cursor:ew-resize;z-index:5}\n.pbx-cmp-range::-webkit-slider-runnable-track{height:100%;background:transparent;border:0}\n.pbx-cmp-range::-webkit-slider-thumb{-webkit-appearance:none;width:48px;height:100%;background:transparent;border:0}\n.pbx-cmp-range::-moz-range-track{height:100%;background:transparent;border:0}\n.pbx-cmp-range::-moz-range-thumb{width:48px;height:100%;background:transparent;border:0;border-radius:0}\n.pbx-cmp-zoom{position:absolute !important;top:12px;right:12px;z-index:6;width:38px;height:38px;border-radius:50% !important;background:rgba(0,0,0,.55) !important;border:1px solid rgba(255,255,255,.3) !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer;padding:0 !important;transition:all .2s;outline:none !important;box-shadow:none !important;min-width:0 !important;line-height:1 !important}\n.pbx-cmp-zoom:hover{background:rgba(0,0,0,.85) !important;border-color:#fff !important}\n.pbx-cmp-zoom .mdi{color:#fff !important;font-size:20px !important;line-height:1 !important}\n\n\/* ---------- Vollbild-Popup ---------- *\/\n.pbx-zoom{display:none;position:fixed;inset:0;background:rgba(0,0,0,.93);z-index:100000;align-items:center;justify-content:center;padding:24px;font-family:'Poppins',sans-serif}\n.pbx-zoom.open{display:flex}\n.pbx-zoom-inner{display:flex;flex-direction:column;gap:12px;max-width:96vw}\n.pbx-zoom-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}\n.pbx-zoom-title{font:600 15px\/22px 'Poppins',sans-serif;color:#fff}\n.pbx-zoom-close{width:38px;height:38px;flex-shrink:0;border-radius:50% !important;background:rgba(255,255,255,.14) !important;border:1px solid rgba(255,255,255,.3) !important;cursor:pointer;display:flex !important;align-items:center !important;justify-content:center !important;color:#fff !important;transition:all .2s;padding:0 !important;outline:none !important;box-shadow:none !important;min-width:0 !important;line-height:1 !important}\n.pbx-zoom-close:hover{background:rgba(255,255,255,.28) !important;border-color:#fff !important}\n.pbx-zoom-close .mdi{color:#fff !important;font-size:20px !important;line-height:1 !important}\n.pbx-zoom-hint{text-align:center;font:400 13px\/20px 'Poppins',sans-serif;color:rgba(255,255,255,.55)}\n.pbx-zoom .pbx-cmp{width:auto;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}\n.pbx-zoom .pbx-cmp-a{width:auto !important;max-width:96vw;max-height:76vh}\n.pbx-zoom .pbx-cmp-b{width:100% !important;height:100%}\n\n\/* ---------- Responsive ---------- *\/\n@media(max-width:1024px){\n  .pbx-lp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}\n  .pbx-modal{flex-direction:column}\n  .pbx-modal-video,.pbx-modal-compare{border-radius:16px 16px 0 0}\n  .pbx-modal-body{width:100%}\n  .pbx-cmp-zoom{right:62px}\n}\n@media(max-width:640px){\n  .pbx-hero{padding:60px 20px}\n  .pbx-lp{padding:56px 20px}\n  .pbx-lp-grid{grid-template-columns:minmax(0,1fr);gap:20px}\n  .pbx-modal{margin:16px}\n  .pbx-modal-body{padding:24px 20px}\n  .pbx-modal-body h3{font-size:20px}\n  .pbx-cmp-knob{width:38px;height:38px;font-size:20px}\n  .pbx-cmp-tag{font-size:10px;padding:7px 11px;bottom:12px;letter-spacing:.4px}\n  .pbx-cmp-tag .mdi{font-size:13px}\n  .pbx-zoom{padding:16px}\n  .pbx-zoom .pbx-cmp-a{max-height:70vh}\n  .pbx-lp-cta{margin-top:40px}\n}\n\n\/* ---------- Mobile Fixes ---------- *\/\n.pbx-cmp-range{touch-action:pan-y}\n.pbx-modal{overscroll-behavior:contain}\n@media(hover:none){\n  .pbx-play{opacity:1 !important;transform:translate(-50%,-50%) scale(1) !important}\n}\n@media(max-width:1024px){\n  .pbx-modal-body{width:100%}\n}\n@media(max-width:768px){\n  .pbx-modal-overlay{padding:0;backdrop-filter:none;-webkit-backdrop-filter:none}\n  .pbx-modal{margin:0;width:100%;max-width:none;border-radius:0;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;-webkit-overflow-scrolling:touch}\n  .pbx-modal-video,.pbx-modal-compare{border-radius:0;flex:0 0 auto}\n  .pbx-modal-body{width:100%;flex:1 1 auto;padding:22px 18px 34px;gap:14px}\n  .pbx-modal-body h3{font:600 21px\/29px 'Poppins',sans-serif}\n  .pbx-modal-close{position:fixed;top:12px;right:12px;width:42px;height:42px;background:rgba(255,255,255,.95) !important;box-shadow:0 2px 14px rgba(0,0,0,.45) !important;z-index:100001}\n  .pbx-modal-ctas{margin-top:24px;gap:12px;align-items:stretch;width:100%}\n  .pbx-modal-ctas .pbx-btn-p,.pbx-modal-ctas .pbx-btn-s{display:block;width:100%;text-align:center;padding:12px 20px}\n  .pbx-cmp-zoom{top:12px;right:64px;width:42px;height:42px}\n  .pbx-cmp-tag{font-size:10px;padding:7px 11px;bottom:12px;letter-spacing:.3px}\n  .pbx-cmp-tag .mdi{font-size:13px}\n  .pbx-cmp-knob{width:40px;height:40px;font-size:21px}\n  .pbx-zoom{padding:12px}\n  .pbx-zoom-inner{width:100%;gap:10px}\n  .pbx-zoom-title{font:600 13px\/19px 'Poppins',sans-serif}\n  .pbx-zoom .pbx-cmp-a{max-width:100%;max-height:62vh;max-height:62dvh}\n  .pbx-zoom-hint{font:400 12px\/18px 'Poppins',sans-serif}\n}\n@media(max-width:768px) and (orientation:landscape){\n  .pbx-zoom .pbx-cmp-a{max-height:74vh;max-height:74dvh}\n}\n<\/style>\n\n<div class=\"pbx-hero\">\n  <div class=\"pbx-badge\"><span class=\"mdi mdi-shimmer\"><\/span> Varify PBX<\/div>\n  <h1>A\/B-Tests in Sekunden.<br>Beschreiben. Generieren. Testen.<\/h1>\n  <p>Varify generiert Testideen automatisch auf Basis deiner Website, oder du beschreibst dein Experiment in nat\u00fcrlicher Sprache. Der AI Assistant erstellt die Variante, schreibt den Code und baut das Experiment vollautomatisch. Ohne Entwickler, ohne manuellen Aufwand.<\/p>\n<\/div>\n\n<div class=\"pbx-lp\">\n  <div class=\"pbx-lp-grid\">\n\n    <div class=\"pbx-card\" onclick=\"openPbxModal(this)\"\n      data-video=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/04\/Landingpage-to-PDP-Voiceover.mp4\" data-company=\"Alpacacamping\">\n      <div class=\"pbx-thumb\">\n        <span class=\"pbx-thumb-flag\"><span class=\"mdi mdi-play-circle\"><\/span> Video<\/span>\n        <video muted playsinline preload=\"metadata\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/04\/Landingpage-to-PDP-Voiceover.mp4#t=0.5\" class=\"pbx-vid-thumb\"><\/video>\n        <div class=\"pbx-play\"><span class=\"mdi mdi-play\"><\/span><\/div>\n      <\/div>\n      <div class=\"pbx-info\">\n        <div class=\"pbx-tag\"><span class=\"mdi mdi-lightning-bolt\"><\/span> Prompt Based<\/div>\n        <h4>Landing Page zur Produktdetailseite umbauen<\/h4>\n        <p>Eine Produkt-Landingpage wird per Prompt in eine vollst\u00e4ndige E-Commerce PDP mit Bildergalerie und Buybox verwandelt.<\/p>\n        <span class=\"pbx-open\">Beispiel ansehen <span class=\"mdi mdi-arrow-right\"><\/span><\/span>\n      <\/div>\n      <span class=\"pbx-modal-data pbx-mt\">Landing Page zur Produktdetailseite umbauen<\/span>\n      <span class=\"pbx-modal-data pbx-md\">In diesem Experiment wurde eine bestehende Produkt-Landingpage in eine klassische E-Commerce-Produktdetailseite verwandelt. Per Prompt und erg\u00e4nzenden Produktinformationen generierte der AI Assistant eine vollst\u00e4ndige Bildergalerie und Buybox, ohne manuellen Code.<\/span>\n    <\/div>\n\n    <div class=\"pbx-card\" onclick=\"openPbxModal(this)\"\n      data-video=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/08\/pbx-example-variatn-selection.mp4\" data-company=\"Otto Gourmet\">\n      <div class=\"pbx-thumb\">\n        <span class=\"pbx-thumb-flag\"><span class=\"mdi mdi-play-circle\"><\/span> Video<\/span>\n        <video muted playsinline preload=\"metadata\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/08\/pbx-example-variatn-selection.mp4#t=0.5\" class=\"pbx-vid-thumb\"><\/video>\n        <div class=\"pbx-play\"><span class=\"mdi mdi-play\"><\/span><\/div>\n      <\/div>\n      <div class=\"pbx-info\">\n        <div class=\"pbx-tag\"><span class=\"mdi mdi-lightning-bolt\"><\/span> Prompt Based<\/div>\n        <h4>Variantenauswahl auf der Produktseite vereinfachen<\/h4>\n        <p>Aus einer langen Liste aller Cuts und Gr\u00f6\u00dfen wird eine Auswahl in zwei Schritten: erst der Cut, danach die passende Gr\u00f6\u00dfe.<\/p>\n        <span class=\"pbx-open\">Beispiel ansehen <span class=\"mdi mdi-arrow-right\"><\/span><\/span>\n      <\/div>\n      <span class=\"pbx-modal-data pbx-mt\">Variantenauswahl auf der Produktseite vereinfachen<\/span>\n      <span class=\"pbx-modal-data pbx-md\">In diesem Experiment wurde die Variantenauswahl von Fleischprodukten neu strukturiert. Statt einer un\u00fcbersichtlichen Liste aller verf\u00fcgbaren Cuts und Gr\u00f6\u00dfen f\u00fchrt die per PBX gebaute Variante die Auswahl in zwei Schritten: zuerst wird der Cut abgefragt, darunter erscheinen nur die daf\u00fcr verf\u00fcgbaren Gr\u00f6\u00dfen. Das reduziert die Optionen pro Schritt und macht die Kaufentscheidung auf der Produktseite deutlich klarer.<\/span>\n    <\/div>\n\n    <div class=\"pbx-card\" onclick=\"openPbxModal(this)\"\n      data-type=\"compare\"\n      data-before=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/08\/pbx-beispiel-ohne-filter.png\"\n      data-after=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/08\/PBX-Beispiel-Variante-mit-filter.png\"\n      data-company=\"Allane\">\n      <div class=\"pbx-thumb\">\n        <span class=\"pbx-thumb-flag\"><span class=\"mdi mdi-compare-horizontal\"><\/span> Vorher \/ Nachher<\/span>\n        <img decoding=\"async\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/08\/PBX-Beispiel-Variante-mit-filter.png\" loading=\"lazy\" alt=\"Kategorieseite mit per PBX gebauter Filtersection\" class=\"pbx-vid-thumb pbx-img-thumb\">\n        <div class=\"pbx-play\"><span class=\"mdi mdi-compare-horizontal\"><\/span><\/div>\n      <\/div>\n      <div class=\"pbx-info\">\n        <div class=\"pbx-tag\"><span class=\"mdi mdi-lightning-bolt\"><\/span> Prompt Based<\/div>\n        <h4>Produktfilter auf der Kategorieseite mit PBX bauen<\/h4>\n        <p>Die Originalseite bietet keine Filter. Mit wenigen Prompts entstand eine vollst\u00e4ndige Filtersection \u00fcber alle verf\u00fcgbaren Fahrzeuge.<\/p>\n        <span class=\"pbx-open\">Beispiel ansehen <span class=\"mdi mdi-arrow-right\"><\/span><\/span>\n      <\/div>\n      <span class=\"pbx-modal-data pbx-mt\">Produktfilter auf der Kategorieseite mit PBX bauen<\/span>\n      <span class=\"pbx-modal-data pbx-md\">Auf der Originalseite gibt es keine Filterm\u00f6glichkeiten, alle Fahrzeuge stehen ungefiltert untereinander. Mit PBX entstand in wenigen Prompts eine vollst\u00e4ndige Filtersection, die nach allen auf der Kategorieseite verf\u00fcgbaren Fahrzeugen filtern kann. Ziehe den Regler, um Original und Variante zu vergleichen.<\/span>\n    <\/div>\n\n    <div class=\"pbx-card\" onclick=\"openPbxModal(this)\"\n      data-video=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/04\/Varify-Prompt-based-testing.mp4\" data-company=\"Varify.io\">\n      <div class=\"pbx-thumb\">\n        <span class=\"pbx-thumb-flag\"><span class=\"mdi mdi-play-circle\"><\/span> Video<\/span>\n        <video muted playsinline preload=\"metadata\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/04\/Varify-Prompt-based-testing.mp4#t=0.5\" class=\"pbx-vid-thumb\"><\/video>\n        <div class=\"pbx-play\"><span class=\"mdi mdi-play\"><\/span><\/div>\n      <\/div>\n      <div class=\"pbx-info\">\n        <div class=\"pbx-tag\"><span class=\"mdi mdi-lightning-bolt\"><\/span> Prompt Based<\/div>\n        <h4>Hero Section: Neuer CTA &amp; dynamisches Logo-Karussell<\/h4>\n        <p>Ein zus\u00e4tzlicher Secondary CTA wurde erg\u00e4nzt und das statische Logo-Karussell durch eine dynamisch rotierende Variante ersetzt.<\/p>\n        <span class=\"pbx-open\">Beispiel ansehen <span class=\"mdi mdi-arrow-right\"><\/span><\/span>\n      <\/div>\n      <span class=\"pbx-modal-data pbx-mt\">Hero Section: Neuer CTA &amp; dynamisches Logo-Karussell<\/span>\n      <span class=\"pbx-modal-data pbx-md\">In diesem Experiment wurden zwei \u00c4nderungen an der Hero Section der Startseite getestet: Ein zus\u00e4tzlicher Secondary CTA wurde erg\u00e4nzt und das statische Logo-Karussell durch eine dynamisch rotierende Variante ersetzt. Der Varify AI Assistant hat den Code aus einer kurzen Prompt-Beschreibung generiert.<\/span>\n    <\/div>\n\n    <div class=\"pbx-card\" onclick=\"openPbxModal(this)\"\n      data-video=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/04\/4-columns-to-3-columns.mp4\" data-company=\"Tischwelt\">\n      <div class=\"pbx-thumb\">\n        <span class=\"pbx-thumb-flag\"><span class=\"mdi mdi-play-circle\"><\/span> Video<\/span>\n        <video muted playsinline preload=\"metadata\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/04\/4-columns-to-3-columns.mp4#t=0.5\" class=\"pbx-vid-thumb\"><\/video>\n        <div class=\"pbx-play\"><span class=\"mdi mdi-play\"><\/span><\/div>\n      <\/div>\n      <div class=\"pbx-info\">\n        <div class=\"pbx-tag\"><span class=\"mdi mdi-lightning-bolt\"><\/span> Prompt Based<\/div>\n        <h4>Seitenlayout anpassen: Von 4 Spalten auf 3 Spalten<\/h4>\n        <p>Die Kategorieseite wird von einem 4-spaltigen auf ein 3-spaltiges Layout umgestellt, um einzelne Produkte st\u00e4rker hervorzuheben.<\/p>\n        <span class=\"pbx-open\">Beispiel ansehen <span class=\"mdi mdi-arrow-right\"><\/span><\/span>\n      <\/div>\n      <span class=\"pbx-modal-data pbx-mt\">Seitenlayout anpassen: Von 4 Spalten auf 3 Spalten<\/span>\n      <span class=\"pbx-modal-data pbx-md\">In diesem Experiment wird die Kategorieseite von einem 4-spaltigen auf ein 3-spaltiges Layout umgestellt. Ziel ist es, die Seite ruhiger wirken zu lassen, die einzelnen Produkte st\u00e4rker hervorzuheben und die Wahrnehmung der Inhalte zu verbessern.<\/span>\n    <\/div>\n\n    <div class=\"pbx-card\" onclick=\"openPbxModal(this)\"\n      data-video=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/04\/Adding-an-element-to-a-pricong-plan.mp4\" data-company=\"Varify.io\">\n      <div class=\"pbx-thumb\">\n        <span class=\"pbx-thumb-flag\"><span class=\"mdi mdi-play-circle\"><\/span> Video<\/span>\n        <video muted playsinline preload=\"metadata\" src=\"https:\/\/varify.io\/wp-content\/uploads\/2026\/04\/Adding-an-element-to-a-pricong-plan.mp4#t=0.5\" class=\"pbx-vid-thumb\"><\/video>\n        <div class=\"pbx-play\"><span class=\"mdi mdi-play\"><\/span><\/div>\n      <\/div>\n      <div class=\"pbx-info\">\n        <div class=\"pbx-tag\"><span class=\"mdi mdi-lightning-bolt\"><\/span> Prompt Based<\/div>\n        <h4>Element in einer Pricing-Spalte erg\u00e4nzen<\/h4>\n        <p>Eine Plan-Spalte wird um ein neues Element erweitert, das ein enthaltenes KI-Feature sichtbar macht.<\/p>\n        <span class=\"pbx-open\">Beispiel ansehen <span class=\"mdi mdi-arrow-right\"><\/span><\/span>\n      <\/div>\n      <span class=\"pbx-modal-data pbx-mt\">Element in einer Pricing-Spalte erg\u00e4nzen<\/span>\n      <span class=\"pbx-modal-data pbx-md\">In diesem Experiment wird eine Plan-Spalte auf der Pricing Page um ein neues Element erweitert, das ein enthaltenes KI-Feature sichtbar macht. Der Varify AI Assistant erstellt das Element anhand einer kurzen Beschreibung und f\u00fcgt es direkt in die Seite ein.<\/span>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"pbx-lp-cta\">\n    <a href=\"https:\/\/varify.io\/de\/registration\/\" class=\"pbx-lp-p\">Varify AI kostenlos testen<\/a>\n    <a href=\"https:\/\/varify.io\/en\/get-a-demo\/\" class=\"pbx-lp-s\">Demo Call buchen<\/a>\n  <\/div>\n<\/div>\n\n<div class=\"pbx-modal-overlay\" id=\"pbxOverlay\" onclick=\"if(event.target===this)closePbxModal()\">\n  <div class=\"pbx-modal\">\n    <button class=\"pbx-modal-close\" onclick=\"closePbxModal()\" aria-label=\"Schlie\u00dfen\"><span class=\"mdi mdi-close\"><\/span><\/button>\n    <div class=\"pbx-modal-video\" id=\"pbxVideoWrap\">\n      <video id=\"pbxVideo\" controls playsinline preload=\"metadata\"><\/video>\n    <\/div>\n    <div class=\"pbx-modal-compare\" id=\"pbxCompareWrap\" style=\"display:none\">\n      <div class=\"pbx-cmp\" id=\"pbxCmp\">\n        <img class=\"pbx-cmp-a\" alt=\"Variante mit PBX\">\n        <img class=\"pbx-cmp-b\" alt=\"Original ohne PBX\">\n        <div class=\"pbx-cmp-layer pbx-cmp-layer-l\"><span class=\"pbx-cmp-tag pbx-cmp-tag-l\">Original<\/span><\/div>\n        <div class=\"pbx-cmp-layer pbx-cmp-layer-r\"><span class=\"pbx-cmp-tag pbx-cmp-tag-r\"><span class=\"mdi mdi-lightning-bolt\"><\/span> Variante mit PBX<\/span><\/div>\n        <div class=\"pbx-cmp-line\"><div class=\"pbx-cmp-knob\"><span class=\"mdi mdi-arrow-left-right\"><\/span><\/div><\/div>\n        <input type=\"range\" min=\"0\" max=\"100\" value=\"50\" step=\"0.1\" class=\"pbx-cmp-range\" aria-label=\"Original und Variante vergleichen\" oninput=\"pbxCmpInput(this)\">\n        <button class=\"pbx-cmp-zoom\" onclick=\"pbxOpenZoom(event)\" title=\"Vergr\u00f6\u00dfert anzeigen\" aria-label=\"Vergr\u00f6\u00dfert anzeigen\"><span class=\"mdi mdi-fullscreen\"><\/span><\/button>\n      <\/div>\n    <\/div>\n    <div class=\"pbx-modal-body\">\n      <h3 id=\"pbxTitle\"><\/h3>\n      <div class=\"pbx-company\" id=\"pbxCompany\" style=\"display:none\"><span class=\"mdi mdi-domain\"><\/span> PBX Variante von <strong class=\"pbx-company-name\"><\/strong><\/div>\n      <p id=\"pbxDesc\"><\/p>\n      <div class=\"pbx-modal-ctas\">\n        <a href=\"https:\/\/varify.io\/de\/registration\/\" class=\"pbx-btn-p\">Varify AI kostenlos testen<\/a>\n        <a href=\"https:\/\/varify.io\/en\/get-a-demo\/\" class=\"pbx-btn-s\">Demo buchen<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"pbx-zoom\" id=\"pbxZoom\" onclick=\"if(event.target===this)pbxCloseZoom()\">\n  <div class=\"pbx-zoom-inner\">\n    <div class=\"pbx-zoom-bar\">\n      <span class=\"pbx-zoom-title\" id=\"pbxZoomTitle\"><\/span>\n      <button class=\"pbx-zoom-close\" onclick=\"pbxCloseZoom()\" aria-label=\"Schlie\u00dfen\"><span class=\"mdi mdi-close\"><\/span><\/button>\n    <\/div>\n    <div class=\"pbx-cmp\" id=\"pbxCmpZoom\">\n      <img class=\"pbx-cmp-a\" alt=\"Variante mit PBX\">\n      <img class=\"pbx-cmp-b\" alt=\"Original ohne PBX\">\n      <div class=\"pbx-cmp-layer pbx-cmp-layer-l\"><span class=\"pbx-cmp-tag pbx-cmp-tag-l\">Original<\/span><\/div>\n      <div class=\"pbx-cmp-layer pbx-cmp-layer-r\"><span class=\"pbx-cmp-tag pbx-cmp-tag-r\"><span class=\"mdi mdi-lightning-bolt\"><\/span> Variante mit PBX<\/span><\/div>\n      <div class=\"pbx-cmp-line\"><div class=\"pbx-cmp-knob\"><span class=\"mdi mdi-arrow-left-right\"><\/span><\/div><\/div>\n      <input type=\"range\" min=\"0\" max=\"100\" value=\"50\" step=\"0.1\" class=\"pbx-cmp-range\" aria-label=\"Original und Variante vergleichen\" oninput=\"pbxCmpInput(this)\">\n    <\/div>\n    <div class=\"pbx-zoom-hint\">Regler ziehen, um Original und Variante zu vergleichen<\/div>\n  <\/div>\n<\/div>\n\n<script>\nfunction pbxCmpSet(root,val){\n  var pct=Math.max(0,Math.min(100,parseFloat(val))),\n      left='inset(0 '+(100-pct)+'% 0 0)',\n      right='inset(0 0 0 '+pct+'%)';\n  root.querySelector('.pbx-cmp-b').style.clipPath=left;\n  root.querySelector('.pbx-cmp-layer-l').style.clipPath=left;\n  root.querySelector('.pbx-cmp-layer-r').style.clipPath=right;\n  root.querySelector('.pbx-cmp-line').style.left=pct+'%';\n}\nfunction pbxCmpInput(input){\n  pbxCmpStopAnim(input.parentNode);\n  pbxCmpSet(input.parentNode,input.value);\n}\nvar pbxAnimTimers=[];\nfunction pbxCmpStopAnim(root){\n  for(var i=0;i<pbxAnimTimers.length;i++){clearTimeout(pbxAnimTimers[i]);}\n  pbxAnimTimers=[];\n  root.classList.remove('pbx-cmp-anim');\n}\nfunction pbxCmpAnim(root){\n  var steps=[[240,66],[660,36],[1080,50]];\n  root.classList.add('pbx-cmp-anim');\n  for(var i=0;i<steps.length;i++){\n    (function(st){\n      pbxAnimTimers.push(setTimeout(function(){\n        root.querySelector('.pbx-cmp-range').value=st[1];\n        pbxCmpSet(root,st[1]);\n      },st[0]));\n    })(steps[i]);\n  }\n  pbxAnimTimers.push(setTimeout(function(){root.classList.remove('pbx-cmp-anim');},1500));\n}\nfunction pbxCmpLoad(root,orig,variant,val){\n  root.querySelector('.pbx-cmp-a').src=variant;\n  root.querySelector('.pbx-cmp-b').src=orig;\n  root.querySelector('.pbx-cmp-range').value=val;\n  pbxCmpSet(root,val);\n}\nfunction openPbxModal(el){\n  var o=document.getElementById('pbxOverlay'),\n      v=document.getElementById('pbxVideo'),\n      vw=document.getElementById('pbxVideoWrap'),\n      cw=document.getElementById('pbxCompareWrap'),\n      type=el.getAttribute('data-type')||'video';\n  document.getElementById('pbxTitle').textContent=el.querySelector('.pbx-mt').textContent;\n  document.getElementById('pbxDesc').textContent=el.querySelector('.pbx-md').textContent;\n  var comp=el.getAttribute('data-company')||'',cel=document.getElementById('pbxCompany');\n  cel.querySelector('.pbx-company-name').textContent=comp;\n  cel.style.display=comp?'inline-flex':'none';\n  if(type==='compare'){\n    v.pause();v.removeAttribute('src');v.load();\n    vw.style.display='none';cw.style.display='flex';\n    var cmp=document.getElementById('pbxCmp');\n    pbxCmpStopAnim(cmp);\n    pbxCmpLoad(cmp,el.getAttribute('data-before'),el.getAttribute('data-after'),50);\n    pbxCmpAnim(cmp);\n  }else{\n    cw.style.display='none';vw.style.display='flex';\n    v.src=el.getAttribute('data-video');\n  }\n  o.classList.add('open');\n  document.body.style.overflow='hidden';\n}\nfunction closePbxModal(){\n  var o=document.getElementById('pbxOverlay'),v=document.getElementById('pbxVideo');\n  pbxCmpStopAnim(document.getElementById('pbxCmp'));\n  document.getElementById('pbxZoom').classList.remove('open');\n  v.pause();v.removeAttribute('src');v.load();\n  o.classList.remove('open');\n  document.body.style.overflow='';\n}\nfunction pbxOpenZoom(e){\n  if(e){e.stopPropagation();}\n  pbxCmpStopAnim(document.getElementById('pbxCmp'));\n  var m=document.getElementById('pbxCmp'),z=document.getElementById('pbxCmpZoom');\n  document.getElementById('pbxZoomTitle').textContent=document.getElementById('pbxTitle').textContent;\n  pbxCmpLoad(z,\n    m.querySelector('.pbx-cmp-b').getAttribute('src'),\n    m.querySelector('.pbx-cmp-a').getAttribute('src'),\n    m.querySelector('.pbx-cmp-range').value);\n  document.getElementById('pbxZoom').classList.add('open');\n}\nfunction pbxCloseZoom(){\n  var z=document.getElementById('pbxCmpZoom'),m=document.getElementById('pbxCmp');\n  var val=z.querySelector('.pbx-cmp-range').value;\n  m.querySelector('.pbx-cmp-range').value=val;\n  pbxCmpSet(m,val);\n  document.getElementById('pbxZoom').classList.remove('open');\n}\ndocument.addEventListener('keydown',function(e){\n  if(e.key!=='Escape')return;\n  if(document.getElementById('pbxZoom').classList.contains('open')){pbxCloseZoom();}\n  else{closePbxModal();}\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-e9c2bce e-con-full e-flex e-con e-parent\" data-id=\"e9c2bce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dab7556 elementor-widget elementor-widget-html\" data-id=\"dab7556\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Varify AI Features \u2014 CTA Section (standalone, v4 + CSS aus v5) -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Mono:wght@400;500&family=Poppins:wght@400;500;600;700;800&display=swap');\n\n\/* \u2500\u2500 RESET (scoped) \u2500\u2500 *\/\n.vai-block *, .vai-block *::before, .vai-block *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n\n\/* \u2500\u2500 TOKENS + BASE \u2500\u2500 *\/\n.vai-block {\n  --primary:      #15897B;\n  --primary-dark: #0F6960;\n  --primary-light:#E6F5F3;\n  --primary-mid:  #C2E8E3;\n  --bg:           #F4F8FA;\n  --white:        #ffffff;\n  --muted:        #64748b;\n  --dark:         #37393C;\n  --border:       #e2e8f0;\n  --radius:       12px;\n  --shadow-sm:    0 1px 3px rgba(0,0,0,.08);\n\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px; line-height: 22px;\n  color: var(--dark);\n  -webkit-font-smoothing: antialiased;\n  scroll-behavior: smooth;\n}\n\n.vai-block h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(1.5rem, 3vw, 1.9rem);\n  font-weight: 700; line-height: 1.25;\n  letter-spacing: -0.02em; color: var(--dark) !important;\n}\n.vai-block p { font-size: 14px; line-height: 22px; color: var(--muted) !important; }\n.vai-block a { text-decoration: none; }\n\n.vai-block .container {\n  max-width: 1140px; margin: 0 auto; padding: 0 28px;\n}\n\n\/* \u2500\u2500 EYEBROW \u2500\u2500 *\/\n.vai-block .eyebrow {\n  display: inline-flex; align-items: center; gap: 6px;\n  font-size: 12px; font-weight: 600; letter-spacing: 0.14em;\n  text-transform: uppercase; color: var(--primary);\n}\n\n\/* \u2500\u2500 BUTTON \u2500\u2500 *\/\n.vai-block .btn {\n  display: inline-flex; align-items: center; gap: 7px;\n  padding: 13px 28px; border-radius: 9999px;\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px; font-weight: 600; line-height: 22px;\n  text-decoration: none; border: none; cursor: pointer;\n  transition: all .18s ease; white-space: nowrap;\n}\n.vai-block .btn--primary {\n  background: var(--primary); color: #fff !important;\n  box-shadow: 0 2px 8px rgba(21,137,123,.3);\n}\n.vai-block .btn--primary:hover {\n  background: var(--primary-dark); transform: translateY(-1px);\n  box-shadow: 0 4px 14px rgba(21,137,123,.4);\n}\n\n\/* \u2500\u2500 CTA SECTION \u2500\u2500 *\/\n.vai-block .cta-section {\n  background: var(--white); border-top: 1px solid var(--border);\n  padding: 96px 0; text-align: center; position: relative; overflow: hidden;\n}\n.vai-block .cta-section::before {\n  content: ''; position: absolute; inset: 0;\n  background-image:\n    linear-gradient(rgba(21,137,123,.04) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(21,137,123,.04) 1px, transparent 1px);\n  background-size: 40px 40px;\n  mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black 0%, transparent 70%);\n  -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black 0%, transparent 70%);\n  pointer-events: none;\n}\n.vai-block .cta-inner { position: relative; z-index: 1; }\n.vai-block .cta-section h2 { max-width: 600px; margin: 0 auto 16px; }\n.vai-block .cta-fine { font-size: 12px; color: var(--muted) !important; margin-top: 18px; }\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 600px) {\n  .vai-block .container { padding: 0 16px; }\n  .vai-block .cta-section { padding: 64px 0; }\n}\n<\/style>\n\n<div class=\"vai-block\">\n<!-- \u2501\u2501\u2501 CTA \u2501\u2501\u2501 -->\n<section class=\"cta-section\">\n  <div class=\"container\">\n    <div class=\"cta-inner\">\n      <span class=\"eyebrow\">Jetzt starten<\/span>\n      <h2 style=\"margin-top:14px;\">Dein n\u00e4chstes Experiment.<br>Beschreib es einfach.<\/h2>\n      <p style=\"max-width:500px;margin:12px auto 0;font-size: 16px!important;line-height:26px!important;\">\n        Sieh in einem 30-Minuten Demo Call, wie Varify AI deinen CRO-Prozess ver\u00e4ndert, live auf deiner eigenen Seite.\n      <\/p>\n      <div style=\"margin-top:32px;\">\n        <a href=\"https:\/\/varify.io\/en\/get-a-demo\/\" class=\"btn btn--primary\">\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 10l-4 4 6 6 4-16-18 7 4 2 2 6 3-3\"><\/path><\/svg>\n          Demo Call buchen\n        <\/a>\n      <\/div>\n      <p class=\"cta-fine\">Keine Kreditkarte &nbsp;\u00b7&nbsp; Kein Risiko &nbsp;\u00b7&nbsp; DSGVO-konform &nbsp;\u00b7&nbsp; Server in Frankfurt<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><!-- \/vai-block -->\n\n<!-- \u2501\u2501\u2501 BEFORE\/AFTER SLIDER JS \u2501\u2501\u2501 -->\n<script>\n(function() {\n  function initSlider(containerId, handleId, afterId) {\n    var container = document.getElementById(containerId);\n    var handle = document.getElementById(handleId);\n    var afterLayer = document.getElementById(afterId);\n    if (!container || !handle || !afterLayer) return;\n    var dragging = false;\n    function setPosition(pct) {\n      pct = Math.max(2, Math.min(98, pct));\n      handle.style.left = pct + '%';\n      afterLayer.style.clipPath = 'inset(0 0 0 ' + pct + '%)';\n    }\n    setPosition(50);\n    function getPercent(e) {\n      var rect = container.getBoundingClientRect();\n      var clientX = e.touches ? e.touches[0].clientX : e.clientX;\n      return ((clientX - rect.left) \/ rect.width) * 100;\n    }\n    function onStart(e) {\n      e.preventDefault();\n      dragging = true;\n    }\n    function onMove(e) {\n      if (!dragging) return;\n      e.preventDefault();\n      setPosition(getPercent(e));\n    }\n    function onEnd() {\n      dragging = false;\n    }\n    handle.addEventListener('mousedown', onStart);\n    container.addEventListener('mousedown', function(e) {\n      dragging = true;\n      setPosition(getPercent(e));\n    });\n    document.addEventListener('mousemove', onMove);\n    document.addEventListener('mouseup', onEnd);\n    handle.addEventListener('touchstart', onStart, { passive: false });\n    container.addEventListener('touchstart', function(e) {\n      dragging = true;\n      setPosition(getPercent(e));\n    }, { passive: false });\n    document.addEventListener('touchmove', onMove, { passive: false });\n    document.addEventListener('touchend', onEnd);\n  }\n  \/\/ Init both sliders\n  initSlider('baContainer', 'baHandle', 'baAfter');\n  initSlider('baContainer2', 'baHandle2', 'baAfter2');\n})();\n<\/script>\t\t\t\t<\/div>\n\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>Varify PBX A\/B-Tests in Sekunden.Beschreiben. Generieren. Testen. Varify generiert Testideen automatisch auf Basis deiner Website, oder du beschreibst dein Experiment in nat\u00fcrlicher Sprache. Der AI Assistant erstellt die Variante, schreibt den Code und baut das Experiment vollautomatisch. Ohne Entwickler, ohne manuellen Aufwand. Video Prompt Based Landing Page zur Produktdetailseite umbauen Eine Produkt-Landingpage wird per Prompt [&hellip;]<\/p>\n","protected":false},"author":47,"featured_media":47338,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-47212","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/varify.io\/en\/wp-json\/wp\/v2\/pages\/47212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/varify.io\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/varify.io\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/varify.io\/en\/wp-json\/wp\/v2\/users\/47"}],"replies":[{"embeddable":true,"href":"https:\/\/varify.io\/en\/wp-json\/wp\/v2\/comments?post=47212"}],"version-history":[{"count":70,"href":"https:\/\/varify.io\/en\/wp-json\/wp\/v2\/pages\/47212\/revisions"}],"predecessor-version":[{"id":48415,"href":"https:\/\/varify.io\/en\/wp-json\/wp\/v2\/pages\/47212\/revisions\/48415"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/varify.io\/en\/wp-json\/wp\/v2\/media\/47338"}],"wp:attachment":[{"href":"https:\/\/varify.io\/en\/wp-json\/wp\/v2\/media?parent=47212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}