{"id":209,"date":"2026-06-03T13:07:16","date_gmt":"2026-06-03T13:07:16","guid":{"rendered":"https:\/\/staging.heldeco.at\/?page_id=209"},"modified":"2026-07-09T16:42:26","modified_gmt":"2026-07-09T16:42:26","slug":"career","status":"publish","type":"page","link":"https:\/\/heldeco.at\/en\/karriere\/","title":{"rendered":"Career"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nHELDECO \u2013 Karriere<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root{\r\n --blue:#1565a6;\r\n --heldeco:#005da9;\r\n --dark:#071f33;\r\n --ink:#071a2e;\r\n --muted:#4f5f70;\r\n --light:#f4f6f8;\r\n --line:#d6e0ea;\r\n}\r\n*{box-sizing:border-box}\r\nhtml,body{margin:0;padding:0}\r\nbody{\r\n font-family:Inter,Arial,sans-serif;\r\n color:var(--ink);\r\n background:#fff;\r\n}\r\n.heavy-career{\r\n overflow:hidden;\r\n background:#fff;\r\n}\r\n.section{\r\n padding:clamp(80px,8vw,150px) clamp(30px,6vw,96px);\r\n}\r\n.wrap{\r\n max-width:1400px;\r\n margin:0 auto;\r\n}\r\n.kicker{\r\n color:var(--heldeco);\r\n font-size:13px;\r\n font-weight:900;\r\n letter-spacing:.24em;\r\n text-transform:uppercase;\r\n margin-bottom:28px;\r\n}\r\n\r\n\/* HERO *\/\r\n.hero{\r\n min-height:100vh;\r\n background:\r\n linear-gradient(90deg,rgba(7,31,51,.94),rgba(7,31,51,.26)),\r\n url('\/wp-content\/uploads\/2026\/06\/F0A3430.jpg') center 22%\/cover;\r\n color:#fff;\r\n display:flex;\r\n align-items:flex-end;\r\n position:relative;\r\n padding:clamp(80px,8vw,140px) clamp(30px,6vw,96px);\r\n overflow:hidden;\r\n}\r\n.hero:before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:\r\n linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),\r\n linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);\r\n background-size:46px 46px;\r\n opacity:.55;\r\n}\r\n.hero:after{\r\n content:\"NEXT GENERATION OF HEAVY\";\r\n position:absolute;\r\n left:-.05em;\r\n top:8%;\r\n color:rgba(255,255,255,.055);\r\n font-size:clamp(90px,13vw,260px);\r\n line-height:.76;\r\n letter-spacing:-.13em;\r\n font-weight:900;\r\n max-width:1400px;\r\n}\r\n.hero-content{\r\n position:relative;\r\n z-index:2;\r\n max-width:1180px;\r\n}\r\n.hero h1{\r\n margin:0;\r\n font-size:clamp(64px,10vw,180px);\r\n line-height:.78;\r\n letter-spacing:-.04em;\r\n font-weight:900;\r\n}\r\n.hero h1 span{\r\n display:block;\r\n color:var(--blue);\r\n}\r\n.hero p{\r\n margin:44px 0 0;\r\n max-width:820px;\r\n color:#d9e6f1;\r\n font-size:clamp(23px,2.3vw,42px);\r\n line-height:1.1;\r\n letter-spacing:-.045em;\r\n font-weight:650;\r\n}\r\n.hero-buttons{\r\n display:flex;\r\n gap:14px;\r\n flex-wrap:wrap;\r\n margin-top:48px;\r\n}\r\n.btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n min-height:58px;\r\n padding:18px 30px;\r\n background:var(--blue);\r\n color:#fff;\r\n text-decoration:none;\r\n font-size:13px;\r\n font-weight:900;\r\n letter-spacing:.12em;\r\n text-transform:uppercase;\r\n transition:.25s ease;\r\n}\r\n.btn:hover{\r\n background:#fff;\r\n color:var(--dark);\r\n transform:translateY(-5px);\r\n}\r\n.btn.secondary{\r\n background:rgba(255,255,255,.08);\r\n border:1px solid rgba(255,255,255,.22);\r\n}\r\n.btn.secondary:hover{\r\n background:#fff;\r\n color:var(--dark);\r\n}\r\n\r\n\/* FULLSCREEN NUMBER SCENES *\/\r\n.number-scene{\r\n min-height:86vh;\r\n display:grid;\r\n grid-template-columns:42% 58%;\r\n background:#fff;\r\n color:var(--ink);\r\n border-bottom:1px solid var(--line);\r\n}\r\n.number-scene.dark{\r\n background:var(--dark);\r\n color:#fff;\r\n}\r\n.number-visual{\r\n position:relative;\r\n background:center 22%\/cover;\r\n min-height:560px;\r\n overflow:hidden;\r\n}\r\n.number-visual:before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg,rgba(7,31,51,.02),rgba(7,31,51,.25));\r\n}\r\n.number-copy{\r\n padding:clamp(70px,7vw,120px) clamp(34px,6vw,96px);\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n}\r\n.giant-number{\r\n color:var(--blue);\r\n font-size:clamp(120px,18vw,320px);\r\n line-height:.72;\r\n letter-spacing:-.13em;\r\n font-weight:900;\r\n}\r\n.number-copy h2{\r\n margin:32px 0 0;\r\n max-width:780px;\r\n font-size:clamp(34px,4vw,76px);\r\n line-height:.9;\r\n letter-spacing:-.07em;\r\n font-weight:900;\r\n}\r\n.number-copy p{\r\n margin:28px 0 0;\r\n color:#4c5b6c;\r\n max-width:720px;\r\n font-size:clamp(20px,2vw,34px);\r\n line-height:1.16;\r\n letter-spacing:-.04em;\r\n font-weight:650;\r\n}\r\n.dark .number-copy p{\r\n color:#4f5f70;\r\n}\r\n\r\n\/* ANTI BENEFIT MODULE *\/\r\n.no-buzz{\r\n background:#fff;\r\n min-height:90vh;\r\n display:flex;\r\n align-items:center;\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n.no-buzz:before{\r\n content:\"NO BUZZWORDS\";\r\n position:absolute;\r\n right:-.08em;\r\n top:8%;\r\n color:rgba(0,93,169,.06);\r\n font-size:20vw;\r\n line-height:.75;\r\n letter-spacing:-.13em;\r\n font-weight:900;\r\n}\r\n.no-buzz-grid{\r\n position:relative;\r\n z-index:1;\r\n display:grid;\r\n grid-template-columns:40% 60%;\r\n gap:clamp(52px,7vw,110px);\r\n align-items:stretch;\r\n}\r\n.no-buzz-title{\r\n font-size:clamp(56px,8vw,140px);\r\n line-height:.82;\r\n letter-spacing:-.09em;\r\n font-weight:900;\r\n color:var(--ink);\r\n}\r\n.no-buzz-title span{\r\n display:block;\r\n color:var(--blue);\r\n}\r\n.no-buzz-list{\r\n display:grid;\r\n border-top:1px solid var(--line);\r\n}\r\n.no-buzz-row{\r\n display:grid;\r\n grid-template-columns:120px 1fr;\r\n gap:28px;\r\n padding:34px 0;\r\n border-bottom:1px solid var(--line);\r\n}\r\n.no-buzz-row small{\r\n color:var(--heldeco);\r\n font-weight:900;\r\n letter-spacing:.18em;\r\n}\r\n.no-buzz-row strong{\r\n display:block;\r\n font-size:clamp(28px,3vw,52px);\r\n line-height:.95;\r\n letter-spacing:-.06em;\r\n font-weight:900;\r\n}\r\n.no-buzz-row span{\r\n display:block;\r\n margin-top:12px;\r\n color:#4c5b6c;\r\n font-size:17px;\r\n line-height:1.42;\r\n font-weight:700;\r\n}\r\n\r\n\/* LEHRE SEASONS *\/\r\n.seasons{\r\n background:var(--dark);\r\n color:#071a2e;\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n.seasons:before{\r\n content:\"LEHRE\";\r\n position:absolute;\r\n right:-.08em;\r\n top:8%;\r\n color:rgba(7,31,51,.05);\r\n font-size:28vw;\r\n line-height:.75;\r\n letter-spacing:-.14em;\r\n font-weight:900;\r\n}\r\n.seasons-head{\r\n position:relative;\r\n z-index:1;\r\n display:grid;\r\n grid-template-columns:40% 60%;\r\n gap:clamp(52px,7vw,110px);\r\n align-items:end;\r\n margin-bottom:60px;\r\n}\r\n.seasons-head h2{\r\n margin:0;\r\n font-size:clamp(56px,8vw,140px);\r\n line-height:.82;\r\n letter-spacing:-.09em;\r\n font-weight:900;\r\n}\r\n.seasons-head h2 span{\r\n display:block;\r\n color:var(--blue);\r\n}\r\n.seasons-head p{\r\n margin:0;\r\n color:#4f5f70;\r\n font-size:clamp(22px,2.2vw,38px);\r\n line-height:1.14;\r\n letter-spacing:-.04em;\r\n font-weight:650;\r\n}\r\n.season-grid{\r\n position:relative;\r\n z-index:1;\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:18px;\r\n}\r\n.season-card{\r\n min-height:620px;\r\n background:#fff;\r\n color:var(--ink);\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:space-between;\r\n position:relative;\r\n overflow:hidden;\r\n transition:.35s cubic-bezier(.2,.8,.2,1);\r\n}\r\n.season-card:hover{\r\n transform:translateY(-14px);\r\n box-shadow:0 42px 120px rgba(0,0,0,.34);\r\n}\r\n.season-image{\r\n min-height:330px;\r\n background:center 22%\/cover;\r\n position:relative;\r\n}\r\n.season-image:after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg,rgba(7,31,51,.02),rgba(7,31,51,.26));\r\n}\r\n.season-copy{\r\n padding:30px;\r\n}\r\n.season-copy small{\r\n color:var(--heldeco);\r\n font-size:12px;\r\n font-weight:900;\r\n letter-spacing:.18em;\r\n text-transform:uppercase;\r\n}\r\n.season-copy strong{\r\n display:block;\r\n margin-top:20px;\r\n font-size:clamp(28px,3vw,48px);\r\n line-height:.92;\r\n letter-spacing:-.06em;\r\n font-weight:900;\r\n}\r\n.season-copy span{\r\n display:block;\r\n margin-top:16px;\r\n color:#4c5b6c;\r\n font-size:15px;\r\n line-height:1.38;\r\n font-weight:700;\r\n}\r\n\r\n\/* JOB SLOT *\/\r\n.jobs{\r\n background:var(--light);\r\n}\r\n.jobs-grid{\r\n display:grid;\r\n grid-template-columns:38% 62%;\r\n gap:clamp(52px,7vw,110px);\r\n align-items:stretch;\r\n}\r\n.jobs-title{\r\n color:var(--blue);\r\n font-size:clamp(56px,8vw,136px);\r\n line-height:.82;\r\n letter-spacing:-.09em;\r\n font-weight:900;\r\n}\r\n.jobs-title span{\r\n display:block;\r\n color:var(--ink);\r\n}\r\n.jobs-copy{\r\n margin-top:34px;\r\n color:#4c5b6c;\r\n font-size:clamp(21px,2vw,34px);\r\n line-height:1.14;\r\n letter-spacing:-.04em;\r\n font-weight:650;\r\n}\r\n.slot{\r\n min-height:520px;\r\n background:#fff;\r\n border:1px solid var(--line);\r\n padding:34px;\r\n box-shadow:0 34px 110px rgba(7,31,51,.10);\r\n display:flex;\r\n align-items:center;\r\n}\r\n.slot-inner{\r\n width:100%;\r\n min-height:390px;\r\n border:2px dashed #a9c3da;\r\n background:var(--light);\r\n padding:34px;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n}\r\n.slot-inner small{\r\n color:var(--heldeco);\r\n font-size:13px;\r\n font-weight:900;\r\n letter-spacing:.22em;\r\n text-transform:uppercase;\r\n margin-bottom:22px;\r\n}\r\n.slot-inner strong{\r\n color:var(--ink);\r\n font-size:clamp(34px,4vw,68px);\r\n line-height:.88;\r\n letter-spacing:-.065em;\r\n font-weight:900;\r\n}\r\n.slot-inner p{\r\n margin:24px 0 0;\r\n color:#4c5b6c;\r\n max-width:760px;\r\n font-size:18px;\r\n line-height:1.45;\r\n font-weight:700;\r\n}\r\n\r\n\/* BENEFITS AS MINIMAL CARDS *\/\r\n.benefits{\r\n background:#fff;\r\n}\r\n.benefits-head{\r\n display:grid;\r\n grid-template-columns:40% 60%;\r\n gap:clamp(52px,7vw,110px);\r\n align-items:end;\r\n margin-bottom:58px;\r\n}\r\n.benefits-head h2{\r\n margin:0;\r\n color:var(--ink);\r\n font-size:clamp(56px,8vw,136px);\r\n line-height:.82;\r\n letter-spacing:-.09em;\r\n font-weight:900;\r\n}\r\n.benefits-head h2 span{\r\n display:block;\r\n color:var(--blue);\r\n}\r\n.benefits-head p{\r\n margin:0;\r\n color:#4c5b6c;\r\n font-size:clamp(21px,2vw,34px);\r\n line-height:1.14;\r\n letter-spacing:-.04em;\r\n font-weight:650;\r\n}\r\n.benefits-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n border-top:1px solid var(--line);\r\n border-left:1px solid var(--line);\r\n}\r\n.benefit{\r\n min-height:230px;\r\n background:#fff;\r\n border-right:1px solid var(--line);\r\n border-bottom:1px solid var(--line);\r\n padding:28px;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:space-between;\r\n transition:.25s ease;\r\n}\r\n.benefit:hover{\r\n background:var(--dark);\r\n color:#fff;\r\n transform:translateY(-8px);\r\n box-shadow:0 30px 90px rgba(7,31,51,.12);\r\n z-index:2;\r\n}\r\n.benefit small{\r\n color:var(--heldeco);\r\n font-weight:900;\r\n letter-spacing:.18em;\r\n}\r\n.benefit strong{\r\n font-size:clamp(21px,2vw,32px);\r\n line-height:.96;\r\n letter-spacing:-.045em;\r\n font-weight:900;\r\n}\r\n\r\n\/* OWNERS FULL SPLIT *\/\r\n.owners{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n min-height:760px;\r\n}\r\n.owners-img{\r\n background:\r\n linear-gradient(180deg,rgba(7,31,51,.02),rgba(7,31,51,.16)),\r\n url('\/wp-content\/uploads\/2026\/07\/Gross-Helmut-Sabine.jpeg') center 18%\/cover;\r\n}\r\n.owners-copy{\r\n padding:clamp(70px,7vw,120px) clamp(34px,6vw,96px);\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n}\r\n.owners-copy h2{\r\n margin:0;\r\n color:var(--blue);\r\n font-size:clamp(54px,7vw,122px);\r\n line-height:.84;\r\n letter-spacing:-.08em;\r\n font-weight:900;\r\n}\r\n.owners-copy h2 span{\r\n display:block;\r\n color:var(--ink);\r\n}\r\n.quote{\r\n margin-top:42px;\r\n padding:clamp(30px,4vw,54px);\r\n border-left:8px solid var(--blue);\r\n background:var(--light);\r\n color:#4c5b6c;\r\n font-size:clamp(23px,2.2vw,38px);\r\n line-height:1.13;\r\n letter-spacing:-.04em;\r\n font-weight:650;\r\n}\r\n.owners-name{\r\n margin-top:28px;\r\n color:var(--heldeco);\r\n font-size:13px;\r\n font-weight:900;\r\n letter-spacing:.18em;\r\n text-transform:uppercase;\r\n}\r\n\r\n\/* FINAL CTA *\/\r\n.cta{\r\n min-height:92vh;\r\n background:\r\n linear-gradient(90deg,rgba(7,31,51,.94),rgba(7,31,51,.38)),\r\n url('\/wp-content\/uploads\/2026\/07\/F0A3520.jpg') center 24%\/cover;\r\n color:#fff;\r\n display:flex;\r\n align-items:flex-end;\r\n position:relative;\r\n overflow:hidden;\r\n padding:clamp(80px,8vw,140px) clamp(30px,6vw,96px);\r\n}\r\n.cta:before{\r\n content:\"YOUR START\";\r\n position:absolute;\r\n right:-.08em;\r\n top:12%;\r\n color:rgba(255,255,255,.06);\r\n font-size:22vw;\r\n line-height:.75;\r\n letter-spacing:-.14em;\r\n font-weight:900;\r\n}\r\n.cta:after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:\r\n linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),\r\n linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);\r\n background-size:46px 46px;\r\n opacity:.5;\r\n}\r\n.cta-content{\r\n position:relative;\r\n z-index:1;\r\n max-width:1100px;\r\n}\r\n.cta h2{\r\n margin:0;\r\n font-size:clamp(64px,10vw,180px);\r\n line-height:.78;\r\n letter-spacing:-.095em;\r\n font-weight:900;\r\n}\r\n.cta h2 span{\r\n display:block;\r\n color:var(--blue);\r\n}\r\n.cta p{\r\n margin:38px 0 0;\r\n max-width:850px;\r\n color:#d9e6f1;\r\n font-size:clamp(22px,2.2vw,38px);\r\n line-height:1.12;\r\n letter-spacing:-.04em;\r\n font-weight:650;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:1100px){\r\n .number-scene,\r\n .no-buzz-grid,\r\n .seasons-head,\r\n .jobs-grid,\r\n .benefits-head,\r\n .owners{\r\n grid-template-columns:1fr;\r\n }\r\n .season-grid,\r\n .benefits-grid{\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n@media(max-width:720px){\r\n .hero h1,\r\n .cta h2,\r\n .no-buzz-title,\r\n .seasons-head h2,\r\n .jobs-title,\r\n .benefits-head h2,\r\n .owners-copy h2{\r\n font-size:clamp(42px,12vw,72px);\r\n letter-spacing:-.06em;\r\n }\r\n .number-copy h2{\r\n font-size:clamp(34px,9vw,58px);\r\n }\r\n .giant-number{\r\n font-size:clamp(110px,34vw,190px);\r\n }\r\n .no-buzz-row{\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n<\/style>\r\n\r\n<style id=\"font-downsize-overrides\">\r\n.hero h1,.cta h2{font-size:clamp(54px,7vw,110px)!important;}\r\n.jobs-title,.benefits-head h2,.owners-copy h2,.no-buzz-title,.seasons-head h2{\r\n font-size:clamp(48px,6vw,90px)!important;\r\n}\r\n.giant-number{\r\n font-size:clamp(110px,12vw,180px)!important;\r\n}\r\n.number-copy h2{\r\n font-size:clamp(28px,3vw,52px)!important;\r\n}\r\n.hero p,.cta p,.jobs-copy,.benefits-head p,.seasons-head p{\r\n font-size:clamp(18px,1.5vw,26px)!important;\r\n}\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n<body>\r\n<main class=\"heavy-career\">\r\n\r\n<section class=\"hero\">\r\n <div class=\"hero-content\">\r\n <div class=\"kicker\">KARRIERE BEI HELDECO<\/div>\r\n <h1>Gemeinsam Gro\u00dfes<span>bewegen<\/span><\/h1>\r\n <p>Ausbildung und Entwicklung in einem Familienbetrieb mit internationaler Dimension.<\/p>\r\n <div class=\"hero-buttons\">\r\n <a class=\"btn\" href=\"#schnuppern\">Jetzt schnuppern<\/a>\r\n <a class=\"btn secondary\" href=\"#jobs\">Offene Stellen<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section><div>\r\n \n<style>\n.heldeco-jobs-fancy{\n --blue:#1565a6;\n --dark:#071f33;\n --ink:#071a2e;\n --muted:#4c5b6c;\n --line:#d6e0ea;\n background:#f4f6f8;\n position:relative;\n overflow:hidden;\n padding:clamp(80px,8vw,150px) clamp(30px,6vw,96px);\n}\n\n.heldeco-jobs-fancy:before{\n content:\"JOBS\";\n position:absolute;\n right:-.07em;\n top:5%;\n font-size:clamp(150px,28vw,520px);\n line-height:.7;\n letter-spacing:-.14em;\n font-weight:900;\n color:rgba(21,101,166,.07);\n pointer-events:none;\n}\n\n.heldeco-jobs-wrap{\n max-width:1400px;\n margin:0 auto;\n position:relative;\n z-index:2;\n}\n\n.heldeco-jobs-head{\n display:grid;\n grid-template-columns:42% 58%;\n gap:clamp(48px,7vw,110px);\n align-items:end;\n margin-bottom:60px;\n}\n\n.heldeco-jobs-kicker{\n color:var(--blue);\n font-size:13px;\n font-weight:900;\n letter-spacing:.24em;\n text-transform:uppercase;\n margin-bottom:24px;\n}\n\n.heldeco-jobs-head h2{\n margin:0;\n color:var(--ink);\n font-size:clamp(54px,7vw,110px);\n line-height:.8;\n letter-spacing:-.09em;\n font-weight:900;\n}\n\n.heldeco-jobs-head h2 span{\n display:block;\n color:var(--blue);\n}\n\n.heldeco-jobs-intro{\n color:var(--muted);\n font-size:clamp(20px,2vw,34px);\n line-height:1.12;\n letter-spacing:-.04em;\n font-weight:650;\n max-width:780px;\n}\n\n.heldeco-jobs-grid{\n display:grid;\n grid-template-columns:repeat(3,1fr);\n gap:18px;\n}\n\n.heldeco-job-card{\n min-height:420px;\n background:#fff;\n color:var(--ink);\n text-decoration:none;\n border:1px solid var(--line);\n padding:30px;\n position:relative;\n overflow:hidden;\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n box-shadow:0 28px 90px rgba(7,31,51,.09);\n transition:.35s cubic-bezier(.2,.8,.2,1);\n}\n\n.heldeco-job-card:before{\n content:\"\";\n position:absolute;\n inset:0;\n background:\n linear-gradient(135deg,rgba(21,101,166,.12),transparent 42%),\n linear-gradient(rgba(7,31,51,.035) 1px,transparent 1px),\n linear-gradient(90deg,rgba(7,31,51,.03) 1px,transparent 1px);\n background-size:auto,38px 38px,38px 38px;\n opacity:.55;\n pointer-events:none;\n}\n\n.heldeco-job-card:after{\n content:\"\";\n position:absolute;\n right:-70px;\n bottom:-70px;\n width:180px;\n height:180px;\n background:var(--blue);\n transform:rotate(45deg);\n opacity:.08;\n transition:.35s ease;\n}\n\n.heldeco-job-card:hover{\n transform:translateY(-14px);\n box-shadow:0 46px 130px rgba(7,31,51,.18);\n border-color:rgba(21,101,166,.45);\n}\n\n.heldeco-job-card:hover:after{\n opacity:.18;\n transform:rotate(45deg) scale(1.35);\n}\n\n.heldeco-job-top,\n.heldeco-job-content,\n.heldeco-job-bottom{\n position:relative;\n z-index:2;\n}\n\n.heldeco-job-top{\n display:flex;\n justify-content:space-between;\n align-items:center;\n gap:20px;\n}\n\n.heldeco-job-top small{\n color:var(--blue);\n font-size:12px;\n font-weight:900;\n letter-spacing:.22em;\n text-transform:uppercase;\n}\n\n.heldeco-job-arrow{\n width:46px;\n height:46px;\n border-radius:50%;\n background:var(--dark);\n color:#fff;\n display:flex;\n align-items:center;\n justify-content:center;\n font-size:24px;\n font-weight:900;\n transition:.3s ease;\n}\n\n.heldeco-job-card:hover .heldeco-job-arrow{\n background:var(--blue);\n transform:translateX(5px);\n}\n\n.heldeco-job-card h3{\n margin:70px 0 0;\n color:var(--ink);\n font-size:clamp(30px,3vw,52px);\n line-height:.9;\n letter-spacing:-.065em;\n font-weight:900;\n}\n\n.heldeco-job-card p{\n margin:24px 0 0;\n color:var(--muted);\n font-size:16px;\n line-height:1.42;\n font-weight:700;\n}\n\n.heldeco-job-bottom{\n margin-top:42px;\n padding-top:22px;\n border-top:1px solid var(--line);\n display:flex;\n justify-content:space-between;\n align-items:center;\n gap:20px;\n}\n\n.heldeco-job-bottom strong{\n color:var(--ink);\n font-size:13px;\n font-weight:900;\n letter-spacing:.14em;\n text-transform:uppercase;\n}\n\n.heldeco-job-bottom span{\n color:var(--blue);\n font-size:13px;\n font-weight:900;\n}\n\n.heldeco-no-jobs{\n background:#fff;\n border:1px solid var(--line);\n padding:46px;\n box-shadow:0 28px 90px rgba(7,31,51,.09);\n}\n\n.heldeco-no-jobs h3{\n margin:0;\n font-size:clamp(34px,4vw,68px);\n line-height:.9;\n letter-spacing:-.06em;\n font-weight:900;\n}\n\n.heldeco-no-jobs p{\n margin:22px 0 0;\n color:var(--muted);\n font-size:20px;\n font-weight:700;\n}\n\n@media(max-width:1100px){\n .heldeco-jobs-head,\n .heldeco-jobs-grid{\n grid-template-columns:1fr;\n }\n}\n\n@media(max-width:720px){\n .heldeco-jobs-fancy{\n padding:70px 24px;\n }\n\n .heldeco-jobs-head h2{\n font-size:clamp(44px,12vw,72px);\n letter-spacing:-.06em;\n }\n\n .heldeco-job-card{\n min-height:340px;\n padding:24px;\n }\n\n .heldeco-job-card h3{\n margin-top:52px;\n }\n}\n\t.heldeco-job-card h3{\n margin:70px 0 0;\n color:var(--ink);\n font-size:clamp(28px,2.4vw,44px);\n line-height:.92;\n letter-spacing:-.055em;\n font-weight:900;\n\n white-space:normal;\n overflow-wrap:anywhere;\n word-break:break-word;\n hyphens:auto;\n}\n<\/style>\n\n<section id=\"jobs\" class=\"heldeco-jobs-fancy\">\n <div class=\"heldeco-jobs-wrap\">\n\n <div class=\"heldeco-jobs-head\">\n <div>\n <div class=\"heldeco-jobs-kicker\">OFFENE STELLEN<\/div>\n <h2>Dein Einstieg <span>bei HELDECO.<\/span><\/h2>\n <\/div>\n\n <div class=\"heldeco-jobs-intro\">\n Gro\u00dfe Bauteile. Klare Aufgaben. Ein Betrieb, der Leute nicht nur sucht, sondern langfristig aufbaut.\n <\/div>\n <\/div>\n\n \n <div class=\"heldeco-jobs-grid\">\n\n \n <a class=\"heldeco-job-card\" href=\"https:\/\/heldeco.at\/en\/jobs\/zerspanungstechnikerin\/\">\n\n <div class=\"heldeco-job-top\">\n <small>JOB<\/small>\n <div class=\"heldeco-job-arrow\">\u2192<\/div>\n <\/div>\n\n <div class=\"heldeco-job-content\">\n <h3>Zerspanungstechniker:in<\/h3>\n\n <\/div>\n\n <div class=\"heldeco-job-bottom\">\n <strong>Mehr erfahren<\/strong>\n <span>HELDECO<\/span>\n <\/div>\n\n <\/a>\n\n \n <a class=\"heldeco-job-card\" href=\"https:\/\/heldeco.at\/en\/jobs\/produktionsmitarbeiterin\/\">\n\n <div class=\"heldeco-job-top\">\n <small>JOB<\/small>\n <div class=\"heldeco-job-arrow\">\u2192<\/div>\n <\/div>\n\n <div class=\"heldeco-job-content\">\n <h3>Produktionsmitarbeiter:in<\/h3>\n\n <\/div>\n\n <div class=\"heldeco-job-bottom\">\n <strong>Mehr erfahren<\/strong>\n <span>HELDECO<\/span>\n <\/div>\n\n <\/a>\n\n \n <a class=\"heldeco-job-card\" href=\"https:\/\/heldeco.at\/en\/jobs\/lehre-fuer-betriebslogistik-m-w-x-kopie\/\">\n\n <div class=\"heldeco-job-top\">\n <small>JOB<\/small>\n <div class=\"heldeco-job-arrow\">\u2192<\/div>\n <\/div>\n\n <div class=\"heldeco-job-content\">\n <h3>Lehre f\u00fcr Betriebslogistik (m\/w\/x)<\/h3>\n\n <\/div>\n\n <div class=\"heldeco-job-bottom\">\n <strong>Mehr erfahren<\/strong>\n <span>HELDECO<\/span>\n <\/div>\n\n <\/a>\n\n \n <a class=\"heldeco-job-card\" href=\"https:\/\/heldeco.at\/en\/jobs\/lehre-fuer-zerspanungstechnik-m-w-x\/\">\n\n <div class=\"heldeco-job-top\">\n <small>JOB<\/small>\n <div class=\"heldeco-job-arrow\">\u2192<\/div>\n <\/div>\n\n <div class=\"heldeco-job-content\">\n <h3>Lehre f\u00fcr Zerspanungstechnik (m\/w\/x)<\/h3>\n\n <\/div>\n\n <div class=\"heldeco-job-bottom\">\n <strong>Mehr erfahren<\/strong>\n <span>HELDECO<\/span>\n <\/div>\n\n <\/a>\n\n \n <a class=\"heldeco-job-card\" href=\"https:\/\/heldeco.at\/en\/jobs\/metalltechnikerin-m-w-x\/\">\n\n <div class=\"heldeco-job-top\">\n <small>JOB<\/small>\n <div class=\"heldeco-job-arrow\">\u2192<\/div>\n <\/div>\n\n <div class=\"heldeco-job-content\">\n <h3>Metalltechniker:in (m\/w\/x)<\/h3>\n\n <\/div>\n\n <div class=\"heldeco-job-bottom\">\n <strong>Mehr erfahren<\/strong>\n <span>HELDECO<\/span>\n <\/div>\n\n <\/a>\n\n \n <\/div>\n\n \n <\/div>\n<\/section>\n\n\r\n<\/div><\/section>\r\n\r\n<section class=\"number-scene\">\r\n <div class=\"number-visual\" style=\"background-image:url('\/wp-content\/uploads\/2026\/07\/60mitarbeiter.jpg')\"><\/div>\r\n <div class=\"number-copy\">\r\n <div class=\"kicker\">AUSBILDUNG<\/div>\r\n <div class=\"giant-number\">60%<\/div>\r\n <h2>unserer Mitarbeiter wurden im Unternehmen ausgebildet.<\/h2>\r\n <p>Die Lehre ist bei HELDECO von zentraler Bedeutung. Sie ist eine strategische S\u00e4ule des Betriebs.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"number-scene dark\">\r\n <div class=\"number-copy\">\r\n <div class=\"kicker\">ENTWICKLUNG<\/div>\r\n <div class=\"giant-number\">75%<\/div>\r\n <h2>unserer F\u00fchrungspositionen sind mit ehemaligen Lehrlingen besetzt.<\/h2>\r\n <p>Karrierewege entstehen nicht am Papier. Sie entstehen im Betrieb.<\/p>\r\n <\/div>\r\n <div class=\"number-visual\" style=\"background-image:url('\/wp-content\/uploads\/2026\/07\/Abteilungsleiter-scaled.jpeg')\"><\/div>\r\n<\/section>\r\n\r\n<section class=\"number-scene\">\r\n <div class=\"number-visual\" style=\"background-image:url('\/wp-content\/uploads\/2026\/06\/F0A3719-1.avif')\"><\/div>\r\n <div class=\"number-copy\">\r\n <div class=\"kicker\">ERFAHRUNG<\/div>\r\n <div class=\"giant-number\">30%<\/div>\r\n <h2>sind mehr als 20 Jahre im Betrieb.<\/h2>\r\n <p>Das spricht f\u00fcr Zusammenhalt, Verl\u00e4sslichkeit und Know-how, das langfristig im Unternehmen bleibt.<\/p>\r\n <\/div>\r\n<\/section>\r\n<section id=\"schnuppern\" class=\"cta\">\r\n <div class=\"cta-content\">\r\n <div class=\"kicker\">SCHNUPPERN BEI HELDECO<\/div>\r\n <h2>Schau dir den <span>Betrieb an.<\/span><\/h2>\r\n <p>Du willst wissen, ob Metalltechnik, Schwei\u00dftechnik oder Betriebslogistik zu dir passt? Dann komm zum Schnuppern vorbei.<\/p>\r\n <div class=\"hero-buttons\">\r\n <a class=\"btn\" href=\"\/kontaktformular-schnuppern\/\">Jetzt bei HELDECO schnuppern<\/a>\r\n <a class=\"btn secondary\" href=\"#jobs\">Offene Stellen ansehen<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"section no-buzz\">\r\n <div class=\"wrap no-buzz-grid\">\r\n <div class=\"no-buzz-title\"> Echte Werte.<span>Keine Show.<\/span><\/div>\r\n <div class=\"no-buzz-list\">\r\n <div class=\"no-buzz-row\">\r\n <small>01<\/small>\r\n <div><strong>Keine leeren Slogans.<\/strong><span>HELDECO ist ein Industriebetrieb. Entscheidend sind Ausbildung, K\u00f6nnen, Verl\u00e4sslichkeit und Teamarbeit.<\/span><\/div>\r\n <\/div>\r\n <div class=\"no-buzz-row\">\r\n <small>02<\/small>\r\n <div><strong>Echte Bauteile. Echte Verantwortung.<\/strong><span>Die Komponenten, an denen gearbeitet wird, sind gro\u00df, schwer und technisch anspruchsvoll.<\/span><\/div>\r\n <\/div>\r\n <div class=\"no-buzz-row\">\r\n <small>03<\/small>\r\n <div><strong>Ein Betrieb, der Leute h\u00e4lt.<\/strong><span>Viele bleiben lange. Viele entwickeln sich weiter. Viele \u00fcbernehmen Verantwortung.<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"heldeco-career-mini-cta\">\r\n\r\n <div class=\"career-bg\">JOIN<\/div>\r\n\r\n <div class=\"career-content\">\r\n\r\n <div class=\"career-kicker\">\r\n When careers get heavy.\r\n <\/div>\r\n\r\n <h2>\r\n Keine passende Stelle gefunden?\r\n <\/h2>\r\n\r\n <p>\r\n Wir freuen uns auch \u00fcber Initiativbewerbungen.\r\n <\/p>\r\n\r\n <a href=\"\/initiativbewerbung\" class=\"career-button\">\r\n Jetzt initiativ bewerben\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n.heldeco-career-mini-cta{\r\n position:relative;\r\n overflow:hidden;\r\n background:#071f33;\r\n padding:65px 40px;\r\n text-align:center;\r\n border-radius:28px;\r\n}\r\n\r\n.career-bg{\r\n position:absolute;\r\n left:50%;\r\n top:50%;\r\n transform:translate(-50%,-50%);\r\n\r\n font-size:clamp(120px,16vw,280px);\r\n font-weight:900;\r\n letter-spacing:-.12em;\r\n line-height:.8;\r\n\r\n color:rgba(255,255,255,.04);\r\n\r\n pointer-events:none;\r\n user-select:none;\r\n}\r\n\r\n.career-content{\r\n position:relative;\r\n z-index:2;\r\n}\r\n\r\n.career-kicker{\r\n color:#6fb3e6;\r\n font-size:12px;\r\n font-weight:900;\r\n letter-spacing:.22em;\r\n text-transform:uppercase;\r\n margin-bottom:14px;\r\n}\r\n\r\n.career-content h2{\r\n margin:0;\r\n\r\n color:#fff;\r\n\r\n font-size:clamp(34px,4vw,58px);\r\n line-height:.92;\r\n letter-spacing:-.07em;\r\n font-weight:900;\r\n}\r\n\r\n.career-content p{\r\n margin:18px 0 0;\r\n color:rgba(255,255,255,.72);\r\n font-size:18px;\r\n font-weight:600;\r\n}\r\n\r\n.career-button{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n margin-top:28px;\r\n padding:16px 28px;\r\n\r\n background:#1565a6;\r\n color:#fff;\r\n\r\n text-decoration:none;\r\n text-transform:uppercase;\r\n\r\n font-size:12px;\r\n font-weight:900;\r\n letter-spacing:.18em;\r\n\r\n transition:.3s ease;\r\n}\r\n\r\n.career-button:hover{\r\n transform:translateY(-4px);\r\n background:#fff;\r\n color:#071f33;\r\n}\r\n\r\n.career-button::after{\r\n content:\"\u2192\";\r\n margin-left:10px;\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"section heldeco-career-pathways\" id=\"lehrberufe\">\r\n <div class=\"wrap pathways-wrap\">\r\n <div class=\"pathways-bg-word\">BETRIEB<\/div>\r\n\r\n <div class=\"pathways-head\">\r\n <h2>Drei Wege <span>in den Betrieb.<\/span><\/h2>\r\n <p>Drei Lehrberufe. Direkter Einstieg. Ausbildung an Aufgaben, die im Betrieb wirklich gebraucht werden.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pathways-grid\">\r\n <article class=\"pathway-card\">\r\n <div class=\"pathway-image\" style=\"background-image:url('\/wp-content\/uploads\/2026\/06\/F0A3237.webp ')\"><\/div>\r\n <div class=\"pathway-copy\">\r\n <small>01 \u00b7 Lehre<\/small>\r\n <strong>Metalltechnik \u00b7<br>Zerspanungstechnik<\/strong>\r\n <span>Moderne Maschinen, pr\u00e4zise Bearbeitung und technisches Verst\u00e4ndnis.<\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"pathway-card pathway-card-offset\">\r\n <div class=\"pathway-image\" style=\"background-image:url('\/wp-content\/uploads\/2026\/06\/HELDECO-Image21.jpeg ')\"><\/div>\r\n <div class=\"pathway-copy\">\r\n <small>02 \u00b7 Lehre<\/small>\r\n <strong>Metalltechnik \u00b7<br>Schwei\u00dftechnik<\/strong>\r\n <span>Verbindungen, Baugruppen und Qualit\u00e4t, die man sieht und pr\u00fcfen kann.<\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"pathway-card\">\r\n <div class=\"pathway-image\" style=\"background-image:url('\/wp-content\/uploads\/2026\/07\/Magazin.jpeg)\"><\/div>\r\n <div class=\"pathway-copy\">\r\n <small>03 \u00b7 Lehre<\/small>\r\n <strong>Betriebslogistik<\/strong>\r\n <span>Material, Lager, Versand und Abl\u00e4ufe \u2013 damit Fertigung funktioniert.<\/span>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style id=\"heldeco-career-pathways-style\">\r\n.heldeco-career-pathways{\r\n background:#f6f8fb;\r\n color:#071a2e;\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n.pathways-wrap{\r\n position:relative;\r\n z-index:1;\r\n}\r\n.pathways-bg-word{\r\n position:absolute;\r\n right:-.10em;\r\n top:-.06em;\r\n color:rgba(7,31,51,.05);\r\n font-size:clamp(130px,22vw,360px);\r\n line-height:.72;\r\n letter-spacing:-.14em;\r\n font-weight:900;\r\n pointer-events:none;\r\n user-select:none;\r\n}\r\n.pathways-head{\r\n position:relative;\r\n z-index:2;\r\n display:grid;\r\n grid-template-columns:46% 54%;\r\n gap:clamp(36px,6vw,90px);\r\n align-items:end;\r\n margin-bottom:52px;\r\n}\r\n.pathways-head h2{\r\n margin:0;\r\n font-size:clamp(48px,6vw,96px);\r\n line-height:.82;\r\n letter-spacing:-.09em;\r\n font-weight:900;\r\n}\r\n.pathways-head h2 span{\r\n display:block;\r\n color:#1565a6;\r\n}\r\n.pathways-head p{\r\n margin:0;\r\n max-width:720px;\r\n color:#4f5f70;\r\n font-size:clamp(18px,1.6vw,28px);\r\n line-height:1.12;\r\n letter-spacing:-.04em;\r\n font-weight:650;\r\n}\r\n.pathways-grid{\r\n position:relative;\r\n z-index:2;\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:18px;\r\n align-items:stretch;\r\n}\r\n.pathway-card{\r\n background:#fff;\r\n border:1px solid #d6e0ea;\r\n color:#071a2e;\r\n min-height:520px;\r\n display:flex;\r\n flex-direction:column;\r\n overflow:hidden;\r\n box-shadow:0 38px 120px rgba(0,0,0,.24);\r\n transition:.35s cubic-bezier(.2,.8,.2,1);\r\n}\r\n.pathway-card-offset{\r\n margin-top:0;\r\n}\r\n.pathway-card:hover{\r\n transform:translateY(-12px);\r\n box-shadow:0 48px 140px rgba(0,0,0,.38);\r\n}\r\n.pathway-image{\r\n min-height:290px;\r\n background:center 24%\/cover;\r\n position:relative;\r\n}\r\n.pathway-image:after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg,rgba(7,31,51,0),rgba(7,31,51,.18));\r\n}\r\n.pathway-copy{\r\n padding:28px;\r\n flex:1;\r\n display:flex;\r\n flex-direction:column;\r\n}\r\n.pathway-copy small{\r\n color:#005da9;\r\n font-size:11px;\r\n font-weight:900;\r\n letter-spacing:.18em;\r\n text-transform:uppercase;\r\n}\r\n.pathway-copy strong{\r\n display:block;\r\n margin-top:18px;\r\n font-size:clamp(27px,2.7vw,44px);\r\n line-height:.9;\r\n letter-spacing:-.065em;\r\n font-weight:900;\r\n}\r\n.pathway-copy span{\r\n display:block;\r\n flex:1;\r\n margin-top:15px;\r\n color:#4c5b6c;\r\n font-size:14px;\r\n line-height:1.36;\r\n font-weight:700;\r\n}\r\n@media(max-width:1100px){\r\n .pathways-head,\r\n .pathways-grid{\r\n grid-template-columns:1fr;\r\n }\r\n .pathway-card,\r\n .pathway-card-offset{\r\n margin-top:0;\r\n }\r\n}\r\n@media(max-width:720px){\r\n .heldeco-career-pathways{\r\n padding-left:22px;\r\n padding-right:22px;\r\n }\r\n .pathways-head h2{\r\n font-size:clamp(42px,12vw,72px);\r\n letter-spacing:-.06em;\r\n }\r\n .pathway-card{\r\n min-height:0;\r\n }\r\n .pathway-image{\r\n min-height:230px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<\/main>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-223ec1d e-con-full e-flex e-con e-parent\" data-id=\"223ec1d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b74252a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b74252a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"section benefits\">\r\n <div class=\"wrap benefits-head\">\r\n <div>\r\n <div class=\"kicker\">BENEFITS<\/div>\r\n <h2>Was im Alltag <span>z\u00e4hlt.<\/span><\/h2>\r\n <\/div>\r\n <p>Praktische Vorteile f\u00fcr Ausbildung, Arbeit und Entwicklung.<\/p>\r\n <\/div>\r\n\r\n <div class=\"wrap benefits-grid\">\r\n <div class=\"benefit\"><small>01<\/small><strong>Famili\u00e4re Arbeitsatmosph\u00e4re<\/strong><\/div>\r\n <div class=\"benefit\"><small>02<\/small><strong>Lehre mit Matura m\u00f6glich<\/strong><\/div>\r\n <div class=\"benefit\"><small>03<\/small><strong>Mitarbeiterevents<\/strong><\/div>\r\n <div class=\"benefit\"><small>04<\/small><strong>Arbeitszeit angepasst an den \u00d6ffi-Fahrplan<\/strong><\/div>\r\n <div class=\"benefit\"><small>05<\/small><strong>Karriere- und Aufstiegsm\u00f6glichkeiten<\/strong><\/div>\r\n <div class=\"benefit\"><small>06<\/small><strong>Leistungsgerechte Bezahlung & Pr\u00e4mien<\/strong><\/div>\r\n <div class=\"benefit\"><small>07<\/small><strong>Fachspezifische und pers\u00f6nliche Weiterbildung<\/strong><\/div>\r\n <div class=\"benefit\"><small>08<\/small><strong>Anrechnung entsprechender Vorbildungen<\/strong><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"owners\">\r\n <div class=\"owners-img\"><\/div>\r\n <div class=\"owners-copy\">\r\n <div class=\"kicker\">EIGENT\u00dcMERGEF\u00dcHRTER FAMILIENBETRIEB<\/div>\r\n <h2>Das sagen unsere <span>Eigent\u00fcmer.<\/span><\/h2>\r\n <div class=\"quote\">\u201eUnser Kapital sind unsere treuen Mitarbeiter. Wir sind stolz auf ihre Entwicklung, ihren t\u00e4glichen Einsatz sowie ihre Leidenschaft f\u00fcr unser Unternehmen.\u201c<\/div>\r\n <div class=\"owners-name\">Helmut und Sabine Dettenweitz<\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<\/main>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d75b24 e-flex e-con-boxed e-con e-parent\" data-id=\"7d75b24\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abe046f elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"abe046f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n <section class=\"newsletter-fine\">\n <div class=\"newsletter-fine__inner\">\n <div class=\"newsletter-fine__text\">\n <span>HELDECO NEWSLETTER<\/span>\n <strong>Vier Mal pro Jahr. Echte Projekte. Kein Standard.<\/strong>\n <\/div>\n\n <button type=\"button\" class=\"newsletter-fine__button\" data-newsletter-fine-open>\n Jetzt Newsletter abonnieren\n <\/button>\n <\/div>\n <\/section>\n\n <div class=\"newsletter-fine-popup\" id=\"newsletterFinePopup\" aria-hidden=\"true\">\n <div class=\"newsletter-fine-popup__backdrop\" data-newsletter-fine-close><\/div>\n\n <div class=\"newsletter-fine-popup__box\" role=\"dialog\" aria-modal=\"true\">\n <button type=\"button\" class=\"newsletter-fine-popup__close\" data-newsletter-fine-close>\u00d7<\/button>\n\n <div class=\"newsletter-fine-popup__content\" data-newsletter-fine-formwrap>\n <span class=\"newsletter-fine-popup__kicker\">HELDECO NEWSLETTER<\/span>\n\n <h3>Bleiben Sie informiert.<\/h3>\n\n <p>\n Der HELDECO-Newsletter erreicht Sie vier Mal pro Jahr.\n Mit echten Inhalten. Im HELDECO-Stil.\n <\/p>\n\n <form class=\"newsletter-fine-form\" id=\"newsletterFineForm\">\n <label>\n Name\n <input type=\"text\" name=\"FNAME\" placeholder=\"Ihr Name\">\n <\/label>\n\n <label>\n E-Mail *\n <input type=\"email\" name=\"EMAIL\" placeholder=\"ihre.mail@beispiel.at\" required>\n <\/label>\n\n <input type=\"text\" name=\"b_580e2abc155a5b4c077591c67_e598ede2d6\" tabindex=\"-1\" autocomplete=\"off\" style=\"position:absolute;left:-5000px;\" aria-hidden=\"true\">\n\n <button type=\"submit\">\n Anmelden\n <\/button>\n\n <div class=\"newsletter-fine-message\" data-newsletter-fine-message><\/div>\n <\/form>\n <\/div>\n\n <div class=\"newsletter-fine-success\" data-newsletter-fine-success hidden>\n <span>\u2713<\/span>\n <h3>Danke.<\/h3>\n <p>Ihre Anmeldung wurde erfolgreich \u00fcbermittelt.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <style>\n .newsletter-fine {\n width: 100%;\n background: #f7f8fa;\n border-top: 1px solid rgba(5, 12, 20, .08);\n border-bottom: 1px solid rgba(5, 12, 20, .08);\n padding: 28px 22px;\n box-sizing: border-box;\n }\n\n .newsletter-fine__inner {\n width: min(1180px, 100%);\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 28px;\n }\n\n .newsletter-fine__text {\n display: flex;\n flex-direction: column;\n gap: 7px;\n }\n\n .newsletter-fine__text span {\n color: #1565a6;\n font-size: 11px;\n font-weight: 900;\n letter-spacing: .18em;\n text-transform: uppercase;\n }\n\n .newsletter-fine__text strong {\n color: #07111d;\n font-size: clamp(20px, 2.2vw, 32px);\n line-height: 1.1;\n letter-spacing: -.035em;\n font-weight: 900;\n }\n\n .newsletter-fine__button {\n flex: 0 0 auto;\n border: 0;\n border-radius: 999px;\n background: #1565a6;\n color: #fff;\n padding: 15px 26px;\n font-size: 12px;\n font-weight: 900;\n letter-spacing: .11em;\n text-transform: uppercase;\n cursor: pointer;\n transition: .18s ease;\n }\n\n .newsletter-fine__button:hover {\n background: #1c78c2;\n transform: translateY(-1px);\n }\n\n .newsletter-fine-popup {\n position: fixed;\n inset: 0;\n z-index: 999999;\n display: none;\n align-items: center;\n justify-content: center;\n padding: 22px;\n box-sizing: border-box;\n }\n\n .newsletter-fine-popup.is-open {\n display: flex;\n }\n\n .newsletter-fine-popup__backdrop {\n position: absolute;\n inset: 0;\n background: rgba(5, 12, 20, .76);\n backdrop-filter: blur(10px);\n }\n\n .newsletter-fine-popup__box {\n position: relative;\n width: min(500px, 100%);\n background: linear-gradient(145deg, #07111d, #0d2236);\n color: #fff;\n border-radius: 24px;\n border: 1px solid rgba(255,255,255,.14);\n padding: clamp(28px, 5vw, 42px);\n box-shadow: 0 30px 90px rgba(0,0,0,.45);\n box-sizing: border-box;\n }\n\n .newsletter-fine-popup__close {\n position: absolute;\n top: 16px;\n right: 18px;\n width: 34px;\n height: 34px;\n border: 1px solid rgba(255,255,255,.18);\n border-radius: 50%;\n background: rgba(255,255,255,.06);\n color: #fff;\n font-size: 25px;\n line-height: 1;\n cursor: pointer;\n }\n\n .newsletter-fine-popup__kicker {\n display: block;\n margin-bottom: 14px;\n color: #7db7e7;\n font-size: 11px;\n font-weight: 900;\n letter-spacing: .18em;\n text-transform: uppercase;\n }\n\n .newsletter-fine-popup h3 {\n margin: 0 0 14px;\n color: #fff;\n font-size: clamp(34px, 6vw, 52px);\n line-height: .95;\n letter-spacing: -.05em;\n }\n\n .newsletter-fine-popup p {\n margin: 0 0 26px;\n color: rgba(255,255,255,.72);\n font-size: 16px;\n line-height: 1.55;\n }\n\n .newsletter-fine-form label {\n display: block;\n margin-bottom: 17px;\n color: rgba(255,255,255,.78);\n font-size: 12px;\n font-weight: 800;\n letter-spacing: .12em;\n text-transform: uppercase;\n }\n\n .newsletter-fine-form input {\n width: 100%;\n margin-top: 8px;\n padding: 15px 16px;\n border-radius: 14px;\n border: 1px solid rgba(255,255,255,.16);\n background: rgba(255,255,255,.08);\n color: #fff;\n font-size: 16px;\n outline: none;\n box-sizing: border-box;\n }\n\n .newsletter-fine-form input::placeholder {\n color: rgba(255,255,255,.38);\n }\n\n .newsletter-fine-form input:focus {\n border-color: #1565a6;\n box-shadow: 0 0 0 3px rgba(21,101,166,.28);\n }\n\n .newsletter-fine-form button {\n width: 100%;\n margin-top: 6px;\n padding: 16px 20px;\n border: 0;\n border-radius: 999px;\n background: #1565a6;\n color: #fff;\n font-size: 13px;\n font-weight: 900;\n letter-spacing: .12em;\n text-transform: uppercase;\n cursor: pointer;\n }\n\n .newsletter-fine-form button:hover {\n background: #1c78c2;\n }\n\n .newsletter-fine-message {\n margin-top: 14px;\n color: #ffb4b4;\n font-size: 14px;\n line-height: 1.4;\n display: none;\n }\n\n .newsletter-fine-success {\n text-align: center;\n padding: 18px 0 8px;\n }\n\n .newsletter-fine-success span {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 54px;\n height: 54px;\n margin-bottom: 18px;\n border-radius: 50%;\n background: #1565a6;\n color: #fff;\n font-size: 30px;\n font-weight: 900;\n }\n\n body.newsletter-fine-open {\n overflow: hidden;\n }\n\n @media (max-width: 720px) {\n .newsletter-fine__inner {\n flex-direction: column;\n align-items: flex-start;\n }\n\n .newsletter-fine__button {\n width: 100%;\n }\n }\n <\/style>\n\n <script>\n document.addEventListener('DOMContentLoaded', function () {\n const popup = document.getElementById('newsletterFinePopup');\n const form = document.getElementById('newsletterFineForm');\n\n if (!popup || !form) return;\n\n const openers = document.querySelectorAll('[data-newsletter-fine-open]');\n const closers = document.querySelectorAll('[data-newsletter-fine-close]');\n const formWrap = popup.querySelector('[data-newsletter-fine-formwrap]');\n const success = popup.querySelector('[data-newsletter-fine-success]');\n const message = popup.querySelector('[data-newsletter-fine-message]');\n\n function openPopup(e) {\n if (e) e.preventDefault();\n popup.classList.add('is-open');\n popup.setAttribute('aria-hidden', 'false');\n document.body.classList.add('newsletter-fine-open');\n\n if (formWrap) formWrap.hidden = false;\n if (success) success.hidden = true;\n if (message) {\n message.style.display = 'none';\n message.textContent = '';\n }\n\n setTimeout(function () {\n const email = popup.querySelector('input[name=\"EMAIL\"]');\n if (email) email.focus();\n }, 80);\n }\n\n function closePopup(e) {\n if (e) e.preventDefault();\n popup.classList.remove('is-open');\n popup.setAttribute('aria-hidden', 'true');\n document.body.classList.remove('newsletter-fine-open');\n }\n\n openers.forEach(function (el) {\n el.addEventListener('click', openPopup);\n });\n\n closers.forEach(function (el) {\n el.addEventListener('click', closePopup);\n });\n\n document.addEventListener('keydown', function (e) {\n if (e.key === 'Escape' && popup.classList.contains('is-open')) {\n closePopup(e);\n }\n });\n\n form.addEventListener('submit', function (e) {\n e.preventDefault();\n\n const submitButton = form.querySelector('button[type=\"submit\"]');\n const email = form.querySelector('input[name=\"EMAIL\"]').value.trim();\n const fname = form.querySelector('input[name=\"FNAME\"]').value.trim();\n const honeypot = form.querySelector('input[name=\"b_580e2abc155a5b4c077591c67_e598ede2d6\"]').value;\n\n if (!email) return;\n\n submitButton.disabled = true;\n submitButton.textContent = 'Wird angemeldet ...';\n\n if (message) {\n message.style.display = 'none';\n message.textContent = '';\n }\n\n const callbackName = 'mcCallback_' + Math.random().toString(36).substring(2);\n const script = document.createElement('script');\n\n const params = new URLSearchParams({\n u: '580e2abc155a5b4c077591c67',\n id: 'e598ede2d6',\n f_id: '0026fbe3f0',\n EMAIL: email,\n FNAME: fname,\n 'b_580e2abc155a5b4c077591c67_e598ede2d6': honeypot,\n c: callbackName\n });\n\n window[callbackName] = function (response) {\n submitButton.disabled = false;\n submitButton.textContent = 'Anmelden';\n\n if (response && response.result === 'success') {\n form.reset();\n\n if (formWrap) formWrap.hidden = true;\n if (success) success.hidden = false;\n\n setTimeout(function () {\n closePopup();\n }, 2200);\n } else {\n if (message) {\n message.textContent = 'Die Anmeldung konnte nicht abgeschlossen werden. Bitte pr\u00fcfen Sie die E-Mail-Adresse.';\n message.style.display = 'block';\n }\n }\n\n delete window[callbackName];\n script.remove();\n };\n\n script.onerror = function () {\n submitButton.disabled = false;\n submitButton.textContent = 'Anmelden';\n\n if (message) {\n message.textContent = 'Die Anmeldung konnte nicht abgeschlossen werden. Bitte sp\u00e4ter erneut versuchen.';\n message.style.display = 'block';\n }\n\n delete window[callbackName];\n script.remove();\n };\n\n script.src = 'https:\/\/one.us2.list-manage.com\/subscribe\/post-json?' + params.toString();\n document.body.appendChild(script);\n });\n });\n <\/script>\n\n <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HELDECO \u2013 Karriere KARRIERE BEI HELDECO Gemeinsam Gro\u00dfesbewegen Ausbildung und Entwicklung in einem Familienbetrieb mit internationaler Dimension. Jetzt schnuppern Offene Stellen AUSBILDUNG 60% unserer Mitarbeiter wurden im Unternehmen ausgebildet. Die Lehre ist bei HELDECO von zentraler Bedeutung. Sie ist eine strategische S\u00e4ule des Betriebs. ENTWICKLUNG 75% unserer F\u00fchrungspositionen sind mit ehemaligen Lehrlingen besetzt. Karrierewege entstehen […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-209","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/heldeco.at\/en\/wp-json\/wp\/v2\/pages\/209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/heldeco.at\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/heldeco.at\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/heldeco.at\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/heldeco.at\/en\/wp-json\/wp\/v2\/comments?post=209"}],"version-history":[{"count":58,"href":"https:\/\/heldeco.at\/en\/wp-json\/wp\/v2\/pages\/209\/revisions"}],"predecessor-version":[{"id":6727,"href":"https:\/\/heldeco.at\/en\/wp-json\/wp\/v2\/pages\/209\/revisions\/6727"}],"wp:attachment":[{"href":"https:\/\/heldeco.at\/en\/wp-json\/wp\/v2\/media?parent=209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}