{"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-15T07:05:40","modified_gmt":"2026-07-15T07:05:40","slug":"career","status":"publish","type":"page","link":"https:\/\/heldeco.at\/en\/karriere\/","title":{"rendered":"Career"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"209\" class=\"elementor elementor-209\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2917e2 e-con-full e-flex e-con e-parent\" data-id=\"f2917e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9f8f9b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f9f8f9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"de\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>HELDECO \u2013 Karriere<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n:root{\n  --blue:#1565a6;\n  --heldeco:#005da9;\n  --dark:#071f33;\n  --ink:#071a2e;\n  --muted:#4f5f70;\n  --light:#f4f6f8;\n  --line:#d6e0ea;\n}\n*{box-sizing:border-box}\nhtml,body{margin:0;padding:0}\nbody{\n  font-family:Inter,Arial,sans-serif;\n  color:var(--ink);\n  background:#fff;\n}\n.heavy-career{\n  overflow:hidden;\n  background:#fff;\n}\n.section{\n  padding:clamp(80px,8vw,150px) clamp(30px,6vw,96px);\n}\n.wrap{\n  max-width:1400px;\n  margin:0 auto;\n}\n.kicker{\n  color:var(--heldeco);\n  font-size:13px;\n  font-weight:900;\n  letter-spacing:.24em;\n  text-transform:uppercase;\n  margin-bottom:28px;\n}\n\n\/* HERO *\/\n.hero{\n  min-height:100vh;\n  background:\n    linear-gradient(90deg,rgba(7,31,51,.94),rgba(7,31,51,.26)),\n    url('\/wp-content\/uploads\/2026\/06\/F0A3430.jpg') center 22%\/cover;\n  color:#fff;\n  display:flex;\n  align-items:flex-end;\n  position:relative;\n  padding:clamp(80px,8vw,140px) clamp(30px,6vw,96px);\n  overflow:hidden;\n}\n.hero:before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);\n  background-size:46px 46px;\n  opacity:.55;\n}\n.hero:after{\n  content:\"NEXT GENERATION OF HEAVY\";\n  position:absolute;\n  left:-.05em;\n  top:8%;\n  color:rgba(255,255,255,.055);\n  font-size:clamp(90px,13vw,260px);\n  line-height:.76;\n  letter-spacing:-.13em;\n  font-weight:900;\n  max-width:1400px;\n}\n.hero-content{\n  position:relative;\n  z-index:2;\n  max-width:1180px;\n}\n.hero h1{\n  margin:0;\n  font-size:clamp(64px,10vw,180px);\n  line-height:.78;\n  letter-spacing:-.04em;\n  font-weight:900;\n}\n.hero h1 span{\n  display:block;\n  color:var(--blue);\n}\n.hero p{\n  margin:44px 0 0;\n  max-width:820px;\n  color:#d9e6f1;\n  font-size:clamp(23px,2.3vw,42px);\n  line-height:1.1;\n  letter-spacing:-.045em;\n  font-weight:650;\n}\n.hero-buttons{\n  display:flex;\n  gap:14px;\n  flex-wrap:wrap;\n  margin-top:48px;\n}\n.btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:58px;\n  padding:18px 30px;\n  background:var(--blue);\n  color:#fff;\n  text-decoration:none;\n  font-size:13px;\n  font-weight:900;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  transition:.25s ease;\n}\n.btn:hover{\n  background:#fff;\n  color:var(--dark);\n  transform:translateY(-5px);\n}\n.btn.secondary{\n  background:rgba(255,255,255,.08);\n  border:1px solid rgba(255,255,255,.22);\n}\n.btn.secondary:hover{\n  background:#fff;\n  color:var(--dark);\n}\n\n\/* FULLSCREEN NUMBER SCENES *\/\n.number-scene{\n  min-height:86vh;\n  display:grid;\n  grid-template-columns:42% 58%;\n  background:#fff;\n  color:var(--ink);\n  border-bottom:1px solid var(--line);\n}\n.number-scene.dark{\n  background:var(--dark);\n  color:#fff;\n}\n.number-visual{\n  position:relative;\n  background:center 22%\/cover;\n  min-height:560px;\n  overflow:hidden;\n}\n.number-visual:before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(180deg,rgba(7,31,51,.02),rgba(7,31,51,.25));\n}\n.number-copy{\n  padding:clamp(70px,7vw,120px) clamp(34px,6vw,96px);\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n}\n.giant-number{\n  color:var(--blue);\n  font-size:clamp(120px,18vw,320px);\n  line-height:.72;\n  letter-spacing:-.13em;\n  font-weight:900;\n}\n.number-copy h2{\n  margin:32px 0 0;\n  max-width:780px;\n  font-size:clamp(34px,4vw,76px);\n  line-height:.9;\n  letter-spacing:-.07em;\n  font-weight:900;\n}\n.number-copy p{\n  margin:28px 0 0;\n  color:#4c5b6c;\n  max-width:720px;\n  font-size:clamp(20px,2vw,34px);\n  line-height:1.16;\n  letter-spacing:-.04em;\n  font-weight:650;\n}\n.dark .number-copy p{\n  color:#4f5f70;\n}\n\n\/* ANTI BENEFIT MODULE *\/\n.no-buzz{\n  background:#fff;\n  min-height:90vh;\n  display:flex;\n  align-items:center;\n  position:relative;\n  overflow:hidden;\n}\n.no-buzz:before{\n  content:\"NO BUZZWORDS\";\n  position:absolute;\n  right:-.08em;\n  top:8%;\n  color:rgba(0,93,169,.06);\n  font-size:20vw;\n  line-height:.75;\n  letter-spacing:-.13em;\n  font-weight:900;\n}\n.no-buzz-grid{\n  position:relative;\n  z-index:1;\n  display:grid;\n  grid-template-columns:40% 60%;\n  gap:clamp(52px,7vw,110px);\n  align-items:stretch;\n}\n.no-buzz-title{\n  font-size:clamp(56px,8vw,140px);\n  line-height:.82;\n  letter-spacing:-.09em;\n  font-weight:900;\n  color:var(--ink);\n}\n.no-buzz-title span{\n  display:block;\n  color:var(--blue);\n}\n.no-buzz-list{\n  display:grid;\n  border-top:1px solid var(--line);\n}\n.no-buzz-row{\n  display:grid;\n  grid-template-columns:120px 1fr;\n  gap:28px;\n  padding:34px 0;\n  border-bottom:1px solid var(--line);\n}\n.no-buzz-row small{\n  color:var(--heldeco);\n  font-weight:900;\n  letter-spacing:.18em;\n}\n.no-buzz-row strong{\n  display:block;\n  font-size:clamp(28px,3vw,52px);\n  line-height:.95;\n  letter-spacing:-.06em;\n  font-weight:900;\n}\n.no-buzz-row span{\n  display:block;\n  margin-top:12px;\n  color:#4c5b6c;\n  font-size:17px;\n  line-height:1.42;\n  font-weight:700;\n}\n\n\/* LEHRE SEASONS *\/\n.seasons{\n  background:var(--dark);\n  color:#071a2e;\n  position:relative;\n  overflow:hidden;\n}\n.seasons:before{\n  content:\"LEHRE\";\n  position:absolute;\n  right:-.08em;\n  top:8%;\n  color:rgba(7,31,51,.05);\n  font-size:28vw;\n  line-height:.75;\n  letter-spacing:-.14em;\n  font-weight:900;\n}\n.seasons-head{\n  position:relative;\n  z-index:1;\n  display:grid;\n  grid-template-columns:40% 60%;\n  gap:clamp(52px,7vw,110px);\n  align-items:end;\n  margin-bottom:60px;\n}\n.seasons-head h2{\n  margin:0;\n  font-size:clamp(56px,8vw,140px);\n  line-height:.82;\n  letter-spacing:-.09em;\n  font-weight:900;\n}\n.seasons-head h2 span{\n  display:block;\n  color:var(--blue);\n}\n.seasons-head p{\n  margin:0;\n  color:#4f5f70;\n  font-size:clamp(22px,2.2vw,38px);\n  line-height:1.14;\n  letter-spacing:-.04em;\n  font-weight:650;\n}\n.season-grid{\n  position:relative;\n  z-index:1;\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:18px;\n}\n.season-card{\n  min-height:620px;\n  background:#fff;\n  color:var(--ink);\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n  position:relative;\n  overflow:hidden;\n  transition:.35s cubic-bezier(.2,.8,.2,1);\n}\n.season-card:hover{\n  transform:translateY(-14px);\n  box-shadow:0 42px 120px rgba(0,0,0,.34);\n}\n.season-image{\n  min-height:330px;\n  background:center 22%\/cover;\n  position:relative;\n}\n.season-image:after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(180deg,rgba(7,31,51,.02),rgba(7,31,51,.26));\n}\n.season-copy{\n  padding:30px;\n}\n.season-copy small{\n  color:var(--heldeco);\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n}\n.season-copy strong{\n  display:block;\n  margin-top:20px;\n  font-size:clamp(28px,3vw,48px);\n  line-height:.92;\n  letter-spacing:-.06em;\n  font-weight:900;\n}\n.season-copy span{\n  display:block;\n  margin-top:16px;\n  color:#4c5b6c;\n  font-size:15px;\n  line-height:1.38;\n  font-weight:700;\n}\n\n\/* JOB SLOT *\/\n.jobs{\n  background:var(--light);\n}\n.jobs-grid{\n  display:grid;\n  grid-template-columns:38% 62%;\n  gap:clamp(52px,7vw,110px);\n  align-items:stretch;\n}\n.jobs-title{\n  color:var(--blue);\n  font-size:clamp(56px,8vw,136px);\n  line-height:.82;\n  letter-spacing:-.09em;\n  font-weight:900;\n}\n.jobs-title span{\n  display:block;\n  color:var(--ink);\n}\n.jobs-copy{\n  margin-top:34px;\n  color:#4c5b6c;\n  font-size:clamp(21px,2vw,34px);\n  line-height:1.14;\n  letter-spacing:-.04em;\n  font-weight:650;\n}\n.slot{\n  min-height:520px;\n  background:#fff;\n  border:1px solid var(--line);\n  padding:34px;\n  box-shadow:0 34px 110px rgba(7,31,51,.10);\n  display:flex;\n  align-items:center;\n}\n.slot-inner{\n  width:100%;\n  min-height:390px;\n  border:2px dashed #a9c3da;\n  background:var(--light);\n  padding:34px;\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n}\n.slot-inner small{\n  color:var(--heldeco);\n  font-size:13px;\n  font-weight:900;\n  letter-spacing:.22em;\n  text-transform:uppercase;\n  margin-bottom:22px;\n}\n.slot-inner strong{\n  color:var(--ink);\n  font-size:clamp(34px,4vw,68px);\n  line-height:.88;\n  letter-spacing:-.065em;\n  font-weight:900;\n}\n.slot-inner p{\n  margin:24px 0 0;\n  color:#4c5b6c;\n  max-width:760px;\n  font-size:18px;\n  line-height:1.45;\n  font-weight:700;\n}\n\n\/* BENEFITS AS MINIMAL CARDS *\/\n.benefits{\n  background:#fff;\n}\n.benefits-head{\n  display:grid;\n  grid-template-columns:40% 60%;\n  gap:clamp(52px,7vw,110px);\n  align-items:end;\n  margin-bottom:58px;\n}\n.benefits-head h2{\n  margin:0;\n  color:var(--ink);\n  font-size:clamp(56px,8vw,136px);\n  line-height:.82;\n  letter-spacing:-.09em;\n  font-weight:900;\n}\n.benefits-head h2 span{\n  display:block;\n  color:var(--blue);\n}\n.benefits-head p{\n  margin:0;\n  color:#4c5b6c;\n  font-size:clamp(21px,2vw,34px);\n  line-height:1.14;\n  letter-spacing:-.04em;\n  font-weight:650;\n}\n.benefits-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  border-top:1px solid var(--line);\n  border-left:1px solid var(--line);\n}\n.benefit{\n  min-height:230px;\n  background:#fff;\n  border-right:1px solid var(--line);\n  border-bottom:1px solid var(--line);\n  padding:28px;\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n  transition:.25s ease;\n}\n.benefit:hover{\n  background:var(--dark);\n  color:#fff;\n  transform:translateY(-8px);\n  box-shadow:0 30px 90px rgba(7,31,51,.12);\n  z-index:2;\n}\n.benefit small{\n  color:var(--heldeco);\n  font-weight:900;\n  letter-spacing:.18em;\n}\n.benefit strong{\n  font-size:clamp(21px,2vw,32px);\n  line-height:.96;\n  letter-spacing:-.045em;\n  font-weight:900;\n}\n\n\/* OWNERS FULL SPLIT *\/\n.owners{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  min-height:760px;\n}\n.owners-img{\n  background:\n    linear-gradient(180deg,rgba(7,31,51,.02),rgba(7,31,51,.16)),\n    url('\/wp-content\/uploads\/2026\/07\/Gross-Helmut-Sabine.jpeg') center 18%\/cover;\n}\n.owners-copy{\n  padding:clamp(70px,7vw,120px) clamp(34px,6vw,96px);\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n}\n.owners-copy h2{\n  margin:0;\n  color:var(--blue);\n  font-size:clamp(54px,7vw,122px);\n  line-height:.84;\n  letter-spacing:-.08em;\n  font-weight:900;\n}\n.owners-copy h2 span{\n  display:block;\n  color:var(--ink);\n}\n.quote{\n  margin-top:42px;\n  padding:clamp(30px,4vw,54px);\n  border-left:8px solid var(--blue);\n  background:var(--light);\n  color:#4c5b6c;\n  font-size:clamp(23px,2.2vw,38px);\n  line-height:1.13;\n  letter-spacing:-.04em;\n  font-weight:650;\n}\n.owners-name{\n  margin-top:28px;\n  color:var(--heldeco);\n  font-size:13px;\n  font-weight:900;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n}\n\n\/* FINAL CTA *\/\n.cta{\n  min-height:92vh;\n  background:\n    linear-gradient(90deg,rgba(7,31,51,.94),rgba(7,31,51,.38)),\n    url('\/wp-content\/uploads\/2026\/07\/F0A3520.jpg') center 24%\/cover;\n  color:#fff;\n  display:flex;\n  align-items:flex-end;\n  position:relative;\n  overflow:hidden;\n  padding:clamp(80px,8vw,140px) clamp(30px,6vw,96px);\n}\n.cta:before{\n  content:\"YOUR START\";\n  position:absolute;\n  right:-.08em;\n  top:12%;\n  color:rgba(255,255,255,.06);\n  font-size:22vw;\n  line-height:.75;\n  letter-spacing:-.14em;\n  font-weight:900;\n}\n.cta:after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);\n  background-size:46px 46px;\n  opacity:.5;\n}\n.cta-content{\n  position:relative;\n  z-index:1;\n  max-width:1100px;\n}\n.cta h2{\n  margin:0;\n  font-size:clamp(64px,10vw,180px);\n  line-height:.78;\n  letter-spacing:-.095em;\n  font-weight:900;\n}\n.cta h2 span{\n  display:block;\n  color:var(--blue);\n}\n.cta p{\n  margin:38px 0 0;\n  max-width:850px;\n  color:#d9e6f1;\n  font-size:clamp(22px,2.2vw,38px);\n  line-height:1.12;\n  letter-spacing:-.04em;\n  font-weight:650;\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:1100px){\n  .number-scene,\n  .no-buzz-grid,\n  .seasons-head,\n  .jobs-grid,\n  .benefits-head,\n  .owners{\n    grid-template-columns:1fr;\n  }\n  .season-grid,\n  .benefits-grid{\n    grid-template-columns:1fr;\n  }\n}\n@media(max-width:720px){\n  .hero h1,\n  .cta h2,\n  .no-buzz-title,\n  .seasons-head h2,\n  .jobs-title,\n  .benefits-head h2,\n  .owners-copy h2{\n    font-size:clamp(42px,12vw,72px);\n    letter-spacing:-.06em;\n  }\n  .number-copy h2{\n    font-size:clamp(34px,9vw,58px);\n  }\n  .giant-number{\n    font-size:clamp(110px,34vw,190px);\n  }\n  .no-buzz-row{\n    grid-template-columns:1fr;\n  }\n}\n<\/style>\n\n<style id=\"font-downsize-overrides\">\n.hero h1,.cta h2{font-size:clamp(54px,7vw,110px)!important;}\n.jobs-title,.benefits-head h2,.owners-copy h2,.no-buzz-title,.seasons-head h2{\n  font-size:clamp(48px,6vw,90px)!important;\n}\n.giant-number{\n  font-size:clamp(110px,12vw,180px)!important;\n}\n.number-copy h2{\n  font-size:clamp(28px,3vw,52px)!important;\n}\n.hero p,.cta p,.jobs-copy,.benefits-head p,.seasons-head p{\n  font-size:clamp(18px,1.5vw,26px)!important;\n}\n<\/style>\n\n\n\n<style id=\"heldeco-complete-responsive-fixes\">\n\/* Responsive stabilisation only \u2013 content and desktop appearance remain unchanged *\/\nhtml{\n  overflow-x:hidden;\n  -webkit-text-size-adjust:100%;\n}\nbody,\n.heavy-career,\n.heavy-career *{\n  min-width:0;\n}\nimg,\nsvg,\nvideo,\niframe{\n  max-width:100%;\n}\n\n\/* Open positions shortcode: keep every title and element inside its card\/frame *\/\n.heavy-career > section:nth-of-type(2),\n.heavy-career > section:nth-of-type(2) > div,\n.heavy-career > section:nth-of-type(2) [class*=\"job\"],\n.heavy-career > section:nth-of-type(2) [class*=\"stellen\"],\n.heavy-career > section:nth-of-type(2) [class*=\"position\"],\n.heavy-career > section:nth-of-type(2) article,\n.heavy-career > section:nth-of-type(2) li{\n  max-width:100%;\n  min-width:0;\n}\n.heavy-career > section:nth-of-type(2) h1,\n.heavy-career > section:nth-of-type(2) h2,\n.heavy-career > section:nth-of-type(2) h3,\n.heavy-career > section:nth-of-type(2) h4,\n.heavy-career > section:nth-of-type(2) h5,\n.heavy-career > section:nth-of-type(2) strong,\n.heavy-career > section:nth-of-type(2) a,\n.heavy-career > section:nth-of-type(2) p,\n.heavy-career > section:nth-of-type(2) span{\n  max-width:100%;\n  overflow-wrap:anywhere;\n  word-break:normal;\n  hyphens:auto;\n}\n.heavy-career > section:nth-of-type(2) a{\n  white-space:normal;\n}\n\n@media (max-width:1100px){\n  .number-scene{\n    min-height:0;\n  }\n  .number-scene.dark .number-copy{\n    order:2;\n  }\n  .number-scene.dark .number-visual{\n    order:1;\n  }\n  .number-visual{\n    min-height:clamp(420px,58vw,620px);\n  }\n  .no-buzz-grid,\n  .seasons-head,\n  .jobs-grid,\n  .benefits-head,\n  .pathways-head{\n    gap:42px;\n  }\n  .season-grid,\n  .benefits-grid,\n  .pathways-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n  .owners-img{\n    min-height:620px;\n  }\n}\n\n@media (max-width:820px){\n  .section{\n    padding:clamp(64px,11vw,92px) clamp(22px,5vw,38px);\n  }\n  .hero,\n  .cta{\n    min-height:clamp(680px,100svh,900px);\n    padding:clamp(76px,12vw,110px) clamp(22px,5vw,38px);\n  }\n  .hero:after,\n  .cta:before,\n  .no-buzz:before,\n  .seasons:before,\n  .pathways-bg-word{\n    max-width:100%;\n    overflow:hidden;\n  }\n  .hero-content,\n  .cta-content{\n    width:100%;\n  }\n  .hero p,\n  .cta p{\n    max-width:100%;\n  }\n  .hero-buttons{\n    width:100%;\n  }\n  .btn{\n    max-width:100%;\n    white-space:normal;\n    text-align:center;\n  }\n  .number-copy{\n    padding:64px clamp(22px,5vw,38px);\n  }\n  .number-copy h2,\n  .number-copy p{\n    max-width:100%;\n    overflow-wrap:anywhere;\n    hyphens:auto;\n  }\n  .no-buzz{\n    min-height:0;\n  }\n  .no-buzz-row{\n    grid-template-columns:72px minmax(0,1fr);\n    gap:20px;\n  }\n  .season-grid,\n  .benefits-grid,\n  .pathways-grid{\n    grid-template-columns:1fr;\n  }\n  .season-card{\n    min-height:0;\n  }\n  .season-image{\n    min-height:clamp(250px,62vw,390px);\n  }\n  .slot{\n    min-height:0;\n    padding:24px;\n  }\n  .slot-inner{\n    min-height:340px;\n    padding:26px;\n  }\n  .slot-inner strong{\n    overflow-wrap:anywhere;\n    hyphens:auto;\n  }\n  .benefit{\n    min-height:190px;\n  }\n  .owners-img{\n    min-height:clamp(460px,85vw,680px);\n  }\n  .heldeco-career-mini-cta{\n    margin-left:22px;\n    margin-right:22px;\n    padding:58px 26px;\n    border-radius:22px;\n  }\n  .career-content h2{\n    overflow-wrap:anywhere;\n    hyphens:auto;\n  }\n}\n\n@media (max-width:720px){\n  .hero h1,\n  .cta h2,\n  .no-buzz-title,\n  .seasons-head h2,\n  .jobs-title,\n  .benefits-head h2,\n  .owners-copy h2,\n  .pathways-head h2{\n    overflow-wrap:anywhere;\n    word-break:normal;\n    hyphens:auto;\n  }\n  .hero-buttons{\n    flex-direction:column;\n    align-items:stretch;\n  }\n  .btn{\n    width:100%;\n  }\n  .number-visual{\n    min-height:clamp(340px,82vw,500px);\n  }\n  .no-buzz-row{\n    grid-template-columns:1fr;\n    padding:27px 0;\n  }\n  .no-buzz-row small{\n    margin-bottom:-6px;\n  }\n  .jobs-copy,\n  .benefits-head p,\n  .seasons-head p,\n  .pathways-head p{\n    max-width:100%;\n  }\n  .slot{\n    padding:16px;\n  }\n  .slot-inner{\n    min-height:300px;\n    padding:22px;\n  }\n  .owners-copy{\n    padding:64px 22px;\n  }\n  .quote{\n    border-left-width:5px;\n  }\n  .pathway-copy strong,\n  .season-copy strong{\n    overflow-wrap:anywhere;\n    hyphens:auto;\n  }\n  .heavy-career > section:nth-of-type(2){\n    overflow:hidden;\n  }\n  .heavy-career > section:nth-of-type(2) [style*=\"grid\"],\n  .heavy-career > section:nth-of-type(2) [class*=\"grid\"],\n  .heavy-career > section:nth-of-type(2) [class*=\"list\"]{\n    grid-template-columns:1fr !important;\n  }\n}\n\n@media (max-width:480px){\n  .section{\n    padding-left:18px;\n    padding-right:18px;\n  }\n  .hero,\n  .cta{\n    padding-left:18px;\n    padding-right:18px;\n  }\n  .kicker{\n    font-size:11px;\n    letter-spacing:.18em;\n    margin-bottom:20px;\n  }\n  .hero h1,\n  .cta h2,\n  .no-buzz-title,\n  .seasons-head h2,\n  .jobs-title,\n  .benefits-head h2,\n  .owners-copy h2,\n  .pathways-head h2{\n    font-size:clamp(38px,12vw,58px)!important;\n    line-height:.86;\n  }\n  .hero p,\n  .cta p,\n  .jobs-copy,\n  .benefits-head p,\n  .seasons-head p{\n    font-size:18px!important;\n    line-height:1.22;\n  }\n  .giant-number{\n    font-size:clamp(96px,34vw,150px)!important;\n  }\n  .number-copy h2{\n    font-size:clamp(30px,9vw,44px)!important;\n    line-height:.96;\n  }\n  .number-copy p{\n    font-size:18px;\n    line-height:1.3;\n  }\n  .number-visual{\n    min-height:310px;\n  }\n  .btn,\n  .career-button{\n    padding-left:18px;\n    padding-right:18px;\n    letter-spacing:.10em;\n  }\n  .season-copy,\n  .pathway-copy{\n    padding:22px;\n  }\n  .benefit{\n    min-height:165px;\n    padding:22px;\n  }\n  .heldeco-career-mini-cta{\n    margin-left:14px;\n    margin-right:14px;\n    padding:50px 20px;\n    border-radius:18px;\n  }\n  .career-content p{\n    font-size:16px;\n  }\n  .owners-img{\n    min-height:380px;\n  }\n  .quote{\n    margin-top:30px;\n    padding:24px 20px;\n    font-size:21px;\n  }\n  .heavy-career > section:nth-of-type(2){\n    width:100%;\n    max-width:100%;\n  }\n  .heavy-career > section:nth-of-type(2) > div{\n    width:100%;\n    padding-left:0;\n    padding-right:0;\n  }\n  .heavy-career > section:nth-of-type(2) h1,\n  .heavy-career > section:nth-of-type(2) h2,\n  .heavy-career > section:nth-of-type(2) h3,\n  .heavy-career > section:nth-of-type(2) h4,\n  .heavy-career > section:nth-of-type(2) strong{\n    font-size:min(var(--job-title-size, 30px), 9vw) !important;\n    line-height:1.02 !important;\n    letter-spacing:-.04em !important;\n  }\n}\n<\/style>\n\n<\/head>\n\n<body>\n<main class=\"heavy-career\">\n\n<section class=\"hero\">\n  <div class=\"hero-content\">\n    <div class=\"kicker\">KARRIERE BEI HELDECO<\/div>\n    <h1>Gemeinsam Gro\u00dfes<span>bewegen<\/span><\/h1>\n    <p>Ausbildung und Entwicklung in einem Familienbetrieb mit internationaler Dimension.<\/p>\n    <div class=\"hero-buttons\">\n      <a class=\"btn\" href=\"#schnuppern\">Jetzt schnuppern<\/a>\n      <a class=\"btn secondary\" href=\"#jobs\">Offene Stellen<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<section><div>\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\n<\/div><\/section>\n\n<section class=\"number-scene\">\n  <div class=\"number-visual\" style=\"background-image:url('\/wp-content\/uploads\/2026\/07\/60mitarbeiter.jpg')\"><\/div>\n  <div class=\"number-copy\">\n    <div class=\"kicker\">AUSBILDUNG<\/div>\n    <div class=\"giant-number\">60%<\/div>\n    <h2>unserer Mitarbeiter wurden im Unternehmen ausgebildet.<\/h2>\n    <p>Die Lehre ist bei HELDECO von zentraler Bedeutung. Sie ist eine strategische S\u00e4ule des Betriebs.<\/p>\n  <\/div>\n<\/section>\n\n<section class=\"number-scene dark\">\n  <div class=\"number-copy\">\n    <div class=\"kicker\">ENTWICKLUNG<\/div>\n    <div class=\"giant-number\">75%<\/div>\n    <h2>unserer F\u00fchrungspositionen sind mit ehemaligen Lehrlingen besetzt.<\/h2>\n    <p>Karrierewege entstehen nicht am Papier. Sie entstehen im Betrieb.<\/p>\n  <\/div>\n  <div class=\"number-visual\" style=\"background-image:url('\/wp-content\/uploads\/2026\/07\/Abteilungsleiter-scaled.jpeg')\"><\/div>\n<\/section>\n\n<section class=\"number-scene\">\n  <div class=\"number-visual\" style=\"background-image:url('\/wp-content\/uploads\/2026\/06\/F0A3719-1.avif')\"><\/div>\n  <div class=\"number-copy\">\n    <div class=\"kicker\">ERFAHRUNG<\/div>\n    <div class=\"giant-number\">30%<\/div>\n    <h2>sind mehr als 20 Jahre im Betrieb.<\/h2>\n    <p>Das spricht f\u00fcr Zusammenhalt, Verl\u00e4sslichkeit und Know-how, das langfristig im Unternehmen bleibt.<\/p>\n  <\/div>\n<\/section>\n<section id=\"schnuppern\" class=\"cta\">\n  <div class=\"cta-content\">\n    <div class=\"kicker\">SCHNUPPERN BEI HELDECO<\/div>\n    <h2>Schau dir den <span>Betrieb an.<\/span><\/h2>\n    <p>Du willst wissen, ob Metalltechnik, Schwei\u00dftechnik oder Betriebslogistik zu dir passt? Dann komm zum Schnuppern vorbei.<\/p>\n    <div class=\"hero-buttons\">\n      <a class=\"btn\" href=\"\/kontaktformular-schnuppern\/\">Jetzt bei HELDECO schnuppern<\/a>\n      <a class=\"btn secondary\" href=\"#jobs\">Offene Stellen ansehen<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"section no-buzz\">\n  <div class=\"wrap no-buzz-grid\">\n    <div class=\"no-buzz-title\"> Echte Werte.<span>Keine Show.<\/span><\/div>\n    <div class=\"no-buzz-list\">\n      <div class=\"no-buzz-row\">\n        <small>01<\/small>\n        <div><strong>Keine leeren Slogans.<\/strong><span>HELDECO ist ein Industriebetrieb. Entscheidend sind Ausbildung, K\u00f6nnen, Verl\u00e4sslichkeit und Teamarbeit.<\/span><\/div>\n      <\/div>\n      <div class=\"no-buzz-row\">\n        <small>02<\/small>\n        <div><strong>Echte Bauteile. Echte Verantwortung.<\/strong><span>Die Komponenten, an denen gearbeitet wird, sind gro\u00df, schwer und technisch anspruchsvoll.<\/span><\/div>\n      <\/div>\n      <div class=\"no-buzz-row\">\n        <small>03<\/small>\n        <div><strong>Ein Betrieb, der Leute h\u00e4lt.<\/strong><span>Viele bleiben lange. Viele entwickeln sich weiter. Viele \u00fcbernehmen Verantwortung.<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<section class=\"heldeco-career-mini-cta\">\n\n    <div class=\"career-bg\">JOIN<\/div>\n\n    <div class=\"career-content\">\n\n        <div class=\"career-kicker\">\n            When careers get heavy.\n        <\/div>\n\n        <h2>\n            Keine passende Stelle gefunden?\n        <\/h2>\n\n        <p>\n            Wir freuen uns auch \u00fcber Initiativbewerbungen.\n        <\/p>\n\n        <a href=\"\/initiativbewerbung\" class=\"career-button\">\n            Jetzt initiativ bewerben\n        <\/a>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\n.heldeco-career-mini-cta{\n    position:relative;\n    overflow:hidden;\n    background:#071f33;\n    padding:65px 40px;\n    text-align:center;\n    border-radius:28px;\n}\n\n.career-bg{\n    position:absolute;\n    left:50%;\n    top:50%;\n    transform:translate(-50%,-50%);\n\n    font-size:clamp(120px,16vw,280px);\n    font-weight:900;\n    letter-spacing:-.12em;\n    line-height:.8;\n\n    color:rgba(255,255,255,.04);\n\n    pointer-events:none;\n    user-select:none;\n}\n\n.career-content{\n    position:relative;\n    z-index:2;\n}\n\n.career-kicker{\n    color:#6fb3e6;\n    font-size:12px;\n    font-weight:900;\n    letter-spacing:.22em;\n    text-transform:uppercase;\n    margin-bottom:14px;\n}\n\n.career-content h2{\n    margin:0;\n\n    color:#fff;\n\n    font-size:clamp(34px,4vw,58px);\n    line-height:.92;\n    letter-spacing:-.07em;\n    font-weight:900;\n}\n\n.career-content p{\n    margin:18px 0 0;\n    color:rgba(255,255,255,.72);\n    font-size:18px;\n    font-weight:600;\n}\n\n.career-button{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-top:28px;\n    padding:16px 28px;\n\n    background:#1565a6;\n    color:#fff;\n\n    text-decoration:none;\n    text-transform:uppercase;\n\n    font-size:12px;\n    font-weight:900;\n    letter-spacing:.18em;\n\n    transition:.3s ease;\n}\n\n.career-button:hover{\n    transform:translateY(-4px);\n    background:#fff;\n    color:#071f33;\n}\n\n.career-button::after{\n    content:\"\u2192\";\n    margin-left:10px;\n}\n\n<\/style>\n\n<section class=\"section heldeco-career-pathways\" id=\"lehrberufe\">\n  <div class=\"wrap pathways-wrap\">\n    <div class=\"pathways-bg-word\">BETRIEB<\/div>\n\n    <div class=\"pathways-head\">\n      <h2>Drei Wege <span>in den Betrieb.<\/span><\/h2>\n      <p>Drei Lehrberufe. Direkter Einstieg. Ausbildung an Aufgaben, die im Betrieb wirklich gebraucht werden.<\/p>\n    <\/div>\n\n    <div class=\"pathways-grid\">\n      <article class=\"pathway-card\">\n        <div class=\"pathway-image\" style=\"background-image:url('\/wp-content\/uploads\/2026\/06\/F0A3237.webp ')\"><\/div>\n        <div class=\"pathway-copy\">\n          <small>01 \u00b7 Lehre<\/small>\n          <strong>Metalltechnik \u00b7<br>Zerspanungstechnik<\/strong>\n          <span>Moderne Maschinen, pr\u00e4zise Bearbeitung und technisches Verst\u00e4ndnis.<\/span>\n        <\/div>\n      <\/article>\n\n      <article class=\"pathway-card pathway-card-offset\">\n        <div class=\"pathway-image\" style=\"background-image:url('\/wp-content\/uploads\/2026\/06\/HELDECO-Image21.jpeg ')\"><\/div>\n        <div class=\"pathway-copy\">\n          <small>02 \u00b7 Lehre<\/small>\n          <strong>Metalltechnik \u00b7<br>Schwei\u00dftechnik<\/strong>\n          <span>Verbindungen, Baugruppen und Qualit\u00e4t, die man sieht und pr\u00fcfen kann.<\/span>\n        <\/div>\n      <\/article>\n\n      <article class=\"pathway-card\">\n        <div class=\"pathway-image\" style=\"background-image:url('\/wp-content\/uploads\/2026\/07\/Magazin.jpeg)\"><\/div>\n        <div class=\"pathway-copy\">\n          <small>03 \u00b7 Lehre<\/small>\n          <strong>Betriebslogistik<\/strong>\n          <span>Material, Lager, Versand und Abl\u00e4ufe \u2013 damit Fertigung funktioniert.<\/span>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style id=\"heldeco-career-pathways-style\">\n.heldeco-career-pathways{\n  background:#f6f8fb;\n  color:#071a2e;\n  position:relative;\n  overflow:hidden;\n}\n.pathways-wrap{\n  position:relative;\n  z-index:1;\n}\n.pathways-bg-word{\n  position:absolute;\n  right:-.10em;\n  top:-.06em;\n  color:rgba(7,31,51,.05);\n  font-size:clamp(130px,22vw,360px);\n  line-height:.72;\n  letter-spacing:-.14em;\n  font-weight:900;\n  pointer-events:none;\n  user-select:none;\n}\n.pathways-head{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:46% 54%;\n  gap:clamp(36px,6vw,90px);\n  align-items:end;\n  margin-bottom:52px;\n}\n.pathways-head h2{\n  margin:0;\n  font-size:clamp(48px,6vw,96px);\n  line-height:.82;\n  letter-spacing:-.09em;\n  font-weight:900;\n}\n.pathways-head h2 span{\n  display:block;\n  color:#1565a6;\n}\n.pathways-head p{\n  margin:0;\n  max-width:720px;\n  color:#4f5f70;\n  font-size:clamp(18px,1.6vw,28px);\n  line-height:1.12;\n  letter-spacing:-.04em;\n  font-weight:650;\n}\n.pathways-grid{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:18px;\n  align-items:stretch;\n}\n.pathway-card{\n  background:#fff;\n  border:1px solid #d6e0ea;\n  color:#071a2e;\n  min-height:520px;\n  display:flex;\n  flex-direction:column;\n  overflow:hidden;\n  box-shadow:0 38px 120px rgba(0,0,0,.24);\n  transition:.35s cubic-bezier(.2,.8,.2,1);\n}\n.pathway-card-offset{\n  margin-top:0;\n}\n.pathway-card:hover{\n  transform:translateY(-12px);\n  box-shadow:0 48px 140px rgba(0,0,0,.38);\n}\n.pathway-image{\n  min-height:290px;\n  background:center 24%\/cover;\n  position:relative;\n}\n.pathway-image:after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(180deg,rgba(7,31,51,0),rgba(7,31,51,.18));\n}\n.pathway-copy{\n  padding:28px;\n  flex:1;\n  display:flex;\n  flex-direction:column;\n}\n.pathway-copy small{\n  color:#005da9;\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n}\n.pathway-copy strong{\n  display:block;\n  margin-top:18px;\n  font-size:clamp(27px,2.7vw,44px);\n  line-height:.9;\n  letter-spacing:-.065em;\n  font-weight:900;\n}\n.pathway-copy span{\n  display:block;\n  flex:1;\n  margin-top:15px;\n  color:#4c5b6c;\n  font-size:14px;\n  line-height:1.36;\n  font-weight:700;\n}\n@media(max-width:1100px){\n  .pathways-head,\n  .pathways-grid{\n    grid-template-columns:1fr;\n  }\n  .pathway-card,\n  .pathway-card-offset{\n    margin-top:0;\n  }\n}\n@media(max-width:720px){\n  .heldeco-career-pathways{\n    padding-left:22px;\n    padding-right:22px;\n  }\n  .pathways-head h2{\n    font-size:clamp(42px,12vw,72px);\n    letter-spacing:-.06em;\n  }\n  .pathway-card{\n    min-height:0;\n  }\n  .pathway-image{\n    min-height:230px;\n  }\n}\n<\/style>\n\n<\/main>\n<\/body>\n<\/html>\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 [&hellip;]<\/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":61,"href":"https:\/\/heldeco.at\/en\/wp-json\/wp\/v2\/pages\/209\/revisions"}],"predecessor-version":[{"id":6828,"href":"https:\/\/heldeco.at\/en\/wp-json\/wp\/v2\/pages\/209\/revisions\/6828"}],"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}]}}