Start<\/title>\n\n <style>\n :root{\n --brand:#05998a;\n --black:#000;\n --white:#fff;\n --radius:10px;\n --gap:40px;\n }\n\n\n \/* WORD ANIMATION *\/\n .wc{ position:absolute; width:300px; height:36px; font-size:40px; font-weight:bold; color:var(--white); overflow:hidden; user-select:none; top:52px; left: 590px; }\n .wc__word{ position:absolute; top:0; left:5px; opacity:0; transition:opacity 150ms linear; white-space:nowrap; line-height:32px; height:32px; }\n .wc__word.is-visible{ opacity:1; }\n .wc__bar{ position:absolute; top:0; left:0; height:100%; width:2px; background-color:var(--white); transition:width 1000ms ease; }\n\n \/* HERO TEXT *\/\n .hero-copy__eyebrow{ font-size:40px; position:absolute; top:35px; left: 20px; color:var(--white); }\n .hero-copy__title{ color:var(--white); font-size:80px; position:absolute; top:60px; left: 20px; }\n .hero-copy__lead{ font-size:30px; position:absolute; top:170px; left: 20px; color:var(--white); }\n\n .btn{ padding:12px 24px; border:2px solid var(--black); border-radius:var(--radius); cursor:pointer; transition:.3s; }\n .btn:hover{ background:var(--black); color:var(--white); }\n .btn--hero{ position:absolute; top:280px; left: 20px; background:var(--white); color:var(--black); }\n\n \/* VIDEO *\/\n .video-hero{ width:var(--page-width); aspect-ratio:16\/5; position:relative; overflow:hidden; z-index:-1; margin:0 auto; border-radius:var(--radius);}\n .video-hero > video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; background:#000; z-index:-1; }\n\n \/* ABOUT *\/\n .about{ width:var(--page-width); margin:60px auto; padding:0 20px; background:#fff; color:#000; }\n .about-line{ color: #02998a; display: inline-block; font-size: 2em; font-weight: bold; transform: scaleX(2) }\n .about-label{ font-size:30px; display:inline-block; }\n .about-text{ font-size:25px; margin-top:20px; display:block; }\n\n \/* CARDS *\/\n .cards{ display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--gap); width:var(--page-width); margin:60px auto;}\n .card{ position:relative; height:400px; border-radius:var(--radius); overflow:hidden; display:block; color:#000;}\n .card__bg{ position:absolute; inset:0; background-size:cover; background-position:center; filter:brightness(0.8); }\n .card__overlay1{ position:absolute; inset:0; background:linear-gradient(90deg,#66FF99,#5CFA9F,#52F5A6,#48F0AC,#3EEBB3,#34E6B9,#39E0C0,#3EDAC6,#43D4CC,#48CED2,#4DC8D8,#54C2DD,#5BBCE3,#62B6E9,#69B0EF,#6FAAFF,#639EFF,#5792FF,#4B86FF,#3F7AFF); background-size:300% 100%; background-position:0% 50%; opacity:.5; transition:.5s; }\n .card__overlay2{ position:absolute; inset:0; background:linear-gradient(90deg,#FF4D4D,#FF5E4D,#FF6F4D,#FF804D,#FF914D,#FF9D42,#FFA93D,#FFB538,#FFC133,#FFCD2E,#FFD229,#FFD724,#FFDC1F,#FFE11A,#FFE615,#FFEB1A,#FFF020,#FFF52B,#FFF935,#FFFF40); background-size:300% 100%; background-position:0% 50%; opacity:.5; transition:.5s; }\n .card__overlay3{ position:absolute; inset:0; background:linear-gradient(90deg,#FF7F9F,#F979A8,#F273B1,#EB6DBA,#E467C3,#D56FC8,#C677CD,#B77FD2,#A887D7,#998FDC,#8899E1,#77A3E6,#66ADEB,#55B7F0,#44C1F5,#49B6F7,#4EABF9,#539FFB,#5894FD,#5D89FF); background-size:300% 100%; background-position:0% 50%; opacity:.5; transition:.5s; }\n .card__content{ position:relative; z-index:1; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:20px;}\n .card__title{ font-size:2rem; margin-bottom:14px; transition:.3s; color: black;}\n .card__desc{ font-size:1rem; line-height:1.4; opacity:0; transform:translateY(20px); transition:.5s; color: black;}\n\n .card:hover .card__overlay1{ opacity:.95; animation:gradient 20s ease-in-out infinite; }\n .card:hover .card__overlay2{ opacity:.95; animation:gradient 20s ease-in-out infinite; }\n .card:hover .card__overlay3{ opacity:.95; animation:gradient 20s ease-in-out infinite; }\n .card:hover .card__title{ transform:translateY(-20px); }\n .card:hover .card__desc{ opacity:1; transform:translateY(0); }\n\n @keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}\n\n .card--1 .card__overlay{ background-position:0% 50%; }\n .card--2 .card__overlay{ background-position:50% 50%; }\n .card--3 .card__overlay{ background-position:100% 50%; }\n\n \/* CTA *\/\n .cta{ width:var(--page-width); margin:60px auto; position:relative; }\n .cta__img{ width:100%; height:400px; object-fit:cover; border-radius:var(--radius); }\n .cta__panel{ position:absolute; top:65%; left:25px; transform:translateY(-50%); background:#fff; padding:40px; border-radius:var(--radius); max-width:700px; color:#000; }\n .cta__title{ font-size:1.7rem; margin-bottom:10px; }\n .cta__lead{ font-size:1.2rem; margin-bottom:20px; }\n .btn--cta{ background:#fff; color:#000; }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"wc\"><span class=\"wc__bar\"><\/span><span class=\"wc__word is-visible\">Performance.<\/span><span class=\"wc__word\">Fokus.<\/span><span class=\"wc__word\">Effizienz.<\/span><span class=\"wc__word\">Innovation.<\/span><span class=\"wc__word\">Resonanz.<\/span><\/div>\n\n <div class=\"hero-copy__eyebrow\">Starke Kommunikation braucht<\/div>\n <div class=\"hero-copy__title\">Ihr Erfolg beginnt hier.<\/div>\n <div class=\"hero-copy__lead\">L\u00f6sungen mit klarem Fokus auf Wirkung f\u00fcr mehr Response, h\u00f6here Conversion und messbaren Erfolg.<\/div>\n <a class=\"btn btn--hero\" style=\"text-decoration: none;\" href=\"https:\/\/hr.jupdialog.de\/?page_id=143\">Kontakt aufnehmen<\/a>\n\n <div class=\"video-hero\"><video src=\"https:\/\/hr.jupdialog.de\/wp-content\/uploads\/2025\/08\/video.mp4\" autoplay muted loop playsinline preload=\"auto\"><\/video><\/div>\n\n <div class=\"about\"><span class=\"about-line\">|<\/span><span class=\"about-label\">\u00dcber uns<\/span><div class=\"about-text\"> \n Seit vielen Jahren stehen wir f\u00fcr zuverl\u00e4ssige L\u00f6sungen und partnerschaftliche<br>\n Zusammenarbeit im Dialogmarketing. Unser Team aus erfahrenen<br> \n Spezialistinnen und Spezialisten, begleitet Sie von der ersten Idee bis zur Umsetzung<br>\n immer mit dem Anspruch, individuelle und wirkungsvolle Kampagnen zu realisieren.<br>\nQualit\u00e4t, Termintreue und eine pers\u00f6nliche Betreuung sind f\u00fcr uns selbstverst\u00e4ndlich.<br>\nDabei setzen wir auf innovative Technologien und legen gro\u00dfen Wert auf Transparenz \n<br>sowie nachhaltiges Handeln.<br>\n\nAls erfahrene Dialogmarketing-Agentur unterst\u00fctzen wir Unternehmen dabei, nachhaltige<br> \nKundenbeziehungen aufzubauen und zu pflegen. Mit ma\u00dfgeschneiderten Mailings,<br> innovativen Crossmedia-Kampagnen und zielgerichteter Kommunikation<br>\nsorgen wir daf\u00fcr, dass Ihre Botschaft garantiert ankommt.<br><br>\nJ\u00e4hrlich drucken und versenden wir \u00fcber 1,2 Millionen Mailings und <br>\nverarbeiten dabei mehr als 60 Tonnen Papier.<br>\nIm vergangenen Jahr haben wir rund 350 erfolgreiche Kampagnen realisiert und <br>\nsetzen konsequent auf CO\u2082-reduzierten Druck sowie zertifizierte Recyclingmaterialien.<br> So verbinden wir Effizienz und Qualit\u00e4t mit einem verantwortungsvollen Umgang mit<br> Ressourcen\nund bieten Ihnen nachhaltige L\u00f6sungen, auf die Sie sich verlassen k\u00f6nnen. <\/div><\/div>\n\n <div class=\"cards\">\n <a class=\"card card--1\" style=\"text-decoration: none;\" href=\"https:\/\/hr.jupdialog.de\/?page_id=139\">\n <div class=\"card__bg\" style=\"background-image:url('.\/Bilder\/it.jpg')\"><\/div>\n <div class=\"card__overlay1\"><\/div>\n <div class=\"card__content\"><span class=\"card__title\">IT<\/span><span class=\"card__desc\">Ob personalisierte Mailings, Selfmailer oder Direktbeschriftung.<br> Wir kombinieren modernste Technik mit langj\u00e4hriger Erfahrung.<br> So entstehen Druckl\u00f6sungen in Top-Qualit\u00e4t - <br> flexibel, zuverl\u00e4ssig und exakt auf Ihre Bed\u00fcrfnisse zugeschnitten.<\/span><\/div>\n <\/a>\n <a class=\"card card--2\" style=\"text-decoration: none;\" href=\"https:\/\/hr.jupdialog.de\/?page_id=141\">\n <div class=\"card__bg\" style=\"background-image:url('.\/Bilder\/print.jpg')\"><\/div>\n <div class=\"card__overlay2\"><\/div>\n <div class=\"card__content\"><span class=\"card__title\">PRINT<\/span><span class=\"card__desc\">Ob personalisierte Mailings, Selfmailer oder Direktbeschriftung.<br> Wir kombinieren modernste Technik mit langj\u00e4hriger Erfahrung.<br> So entstehen Druckl\u00f6sungen in Top-Qualit\u00e4t - <br> flexibel, zuverl\u00e4ssig und exakt auf Ihre Bed\u00fcrfnisse zugeschnitten.<\/span><\/div>\n <\/a>\n <a class=\"card card--3\" style=\"text-decoration: none;\" href=\"https:\/\/hr.jupdialog.de\/?page_id=142\">\n <div class=\"card__bg\" style=\"background-image:url('.\/Bilder\/lettershop.jpg')\"><\/div>\n <div class=\"card__overlay3\"><\/div>\n <div class=\"card__content\"><span class=\"card__title\">LETTERSHOP<\/span><span class=\"card__desc\">Von maschineller Kuvertierung \u00fcber den Versand.<br> Von Briefwahlunterlagen bis hin zum Full-Service-Fulfillment.<br> Wir garantieren h\u00f6hste Genauigkeit, l\u00fcckenlose Kontrolle und eine<br> Reibungslose Abwicklung alles aus einer Hand und stets termintreu.<\/span><\/div>\n <\/a>\n <\/div>\n\n <div class=\"cta\">\n <img decoding=\"async\" class=\"cta__img\" src=\"https:\/\/hr.jupdialog.de\/wp-content\/uploads\/2025\/10\/Karte-scaled.jpg\" alt=\"Karte\">\n <div class=\"cta__panel\">\n <div class=\"cta__title\">Haben wir Ihr Interesse geweckt?<\/div>\n <div class=\"cta__lead\">Dann nehmen Sie gerne Kontakt<br>\n mit uns auf. Wir beraten Sie pers\u00f6nlich <br>und finden gemeinsam\n die passende L\u00f6sung.<\/div>\n <a class=\"btn btn--cta\" style=\"text-decoration: none;\" href=\"Link4\">Kontakt aufnehmen<\/a>\n <\/div>\n <\/div>\n\n <script>\n const bar=document.querySelector('.wc__bar');const words=[...document.querySelectorAll('.wc__word')];let i=0;function showWord(x){words.forEach((w,j)=>w.classList.toggle('is-visible',j===x))}function onEnd(el,prop='width'){return new Promise(r=>{const fn=e=>{if(e.propertyName===prop){el.removeEventListener('transitionend',fn);r()}};el.addEventListener('transitionend',fn)})}async function cycle(){bar.style.width='240px';await onEnd(bar,'width');i=(i+1)%words.length;showWord(i);bar.style.width='2px';await onEnd(bar,'width');setTimeout(cycle,400)}showWord(0);setTimeout(cycle,200);\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5fa0934 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"5fa0934\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n <meta charset=\"UTF-8\">\n <title>Zentrierte Bilder-Tabelle<\/title>\n <style>\n .bildreihe {\n display: flex;\n justify-content: center; \/* Bilder horizontal zentrieren *\/\n align-items: center; \/* Vertikal zentriert, falls Containerh\u00f6he gesetzt *\/\n gap: 150px; \/* Abstand zwischen den Bildern *\/\n max-height: 400px; \/* Maximale H\u00f6he f\u00fcr die gesamte Reihe *\/\n margin: 40px auto;\n }\n .bildreihe img {\n max-height: 100px; \/* Maximale Bildh\u00f6he *\/\n max-width: 100%; \/* Bild wird nicht breiter als Container *\/\n object-fit: contain; \/* Kein Verzerren *\/\n border-radius: 0px;\n }\n \n @media (max-width: 700px) {\n .bildreihe {\n flex-direction: column;\n gap: 16px;\n max-height: none;\n }\n .bildreihe img {\n max-width: 98%;\n margin: 0 auto;\n }\n }\n \n .about{ width:var(--page-width); margin:60px auto; padding:0 20px; background:#fff; color:#000; font}\n .about-line{ color: #02998a; display: inline-block; font-size: 2em; font-weight: bold; transform: scaleX(2) }\n .about-label{ font-size:30px; display:inline-block; }\n \n <\/style>\n<\/head>\n<body>\n \n <div class=\"about-line\">|<\/div>\n \n <div class=\"about-label\">Unsere Partner<\/div>\n \n <div class=\"bildreihe\">\n <img decoding=\"async\" src=\"https:\/\/hr.jupdialog.de\/wp-content\/uploads\/2025\/07\/Deutsche_Post-300x66-1.png\" alt=\"Bild 1\">\n <img decoding=\"async\" src=\"https:\/\/hr.jupdialog.de\/wp-content\/uploads\/2025\/07\/LogoGrill-Druckerei400px.png\" alt=\"Bild 2\">\n <\/div>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dfe0c0d e-flex e-con-boxed e-con e-parent\" data-id=\"dfe0c0d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Start Performance.Fokus.Effizienz.Innovation.Resonanz. Starke Kommunikation braucht Ihr Erfolg beginnt hier. L\u00f6sungen mit klarem Fokus auf Wirkung f\u00fcr mehr Response, h\u00f6here Conversion […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-140","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hr.jupdialog.de\/index.php?rest_route=\/wp\/v2\/pages\/140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hr.jupdialog.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hr.jupdialog.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hr.jupdialog.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hr.jupdialog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=140"}],"version-history":[{"count":503,"href":"https:\/\/hr.jupdialog.de\/index.php?rest_route=\/wp\/v2\/pages\/140\/revisions"}],"predecessor-version":[{"id":1064,"href":"https:\/\/hr.jupdialog.de\/index.php?rest_route=\/wp\/v2\/pages\/140\/revisions\/1064"}],"wp:attachment":[{"href":"https:\/\/hr.jupdialog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Start<\/title>\n\n <style>\n :root{\n --brand:#05998a;\n --black:#000;\n --white:#fff;\n --radius:10px;\n --gap:40px;\n }\n\n\n \/* WORD ANIMATION *\/\n .wc{ position:absolute; width:300px; height:36px; font-size:40px; font-weight:bold; color:var(--white); overflow:hidden; user-select:none; top:52px; left: 590px; }\n .wc__word{ position:absolute; top:0; left:5px; opacity:0; transition:opacity 150ms linear; white-space:nowrap; line-height:32px; height:32px; }\n .wc__word.is-visible{ opacity:1; }\n .wc__bar{ position:absolute; top:0; left:0; height:100%; width:2px; background-color:var(--white); transition:width 1000ms ease; }\n\n \/* HERO TEXT *\/\n .hero-copy__eyebrow{ font-size:40px; position:absolute; top:35px; left: 20px; color:var(--white); }\n .hero-copy__title{ color:var(--white); font-size:80px; position:absolute; top:60px; left: 20px; }\n .hero-copy__lead{ font-size:30px; position:absolute; top:170px; left: 20px; color:var(--white); }\n\n .btn{ padding:12px 24px; border:2px solid var(--black); border-radius:var(--radius); cursor:pointer; transition:.3s; }\n .btn:hover{ background:var(--black); color:var(--white); }\n .btn--hero{ position:absolute; top:280px; left: 20px; background:var(--white); color:var(--black); }\n\n \/* VIDEO *\/\n .video-hero{ width:var(--page-width); aspect-ratio:16\/5; position:relative; overflow:hidden; z-index:-1; margin:0 auto; border-radius:var(--radius);}\n .video-hero > video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; background:#000; z-index:-1; }\n\n \/* ABOUT *\/\n .about{ width:var(--page-width); margin:60px auto; padding:0 20px; background:#fff; color:#000; }\n .about-line{ color: #02998a; display: inline-block; font-size: 2em; font-weight: bold; transform: scaleX(2) }\n .about-label{ font-size:30px; display:inline-block; }\n .about-text{ font-size:25px; margin-top:20px; display:block; }\n\n \/* CARDS *\/\n .cards{ display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--gap); width:var(--page-width); margin:60px auto;}\n .card{ position:relative; height:400px; border-radius:var(--radius); overflow:hidden; display:block; color:#000;}\n .card__bg{ position:absolute; inset:0; background-size:cover; background-position:center; filter:brightness(0.8); }\n .card__overlay1{ position:absolute; inset:0; background:linear-gradient(90deg,#66FF99,#5CFA9F,#52F5A6,#48F0AC,#3EEBB3,#34E6B9,#39E0C0,#3EDAC6,#43D4CC,#48CED2,#4DC8D8,#54C2DD,#5BBCE3,#62B6E9,#69B0EF,#6FAAFF,#639EFF,#5792FF,#4B86FF,#3F7AFF); background-size:300% 100%; background-position:0% 50%; opacity:.5; transition:.5s; }\n .card__overlay2{ position:absolute; inset:0; background:linear-gradient(90deg,#FF4D4D,#FF5E4D,#FF6F4D,#FF804D,#FF914D,#FF9D42,#FFA93D,#FFB538,#FFC133,#FFCD2E,#FFD229,#FFD724,#FFDC1F,#FFE11A,#FFE615,#FFEB1A,#FFF020,#FFF52B,#FFF935,#FFFF40); background-size:300% 100%; background-position:0% 50%; opacity:.5; transition:.5s; }\n .card__overlay3{ position:absolute; inset:0; background:linear-gradient(90deg,#FF7F9F,#F979A8,#F273B1,#EB6DBA,#E467C3,#D56FC8,#C677CD,#B77FD2,#A887D7,#998FDC,#8899E1,#77A3E6,#66ADEB,#55B7F0,#44C1F5,#49B6F7,#4EABF9,#539FFB,#5894FD,#5D89FF); background-size:300% 100%; background-position:0% 50%; opacity:.5; transition:.5s; }\n .card__content{ position:relative; z-index:1; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:20px;}\n .card__title{ font-size:2rem; margin-bottom:14px; transition:.3s; color: black;}\n .card__desc{ font-size:1rem; line-height:1.4; opacity:0; transform:translateY(20px); transition:.5s; color: black;}\n\n .card:hover .card__overlay1{ opacity:.95; animation:gradient 20s ease-in-out infinite; }\n .card:hover .card__overlay2{ opacity:.95; animation:gradient 20s ease-in-out infinite; }\n .card:hover .card__overlay3{ opacity:.95; animation:gradient 20s ease-in-out infinite; }\n .card:hover .card__title{ transform:translateY(-20px); }\n .card:hover .card__desc{ opacity:1; transform:translateY(0); }\n\n @keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}\n\n .card--1 .card__overlay{ background-position:0% 50%; }\n .card--2 .card__overlay{ background-position:50% 50%; }\n .card--3 .card__overlay{ background-position:100% 50%; }\n\n \/* CTA *\/\n .cta{ width:var(--page-width); margin:60px auto; position:relative; }\n .cta__img{ width:100%; height:400px; object-fit:cover; border-radius:var(--radius); }\n .cta__panel{ position:absolute; top:65%; left:25px; transform:translateY(-50%); background:#fff; padding:40px; border-radius:var(--radius); max-width:700px; color:#000; }\n .cta__title{ font-size:1.7rem; margin-bottom:10px; }\n .cta__lead{ font-size:1.2rem; margin-bottom:20px; }\n .btn--cta{ background:#fff; color:#000; }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"wc\"><span class=\"wc__bar\"><\/span><span class=\"wc__word is-visible\">Performance.<\/span><span class=\"wc__word\">Fokus.<\/span><span class=\"wc__word\">Effizienz.<\/span><span class=\"wc__word\">Innovation.<\/span><span class=\"wc__word\">Resonanz.<\/span><\/div>\n\n <div class=\"hero-copy__eyebrow\">Starke Kommunikation braucht<\/div>\n <div class=\"hero-copy__title\">Ihr Erfolg beginnt hier.<\/div>\n <div class=\"hero-copy__lead\">L\u00f6sungen mit klarem Fokus auf Wirkung f\u00fcr mehr Response, h\u00f6here Conversion und messbaren Erfolg.<\/div>\n <a class=\"btn btn--hero\" style=\"text-decoration: none;\" href=\"https:\/\/hr.jupdialog.de\/?page_id=143\">Kontakt aufnehmen<\/a>\n\n <div class=\"video-hero\"><video src=\"https:\/\/hr.jupdialog.de\/wp-content\/uploads\/2025\/08\/video.mp4\" autoplay muted loop playsinline preload=\"auto\"><\/video><\/div>\n\n <div class=\"about\"><span class=\"about-line\">|<\/span><span class=\"about-label\">\u00dcber uns<\/span><div class=\"about-text\"> \n Seit vielen Jahren stehen wir f\u00fcr zuverl\u00e4ssige L\u00f6sungen und partnerschaftliche<br>\n Zusammenarbeit im Dialogmarketing. Unser Team aus erfahrenen<br> \n Spezialistinnen und Spezialisten, begleitet Sie von der ersten Idee bis zur Umsetzung<br>\n immer mit dem Anspruch, individuelle und wirkungsvolle Kampagnen zu realisieren.<br>\nQualit\u00e4t, Termintreue und eine pers\u00f6nliche Betreuung sind f\u00fcr uns selbstverst\u00e4ndlich.<br>\nDabei setzen wir auf innovative Technologien und legen gro\u00dfen Wert auf Transparenz \n<br>sowie nachhaltiges Handeln.<br>\n\nAls erfahrene Dialogmarketing-Agentur unterst\u00fctzen wir Unternehmen dabei, nachhaltige<br> \nKundenbeziehungen aufzubauen und zu pflegen. Mit ma\u00dfgeschneiderten Mailings,<br> innovativen Crossmedia-Kampagnen und zielgerichteter Kommunikation<br>\nsorgen wir daf\u00fcr, dass Ihre Botschaft garantiert ankommt.<br><br>\nJ\u00e4hrlich drucken und versenden wir \u00fcber 1,2 Millionen Mailings und <br>\nverarbeiten dabei mehr als 60 Tonnen Papier.<br>\nIm vergangenen Jahr haben wir rund 350 erfolgreiche Kampagnen realisiert und <br>\nsetzen konsequent auf CO\u2082-reduzierten Druck sowie zertifizierte Recyclingmaterialien.<br> So verbinden wir Effizienz und Qualit\u00e4t mit einem verantwortungsvollen Umgang mit<br> Ressourcen\nund bieten Ihnen nachhaltige L\u00f6sungen, auf die Sie sich verlassen k\u00f6nnen. <\/div><\/div>\n\n <div class=\"cards\">\n <a class=\"card card--1\" style=\"text-decoration: none;\" href=\"https:\/\/hr.jupdialog.de\/?page_id=139\">\n <div class=\"card__bg\" style=\"background-image:url('.\/Bilder\/it.jpg')\"><\/div>\n <div class=\"card__overlay1\"><\/div>\n <div class=\"card__content\"><span class=\"card__title\">IT<\/span><span class=\"card__desc\">Ob personalisierte Mailings, Selfmailer oder Direktbeschriftung.<br> Wir kombinieren modernste Technik mit langj\u00e4hriger Erfahrung.<br> So entstehen Druckl\u00f6sungen in Top-Qualit\u00e4t - <br> flexibel, zuverl\u00e4ssig und exakt auf Ihre Bed\u00fcrfnisse zugeschnitten.<\/span><\/div>\n <\/a>\n <a class=\"card card--2\" style=\"text-decoration: none;\" href=\"https:\/\/hr.jupdialog.de\/?page_id=141\">\n <div class=\"card__bg\" style=\"background-image:url('.\/Bilder\/print.jpg')\"><\/div>\n <div class=\"card__overlay2\"><\/div>\n <div class=\"card__content\"><span class=\"card__title\">PRINT<\/span><span class=\"card__desc\">Ob personalisierte Mailings, Selfmailer oder Direktbeschriftung.<br> Wir kombinieren modernste Technik mit langj\u00e4hriger Erfahrung.<br> So entstehen Druckl\u00f6sungen in Top-Qualit\u00e4t - <br> flexibel, zuverl\u00e4ssig und exakt auf Ihre Bed\u00fcrfnisse zugeschnitten.<\/span><\/div>\n <\/a>\n <a class=\"card card--3\" style=\"text-decoration: none;\" href=\"https:\/\/hr.jupdialog.de\/?page_id=142\">\n <div class=\"card__bg\" style=\"background-image:url('.\/Bilder\/lettershop.jpg')\"><\/div>\n <div class=\"card__overlay3\"><\/div>\n <div class=\"card__content\"><span class=\"card__title\">LETTERSHOP<\/span><span class=\"card__desc\">Von maschineller Kuvertierung \u00fcber den Versand.<br> Von Briefwahlunterlagen bis hin zum Full-Service-Fulfillment.<br> Wir garantieren h\u00f6hste Genauigkeit, l\u00fcckenlose Kontrolle und eine<br> Reibungslose Abwicklung alles aus einer Hand und stets termintreu.<\/span><\/div>\n <\/a>\n <\/div>\n\n <div class=\"cta\">\n <img decoding=\"async\" class=\"cta__img\" src=\"https:\/\/hr.jupdialog.de\/wp-content\/uploads\/2025\/10\/Karte-scaled.jpg\" alt=\"Karte\">\n <div class=\"cta__panel\">\n <div class=\"cta__title\">Haben wir Ihr Interesse geweckt?<\/div>\n <div class=\"cta__lead\">Dann nehmen Sie gerne Kontakt<br>\n mit uns auf. Wir beraten Sie pers\u00f6nlich <br>und finden gemeinsam\n die passende L\u00f6sung.<\/div>\n <a class=\"btn btn--cta\" style=\"text-decoration: none;\" href=\"Link4\">Kontakt aufnehmen<\/a>\n <\/div>\n <\/div>\n\n <script>\n const bar=document.querySelector('.wc__bar');const words=[...document.querySelectorAll('.wc__word')];let i=0;function showWord(x){words.forEach((w,j)=>w.classList.toggle('is-visible',j===x))}function onEnd(el,prop='width'){return new Promise(r=>{const fn=e=>{if(e.propertyName===prop){el.removeEventListener('transitionend',fn);r()}};el.addEventListener('transitionend',fn)})}async function cycle(){bar.style.width='240px';await onEnd(bar,'width');i=(i+1)%words.length;showWord(i);bar.style.width='2px';await onEnd(bar,'width');setTimeout(cycle,400)}showWord(0);setTimeout(cycle,200);\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5fa0934 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"5fa0934\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n <meta charset=\"UTF-8\">\n <title>Zentrierte Bilder-Tabelle<\/title>\n <style>\n .bildreihe {\n display: flex;\n justify-content: center; \/* Bilder horizontal zentrieren *\/\n align-items: center; \/* Vertikal zentriert, falls Containerh\u00f6he gesetzt *\/\n gap: 150px; \/* Abstand zwischen den Bildern *\/\n max-height: 400px; \/* Maximale H\u00f6he f\u00fcr die gesamte Reihe *\/\n margin: 40px auto;\n }\n .bildreihe img {\n max-height: 100px; \/* Maximale Bildh\u00f6he *\/\n max-width: 100%; \/* Bild wird nicht breiter als Container *\/\n object-fit: contain; \/* Kein Verzerren *\/\n border-radius: 0px;\n }\n \n @media (max-width: 700px) {\n .bildreihe {\n flex-direction: column;\n gap: 16px;\n max-height: none;\n }\n .bildreihe img {\n max-width: 98%;\n margin: 0 auto;\n }\n }\n \n .about{ width:var(--page-width); margin:60px auto; padding:0 20px; background:#fff; color:#000; font}\n .about-line{ color: #02998a; display: inline-block; font-size: 2em; font-weight: bold; transform: scaleX(2) }\n .about-label{ font-size:30px; display:inline-block; }\n \n <\/style>\n<\/head>\n<body>\n \n <div class=\"about-line\">|<\/div>\n \n <div class=\"about-label\">Unsere Partner<\/div>\n \n <div class=\"bildreihe\">\n <img decoding=\"async\" src=\"https:\/\/hr.jupdialog.de\/wp-content\/uploads\/2025\/07\/Deutsche_Post-300x66-1.png\" alt=\"Bild 1\">\n <img decoding=\"async\" src=\"https:\/\/hr.jupdialog.de\/wp-content\/uploads\/2025\/07\/LogoGrill-Druckerei400px.png\" alt=\"Bild 2\">\n <\/div>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dfe0c0d e-flex e-con-boxed e-con e-parent\" data-id=\"dfe0c0d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Start Performance.Fokus.Effizienz.Innovation.Resonanz. Starke Kommunikation braucht Ihr Erfolg beginnt hier. L\u00f6sungen mit klarem Fokus auf Wirkung f\u00fcr mehr Response, h\u00f6here Conversion […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-140","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hr.jupdialog.de\/index.php?rest_route=\/wp\/v2\/pages\/140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hr.jupdialog.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hr.jupdialog.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hr.jupdialog.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hr.jupdialog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=140"}],"version-history":[{"count":503,"href":"https:\/\/hr.jupdialog.de\/index.php?rest_route=\/wp\/v2\/pages\/140\/revisions"}],"predecessor-version":[{"id":1064,"href":"https:\/\/hr.jupdialog.de\/index.php?rest_route=\/wp\/v2\/pages\/140\/revisions\/1064"}],"wp:attachment":[{"href":"https:\/\/hr.jupdialog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}