HVB \u00d7 Stepstone | Employer Branding Strategie 2026<\/title>\n <style>\n @font-face{font-family:'Relative Pro';src:url('https:\/\/www.stepstone.de\/sharedassets\/@stepstone-genesis\/fonts\/core\/Relative-Book-Pro.woff2') format('woff2');font-weight:400;font-style:normal;}\n @font-face{font-family:'Relative Medium';src:url('https:\/\/www.stepstone.de\/sharedassets\/@stepstone-genesis\/fonts\/core\/Relative-Medium-Pro.woff2') format('woff2');font-weight:500;font-style:normal;}\n @font-face{font-family:'Relative Pro Bold';src:url('https:\/\/www.stepstone.de\/sharedassets\/@stepstone-genesis\/fonts\/core\/Relative-Bold-Pro.woff2') format('woff2');font-weight:700;font-style:normal;}\n\n :root{\n --stst-teal:#0099b0;\n --stst-teal-d:#00798b;\n --stst-peach:#ff9e8c;\n --stst-g1:#5bdce3;\n --stst-g2:#f0e7da;\n --stst-g3:#ffb0a1;\n --frame:3px;\n --radius:16px;\n --text:#0B1F3A;\n --muted:#5B6472;\n --bg:#F6F7F9;\n --card:#ffffff;\n --border:1px solid rgba(16,42,74,.12);\n --shadow:0 10px 24px rgba(11,31,58,.08);\n --container:1120px;\n --shadow-in:0 10px 20px rgba(11,31,58,.06);\n --ok-bg:rgba(0,153,176,.08);\n --ok-br:rgba(0,153,176,.18);\n --warn-bg:rgba(255,158,140,.14);\n --warn-br:rgba(245,99,99,.20);\n --line:rgba(16,42,74,.10);\n --f1:#f7b5bf;\n --f2:#ee8395;\n --f3:#d73f5c;\n --f4:#9a0f25;\n }\n\n *{box-sizing:border-box}\n html{scroll-behavior:smooth}\n body{margin:0;font-family:'Relative Pro',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#fff 0%,#fbfbfc 40%,var(--bg) 100%);line-height:1.55}\n img{max-width:100%;display:block}\n .container{max-width:var(--container);margin:0 auto;padding:0 20px}\n section{padding:22px 0}\n .grid{display:grid;gap:14px}\n .grid-2{grid-template-columns:1fr 1fr}\n .grid-3{grid-template-columns:repeat(3,1fr)}\n .grid-4{grid-template-columns:repeat(4,1fr)}\n @media (max-width:980px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}\n\n .card{background:var(--card);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}\n .card.frame{border:var(--frame) solid transparent !important;border-radius:calc(var(--radius) + var(--frame));background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,var(--stst-g1),var(--stst-g2),var(--stst-g3)) border-box;box-shadow:var(--shadow-in) inset !important}\n\n h1,h2,h3,h4{margin:0 0 10px 0;line-height:1.15}\n h1{font-family:'Relative Pro Bold',sans-serif;font-size:clamp(2rem,3.2vw,2.8rem)}\n h2{font-family:'Relative Pro Bold',sans-serif;font-size:clamp(1.35rem,2.2vw,1.75rem)}\n h3{font-family:'Relative Pro Bold',sans-serif;font-size:1.08rem}\n h4{font-family:'Relative Pro Bold',sans-serif;font-size:1rem}\n p{margin:0 0 12px 0;color:rgba(11,31,58,.95)}\n .muted{color:var(--muted)}\n .tiny{font-size:.86rem}\n .small{font-size:.98rem}\n .divider{height:1px;background:rgba(16,42,74,.10);margin:16px 0}\n\n .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--stst-teal);color:#fff;padding:13px 16px;border-radius:999px;text-decoration:none;font-family:'Relative Pro Bold',sans-serif;border:1px solid rgba(0,0,0,0);transition:transform .12s ease, background .12s ease, box-shadow .12s ease;box-shadow:0 10px 22px rgba(0,153,176,.20);cursor:pointer}\n .btn:hover{background:var(--stst-teal-d);transform:translateY(-1px)}\n .btn.secondary{background:var(--stst-peach);box-shadow:none;color:#fff}\n .btn.ghost{background:#fff;color:var(--text);border:1px solid rgba(16,42,74,.12);box-shadow:none}\n\n .pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(11,31,58,.04);color:rgba(11,31,58,.92);font-family:'Relative Medium',sans-serif;font-size:.92rem;border:1px solid rgba(16,42,74,.10);white-space:nowrap}\n .pill.ok{background:var(--ok-bg);border:1px solid var(--ok-br)}\n .pill.warn{background:var(--warn-bg);border:1px solid var(--warn-br)}\n\n .hero{padding:18px 0 14px}\n .hero-inner{padding:22px}\n .hero-bg{border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,255,255,.96)),radial-gradient(900px 520px at 15% 10%, rgba(0,153,176,.10), rgba(255,255,255,0) 55%),url('https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/chs_hvb_hub_header-scaled.jpg') right center\/cover no-repeat}\n .hero-content{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start}\n @media (max-width:980px){.hero-content{grid-template-columns:1fr}}\n .hero h1,.hero p,.hero .pill{color:var(--text)}\n .kpi{padding:14px;border-radius:14px;border:1px solid rgba(11,31,58,.10);background:rgba(255,255,255,.88)}\n .kpi strong{display:block;font-family:'Relative Pro Bold',sans-serif;font-size:1.02rem}\n .kpi span{color:var(--muted);font-size:.92rem}\n .price{font-family:'Relative Pro Bold',sans-serif;font-size:1.85rem;margin:10px 0 0;color:var(--text)}\n .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}\n\n details.module{border-radius:var(--radius);border:1px solid rgba(16,42,74,.10);background:#fff;overflow:hidden;box-shadow:var(--shadow)}\n details.module + details.module{margin-top:12px}\n summary{list-style:none;cursor:pointer;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(180deg, rgba(11,31,58,.02), rgba(11,31,58,0))}\n summary::-webkit-details-marker{display:none}\n .module-left{display:flex;align-items:center;gap:12px}\n .icon{width:44px;height:44px;border-radius:14px;background:rgba(0,153,176,.08);border:1px solid rgba(0,153,176,.18);display:grid;place-items:center;flex:0 0 auto}\n .icon svg{width:22px;height:22px;fill:var(--text);opacity:.95}\n .module-title{display:flex;flex-direction:column;gap:2px}\n .module-title strong{font-family:'Relative Pro Bold',sans-serif;font-size:1.02rem}\n .module-title span{color:var(--muted);font-size:.92rem}\n .chev{width:38px;height:38px;border-radius:999px;background:rgba(11,31,58,.06);border:1px solid rgba(11,31,58,.10);display:grid;place-items:center;transition:transform .18s ease;color:var(--text)}\n details[open] summary .chev{transform:rotate(180deg)}\n .module-body{padding:0 16px 16px}\n .split-funnel{display:grid;grid-template-columns:1fr 320px;gap:12px;align-items:stretch;margin-top:6px}\n @media (max-width:980px){.split-funnel{grid-template-columns:1fr}}\n .module-panel{border-radius:14px;border:1px solid rgba(16,42,74,.10);background:rgba(246,247,249,.55);padding:14px}\n ul.bullets{margin:10px 0 0 0;padding-left:20px;list-style:disc}\n ul.bullets li{margin:7px 0;color:rgba(11,31,58,.95);font-size:.98rem}\n .mini-table{border:1px solid rgba(16,42,74,.10);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.92)}\n .mini-row{display:flex;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid rgba(16,42,74,.08);font-size:.98rem}\n .mini-row:last-child{border-bottom:none}\n .mini-row strong{font-family:'Relative Pro Bold',sans-serif}\n\n .funnel-card{border-radius:14px;border:1px solid rgba(16,42,74,.10);background:linear-gradient(180deg,#fff,#fff8fa);padding:16px;display:grid;gap:10px;align-content:center;min-height:260px;overflow:hidden}\n .mini-stage{position:relative;height:58px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Relative Pro Bold',sans-serif;border-radius:12px;opacity:.28;padding:0 10px;text-align:center}\n .mini-stage.active{opacity:1;box-shadow:0 12px 24px rgba(179,17,43,.15)}\n .mini-stage.aw{width:100%;margin:0 auto;background:linear-gradient(90deg,var(--f1),var(--f2));clip-path:polygon(4% 0,96% 0,92% 100%,8% 100%)}\n .mini-stage.ac{width:82%;margin:0 auto;background:linear-gradient(90deg,var(--f2),var(--f3));clip-path:polygon(4% 0,96% 0,92% 100%,8% 100%)}\n .mini-stage.ap{width:64%;margin:0 auto;background:linear-gradient(90deg,var(--f3),var(--f4));clip-path:polygon(6% 0,94% 0,94% 100%,6% 100%)}\n .mini-label{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#fff;color:var(--text);border-radius:999px;padding:3px 8px;font-size:11px;border:1px solid rgba(16,42,74,.10)}\n .mockup-box{border:1px dashed #d8dce6;border-radius:18px;background:linear-gradient(180deg,#f8faff 0%,#eef2fa 100%);min-height:240px;padding:18px;display:grid;place-items:center;overflow:hidden}\n .mockup-box img{width:100%;max-height:420px;object-fit:contain;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.12)}\n\n .gantt-wrap,.builder-wrap{padding:16px}\n .gantt-head,.builder-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}\n .gantt{border:1px solid rgba(16,42,74,.10);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.92)}\n .months{display:grid;grid-template-columns:220px repeat(8,1fr);min-width:980px}\n .m-label{padding:10px 10px;font-family:'Relative Medium',sans-serif;font-size:.9rem;border-bottom:1px solid rgba(16,42,74,.08);background:rgba(246,247,249,.75)}\n .row-label{padding:10px 10px;font-family:'Relative Medium',sans-serif;font-size:.92rem;border-bottom:1px solid rgba(16,42,74,.08);background:rgba(255,255,255,.95)}\n .cell{position:relative;min-height:48px;border-left:1px solid rgba(16,42,74,.06);border-bottom:1px solid rgba(16,42,74,.08);background:#fff}\n .dot{width:8px;height:8px;border-radius:999px;box-shadow:0 10px 20px rgba(11,31,58,.14);flex:0 0 auto}\n .dot.es{background:rgba(11,31,58,.85)}\n .dots{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);display:flex;gap:6px;align-items:center;z-index:2;max-width:calc(100% - 12px);white-space:nowrap}\n .dots .extra{font-size:.72rem;color:var(--muted);font-family:'Relative Medium',sans-serif;line-height:1}\n .bar{position:absolute;left:10px;right:10px;top:68%;transform:translateY(-50%);height:10px;border-radius:999px;box-shadow:0 10px 20px rgba(11,31,58,.12);opacity:.95;z-index:1}\n .bar.hub{background:rgba(0,93,169,.30)}\n .bar.follow{background:rgba(200,16,46,.24)}\n .bar.audio{background:rgba(123,31,162,.32)}\n .bar.ctv{background:rgba(245,99,99,.28)}\n .bar.olv{background:rgba(255,176,161,.42)}\n .bar.dooh{background:rgba(0,153,176,.30)}\n .scroll-x{overflow:auto;-webkit-overflow-scrolling:touch}\n\n .summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}\n @media (max-width:980px){.summary-grid{grid-template-columns:1fr 1fr}}\n @media (max-width:640px){.summary-grid{grid-template-columns:1fr}}\n .summary-box{border:1px solid rgba(16,42,74,.10);border-radius:14px;background:#fff;padding:14px}\n .summary-box .label{display:block;color:var(--muted);font-size:.92rem;margin-bottom:6px;font-family:'Relative Medium',sans-serif}\n .summary-box .value{font-family:'Relative Pro Bold',sans-serif;font-size:1.35rem;line-height:1.1}\n .progress{width:100%;height:14px;border-radius:999px;background:rgba(11,31,58,.08);overflow:hidden;margin-top:14px;border:1px solid rgba(16,42,74,.08)}\n .progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--stst-teal),var(--stst-peach));transition:width .25s ease}\n .builder-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px;align-items:start}\n @media (max-width:980px){.builder-grid{grid-template-columns:1fr}}\n .selector-list{display:grid;gap:12px}\n .selector-card{border:1px solid rgba(16,42,74,.10);border-radius:14px;background:#fff;padding:14px}\n .selector-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px}\n @media (max-width:720px){.selector-top{flex-direction:column}}\n .selector-title strong{display:block;font-family:'Relative Pro Bold',sans-serif;font-size:1.02rem;margin-bottom:2px}\n .selector-title span{color:var(--muted);font-size:.92rem}\n .selector-price{text-align:right;white-space:nowrap;font-family:'Relative Pro Bold',sans-serif;font-size:1rem}\n @media (max-width:720px){.selector-price{text-align:left}}\n .selector-controls{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-top:12px}\n @media (max-width:720px){.selector-controls{grid-template-columns:1fr}}\n .field label{display:block;font-family:'Relative Medium',sans-serif;font-size:.92rem;color:var(--muted);margin-bottom:7px}\n .select{width:100%;appearance:none;border:1px solid rgba(16,42,74,.14);background:#fff;border-radius:12px;padding:12px 14px;font:inherit;color:var(--text);outline:none}\n .line-total{min-width:200px;border:1px solid rgba(16,42,74,.10);background:rgba(246,247,249,.8);border-radius:12px;padding:12px 14px}\n .line-total .lt-label{display:block;color:var(--muted);font-size:.86rem;margin-bottom:4px}\n .line-total .lt-value{font-family:'Relative Pro Bold',sans-serif;font-size:1rem}\n .order-box{position:sticky;top:20px;border:1px solid rgba(16,42,74,.10);border-radius:16px;background:#fff;padding:16px;box-shadow:var(--shadow)}\n .order-list{display:grid;gap:10px;margin-top:12px}\n .order-item{border:1px solid rgba(16,42,74,.10);border-radius:12px;background:rgba(246,247,249,.65);padding:12px}\n .order-item-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:4px}\n .order-item strong{font-family:'Relative Pro Bold',sans-serif;display:block}\n .order-item .meta{color:var(--muted);font-size:.9rem}\n .empty-state{border:1px dashed rgba(16,42,74,.18);border-radius:12px;padding:14px;color:var(--muted);background:rgba(246,247,249,.5)}\n .status-box{margin-top:14px;border-radius:14px;padding:14px;border:1px solid var(--ok-br);background:var(--ok-bg)}\n .status-box.warn{border-color:var(--warn-br);background:var(--warn-bg)}\n .foot{padding:22px 0 36px}\n .fineprint{border-top:1px solid rgba(16,42,74,.10);padding-top:14px;color:rgba(11,31,58,.75);font-size:.88rem}\n <\/style>\n<\/head>\n<body>\n <section class=\"hero\">\n <div class=\"container\">\n <div class=\"card hero-bg frame\">\n <div class=\"hero-inner\">\n <div class=\"hero-content\">\n <div>\n <div style=\"display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px\">\n <span class=\"pill\"><strong>HVB aka UniCredit<\/strong><\/span>\n <span class=\"pill\">Employer Branding Strategie 2026<\/span>\n <\/div>\n <h1>Wir machen aus Awareness nachhaltig Bewerbungen.<\/h1>\n <p class=\"muted\">Die Strategie verbindet Company Hub, e-Shots, Audio, Follow Ad Pro, CTV, OLV und Digital Out of Home zu einem abgestimmten Full-Funnel-Setup von Mai bis Dezember 2026.<\/p>\n <div class=\"cta-row\">\n <a class=\"btn\" href=\"#loesungen\">L\u00f6sungen ansehen<\/a>\n <a class=\"btn secondary\" href=\"#planung\">Live-Gantt & Kalkulator<\/a>\n <\/div>\n <\/div>\n <div class=\"grid\" style=\"gap:12px\">\n <div class=\"kpi\">\n <strong>Erwarteter Overstock<\/strong>\n <span>bei gleichbleibendem Schaltungsverhalten<\/span>\n <div class=\"price\" id=\"heroBudgetHb\">484.415,05 \u20ac<\/div>\n <\/div>\n <div class=\"kpi\">\n <strong>Customer Invest<\/strong>\n <span>entspricht dem erwarteten Overstock<\/span>\n <div class=\"price\" id=\"heroBudgetInvest\">153.013,77 \u20ac<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"container\">\n <div class=\"grid grid-2\">\n <div class=\"card frame\" style=\"padding:16px\">\n <h2>Die Entscheidung zur Bewerbung entsteht nicht erst bei der Stellenanzeige.<\/h2>\n <p class=\"muted\">Sie entsteht aus der Summe aller Kontakte mit der Brand \u2013 von Awareness \u00fcber Aktivierung bis zum Bewerbungsimpuls.<\/p>\n <div class=\"split-funnel\" style=\"margin-top:10px;grid-template-columns:280px 1fr\">\n <div class=\"funnel-card\">\n <div class=\"mini-stage aw active\">Awareness<\/div>\n <div class=\"mini-stage ac active\">Aktivierung<\/div>\n <div class=\"mini-stage ap active\">Bewerbung<\/div>\n <\/div>\n <div class=\"module-panel\">\n <ul class=\"bullets\">\n <li>Nachhaltige Bewerbungen entstehen nicht nur im Lower Funnel.<\/li>\n <li>Obere Funnelphasen m\u00fcssen gezielt verbreitert und aufgeladen werden.<\/li>\n <li>Der Company Hub ist die inhaltliche Klammer f\u00fcr alle Ma\u00dfnahmen.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card frame\" style=\"padding:16px\">\n <h2>Kurzer Recap<\/h2>\n <div class=\"module-panel\" style=\"margin-top:8px\">\n <h3>e-Shots<\/h3>\n <div class=\"mini-table\">\n <div class=\"mini-row\"><span>46<\/span><strong>e-Shots<\/strong><\/div>\n <div class=\"mini-row\"><span>39.987<\/span><strong>Mails versendet<\/strong><\/div>\n <div class=\"mini-row\"><span>2.285<\/span><strong>Klicks<\/strong><\/div>\n <div class=\"mini-row\"><span>381<\/span><strong>gestartete Bewerbungen<\/strong><\/div>\n <\/div>\n <\/div>\n <div class=\"module-panel\" style=\"margin-top:12px\">\n <h3>Company Hub<\/h3>\n <p class=\"muted small\">Die starke Destination f\u00fcr Employer Branding, Trust, Content und Jobs.<\/p>\n <div class=\"mockup-box\" style=\"min-height:220px;margin-top:12px\"><img decoding=\"async\" src=\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_CHP.png\" alt=\"HVB Company Hub Mockup\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"loesungen\">\n <div class=\"container\">\n <div style=\"display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px;flex-wrap:wrap\">\n <div>\n <h2>Die Bausteine f\u00fcr HVB aka UniCredit<\/h2>\n <p class=\"muted\" style=\"margin:0\">Struktur wie bisher, im Stil der T\u00dcV-Rheinland-Seite.<\/p>\n <\/div>\n <\/div>\n\n <details class=\"module\" open>\n <summary>\n <div class=\"module-left\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 22V2h14l2 2v18H4zm2-2h12V5.83L17.17 4H6v16zm2-2h8v-2H8v2zm0-4h8v-2H8v2zm0-4h8V8H8v2z\"\/><\/svg><\/div>\n <div class=\"module-title\"><strong>Company Hub Content Day<\/strong><span>14.999 \u20ac Invest \u00b7 Content-Produktion f\u00fcr Hub, Video-Stellenanzeigen und Social Assets<\/span><\/div>\n <\/div>\n <div class=\"chev\">\u2304<\/div>\n <\/summary>\n <div class=\"module-body\">\n <div class=\"split-funnel\">\n <div class=\"module-panel\">\n <p>Der Content Day f\u00fcllt den Company Hub schnell mit hochwertigem Material und schafft Assets f\u00fcr Awareness und Aktivierung.<\/p>\n <ul class=\"bullets\">\n <li>1x Header Video<\/li>\n <li>3x Video-Stellenanzeigen<\/li>\n <li>3x Social Formate<\/li>\n <li>15x Fotos in Webqualit\u00e4t<\/li>\n <\/ul>\n <div class=\"divider\"><\/div>\n <div class=\"mockup-box\"><img decoding=\"async\" src=\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/6cfeae94-a60a-4f0d-a34d-4ed210ef2a69.png\" alt=\"Content Day Mockup\"><\/div>\n <\/div>\n <div class=\"funnel-card\">\n <div class=\"mini-stage aw active\">Awareness<\/div>\n <div class=\"mini-stage ac active\">Aktivierung <span class=\"mini-label\">Content<\/span><\/div>\n <div class=\"mini-stage ap\">Bewerbung<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/details>\n\n <details class=\"module\">\n <summary>\n <div class=\"module-left\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 5h16a2 2 0 0 1 2 2v3H2V7a2 2 0 0 1 2-2zm-2 7h22v5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-5zm6 2v3h2v-3H8zm4 0v3h6v-3h-6z\"\/><\/svg><\/div>\n <div class=\"module-title\"><strong>Follow Ad Pro<\/strong><span>12.999 \u20ac Invest pro Flight \u00b7 Display-Retargeting auf Partner-Websites<\/span><\/div>\n <\/div>\n <div class=\"chev\">\u2304<\/div>\n <\/summary>\n <div class=\"module-body\">\n <div class=\"split-funnel\">\n <div class=\"module-panel\">\n <p>Follow Ad Pro bringt Zielgruppen nach Video- oder Jobkontakt zur\u00fcck auf Landing Page oder Company Hub.<\/p>\n <ul class=\"bullets\">\n <li>Wiedererkennung nach vorherigen Kontakten<\/li>\n <li>Co-Branding mit Stepstone<\/li>\n <li>Effizienter Mid-\/Lower-Funnel-Layer<\/li>\n <\/ul>\n <div class=\"divider\"><\/div>\n <div class=\"mockup-box\"><img decoding=\"async\" src=\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_DisplayAd.png\" alt=\"HVB Follow Ad Mockup\"><\/div>\n <\/div>\n <div class=\"funnel-card\">\n <div class=\"mini-stage aw\">Awareness<\/div>\n <div class=\"mini-stage ac active\">Aktivierung <span class=\"mini-label\">Follow Ad<\/span><\/div>\n <div class=\"mini-stage ap active\">Bewerbung<\/div>\n <\/div>\n <\/div>\n <div class=\"grid grid-2\" style=\"margin-top:12px\">\n <div class=\"module-panel\">\n <h3>CTV<\/h3>\n <p class=\"muted small\">CTV er\u00f6ffnet die Kette im Upper Funnel. \u00dcber IP-\/Haushaltslogik k\u00f6nnen Haushalte, die den Spot gesehen haben, im n\u00e4chsten Schritt via OLV erneut angesprochen werden.<\/p>\n <div class=\"mini-table\" style=\"margin-top:12px\">\n <div class=\"mini-row\"><span>30s<\/span><strong>Non-skippable<\/strong><\/div>\n <div class=\"mini-row\"><span>Big Screen<\/span><strong>Premium-Umfeld<\/strong><\/div>\n <div class=\"mini-row\"><span>Broad Targeting<\/span><strong>Awareness-Aufbau<\/strong><\/div>\n <div class=\"mini-row\"><span>Sequenziell<\/span><strong>Startpunkt f\u00fcr OLV<\/strong><\/div>\n <\/div>\n <div class=\"divider\"><\/div>\n <div class=\"split-funnel\" style=\"grid-template-columns:1fr 240px\">\n <div class=\"mockup-box\" style=\"min-height:220px\"><img decoding=\"async\" src=\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/CTV_Mock_HVB-1.png\" alt=\"CTV Platzhalter\"><\/div>\n <div class=\"funnel-card\" style=\"min-height:220px\">\n <div class=\"mini-stage aw active\">Awareness <span class=\"mini-label\">CTV<\/span><\/div>\n <div class=\"mini-stage ac\">Aktivierung<\/div>\n <div class=\"mini-stage ap\">Bewerbung<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"module-panel\">\n <h3>OLV<\/h3>\n <p class=\"muted small\">OLV verl\u00e4ngert den CTV-Kontakt auf Plattformen wie Kicker, Welt.de oder weiteren Videoplayern. Wer OLV sieht, kann anschlie\u00dfend per Follow Ad Pro erkannt und zur Landing Page gef\u00fchrt werden.<\/p>\n <div class=\"mini-table\" style=\"margin-top:12px\">\n <div class=\"mini-row\"><span>15s<\/span><strong>In-Stream<\/strong><\/div>\n <div class=\"mini-row\"><span>Alle Devices<\/span><strong>Premium Player<\/strong><\/div>\n <div class=\"mini-row\"><span>CTV-Viewer<\/span><strong>Anschlusszielgruppe<\/strong><\/div>\n <div class=\"mini-row\"><span>Bridge<\/span><strong>zu Follow Ad<\/strong><\/div>\n <\/div>\n <div class=\"divider\"><\/div>\n <div class=\"split-funnel\" style=\"grid-template-columns:1fr 240px\">\n <div class=\"mockup-box\" style=\"min-height:220px\"><img decoding=\"async\" src=\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/OLV-Mock-HVB.png\" alt=\"OLV Platzhalter\"><\/div>\n <div class=\"funnel-card\" style=\"min-height:220px\">\n <div class=\"mini-stage aw active\">Awareness<\/div>\n <div class=\"mini-stage ac active\">Aktivierung <span class=\"mini-label\">OLV<\/span><\/div>\n <div class=\"mini-stage ap\">Bewerbung<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/details>\n\n <details class=\"module\">\n <summary>\n <div class=\"module-left\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3a9 9 0 1 0 .001 18.001A9 9 0 0 0 12 3zm4.2 13.1a.9.9 0 0 1-1.24.3c-2.38-1.45-5.37-1.78-8.89-.99a.9.9 0 0 1-.39-1.76c3.98-.89 7.42-.49 10.18 1.18.43.26.57.82.33 1.27l-.32 0z\"\/><\/svg><\/div>\n <div class=\"module-title\"><strong>Audio Ad<\/strong><span>7.499 \u20ac Invest pro Monat \u00b7 Awareness- und Aktivierungsschub im Alltag<\/span><\/div>\n <\/div>\n <div class=\"chev\">\u2304<\/div>\n <\/summary>\n <div class=\"module-body\">\n <div class=\"split-funnel\">\n <div class=\"module-panel\">\n <p>Audio erreicht passive Zielgruppen in Alltagsmomenten und schafft Wiedererkennung au\u00dferhalb des aktiven Suchkontexts.<\/p>\n <ul class=\"bullets\">\n <li>Regionale und interessenbasierte Aussteuerung<\/li>\n <li>Ideal als Always-on-Layer<\/li>\n <li>Gut kombinierbar mit Hub, e-Shots und Retargeting<\/li>\n <\/ul>\n <div class=\"divider\"><\/div>\n <div class=\"mockup-box\"><img decoding=\"async\" src=\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVBAudio_Mock.png\" alt=\"HVB Audio Mockup\"><\/div>\n <\/div>\n <div class=\"funnel-card\">\n <div class=\"mini-stage aw active\">Awareness<\/div>\n <div class=\"mini-stage ac active\">Aktivierung <span class=\"mini-label\">Audio<\/span><\/div>\n <div class=\"mini-stage ap\">Bewerbung<\/div>\n <\/div>\n <\/div>\n <div class=\"module-panel\" style=\"margin-top:12px\">\n <h3>Audio Ad Premium mit AdsWizz & AudioMatic<\/h3>\n <p class=\"muted small\">Erweiterte Reichweite \u00fcber zus\u00e4tzliche Audio- und Podcast-Inventare wie SoundCloud und Podcast-Umfelder \u2013 zwischen Awareness und Aktivierung.<\/p>\n <\/div>\n <\/div>\n <\/details>\n\n <details class=\"module\">\n <summary>\n <div class=\"module-left\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2 2 7l10 5 10-5-10-5Zm0 7.2L5.1 7 12 3.8 18.9 7 12 9.2ZM4 10.5l8 4 8-4V17l-8 4-8-4v-6.5Z\"\/><\/svg><\/div>\n <div class=\"module-title\"><strong>Digital Out of Home<\/strong><span>50.000 \u20ac Invest \u00b7 genauer Preis projektabh\u00e4ngig \u00b7 Pr\u00e4senz in urbanen und Pendler-Umfeldern<\/span><\/div>\n <\/div>\n <div class=\"chev\">\u2304<\/div>\n <\/summary>\n <div class=\"module-body\">\n <div class=\"split-funnel\">\n <div class=\"module-panel\">\n <p>DOOH sorgt f\u00fcr gro\u00dfe Sichtbarkeit im Alltag der Zielgruppe und bereitet Suchvolumen, Brand Recall und sp\u00e4tere Aktivierungsma\u00dfnahmen vor.<\/p>\n <ul class=\"bullets\">\n <li>Reichweitenstarke Screens im \u00f6ffentlichen Raum<\/li>\n <li>Besonders stark in Pendlerumfeldern<\/li>\n <li>Klarer Upper-Funnel-Boost<\/li>\n <\/ul>\n <div class=\"divider\"><\/div>\n <div class=\"mockup-box\"><img decoding=\"async\" src=\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_DOOH.png\" alt=\"HVB DOOH Mockup\"><\/div>\n <\/div>\n <div class=\"funnel-card\" style=\"min-height:300px\">\n <div class=\"mini-stage aw active\">Awareness <span class=\"mini-label\">DOOH<\/span><\/div>\n <div class=\"mini-stage ac\">Aktivierung<\/div>\n <div class=\"mini-stage ap\">Bewerbung<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/details>\n <\/div>\n <\/section>\n\n <section id=\"planung\">\n <div class=\"container\">\n <div class=\"gantt-head\">\n <div>\n <h2>Live-Gantt & Kalkulation<\/h2>\n <p class=\"muted\" style=\"margin:0\">Die Auswahl im Kalkulator steuert das Gantt direkt. Produkte werden von Mai bis Dezember automatisch von links nach rechts eingetragen.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"card frame gantt-wrap\">\n <div class=\"gantt-head\">\n <h3 style=\"margin:0\">8-Monats-Gantt<\/h3>\n <span class=\"pill\" id=\"planLabel\">Aktiv: HVB aka UniCredit \u00d7 Stepstone (Mai\u2013Dez)<\/span>\n <\/div>\n <div class=\"scroll-x\">\n <div class=\"gantt\">\n <div class=\"months\" id=\"ganttGrid\"><\/div>\n <\/div>\n <\/div>\n <div class=\"divider\"><\/div>\n <div class=\"tiny muted\" id=\"ganttHint\">Leselogik: Striche = Laufzeit\/Flight, Punkte = e-Shots. e-Shots werden mit bis zu 4 Dots pro Monat visualisiert.<\/div>\n <\/div>\n\n <div class=\"card frame builder-wrap\" style=\"margin-top:14px\">\n <div class=\"builder-head\">\n <div>\n <h3 style=\"margin-bottom:6px\">Interaktive Projektkonfiguration<\/h3>\n <p class=\"muted\" style=\"margin:0\">Verf\u00fcgbare Vertragsbasis: 1.172.912,00 \u20ac HB. Umrechnung auf Basis von 68,4% Rabatt. Der Kalkulator zeigt Invest und HB-\u00c4quivalent je Auswahl.<\/p>\n <div id=\"targetBudgetHeadline\" style=\"margin-top:12px;font-family:'Relative Pro Bold',sans-serif;font-size:1.35rem;line-height:1.2;color:#0B1F3A;\">Bei gleichbleibendem Schaltungsverhalten bleibt ein Rest von ca. 484.415,05 \u20ac HB (153.013,77 \u20ac Customer Invest).<\/div>\n <\/div>\n <div style=\"display:flex;gap:10px;flex-wrap:wrap\">\n <span class=\"pill ok\" id=\"statusPill\">Budget im Rahmen<\/span>\n <button class=\"btn ghost\" id=\"resetBtn\" type=\"button\">Auswahl zur\u00fccksetzen<\/button>\n <\/div>\n <\/div>\n\n <div class=\"summary-grid\">\n <div class=\"summary-box\"><span class=\"label\">Erwarteter Overstock HB<\/span><div class=\"value\" id=\"budgetTotalHb\">484.415,05 \u20ac<\/div><\/div>\n <div class=\"summary-box\"><span class=\"label\">Erwarteter Overstock Invest<\/span><div class=\"value\" id=\"budgetTotalInvest\">153.013,77 \u20ac<\/div><\/div>\n <div class=\"summary-box\"><span class=\"label\">Geplant Invest<\/span><div class=\"value\" id=\"budgetUsedInvest\">0,00 \u20ac<\/div><\/div>\n <div class=\"summary-box\"><span class=\"label\">Geplant HB<\/span><div class=\"value\" id=\"budgetUsedHb\">0,00 \u20ac<\/div><\/div>\n <div class=\"summary-box\"><span class=\"label\">Ausgew\u00e4hlte Positionen<\/span><div class=\"value\" id=\"budgetItems\">0<\/div><\/div>\n <\/div>\n\n <div class=\"progress\"><div class=\"progress-bar\" id=\"budgetProgress\"><\/div><\/div>\n <div class=\"tiny muted\" id=\"budgetSummaryText\" style=\"margin-top:10px\">Noch keine Produkte ausgew\u00e4hlt.<\/div>\n\n <div class=\"builder-grid\">\n <div><div class=\"selector-list\" id=\"selectorList\"><\/div><\/div>\n <div>\n <div class=\"order-box\">\n <h3 style=\"margin-bottom:6px\">Bestell\u00fcbersicht<\/h3>\n <p class=\"muted small\">Alle ausgew\u00e4hlten Produkte mit Menge, Invest und HB-\u00c4quivalent auf einen Blick.<\/p>\n <div class=\"order-list\" id=\"orderList\"><div class=\"empty-state\">Aktuell sind noch keine Produkte ausgew\u00e4hlt.<\/div><\/div>\n <div class=\"divider\"><\/div>\n <div class=\"mini-table\">\n <div class=\"mini-row\"><span>Verf\u00fcgbar HB<\/span><strong id=\"sidebarTotalHb\">1.172.912,00 \u20ac<\/strong><\/div>\n <div class=\"mini-row\"><span>Geplant HB<\/span><strong id=\"sidebarUsedHb\">0,00 \u20ac<\/strong><\/div>\n <div class=\"mini-row\"><span>Geplant Invest<\/span><strong id=\"sidebarUsedInvest\">0,00 \u20ac<\/strong><\/div>\n <div class=\"mini-row\"><span>Rest HB<\/span><strong id=\"sidebarLeftHb\">1.172.912,00 \u20ac<\/strong><\/div>\n <div class=\"mini-row\"><span>Rest Invest<\/span><strong id=\"sidebarLeftInvest\">370.640,19 \u20ac<\/strong><\/div>\n <\/div>\n <div class=\"status-box\" id=\"statusBox\">\n <strong id=\"statusHeadline\">Budget im Rahmen<\/strong>\n <p class=\"small\" id=\"statusText\" style=\"margin:6px 0 0 0\">Die aktuelle Produktauswahl liegt innerhalb des verf\u00fcgbaren Vertragsvolumens.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"foot\">\n <div class=\"container\">\n <div class=\"fineprint\"><strong>HVB aka UniCredit \u00d7 Stepstone<\/strong> \u00b7 Pitchseite im T\u00dcV-Rheinland-Look mit interaktivem Kalkulator und live gesteuertem Gantt.<\/div>\n <\/div>\n <\/section>\n\n <script>\n const DISCOUNT = 0.684;\n const FACTOR = 1 \/ (1 - DISCOUNT); \/\/ Invest -> HB\n const TOTAL_HB = 1172912.00;\n const TOTAL_INVEST = TOTAL_HB \/ FACTOR;\n const TARGET_REST_HB = 484415.05;\n const TARGET_REST_INVEST = 153013.77;\n const TARGET_USED_HB = TARGET_REST_HB;\n const TARGET_USED_INVEST = TARGET_REST_INVEST;\n const STORAGE_KEY = 'hvb_pitch_builder_v1';\n const MONTHS = [5,6,7,8,9,10,11,12];\n const MONTH_LABELS = ['Mai','Jun','Jul','Aug','Sep','Okt','Nov','Dez'];\n\n const products = [\n { id:'company_hub', name:'Company Hub', subtitle:'Always-on Destination', invest:0, priceLabel:'schon enthalten', stepLabel:'Anzahl', min:0, max:1, defaultQty:1, type:'bar', row:'Company Hub', className:'hub' },\n { id:'content_day', name:'Company Hub Content Day', subtitle:'Einmalige Content-Produktion', invest:14999, priceLabel:'14.999\u20ac Invest = 31.642,41 \u20ac HB', stepLabel:'Anzahl', min:0, max:1, defaultQty:0, type:'none' },\n { id:'follow_ad', name:'Follow Ad Pro', subtitle:'Flight-basierte Aktivierung', invest:12999, priceLabel:'12.999 \u20ac Invest = 41.136,08 \u20ac HB', stepLabel:'Anzahl Flights', min:0, max:8, defaultQty:2, type:'bar', row:'Follow Ad Pro', className:'follow' },\n { id:'audio', name:'Audio Ad', subtitle:'Always-on \/ Flight', invest:7499, priceLabel:'7.499 \u20ac Invest = 23.730,95 \u20ac HB', stepLabel:'Anzahl Monate', min:0, max:8, defaultQty:5, type:'bar', row:'Audio Ad', className:'audio' },\n { id:'ctv', name:'CTV', subtitle:'Awareness auf Big Screen', invest:60000, priceLabel:'60.000 \u20ac Invest = 189.873,42 \u20ac HB', stepLabel:'Anzahl Monate', min:0, max:8, defaultQty:0, type:'bar', row:'CTV', className:'ctv' },\n { id:'olv', name:'OLV', subtitle:'Awareness bis Aktivierung', invest:15000, priceLabel:'15.000 \u20ac Invest = 47.468,35 \u20ac HB', stepLabel:'Anzahl Monate', min:0, max:8, defaultQty:0, type:'bar', row:'OLV', className:'olv' },\n { id:'dooh', name:'Digital Out of Home', subtitle:'Awareness im \u00f6ffentlichen Raum \u00b7 genauer Preis projektabh\u00e4ngig', invest:50000, priceLabel:'50.000 \u20ac Invest = 158.227,85 \u20ac HB \u00b7 genauer Preis projektabh\u00e4ngig', stepLabel:'Anzahl Monate', min:0, max:8, defaultQty:0, type:'bar', row:'Digital Out of Home', className:'dooh' },\n { id:'eshot', name:'e-Shots', subtitle:'Max. 4 Dots pro Monat', invest:1499, priceLabel:'1.499 \u20ac Invest = 4.743,67 \u20ac HB', stepLabel:'Anzahl Kampagnen', min:0, max:40, defaultQty:8, type:'dots', row:'e-Shots', className:'es' }\n ];\n\n function formatEUR(value){\n return value.toLocaleString('de-DE',{minimumFractionDigits:2,maximumFractionDigits:2}) + ' \u20ac';\n }\n function clamp(value,min,max){ return Math.max(min, Math.min(max, value)); }\n function hbFromInvest(invest){ return invest * FACTOR; }\n function investFromHb(hb){ return hb \/ FACTOR; }\n\n function defaultSelections(){\n const out = {};\n products.forEach(p => out[p.id] = p.defaultQty);\n return out;\n }\n\n function readSelections(){\n try{\n const raw = localStorage.getItem(STORAGE_KEY);\n if(!raw) return defaultSelections();\n const parsed = JSON.parse(raw);\n const out = {};\n products.forEach(p => out[p.id] = clamp(parseInt(parsed[p.id] ?? p.defaultQty, 10) || 0, p.min, p.max));\n return out;\n }catch(e){\n return defaultSelections();\n }\n }\n\n function saveSelections(selections){\n localStorage.setItem(STORAGE_KEY, JSON.stringify(selections));\n }\n\n function renderSelectors(selections){\n const host = document.getElementById('selectorList');\n host.innerHTML = '';\n products.forEach(product => {\n const opts = Array.from({length: product.max - product.min + 1}, (_,i) => {\n const value = i + product.min;\n return `<option value=\"${value}\" ${value === selections[product.id] ? 'selected' : ''}>${value}<\/option>`;\n }).join('');\n const card = document.createElement('div');\n card.className = 'selector-card';\n card.innerHTML = `\n <div class=\"selector-top\">\n <div class=\"selector-title\">\n <strong>${product.name}<\/strong>\n <span>${product.subtitle}<\/span>\n <\/div>\n <div class=\"selector-price\">${product.priceLabel}<\/div>\n <\/div>\n <div class=\"selector-controls\">\n <div class=\"field\">\n <label for=\"qty_${product.id}\">${product.stepLabel}<\/label>\n <select class=\"select qty-select\" id=\"qty_${product.id}\" data-id=\"${product.id}\">${opts}<\/select>\n <\/div>\n <div class=\"line-total\">\n <span class=\"lt-label\">Gesamtwert<\/span>\n <span class=\"lt-value\" id=\"line_${product.id}\">0,00 \u20ac<\/span>\n <\/div>\n <\/div>\n `;\n host.appendChild(card);\n });\n document.querySelectorAll('.qty-select').forEach(el => el.addEventListener('change', updateAll));\n }\n\n function getSelections(){\n const out = {};\n products.forEach(p => out[p.id] = clamp(parseInt(document.getElementById('qty_' + p.id).value, 10) || 0, p.min, p.max));\n return out;\n }\n\n function buildRows(selections){\n const rows = [\n { name:'Company Hub', barByMonth:{}, dotsByMonth:{} },\n { name:'e-Shots', barByMonth:{}, dotsByMonth:{} },\n { name:'Audio Ad', barByMonth:{}, dotsByMonth:{} },\n { name:'Follow Ad Pro', barByMonth:{}, dotsByMonth:{} },\n { name:'CTV', barByMonth:{}, dotsByMonth:{} },\n { name:'OLV', barByMonth:{}, dotsByMonth:{} },\n { name:'Digital Out of Home', barByMonth:{}, dotsByMonth:{} }\n ];\n const byName = Object.fromEntries(rows.map(r => [r.name, r]));\n\n if(selections.company_hub > 0){ MONTHS.forEach(m => byName['Company Hub'].barByMonth[m] = 'hub'); }\n ['audio','follow_ad','ctv','olv','dooh'].forEach(id => {\n const p = products.find(x => x.id === id);\n for(let i = 0; i < selections[id]; i++){\n const month = MONTHS[i];\n if(month) byName[p.row].barByMonth[month] = p.className;\n }\n });\n\n let remainingShots = selections.eshot;\n MONTHS.forEach(m => {\n const count = Math.min(4, remainingShots);\n if(count > 0){\n byName['e-Shots'].dotsByMonth[m] = Array.from({length: count}, () => 'es');\n }\n remainingShots -= count;\n });\n if(remainingShots > 0){\n byName['e-Shots'].dotsByMonth[12] = (byName['e-Shots'].dotsByMonth[12] || []).concat(Array.from({length: remainingShots}, () => 'es'));\n }\n return rows;\n }\n\n function makeCell({dots = [], bar = null} = {}){\n const cell = document.createElement('div');\n cell.className = 'cell';\n if(bar){\n const b = document.createElement('div');\n b.className = 'bar ' + bar;\n cell.appendChild(b);\n }\n if(dots.length){\n const wrap = document.createElement('div');\n wrap.className = 'dots';\n dots.slice(0,4).forEach(t => {\n const d = document.createElement('div');\n d.className = 'dot ' + t;\n wrap.appendChild(d);\n });\n if(dots.length > 4){\n const extra = document.createElement('span');\n extra.className = 'extra';\n extra.textContent = '+' + (dots.length - 4);\n wrap.appendChild(extra);\n }\n cell.appendChild(wrap);\n }\n return cell;\n }\n\n function renderGantt(selections){\n const grid = document.getElementById('ganttGrid');\n grid.innerHTML = '';\n const corner = document.createElement('div');\n corner.className = 'm-label';\n corner.textContent = 'Produkt';\n grid.appendChild(corner);\n MONTH_LABELS.forEach(label => {\n const el = document.createElement('div');\n el.className = 'm-label';\n el.textContent = label;\n grid.appendChild(el);\n });\n buildRows(selections).forEach(row => {\n const label = document.createElement('div');\n label.className = 'row-label';\n label.textContent = row.name;\n grid.appendChild(label);\n MONTHS.forEach(month => {\n grid.appendChild(makeCell({ dots: row.dotsByMonth[month] || [], bar: row.barByMonth[month] || null }));\n });\n });\n }\n\n function updateAll(){\n const selections = getSelections();\n saveSelections(selections);\n renderGantt(selections);\n\n const details = products.map(p => {\n const qty = selections[p.id] || 0;\n const investTotal = qty * p.invest;\n const hbTotal = hbFromInvest(investTotal);\n return {...p, qty, investTotal, hbTotal};\n });\n\n const selected = details.filter(d => d.qty > 0);\n const usedInvest = selected.reduce((sum, item) => sum + item.investTotal, 0);\n const usedHb = selected.reduce((sum, item) => sum + item.hbTotal, 0);\n const leftHb = TOTAL_HB - usedHb;\n const leftInvest = TOTAL_INVEST - usedInvest;\n const itemCount = selected.reduce((sum, item) => sum + item.qty, 0);\n const percent = Math.max(0, Math.min((usedInvest \/ TARGET_USED_INVEST) * 100, 100));\n\n details.forEach(item => {\n const line = document.getElementById('line_' + item.id);\n if(line) line.textContent = `${formatEUR(item.investTotal)} \u00b7 ${formatEUR(item.hbTotal)} HB`;\n });\n\n document.getElementById('budgetTotalHb').textContent = formatEUR(TARGET_REST_HB);\n document.getElementById('budgetTotalInvest').textContent = formatEUR(TARGET_REST_INVEST);\n document.getElementById('budgetUsedInvest').textContent = formatEUR(usedInvest);\n document.getElementById('budgetUsedHb').textContent = formatEUR(usedHb);\n document.getElementById('budgetItems').textContent = itemCount.toLocaleString('de-DE');\n document.getElementById('sidebarTotalHb').textContent = formatEUR(TOTAL_HB);\n document.getElementById('sidebarUsedHb').textContent = formatEUR(usedHb);\n document.getElementById('sidebarUsedInvest').textContent = formatEUR(usedInvest);\n document.getElementById('sidebarLeftHb').textContent = formatEUR(leftHb);\n document.getElementById('sidebarLeftInvest').textContent = formatEUR(leftInvest);\n document.getElementById('budgetProgress').style.width = percent + '%';\n const targetHeadline = document.getElementById('targetBudgetHeadline');\n if (usedInvest <= TARGET_USED_INVEST) {\n targetHeadline.style.color = '#0a8f5a';\n } else {\n targetHeadline.style.color = '#c8102e';\n }\n\n const summary = itemCount === 0\n ? `Noch keine Produkte ausgew\u00e4hlt. Zielrahmen: ${formatEUR(TARGET_USED_INVEST)} Invest bzw. ${formatEUR(TARGET_USED_HB)} HB.`\n : `Aktuell ausgew\u00e4hlt: ${itemCount.toLocaleString('de-DE')} Positionen mit ${formatEUR(usedInvest)} Invest bzw. ${formatEUR(usedHb)} HB. Der Fortschrittsbalken bezieht sich auf den Zielrahmen von ${formatEUR(TARGET_USED_INVEST)} Invest.`;\n document.getElementById('budgetSummaryText').textContent = summary;\n\n const orderList = document.getElementById('orderList');\n if(!selected.length){\n orderList.innerHTML = '<div class=\"empty-state\">Aktuell sind noch keine Produkte ausgew\u00e4hlt.<\/div>';\n } else {\n orderList.innerHTML = selected.map(item => `\n <div class=\"order-item\">\n <div class=\"order-item-top\">\n <div>\n <strong>${item.name}<\/strong>\n <div class=\"meta\">${item.qty} \u00d7 ${formatEUR(item.invest)} Invest<\/div>\n <\/div>\n <strong>${formatEUR(item.hbTotal)} HB<\/strong>\n <\/div>\n <div class=\"meta\">Invest gesamt: ${formatEUR(item.investTotal)}<\/div>\n <\/div>\n `).join('');\n }\n\n const statusBox = document.getElementById('statusBox');\n const statusHeadline = document.getElementById('statusHeadline');\n const statusText = document.getElementById('statusText');\n const statusPill = document.getElementById('statusPill');\n if(usedHb === 0){\n statusBox.className = 'status-box';\n statusHeadline.textContent = 'Noch keine Auswahl getroffen';\n statusText.textContent = 'W\u00e4hlen Sie Produkte und Mengen aus. Das Gantt f\u00fcllt sich automatisch von Mai bis Dezember.';\n statusPill.className = 'pill';\n statusPill.textContent = 'Noch ohne Auswahl';\n } else if(leftHb >= 0){\n statusBox.className = 'status-box';\n statusHeadline.textContent = 'Budget im Rahmen';\n statusText.textContent = `Die aktuelle Auswahl liegt innerhalb des Vertragsvolumens. Gegen den Zielrahmen verbleiben ${formatEUR(TARGET_USED_INVEST - usedInvest)} Invest bis zur Zielmarke; insgesamt verf\u00fcgbar bleiben ${formatEUR(leftHb)} HB bzw. ${formatEUR(leftInvest)} Invest.`;\n statusPill.className = 'pill ok';\n statusPill.textContent = 'Budget im Rahmen';\n } else {\n statusBox.className = 'status-box warn';\n statusHeadline.textContent = 'Budget \u00fcberschritten';\n statusText.textContent = `Die aktuelle Auswahl \u00fcberschreitet den Zielrahmen um ${formatEUR(Math.abs(TARGET_USED_INVEST - usedInvest))} Invest und das verf\u00fcgbare Volumen um ${formatEUR(Math.abs(leftHb))} HB.`;\n statusPill.className = 'pill warn';\n statusPill.textContent = 'Budget \u00fcberschritten';\n }\n }\n\n function resetSelections(){\n const defaults = defaultSelections();\n products.forEach(p => document.getElementById('qty_' + p.id).value = defaults[p.id]);\n updateAll();\n }\n\n const initialSelections = readSelections();\n renderSelectors(initialSelections);\n document.getElementById('heroBudgetHb').textContent = formatEUR(TARGET_REST_HB);\n document.getElementById('heroBudgetInvest').textContent = formatEUR(TARGET_REST_INVEST);\n document.getElementById('resetBtn').addEventListener('click', resetSelections);\n updateAll();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>HVB \u00d7 Stepstone | Employer Branding Strategie 2026 HVB aka UniCredit Employer Branding Strategie 2026 Wir machen aus Awareness nachhaltig Bewerbungen. Die Strategie verbindet Company Hub, e-Shots, Audio, Follow Ad Pro, CTV, OLV und Digital Out of Home zu einem abgestimmten Full-Funnel-Setup von Mai bis Dezember 2026. L\u00f6sungen ansehen Live-Gantt & Kalkulator Erwarteter Overstock bei […]<\/p>\n","protected":false},"author":54,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24867","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Unicredit strategy 31123 - DE B2C<\/title>\n<meta name=\"robots\" content=\"index, nofollow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Unicredit strategy 31123\" \/>\n<meta property=\"og:description\" content=\"HVB \u00d7 Stepstone | Employer Branding Strategie 2026 HVB aka UniCredit Employer Branding Strategie 2026 Wir machen aus Awareness nachhaltig Bewerbungen. Die Strategie verbindet Company Hub, e-Shots, Audio, Follow Ad Pro, CTV, OLV und Digital Out of Home zu einem abgestimmten Full-Funnel-Setup von Mai bis Dezember 2026. L\u00f6sungen ansehen Live-Gantt & Kalkulator Erwarteter Overstock bei […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/\" \/>\n<meta property=\"og:site_name\" content=\"DE B2C\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-27T10:39:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_CHP.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/\",\"url\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/\",\"name\":\"Unicredit strategy 31123 - DE B2C\",\"isPartOf\":{\"@id\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_CHP.png\",\"datePublished\":\"2026-03-10T13:54:35+00:00\",\"dateModified\":\"2026-03-27T10:39:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/#primaryimage\",\"url\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_CHP.png\",\"contentUrl\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_CHP.png\",\"width\":848,\"height\":811},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Unicredit strategy 31123\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/#website\",\"url\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/\",\"name\":\"DE B2C\",\"description\":\"Just another WordPress site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Unicredit strategy 31123 - DE B2C","robots":{"index":"index","follow":"nofollow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/","og_locale":"en_US","og_type":"article","og_title":"Unicredit strategy 31123","og_description":"HVB \u00d7 Stepstone | Employer Branding Strategie 2026 HVB aka UniCredit Employer Branding Strategie 2026 Wir machen aus Awareness nachhaltig Bewerbungen. Die Strategie verbindet Company Hub, e-Shots, Audio, Follow Ad Pro, CTV, OLV und Digital Out of Home zu einem abgestimmten Full-Funnel-Setup von Mai bis Dezember 2026. L\u00f6sungen ansehen Live-Gantt & Kalkulator Erwarteter Overstock bei […]","og_url":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/","og_site_name":"DE B2C","article_modified_time":"2026-03-27T10:39:50+00:00","og_image":[{"url":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_CHP.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/","url":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/","name":"Unicredit strategy 31123 - DE B2C","isPartOf":{"@id":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/#primaryimage"},"image":{"@id":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/#primaryimage"},"thumbnailUrl":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_CHP.png","datePublished":"2026-03-10T13:54:35+00:00","dateModified":"2026-03-27T10:39:50+00:00","breadcrumb":{"@id":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/#primaryimage","url":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_CHP.png","contentUrl":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_CHP.png","width":848,"height":811},{"@type":"BreadcrumbList","@id":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/"},{"@type":"ListItem","position":2,"name":"Unicredit strategy 31123"}]},{"@type":"WebSite","@id":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/#website","url":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/","name":"DE B2C","description":"Just another WordPress site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-json\/wp\/v2\/pages\/24867"}],"collection":[{"href":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-json\/wp\/v2\/comments?post=24867"}],"version-history":[{"count":16,"href":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-json\/wp\/v2\/pages\/24867\/revisions"}],"predecessor-version":[{"id":25322,"href":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-json\/wp\/v2\/pages\/24867\/revisions\/25322"}],"wp:attachment":[{"href":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-json\/wp\/v2\/media?parent=24867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":24867,"date":"2026-03-10T13:54:35","date_gmt":"2026-03-10T13:54:35","guid":{"rendered":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/?page_id=24867"},"modified":"2026-03-27T10:39:50","modified_gmt":"2026-03-27T10:39:50","slug":"unicredit-strategy","status":"publish","type":"page","link":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/","title":{"rendered":"Unicredit strategy 31123"},"content":{"rendered":"\n\n\n\n \n \n HVB \u00d7 Stepstone | Employer Branding Strategie 2026<\/title>\n <style>\n @font-face{font-family:'Relative Pro';src:url('https:\/\/www.stepstone.de\/sharedassets\/@stepstone-genesis\/fonts\/core\/Relative-Book-Pro.woff2') format('woff2');font-weight:400;font-style:normal;}\n @font-face{font-family:'Relative Medium';src:url('https:\/\/www.stepstone.de\/sharedassets\/@stepstone-genesis\/fonts\/core\/Relative-Medium-Pro.woff2') format('woff2');font-weight:500;font-style:normal;}\n @font-face{font-family:'Relative Pro Bold';src:url('https:\/\/www.stepstone.de\/sharedassets\/@stepstone-genesis\/fonts\/core\/Relative-Bold-Pro.woff2') format('woff2');font-weight:700;font-style:normal;}\n\n :root{\n --stst-teal:#0099b0;\n --stst-teal-d:#00798b;\n --stst-peach:#ff9e8c;\n --stst-g1:#5bdce3;\n --stst-g2:#f0e7da;\n --stst-g3:#ffb0a1;\n --frame:3px;\n --radius:16px;\n --text:#0B1F3A;\n --muted:#5B6472;\n --bg:#F6F7F9;\n --card:#ffffff;\n --border:1px solid rgba(16,42,74,.12);\n --shadow:0 10px 24px rgba(11,31,58,.08);\n --container:1120px;\n --shadow-in:0 10px 20px rgba(11,31,58,.06);\n --ok-bg:rgba(0,153,176,.08);\n --ok-br:rgba(0,153,176,.18);\n --warn-bg:rgba(255,158,140,.14);\n --warn-br:rgba(245,99,99,.20);\n --line:rgba(16,42,74,.10);\n --f1:#f7b5bf;\n --f2:#ee8395;\n --f3:#d73f5c;\n --f4:#9a0f25;\n }\n\n *{box-sizing:border-box}\n html{scroll-behavior:smooth}\n body{margin:0;font-family:'Relative Pro',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#fff 0%,#fbfbfc 40%,var(--bg) 100%);line-height:1.55}\n img{max-width:100%;display:block}\n .container{max-width:var(--container);margin:0 auto;padding:0 20px}\n section{padding:22px 0}\n .grid{display:grid;gap:14px}\n .grid-2{grid-template-columns:1fr 1fr}\n .grid-3{grid-template-columns:repeat(3,1fr)}\n .grid-4{grid-template-columns:repeat(4,1fr)}\n @media (max-width:980px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}\n\n .card{background:var(--card);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}\n .card.frame{border:var(--frame) solid transparent !important;border-radius:calc(var(--radius) + var(--frame));background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,var(--stst-g1),var(--stst-g2),var(--stst-g3)) border-box;box-shadow:var(--shadow-in) inset !important}\n\n h1,h2,h3,h4{margin:0 0 10px 0;line-height:1.15}\n h1{font-family:'Relative Pro Bold',sans-serif;font-size:clamp(2rem,3.2vw,2.8rem)}\n h2{font-family:'Relative Pro Bold',sans-serif;font-size:clamp(1.35rem,2.2vw,1.75rem)}\n h3{font-family:'Relative Pro Bold',sans-serif;font-size:1.08rem}\n h4{font-family:'Relative Pro Bold',sans-serif;font-size:1rem}\n p{margin:0 0 12px 0;color:rgba(11,31,58,.95)}\n .muted{color:var(--muted)}\n .tiny{font-size:.86rem}\n .small{font-size:.98rem}\n .divider{height:1px;background:rgba(16,42,74,.10);margin:16px 0}\n\n .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--stst-teal);color:#fff;padding:13px 16px;border-radius:999px;text-decoration:none;font-family:'Relative Pro Bold',sans-serif;border:1px solid rgba(0,0,0,0);transition:transform .12s ease, background .12s ease, box-shadow .12s ease;box-shadow:0 10px 22px rgba(0,153,176,.20);cursor:pointer}\n .btn:hover{background:var(--stst-teal-d);transform:translateY(-1px)}\n .btn.secondary{background:var(--stst-peach);box-shadow:none;color:#fff}\n .btn.ghost{background:#fff;color:var(--text);border:1px solid rgba(16,42,74,.12);box-shadow:none}\n\n .pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(11,31,58,.04);color:rgba(11,31,58,.92);font-family:'Relative Medium',sans-serif;font-size:.92rem;border:1px solid rgba(16,42,74,.10);white-space:nowrap}\n .pill.ok{background:var(--ok-bg);border:1px solid var(--ok-br)}\n .pill.warn{background:var(--warn-bg);border:1px solid var(--warn-br)}\n\n .hero{padding:18px 0 14px}\n .hero-inner{padding:22px}\n .hero-bg{border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,255,255,.96)),radial-gradient(900px 520px at 15% 10%, rgba(0,153,176,.10), rgba(255,255,255,0) 55%),url('https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/chs_hvb_hub_header-scaled.jpg') right center\/cover no-repeat}\n .hero-content{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start}\n @media (max-width:980px){.hero-content{grid-template-columns:1fr}}\n .hero h1,.hero p,.hero .pill{color:var(--text)}\n .kpi{padding:14px;border-radius:14px;border:1px solid rgba(11,31,58,.10);background:rgba(255,255,255,.88)}\n .kpi strong{display:block;font-family:'Relative Pro Bold',sans-serif;font-size:1.02rem}\n .kpi span{color:var(--muted);font-size:.92rem}\n .price{font-family:'Relative Pro Bold',sans-serif;font-size:1.85rem;margin:10px 0 0;color:var(--text)}\n .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}\n\n details.module{border-radius:var(--radius);border:1px solid rgba(16,42,74,.10);background:#fff;overflow:hidden;box-shadow:var(--shadow)}\n details.module + details.module{margin-top:12px}\n summary{list-style:none;cursor:pointer;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(180deg, rgba(11,31,58,.02), rgba(11,31,58,0))}\n summary::-webkit-details-marker{display:none}\n .module-left{display:flex;align-items:center;gap:12px}\n .icon{width:44px;height:44px;border-radius:14px;background:rgba(0,153,176,.08);border:1px solid rgba(0,153,176,.18);display:grid;place-items:center;flex:0 0 auto}\n .icon svg{width:22px;height:22px;fill:var(--text);opacity:.95}\n .module-title{display:flex;flex-direction:column;gap:2px}\n .module-title strong{font-family:'Relative Pro Bold',sans-serif;font-size:1.02rem}\n .module-title span{color:var(--muted);font-size:.92rem}\n .chev{width:38px;height:38px;border-radius:999px;background:rgba(11,31,58,.06);border:1px solid rgba(11,31,58,.10);display:grid;place-items:center;transition:transform .18s ease;color:var(--text)}\n details[open] summary .chev{transform:rotate(180deg)}\n .module-body{padding:0 16px 16px}\n .split-funnel{display:grid;grid-template-columns:1fr 320px;gap:12px;align-items:stretch;margin-top:6px}\n @media (max-width:980px){.split-funnel{grid-template-columns:1fr}}\n .module-panel{border-radius:14px;border:1px solid rgba(16,42,74,.10);background:rgba(246,247,249,.55);padding:14px}\n ul.bullets{margin:10px 0 0 0;padding-left:20px;list-style:disc}\n ul.bullets li{margin:7px 0;color:rgba(11,31,58,.95);font-size:.98rem}\n .mini-table{border:1px solid rgba(16,42,74,.10);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.92)}\n .mini-row{display:flex;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid rgba(16,42,74,.08);font-size:.98rem}\n .mini-row:last-child{border-bottom:none}\n .mini-row strong{font-family:'Relative Pro Bold',sans-serif}\n\n .funnel-card{border-radius:14px;border:1px solid rgba(16,42,74,.10);background:linear-gradient(180deg,#fff,#fff8fa);padding:16px;display:grid;gap:10px;align-content:center;min-height:260px;overflow:hidden}\n .mini-stage{position:relative;height:58px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Relative Pro Bold',sans-serif;border-radius:12px;opacity:.28;padding:0 10px;text-align:center}\n .mini-stage.active{opacity:1;box-shadow:0 12px 24px rgba(179,17,43,.15)}\n .mini-stage.aw{width:100%;margin:0 auto;background:linear-gradient(90deg,var(--f1),var(--f2));clip-path:polygon(4% 0,96% 0,92% 100%,8% 100%)}\n .mini-stage.ac{width:82%;margin:0 auto;background:linear-gradient(90deg,var(--f2),var(--f3));clip-path:polygon(4% 0,96% 0,92% 100%,8% 100%)}\n .mini-stage.ap{width:64%;margin:0 auto;background:linear-gradient(90deg,var(--f3),var(--f4));clip-path:polygon(6% 0,94% 0,94% 100%,6% 100%)}\n .mini-label{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#fff;color:var(--text);border-radius:999px;padding:3px 8px;font-size:11px;border:1px solid rgba(16,42,74,.10)}\n .mockup-box{border:1px dashed #d8dce6;border-radius:18px;background:linear-gradient(180deg,#f8faff 0%,#eef2fa 100%);min-height:240px;padding:18px;display:grid;place-items:center;overflow:hidden}\n .mockup-box img{width:100%;max-height:420px;object-fit:contain;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.12)}\n\n .gantt-wrap,.builder-wrap{padding:16px}\n .gantt-head,.builder-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}\n .gantt{border:1px solid rgba(16,42,74,.10);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.92)}\n .months{display:grid;grid-template-columns:220px repeat(8,1fr);min-width:980px}\n .m-label{padding:10px 10px;font-family:'Relative Medium',sans-serif;font-size:.9rem;border-bottom:1px solid rgba(16,42,74,.08);background:rgba(246,247,249,.75)}\n .row-label{padding:10px 10px;font-family:'Relative Medium',sans-serif;font-size:.92rem;border-bottom:1px solid rgba(16,42,74,.08);background:rgba(255,255,255,.95)}\n .cell{position:relative;min-height:48px;border-left:1px solid rgba(16,42,74,.06);border-bottom:1px solid rgba(16,42,74,.08);background:#fff}\n .dot{width:8px;height:8px;border-radius:999px;box-shadow:0 10px 20px rgba(11,31,58,.14);flex:0 0 auto}\n .dot.es{background:rgba(11,31,58,.85)}\n .dots{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);display:flex;gap:6px;align-items:center;z-index:2;max-width:calc(100% - 12px);white-space:nowrap}\n .dots .extra{font-size:.72rem;color:var(--muted);font-family:'Relative Medium',sans-serif;line-height:1}\n .bar{position:absolute;left:10px;right:10px;top:68%;transform:translateY(-50%);height:10px;border-radius:999px;box-shadow:0 10px 20px rgba(11,31,58,.12);opacity:.95;z-index:1}\n .bar.hub{background:rgba(0,93,169,.30)}\n .bar.follow{background:rgba(200,16,46,.24)}\n .bar.audio{background:rgba(123,31,162,.32)}\n .bar.ctv{background:rgba(245,99,99,.28)}\n .bar.olv{background:rgba(255,176,161,.42)}\n .bar.dooh{background:rgba(0,153,176,.30)}\n .scroll-x{overflow:auto;-webkit-overflow-scrolling:touch}\n\n .summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}\n @media (max-width:980px){.summary-grid{grid-template-columns:1fr 1fr}}\n @media (max-width:640px){.summary-grid{grid-template-columns:1fr}}\n .summary-box{border:1px solid rgba(16,42,74,.10);border-radius:14px;background:#fff;padding:14px}\n .summary-box .label{display:block;color:var(--muted);font-size:.92rem;margin-bottom:6px;font-family:'Relative Medium',sans-serif}\n .summary-box .value{font-family:'Relative Pro Bold',sans-serif;font-size:1.35rem;line-height:1.1}\n .progress{width:100%;height:14px;border-radius:999px;background:rgba(11,31,58,.08);overflow:hidden;margin-top:14px;border:1px solid rgba(16,42,74,.08)}\n .progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--stst-teal),var(--stst-peach));transition:width .25s ease}\n .builder-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px;align-items:start}\n @media (max-width:980px){.builder-grid{grid-template-columns:1fr}}\n .selector-list{display:grid;gap:12px}\n .selector-card{border:1px solid rgba(16,42,74,.10);border-radius:14px;background:#fff;padding:14px}\n .selector-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px}\n @media (max-width:720px){.selector-top{flex-direction:column}}\n .selector-title strong{display:block;font-family:'Relative Pro Bold',sans-serif;font-size:1.02rem;margin-bottom:2px}\n .selector-title span{color:var(--muted);font-size:.92rem}\n .selector-price{text-align:right;white-space:nowrap;font-family:'Relative Pro Bold',sans-serif;font-size:1rem}\n @media (max-width:720px){.selector-price{text-align:left}}\n .selector-controls{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-top:12px}\n @media (max-width:720px){.selector-controls{grid-template-columns:1fr}}\n .field label{display:block;font-family:'Relative Medium',sans-serif;font-size:.92rem;color:var(--muted);margin-bottom:7px}\n .select{width:100%;appearance:none;border:1px solid rgba(16,42,74,.14);background:#fff;border-radius:12px;padding:12px 14px;font:inherit;color:var(--text);outline:none}\n .line-total{min-width:200px;border:1px solid rgba(16,42,74,.10);background:rgba(246,247,249,.8);border-radius:12px;padding:12px 14px}\n .line-total .lt-label{display:block;color:var(--muted);font-size:.86rem;margin-bottom:4px}\n .line-total .lt-value{font-family:'Relative Pro Bold',sans-serif;font-size:1rem}\n .order-box{position:sticky;top:20px;border:1px solid rgba(16,42,74,.10);border-radius:16px;background:#fff;padding:16px;box-shadow:var(--shadow)}\n .order-list{display:grid;gap:10px;margin-top:12px}\n .order-item{border:1px solid rgba(16,42,74,.10);border-radius:12px;background:rgba(246,247,249,.65);padding:12px}\n .order-item-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:4px}\n .order-item strong{font-family:'Relative Pro Bold',sans-serif;display:block}\n .order-item .meta{color:var(--muted);font-size:.9rem}\n .empty-state{border:1px dashed rgba(16,42,74,.18);border-radius:12px;padding:14px;color:var(--muted);background:rgba(246,247,249,.5)}\n .status-box{margin-top:14px;border-radius:14px;padding:14px;border:1px solid var(--ok-br);background:var(--ok-bg)}\n .status-box.warn{border-color:var(--warn-br);background:var(--warn-bg)}\n .foot{padding:22px 0 36px}\n .fineprint{border-top:1px solid rgba(16,42,74,.10);padding-top:14px;color:rgba(11,31,58,.75);font-size:.88rem}\n <\/style>\n<\/head>\n<body>\n <section class=\"hero\">\n <div class=\"container\">\n <div class=\"card hero-bg frame\">\n <div class=\"hero-inner\">\n <div class=\"hero-content\">\n <div>\n <div style=\"display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px\">\n <span class=\"pill\"><strong>HVB aka UniCredit<\/strong><\/span>\n <span class=\"pill\">Employer Branding Strategie 2026<\/span>\n <\/div>\n <h1>Wir machen aus Awareness nachhaltig Bewerbungen.<\/h1>\n <p class=\"muted\">Die Strategie verbindet Company Hub, e-Shots, Audio, Follow Ad Pro, CTV, OLV und Digital Out of Home zu einem abgestimmten Full-Funnel-Setup von Mai bis Dezember 2026.<\/p>\n <div class=\"cta-row\">\n <a class=\"btn\" href=\"#loesungen\">L\u00f6sungen ansehen<\/a>\n <a class=\"btn secondary\" href=\"#planung\">Live-Gantt & Kalkulator<\/a>\n <\/div>\n <\/div>\n <div class=\"grid\" style=\"gap:12px\">\n <div class=\"kpi\">\n <strong>Erwarteter Overstock<\/strong>\n <span>bei gleichbleibendem Schaltungsverhalten<\/span>\n <div class=\"price\" id=\"heroBudgetHb\">484.415,05 \u20ac<\/div>\n <\/div>\n <div class=\"kpi\">\n <strong>Customer Invest<\/strong>\n <span>entspricht dem erwarteten Overstock<\/span>\n <div class=\"price\" id=\"heroBudgetInvest\">153.013,77 \u20ac<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"container\">\n <div class=\"grid grid-2\">\n <div class=\"card frame\" style=\"padding:16px\">\n <h2>Die Entscheidung zur Bewerbung entsteht nicht erst bei der Stellenanzeige.<\/h2>\n <p class=\"muted\">Sie entsteht aus der Summe aller Kontakte mit der Brand \u2013 von Awareness \u00fcber Aktivierung bis zum Bewerbungsimpuls.<\/p>\n <div class=\"split-funnel\" style=\"margin-top:10px;grid-template-columns:280px 1fr\">\n <div class=\"funnel-card\">\n <div class=\"mini-stage aw active\">Awareness<\/div>\n <div class=\"mini-stage ac active\">Aktivierung<\/div>\n <div class=\"mini-stage ap active\">Bewerbung<\/div>\n <\/div>\n <div class=\"module-panel\">\n <ul class=\"bullets\">\n <li>Nachhaltige Bewerbungen entstehen nicht nur im Lower Funnel.<\/li>\n <li>Obere Funnelphasen m\u00fcssen gezielt verbreitert und aufgeladen werden.<\/li>\n <li>Der Company Hub ist die inhaltliche Klammer f\u00fcr alle Ma\u00dfnahmen.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card frame\" style=\"padding:16px\">\n <h2>Kurzer Recap<\/h2>\n <div class=\"module-panel\" style=\"margin-top:8px\">\n <h3>e-Shots<\/h3>\n <div class=\"mini-table\">\n <div class=\"mini-row\"><span>46<\/span><strong>e-Shots<\/strong><\/div>\n <div class=\"mini-row\"><span>39.987<\/span><strong>Mails versendet<\/strong><\/div>\n <div class=\"mini-row\"><span>2.285<\/span><strong>Klicks<\/strong><\/div>\n <div class=\"mini-row\"><span>381<\/span><strong>gestartete Bewerbungen<\/strong><\/div>\n <\/div>\n <\/div>\n <div class=\"module-panel\" style=\"margin-top:12px\">\n <h3>Company Hub<\/h3>\n <p class=\"muted small\">Die starke Destination f\u00fcr Employer Branding, Trust, Content und Jobs.<\/p>\n <div class=\"mockup-box\" style=\"min-height:220px;margin-top:12px\"><img decoding=\"async\" src=\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_CHP.png\" alt=\"HVB Company Hub Mockup\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"loesungen\">\n <div class=\"container\">\n <div style=\"display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px;flex-wrap:wrap\">\n <div>\n <h2>Die Bausteine f\u00fcr HVB aka UniCredit<\/h2>\n <p class=\"muted\" style=\"margin:0\">Struktur wie bisher, im Stil der T\u00dcV-Rheinland-Seite.<\/p>\n <\/div>\n <\/div>\n\n <details class=\"module\" open>\n <summary>\n <div class=\"module-left\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 22V2h14l2 2v18H4zm2-2h12V5.83L17.17 4H6v16zm2-2h8v-2H8v2zm0-4h8v-2H8v2zm0-4h8V8H8v2z\"\/><\/svg><\/div>\n <div class=\"module-title\"><strong>Company Hub Content Day<\/strong><span>14.999 \u20ac Invest \u00b7 Content-Produktion f\u00fcr Hub, Video-Stellenanzeigen und Social Assets<\/span><\/div>\n <\/div>\n <div class=\"chev\">\u2304<\/div>\n <\/summary>\n <div class=\"module-body\">\n <div class=\"split-funnel\">\n <div class=\"module-panel\">\n <p>Der Content Day f\u00fcllt den Company Hub schnell mit hochwertigem Material und schafft Assets f\u00fcr Awareness und Aktivierung.<\/p>\n <ul class=\"bullets\">\n <li>1x Header Video<\/li>\n <li>3x Video-Stellenanzeigen<\/li>\n <li>3x Social Formate<\/li>\n <li>15x Fotos in Webqualit\u00e4t<\/li>\n <\/ul>\n <div class=\"divider\"><\/div>\n <div class=\"mockup-box\"><img decoding=\"async\" src=\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/6cfeae94-a60a-4f0d-a34d-4ed210ef2a69.png\" alt=\"Content Day Mockup\"><\/div>\n <\/div>\n <div class=\"funnel-card\">\n <div class=\"mini-stage aw active\">Awareness<\/div>\n <div class=\"mini-stage ac active\">Aktivierung <span class=\"mini-label\">Content<\/span><\/div>\n <div class=\"mini-stage ap\">Bewerbung<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/details>\n\n <details class=\"module\">\n <summary>\n <div class=\"module-left\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 5h16a2 2 0 0 1 2 2v3H2V7a2 2 0 0 1 2-2zm-2 7h22v5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-5zm6 2v3h2v-3H8zm4 0v3h6v-3h-6z\"\/><\/svg><\/div>\n <div class=\"module-title\"><strong>Follow Ad Pro<\/strong><span>12.999 \u20ac Invest pro Flight \u00b7 Display-Retargeting auf Partner-Websites<\/span><\/div>\n <\/div>\n <div class=\"chev\">\u2304<\/div>\n <\/summary>\n <div class=\"module-body\">\n <div class=\"split-funnel\">\n <div class=\"module-panel\">\n <p>Follow Ad Pro bringt Zielgruppen nach Video- oder Jobkontakt zur\u00fcck auf Landing Page oder Company Hub.<\/p>\n <ul class=\"bullets\">\n <li>Wiedererkennung nach vorherigen Kontakten<\/li>\n <li>Co-Branding mit Stepstone<\/li>\n <li>Effizienter Mid-\/Lower-Funnel-Layer<\/li>\n <\/ul>\n <div class=\"divider\"><\/div>\n <div class=\"mockup-box\"><img decoding=\"async\" src=\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_DisplayAd.png\" alt=\"HVB Follow Ad Mockup\"><\/div>\n <\/div>\n <div class=\"funnel-card\">\n <div class=\"mini-stage aw\">Awareness<\/div>\n <div class=\"mini-stage ac active\">Aktivierung <span class=\"mini-label\">Follow Ad<\/span><\/div>\n <div class=\"mini-stage ap active\">Bewerbung<\/div>\n <\/div>\n <\/div>\n <div class=\"grid grid-2\" style=\"margin-top:12px\">\n <div class=\"module-panel\">\n <h3>CTV<\/h3>\n <p class=\"muted small\">CTV er\u00f6ffnet die Kette im Upper Funnel. \u00dcber IP-\/Haushaltslogik k\u00f6nnen Haushalte, die den Spot gesehen haben, im n\u00e4chsten Schritt via OLV erneut angesprochen werden.<\/p>\n <div class=\"mini-table\" style=\"margin-top:12px\">\n <div class=\"mini-row\"><span>30s<\/span><strong>Non-skippable<\/strong><\/div>\n <div class=\"mini-row\"><span>Big Screen<\/span><strong>Premium-Umfeld<\/strong><\/div>\n <div class=\"mini-row\"><span>Broad Targeting<\/span><strong>Awareness-Aufbau<\/strong><\/div>\n <div class=\"mini-row\"><span>Sequenziell<\/span><strong>Startpunkt f\u00fcr OLV<\/strong><\/div>\n <\/div>\n <div class=\"divider\"><\/div>\n <div class=\"split-funnel\" style=\"grid-template-columns:1fr 240px\">\n <div class=\"mockup-box\" style=\"min-height:220px\"><img decoding=\"async\" src=\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/CTV_Mock_HVB-1.png\" alt=\"CTV Platzhalter\"><\/div>\n <div class=\"funnel-card\" style=\"min-height:220px\">\n <div class=\"mini-stage aw active\">Awareness <span class=\"mini-label\">CTV<\/span><\/div>\n <div class=\"mini-stage ac\">Aktivierung<\/div>\n <div class=\"mini-stage ap\">Bewerbung<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"module-panel\">\n <h3>OLV<\/h3>\n <p class=\"muted small\">OLV verl\u00e4ngert den CTV-Kontakt auf Plattformen wie Kicker, Welt.de oder weiteren Videoplayern. Wer OLV sieht, kann anschlie\u00dfend per Follow Ad Pro erkannt und zur Landing Page gef\u00fchrt werden.<\/p>\n <div class=\"mini-table\" style=\"margin-top:12px\">\n <div class=\"mini-row\"><span>15s<\/span><strong>In-Stream<\/strong><\/div>\n <div class=\"mini-row\"><span>Alle Devices<\/span><strong>Premium Player<\/strong><\/div>\n <div class=\"mini-row\"><span>CTV-Viewer<\/span><strong>Anschlusszielgruppe<\/strong><\/div>\n <div class=\"mini-row\"><span>Bridge<\/span><strong>zu Follow Ad<\/strong><\/div>\n <\/div>\n <div class=\"divider\"><\/div>\n <div class=\"split-funnel\" style=\"grid-template-columns:1fr 240px\">\n <div class=\"mockup-box\" style=\"min-height:220px\"><img decoding=\"async\" src=\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/OLV-Mock-HVB.png\" alt=\"OLV Platzhalter\"><\/div>\n <div class=\"funnel-card\" style=\"min-height:220px\">\n <div class=\"mini-stage aw active\">Awareness<\/div>\n <div class=\"mini-stage ac active\">Aktivierung <span class=\"mini-label\">OLV<\/span><\/div>\n <div class=\"mini-stage ap\">Bewerbung<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/details>\n\n <details class=\"module\">\n <summary>\n <div class=\"module-left\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3a9 9 0 1 0 .001 18.001A9 9 0 0 0 12 3zm4.2 13.1a.9.9 0 0 1-1.24.3c-2.38-1.45-5.37-1.78-8.89-.99a.9.9 0 0 1-.39-1.76c3.98-.89 7.42-.49 10.18 1.18.43.26.57.82.33 1.27l-.32 0z\"\/><\/svg><\/div>\n <div class=\"module-title\"><strong>Audio Ad<\/strong><span>7.499 \u20ac Invest pro Monat \u00b7 Awareness- und Aktivierungsschub im Alltag<\/span><\/div>\n <\/div>\n <div class=\"chev\">\u2304<\/div>\n <\/summary>\n <div class=\"module-body\">\n <div class=\"split-funnel\">\n <div class=\"module-panel\">\n <p>Audio erreicht passive Zielgruppen in Alltagsmomenten und schafft Wiedererkennung au\u00dferhalb des aktiven Suchkontexts.<\/p>\n <ul class=\"bullets\">\n <li>Regionale und interessenbasierte Aussteuerung<\/li>\n <li>Ideal als Always-on-Layer<\/li>\n <li>Gut kombinierbar mit Hub, e-Shots und Retargeting<\/li>\n <\/ul>\n <div class=\"divider\"><\/div>\n <div class=\"mockup-box\"><img decoding=\"async\" src=\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVBAudio_Mock.png\" alt=\"HVB Audio Mockup\"><\/div>\n <\/div>\n <div class=\"funnel-card\">\n <div class=\"mini-stage aw active\">Awareness<\/div>\n <div class=\"mini-stage ac active\">Aktivierung <span class=\"mini-label\">Audio<\/span><\/div>\n <div class=\"mini-stage ap\">Bewerbung<\/div>\n <\/div>\n <\/div>\n <div class=\"module-panel\" style=\"margin-top:12px\">\n <h3>Audio Ad Premium mit AdsWizz & AudioMatic<\/h3>\n <p class=\"muted small\">Erweiterte Reichweite \u00fcber zus\u00e4tzliche Audio- und Podcast-Inventare wie SoundCloud und Podcast-Umfelder \u2013 zwischen Awareness und Aktivierung.<\/p>\n <\/div>\n <\/div>\n <\/details>\n\n <details class=\"module\">\n <summary>\n <div class=\"module-left\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2 2 7l10 5 10-5-10-5Zm0 7.2L5.1 7 12 3.8 18.9 7 12 9.2ZM4 10.5l8 4 8-4V17l-8 4-8-4v-6.5Z\"\/><\/svg><\/div>\n <div class=\"module-title\"><strong>Digital Out of Home<\/strong><span>50.000 \u20ac Invest \u00b7 genauer Preis projektabh\u00e4ngig \u00b7 Pr\u00e4senz in urbanen und Pendler-Umfeldern<\/span><\/div>\n <\/div>\n <div class=\"chev\">\u2304<\/div>\n <\/summary>\n <div class=\"module-body\">\n <div class=\"split-funnel\">\n <div class=\"module-panel\">\n <p>DOOH sorgt f\u00fcr gro\u00dfe Sichtbarkeit im Alltag der Zielgruppe und bereitet Suchvolumen, Brand Recall und sp\u00e4tere Aktivierungsma\u00dfnahmen vor.<\/p>\n <ul class=\"bullets\">\n <li>Reichweitenstarke Screens im \u00f6ffentlichen Raum<\/li>\n <li>Besonders stark in Pendlerumfeldern<\/li>\n <li>Klarer Upper-Funnel-Boost<\/li>\n <\/ul>\n <div class=\"divider\"><\/div>\n <div class=\"mockup-box\"><img decoding=\"async\" src=\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_DOOH.png\" alt=\"HVB DOOH Mockup\"><\/div>\n <\/div>\n <div class=\"funnel-card\" style=\"min-height:300px\">\n <div class=\"mini-stage aw active\">Awareness <span class=\"mini-label\">DOOH<\/span><\/div>\n <div class=\"mini-stage ac\">Aktivierung<\/div>\n <div class=\"mini-stage ap\">Bewerbung<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/details>\n <\/div>\n <\/section>\n\n <section id=\"planung\">\n <div class=\"container\">\n <div class=\"gantt-head\">\n <div>\n <h2>Live-Gantt & Kalkulation<\/h2>\n <p class=\"muted\" style=\"margin:0\">Die Auswahl im Kalkulator steuert das Gantt direkt. Produkte werden von Mai bis Dezember automatisch von links nach rechts eingetragen.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"card frame gantt-wrap\">\n <div class=\"gantt-head\">\n <h3 style=\"margin:0\">8-Monats-Gantt<\/h3>\n <span class=\"pill\" id=\"planLabel\">Aktiv: HVB aka UniCredit \u00d7 Stepstone (Mai\u2013Dez)<\/span>\n <\/div>\n <div class=\"scroll-x\">\n <div class=\"gantt\">\n <div class=\"months\" id=\"ganttGrid\"><\/div>\n <\/div>\n <\/div>\n <div class=\"divider\"><\/div>\n <div class=\"tiny muted\" id=\"ganttHint\">Leselogik: Striche = Laufzeit\/Flight, Punkte = e-Shots. e-Shots werden mit bis zu 4 Dots pro Monat visualisiert.<\/div>\n <\/div>\n\n <div class=\"card frame builder-wrap\" style=\"margin-top:14px\">\n <div class=\"builder-head\">\n <div>\n <h3 style=\"margin-bottom:6px\">Interaktive Projektkonfiguration<\/h3>\n <p class=\"muted\" style=\"margin:0\">Verf\u00fcgbare Vertragsbasis: 1.172.912,00 \u20ac HB. Umrechnung auf Basis von 68,4% Rabatt. Der Kalkulator zeigt Invest und HB-\u00c4quivalent je Auswahl.<\/p>\n <div id=\"targetBudgetHeadline\" style=\"margin-top:12px;font-family:'Relative Pro Bold',sans-serif;font-size:1.35rem;line-height:1.2;color:#0B1F3A;\">Bei gleichbleibendem Schaltungsverhalten bleibt ein Rest von ca. 484.415,05 \u20ac HB (153.013,77 \u20ac Customer Invest).<\/div>\n <\/div>\n <div style=\"display:flex;gap:10px;flex-wrap:wrap\">\n <span class=\"pill ok\" id=\"statusPill\">Budget im Rahmen<\/span>\n <button class=\"btn ghost\" id=\"resetBtn\" type=\"button\">Auswahl zur\u00fccksetzen<\/button>\n <\/div>\n <\/div>\n\n <div class=\"summary-grid\">\n <div class=\"summary-box\"><span class=\"label\">Erwarteter Overstock HB<\/span><div class=\"value\" id=\"budgetTotalHb\">484.415,05 \u20ac<\/div><\/div>\n <div class=\"summary-box\"><span class=\"label\">Erwarteter Overstock Invest<\/span><div class=\"value\" id=\"budgetTotalInvest\">153.013,77 \u20ac<\/div><\/div>\n <div class=\"summary-box\"><span class=\"label\">Geplant Invest<\/span><div class=\"value\" id=\"budgetUsedInvest\">0,00 \u20ac<\/div><\/div>\n <div class=\"summary-box\"><span class=\"label\">Geplant HB<\/span><div class=\"value\" id=\"budgetUsedHb\">0,00 \u20ac<\/div><\/div>\n <div class=\"summary-box\"><span class=\"label\">Ausgew\u00e4hlte Positionen<\/span><div class=\"value\" id=\"budgetItems\">0<\/div><\/div>\n <\/div>\n\n <div class=\"progress\"><div class=\"progress-bar\" id=\"budgetProgress\"><\/div><\/div>\n <div class=\"tiny muted\" id=\"budgetSummaryText\" style=\"margin-top:10px\">Noch keine Produkte ausgew\u00e4hlt.<\/div>\n\n <div class=\"builder-grid\">\n <div><div class=\"selector-list\" id=\"selectorList\"><\/div><\/div>\n <div>\n <div class=\"order-box\">\n <h3 style=\"margin-bottom:6px\">Bestell\u00fcbersicht<\/h3>\n <p class=\"muted small\">Alle ausgew\u00e4hlten Produkte mit Menge, Invest und HB-\u00c4quivalent auf einen Blick.<\/p>\n <div class=\"order-list\" id=\"orderList\"><div class=\"empty-state\">Aktuell sind noch keine Produkte ausgew\u00e4hlt.<\/div><\/div>\n <div class=\"divider\"><\/div>\n <div class=\"mini-table\">\n <div class=\"mini-row\"><span>Verf\u00fcgbar HB<\/span><strong id=\"sidebarTotalHb\">1.172.912,00 \u20ac<\/strong><\/div>\n <div class=\"mini-row\"><span>Geplant HB<\/span><strong id=\"sidebarUsedHb\">0,00 \u20ac<\/strong><\/div>\n <div class=\"mini-row\"><span>Geplant Invest<\/span><strong id=\"sidebarUsedInvest\">0,00 \u20ac<\/strong><\/div>\n <div class=\"mini-row\"><span>Rest HB<\/span><strong id=\"sidebarLeftHb\">1.172.912,00 \u20ac<\/strong><\/div>\n <div class=\"mini-row\"><span>Rest Invest<\/span><strong id=\"sidebarLeftInvest\">370.640,19 \u20ac<\/strong><\/div>\n <\/div>\n <div class=\"status-box\" id=\"statusBox\">\n <strong id=\"statusHeadline\">Budget im Rahmen<\/strong>\n <p class=\"small\" id=\"statusText\" style=\"margin:6px 0 0 0\">Die aktuelle Produktauswahl liegt innerhalb des verf\u00fcgbaren Vertragsvolumens.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"foot\">\n <div class=\"container\">\n <div class=\"fineprint\"><strong>HVB aka UniCredit \u00d7 Stepstone<\/strong> \u00b7 Pitchseite im T\u00dcV-Rheinland-Look mit interaktivem Kalkulator und live gesteuertem Gantt.<\/div>\n <\/div>\n <\/section>\n\n <script>\n const DISCOUNT = 0.684;\n const FACTOR = 1 \/ (1 - DISCOUNT); \/\/ Invest -> HB\n const TOTAL_HB = 1172912.00;\n const TOTAL_INVEST = TOTAL_HB \/ FACTOR;\n const TARGET_REST_HB = 484415.05;\n const TARGET_REST_INVEST = 153013.77;\n const TARGET_USED_HB = TARGET_REST_HB;\n const TARGET_USED_INVEST = TARGET_REST_INVEST;\n const STORAGE_KEY = 'hvb_pitch_builder_v1';\n const MONTHS = [5,6,7,8,9,10,11,12];\n const MONTH_LABELS = ['Mai','Jun','Jul','Aug','Sep','Okt','Nov','Dez'];\n\n const products = [\n { id:'company_hub', name:'Company Hub', subtitle:'Always-on Destination', invest:0, priceLabel:'schon enthalten', stepLabel:'Anzahl', min:0, max:1, defaultQty:1, type:'bar', row:'Company Hub', className:'hub' },\n { id:'content_day', name:'Company Hub Content Day', subtitle:'Einmalige Content-Produktion', invest:14999, priceLabel:'14.999\u20ac Invest = 31.642,41 \u20ac HB', stepLabel:'Anzahl', min:0, max:1, defaultQty:0, type:'none' },\n { id:'follow_ad', name:'Follow Ad Pro', subtitle:'Flight-basierte Aktivierung', invest:12999, priceLabel:'12.999 \u20ac Invest = 41.136,08 \u20ac HB', stepLabel:'Anzahl Flights', min:0, max:8, defaultQty:2, type:'bar', row:'Follow Ad Pro', className:'follow' },\n { id:'audio', name:'Audio Ad', subtitle:'Always-on \/ Flight', invest:7499, priceLabel:'7.499 \u20ac Invest = 23.730,95 \u20ac HB', stepLabel:'Anzahl Monate', min:0, max:8, defaultQty:5, type:'bar', row:'Audio Ad', className:'audio' },\n { id:'ctv', name:'CTV', subtitle:'Awareness auf Big Screen', invest:60000, priceLabel:'60.000 \u20ac Invest = 189.873,42 \u20ac HB', stepLabel:'Anzahl Monate', min:0, max:8, defaultQty:0, type:'bar', row:'CTV', className:'ctv' },\n { id:'olv', name:'OLV', subtitle:'Awareness bis Aktivierung', invest:15000, priceLabel:'15.000 \u20ac Invest = 47.468,35 \u20ac HB', stepLabel:'Anzahl Monate', min:0, max:8, defaultQty:0, type:'bar', row:'OLV', className:'olv' },\n { id:'dooh', name:'Digital Out of Home', subtitle:'Awareness im \u00f6ffentlichen Raum \u00b7 genauer Preis projektabh\u00e4ngig', invest:50000, priceLabel:'50.000 \u20ac Invest = 158.227,85 \u20ac HB \u00b7 genauer Preis projektabh\u00e4ngig', stepLabel:'Anzahl Monate', min:0, max:8, defaultQty:0, type:'bar', row:'Digital Out of Home', className:'dooh' },\n { id:'eshot', name:'e-Shots', subtitle:'Max. 4 Dots pro Monat', invest:1499, priceLabel:'1.499 \u20ac Invest = 4.743,67 \u20ac HB', stepLabel:'Anzahl Kampagnen', min:0, max:40, defaultQty:8, type:'dots', row:'e-Shots', className:'es' }\n ];\n\n function formatEUR(value){\n return value.toLocaleString('de-DE',{minimumFractionDigits:2,maximumFractionDigits:2}) + ' \u20ac';\n }\n function clamp(value,min,max){ return Math.max(min, Math.min(max, value)); }\n function hbFromInvest(invest){ return invest * FACTOR; }\n function investFromHb(hb){ return hb \/ FACTOR; }\n\n function defaultSelections(){\n const out = {};\n products.forEach(p => out[p.id] = p.defaultQty);\n return out;\n }\n\n function readSelections(){\n try{\n const raw = localStorage.getItem(STORAGE_KEY);\n if(!raw) return defaultSelections();\n const parsed = JSON.parse(raw);\n const out = {};\n products.forEach(p => out[p.id] = clamp(parseInt(parsed[p.id] ?? p.defaultQty, 10) || 0, p.min, p.max));\n return out;\n }catch(e){\n return defaultSelections();\n }\n }\n\n function saveSelections(selections){\n localStorage.setItem(STORAGE_KEY, JSON.stringify(selections));\n }\n\n function renderSelectors(selections){\n const host = document.getElementById('selectorList');\n host.innerHTML = '';\n products.forEach(product => {\n const opts = Array.from({length: product.max - product.min + 1}, (_,i) => {\n const value = i + product.min;\n return `<option value=\"${value}\" ${value === selections[product.id] ? 'selected' : ''}>${value}<\/option>`;\n }).join('');\n const card = document.createElement('div');\n card.className = 'selector-card';\n card.innerHTML = `\n <div class=\"selector-top\">\n <div class=\"selector-title\">\n <strong>${product.name}<\/strong>\n <span>${product.subtitle}<\/span>\n <\/div>\n <div class=\"selector-price\">${product.priceLabel}<\/div>\n <\/div>\n <div class=\"selector-controls\">\n <div class=\"field\">\n <label for=\"qty_${product.id}\">${product.stepLabel}<\/label>\n <select class=\"select qty-select\" id=\"qty_${product.id}\" data-id=\"${product.id}\">${opts}<\/select>\n <\/div>\n <div class=\"line-total\">\n <span class=\"lt-label\">Gesamtwert<\/span>\n <span class=\"lt-value\" id=\"line_${product.id}\">0,00 \u20ac<\/span>\n <\/div>\n <\/div>\n `;\n host.appendChild(card);\n });\n document.querySelectorAll('.qty-select').forEach(el => el.addEventListener('change', updateAll));\n }\n\n function getSelections(){\n const out = {};\n products.forEach(p => out[p.id] = clamp(parseInt(document.getElementById('qty_' + p.id).value, 10) || 0, p.min, p.max));\n return out;\n }\n\n function buildRows(selections){\n const rows = [\n { name:'Company Hub', barByMonth:{}, dotsByMonth:{} },\n { name:'e-Shots', barByMonth:{}, dotsByMonth:{} },\n { name:'Audio Ad', barByMonth:{}, dotsByMonth:{} },\n { name:'Follow Ad Pro', barByMonth:{}, dotsByMonth:{} },\n { name:'CTV', barByMonth:{}, dotsByMonth:{} },\n { name:'OLV', barByMonth:{}, dotsByMonth:{} },\n { name:'Digital Out of Home', barByMonth:{}, dotsByMonth:{} }\n ];\n const byName = Object.fromEntries(rows.map(r => [r.name, r]));\n\n if(selections.company_hub > 0){ MONTHS.forEach(m => byName['Company Hub'].barByMonth[m] = 'hub'); }\n ['audio','follow_ad','ctv','olv','dooh'].forEach(id => {\n const p = products.find(x => x.id === id);\n for(let i = 0; i < selections[id]; i++){\n const month = MONTHS[i];\n if(month) byName[p.row].barByMonth[month] = p.className;\n }\n });\n\n let remainingShots = selections.eshot;\n MONTHS.forEach(m => {\n const count = Math.min(4, remainingShots);\n if(count > 0){\n byName['e-Shots'].dotsByMonth[m] = Array.from({length: count}, () => 'es');\n }\n remainingShots -= count;\n });\n if(remainingShots > 0){\n byName['e-Shots'].dotsByMonth[12] = (byName['e-Shots'].dotsByMonth[12] || []).concat(Array.from({length: remainingShots}, () => 'es'));\n }\n return rows;\n }\n\n function makeCell({dots = [], bar = null} = {}){\n const cell = document.createElement('div');\n cell.className = 'cell';\n if(bar){\n const b = document.createElement('div');\n b.className = 'bar ' + bar;\n cell.appendChild(b);\n }\n if(dots.length){\n const wrap = document.createElement('div');\n wrap.className = 'dots';\n dots.slice(0,4).forEach(t => {\n const d = document.createElement('div');\n d.className = 'dot ' + t;\n wrap.appendChild(d);\n });\n if(dots.length > 4){\n const extra = document.createElement('span');\n extra.className = 'extra';\n extra.textContent = '+' + (dots.length - 4);\n wrap.appendChild(extra);\n }\n cell.appendChild(wrap);\n }\n return cell;\n }\n\n function renderGantt(selections){\n const grid = document.getElementById('ganttGrid');\n grid.innerHTML = '';\n const corner = document.createElement('div');\n corner.className = 'm-label';\n corner.textContent = 'Produkt';\n grid.appendChild(corner);\n MONTH_LABELS.forEach(label => {\n const el = document.createElement('div');\n el.className = 'm-label';\n el.textContent = label;\n grid.appendChild(el);\n });\n buildRows(selections).forEach(row => {\n const label = document.createElement('div');\n label.className = 'row-label';\n label.textContent = row.name;\n grid.appendChild(label);\n MONTHS.forEach(month => {\n grid.appendChild(makeCell({ dots: row.dotsByMonth[month] || [], bar: row.barByMonth[month] || null }));\n });\n });\n }\n\n function updateAll(){\n const selections = getSelections();\n saveSelections(selections);\n renderGantt(selections);\n\n const details = products.map(p => {\n const qty = selections[p.id] || 0;\n const investTotal = qty * p.invest;\n const hbTotal = hbFromInvest(investTotal);\n return {...p, qty, investTotal, hbTotal};\n });\n\n const selected = details.filter(d => d.qty > 0);\n const usedInvest = selected.reduce((sum, item) => sum + item.investTotal, 0);\n const usedHb = selected.reduce((sum, item) => sum + item.hbTotal, 0);\n const leftHb = TOTAL_HB - usedHb;\n const leftInvest = TOTAL_INVEST - usedInvest;\n const itemCount = selected.reduce((sum, item) => sum + item.qty, 0);\n const percent = Math.max(0, Math.min((usedInvest \/ TARGET_USED_INVEST) * 100, 100));\n\n details.forEach(item => {\n const line = document.getElementById('line_' + item.id);\n if(line) line.textContent = `${formatEUR(item.investTotal)} \u00b7 ${formatEUR(item.hbTotal)} HB`;\n });\n\n document.getElementById('budgetTotalHb').textContent = formatEUR(TARGET_REST_HB);\n document.getElementById('budgetTotalInvest').textContent = formatEUR(TARGET_REST_INVEST);\n document.getElementById('budgetUsedInvest').textContent = formatEUR(usedInvest);\n document.getElementById('budgetUsedHb').textContent = formatEUR(usedHb);\n document.getElementById('budgetItems').textContent = itemCount.toLocaleString('de-DE');\n document.getElementById('sidebarTotalHb').textContent = formatEUR(TOTAL_HB);\n document.getElementById('sidebarUsedHb').textContent = formatEUR(usedHb);\n document.getElementById('sidebarUsedInvest').textContent = formatEUR(usedInvest);\n document.getElementById('sidebarLeftHb').textContent = formatEUR(leftHb);\n document.getElementById('sidebarLeftInvest').textContent = formatEUR(leftInvest);\n document.getElementById('budgetProgress').style.width = percent + '%';\n const targetHeadline = document.getElementById('targetBudgetHeadline');\n if (usedInvest <= TARGET_USED_INVEST) {\n targetHeadline.style.color = '#0a8f5a';\n } else {\n targetHeadline.style.color = '#c8102e';\n }\n\n const summary = itemCount === 0\n ? `Noch keine Produkte ausgew\u00e4hlt. Zielrahmen: ${formatEUR(TARGET_USED_INVEST)} Invest bzw. ${formatEUR(TARGET_USED_HB)} HB.`\n : `Aktuell ausgew\u00e4hlt: ${itemCount.toLocaleString('de-DE')} Positionen mit ${formatEUR(usedInvest)} Invest bzw. ${formatEUR(usedHb)} HB. Der Fortschrittsbalken bezieht sich auf den Zielrahmen von ${formatEUR(TARGET_USED_INVEST)} Invest.`;\n document.getElementById('budgetSummaryText').textContent = summary;\n\n const orderList = document.getElementById('orderList');\n if(!selected.length){\n orderList.innerHTML = '<div class=\"empty-state\">Aktuell sind noch keine Produkte ausgew\u00e4hlt.<\/div>';\n } else {\n orderList.innerHTML = selected.map(item => `\n <div class=\"order-item\">\n <div class=\"order-item-top\">\n <div>\n <strong>${item.name}<\/strong>\n <div class=\"meta\">${item.qty} \u00d7 ${formatEUR(item.invest)} Invest<\/div>\n <\/div>\n <strong>${formatEUR(item.hbTotal)} HB<\/strong>\n <\/div>\n <div class=\"meta\">Invest gesamt: ${formatEUR(item.investTotal)}<\/div>\n <\/div>\n `).join('');\n }\n\n const statusBox = document.getElementById('statusBox');\n const statusHeadline = document.getElementById('statusHeadline');\n const statusText = document.getElementById('statusText');\n const statusPill = document.getElementById('statusPill');\n if(usedHb === 0){\n statusBox.className = 'status-box';\n statusHeadline.textContent = 'Noch keine Auswahl getroffen';\n statusText.textContent = 'W\u00e4hlen Sie Produkte und Mengen aus. Das Gantt f\u00fcllt sich automatisch von Mai bis Dezember.';\n statusPill.className = 'pill';\n statusPill.textContent = 'Noch ohne Auswahl';\n } else if(leftHb >= 0){\n statusBox.className = 'status-box';\n statusHeadline.textContent = 'Budget im Rahmen';\n statusText.textContent = `Die aktuelle Auswahl liegt innerhalb des Vertragsvolumens. Gegen den Zielrahmen verbleiben ${formatEUR(TARGET_USED_INVEST - usedInvest)} Invest bis zur Zielmarke; insgesamt verf\u00fcgbar bleiben ${formatEUR(leftHb)} HB bzw. ${formatEUR(leftInvest)} Invest.`;\n statusPill.className = 'pill ok';\n statusPill.textContent = 'Budget im Rahmen';\n } else {\n statusBox.className = 'status-box warn';\n statusHeadline.textContent = 'Budget \u00fcberschritten';\n statusText.textContent = `Die aktuelle Auswahl \u00fcberschreitet den Zielrahmen um ${formatEUR(Math.abs(TARGET_USED_INVEST - usedInvest))} Invest und das verf\u00fcgbare Volumen um ${formatEUR(Math.abs(leftHb))} HB.`;\n statusPill.className = 'pill warn';\n statusPill.textContent = 'Budget \u00fcberschritten';\n }\n }\n\n function resetSelections(){\n const defaults = defaultSelections();\n products.forEach(p => document.getElementById('qty_' + p.id).value = defaults[p.id]);\n updateAll();\n }\n\n const initialSelections = readSelections();\n renderSelectors(initialSelections);\n document.getElementById('heroBudgetHb').textContent = formatEUR(TARGET_REST_HB);\n document.getElementById('heroBudgetInvest').textContent = formatEUR(TARGET_REST_INVEST);\n document.getElementById('resetBtn').addEventListener('click', resetSelections);\n updateAll();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>HVB \u00d7 Stepstone | Employer Branding Strategie 2026 HVB aka UniCredit Employer Branding Strategie 2026 Wir machen aus Awareness nachhaltig Bewerbungen. Die Strategie verbindet Company Hub, e-Shots, Audio, Follow Ad Pro, CTV, OLV und Digital Out of Home zu einem abgestimmten Full-Funnel-Setup von Mai bis Dezember 2026. L\u00f6sungen ansehen Live-Gantt & Kalkulator Erwarteter Overstock bei […]<\/p>\n","protected":false},"author":54,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24867","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Unicredit strategy 31123 - DE B2C<\/title>\n<meta name=\"robots\" content=\"index, nofollow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Unicredit strategy 31123\" \/>\n<meta property=\"og:description\" content=\"HVB \u00d7 Stepstone | Employer Branding Strategie 2026 HVB aka UniCredit Employer Branding Strategie 2026 Wir machen aus Awareness nachhaltig Bewerbungen. Die Strategie verbindet Company Hub, e-Shots, Audio, Follow Ad Pro, CTV, OLV und Digital Out of Home zu einem abgestimmten Full-Funnel-Setup von Mai bis Dezember 2026. L\u00f6sungen ansehen Live-Gantt & Kalkulator Erwarteter Overstock bei […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/\" \/>\n<meta property=\"og:site_name\" content=\"DE B2C\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-27T10:39:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_CHP.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/\",\"url\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/\",\"name\":\"Unicredit strategy 31123 - DE B2C\",\"isPartOf\":{\"@id\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_CHP.png\",\"datePublished\":\"2026-03-10T13:54:35+00:00\",\"dateModified\":\"2026-03-27T10:39:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/#primaryimage\",\"url\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_CHP.png\",\"contentUrl\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_CHP.png\",\"width\":848,\"height\":811},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Unicredit strategy 31123\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/#website\",\"url\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/\",\"name\":\"DE B2C\",\"description\":\"Just another WordPress site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Unicredit strategy 31123 - DE B2C","robots":{"index":"index","follow":"nofollow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/","og_locale":"en_US","og_type":"article","og_title":"Unicredit strategy 31123","og_description":"HVB \u00d7 Stepstone | Employer Branding Strategie 2026 HVB aka UniCredit Employer Branding Strategie 2026 Wir machen aus Awareness nachhaltig Bewerbungen. Die Strategie verbindet Company Hub, e-Shots, Audio, Follow Ad Pro, CTV, OLV und Digital Out of Home zu einem abgestimmten Full-Funnel-Setup von Mai bis Dezember 2026. L\u00f6sungen ansehen Live-Gantt & Kalkulator Erwarteter Overstock bei […]","og_url":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/","og_site_name":"DE B2C","article_modified_time":"2026-03-27T10:39:50+00:00","og_image":[{"url":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_CHP.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/","url":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/","name":"Unicredit strategy 31123 - DE B2C","isPartOf":{"@id":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/#primaryimage"},"image":{"@id":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/#primaryimage"},"thumbnailUrl":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_CHP.png","datePublished":"2026-03-10T13:54:35+00:00","dateModified":"2026-03-27T10:39:50+00:00","breadcrumb":{"@id":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/#primaryimage","url":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_CHP.png","contentUrl":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-content\/uploads\/2026\/03\/HVB_CHP.png","width":848,"height":811},{"@type":"BreadcrumbList","@id":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/unicredit-strategy\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/"},{"@type":"ListItem","position":2,"name":"Unicredit strategy 31123"}]},{"@type":"WebSite","@id":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/#website","url":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/","name":"DE B2C","description":"Just another WordPress site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-json\/wp\/v2\/pages\/24867"}],"collection":[{"href":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-json\/wp\/v2\/comments?post=24867"}],"version-history":[{"count":16,"href":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-json\/wp\/v2\/pages\/24867\/revisions"}],"predecessor-version":[{"id":25322,"href":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-json\/wp\/v2\/pages\/24867\/revisions\/25322"}],"wp:attachment":[{"href":"https:\/\/www.stepstone.de\/karriere-bewerbungstipps\/wp-json\/wp\/v2\/media?parent=24867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}