{"id":173,"date":"2026-06-03T13:11:01","date_gmt":"2026-06-03T13:11:01","guid":{"rendered":"https:\/\/staging.heldeco.at\/?page_id=173"},"modified":"2026-07-09T11:21:41","modified_gmt":"2026-07-09T11:21:41","slug":"company-history","status":"publish","type":"page","link":"https:\/\/heldeco.at\/en\/ueber-uns-2\/firmengeschichte\/","title":{"rendered":"Company history"},"content":{"rendered":"
\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\n HELDECO Company History \u2013 Netflix Style<\/title>\r\n <style>\r\n :root {\r\n --heldeco-blue: #009fe3;\r\n --heldeco-blue-dark: #006fae;\r\n --bg: #05070a;\r\n --panel: #10141c;\r\n --panel-soft: #171d28;\r\n --text: #f4f7fb;\r\n --muted: #a8b2c1;\r\n --line: rgba(255,255,255,0.12);\r\n --glow: rgba(0,159,227,0.45);\r\n --max: 1360px;\r\n }\r\n\r\n * { box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n body { margin: 0; }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n html { scroll-behavior: auto; }\r\n *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }\r\n }\r\n\r\n .heldeco-streaming-widget::before {\r\n content: \"\";\r\n position: fixed;\r\n inset: 0;\r\n pointer-events: none;\r\n background:\r\n radial-gradient(circle at 20% 10%, rgba(0,159,227,0.26), transparent 32%),\r\n radial-gradient(circle at 80% 15%, rgba(0,159,227,0.10), transparent 30%),\r\n linear-gradient(180deg, rgba(5,7,10,0.1), #05070a 58%);\r\n z-index: -2;\r\n }\r\n\r\n .heldeco-streaming-widget::after {\r\n content: \"\";\r\n position: fixed;\r\n inset: 0;\r\n pointer-events: none;\r\n opacity: .16;\r\n background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);\r\n background-size: 42px 42px;\r\n mask-image: linear-gradient(to bottom, black, transparent 72%);\r\n z-index: -1;\r\n }\r\n\r\n .heldeco-streaming-widget {\r\n background: var(--bg);\r\n color: var(--text);\r\n font-family: Inter, Arial, Helvetica, sans-serif;\r\n overflow-x: hidden;\r\n position: relative;\r\n }\r\n\r\n .heldeco-streaming-widget a { color: inherit; text-decoration: none; }\r\n .heldeco-streaming-widget a:focus-visible,\r\n .heldeco-streaming-widget .episode:focus-visible {\r\n outline: 2px solid var(--heldeco-blue);\r\n outline-offset: 3px;\r\n border-radius: 4px;\r\n }\r\n.heldeco-streaming-widget .eyebrow {\r\n display: inline-flex;\r\n gap: 10px;\r\n align-items: center;\r\n padding: 9px 13px;\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.07);\r\n color: var(--muted);\r\n font-size: 13px;\r\n letter-spacing: .08em;\r\n text-transform: uppercase;\r\n margin-bottom: 22px;\r\n }\r\n .heldeco-streaming-widget .eyebrow span { width: 8px; height: 8px; background: var(--heldeco-blue); border-radius: 50%; box-shadow: 0 0 20px var(--heldeco-blue); }\r\n\r\n .heldeco-streaming-widget h1 {\r\n margin: 0;\r\n font-size: clamp(54px, 9vw, 140px);\r\n line-height: .86;\r\n letter-spacing: -.075em;\r\n font-weight: 1000;\r\n text-transform: uppercase;\r\n }\r\n\r\n .heldeco-streaming-widget .blue { color: var(--heldeco-blue); text-shadow: 0 0 34px var(--glow); }\r\n\r\n .heldeco-streaming-widget .lead {\r\n max-width: 580px;\r\n margin: 24px 0 0;\r\n font-size: clamp(16px, 1.35vw, 20px);\r\n line-height: 1.4;\r\n color: #dbe4ee;\r\n font-weight: 500;\r\n }\r\n\r\n .heldeco-streaming-widget .hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }\r\n .heldeco-streaming-widget .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 15px 20px;\r\n border-radius: 7px;\r\n font-weight: 900;\r\n transition: .22s ease;\r\n }\r\n .heldeco-streaming-widget .btn-primary { background: #fff; color: #05070a; }\r\n .heldeco-streaming-widget .btn-secondary { background: rgba(109,109,110,.7); color: #fff; }\r\n .heldeco-streaming-widget .btn:hover { transform: scale(1.035); }\r\n\r\n\r\n .heldeco-streaming-widget .hero {\r\n position: relative;\r\n min-height: 84vh;\r\n display: flex;\r\n align-items: center;\r\n padding: clamp(52px, 7vw, 96px) clamp(20px, 5vw, 72px) clamp(42px, 6vw, 80px);\r\n overflow: hidden;\r\n isolation: isolate;\r\n }\r\n\r\n .heldeco-streaming-widget .hero::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(circle at 76% 42%, rgba(0,159,227,.24), transparent 34%),\r\n linear-gradient(90deg, rgba(5,7,10,.98) 0%, rgba(5,7,10,.82) 47%, rgba(5,7,10,.64) 100%);\r\n z-index: -2;\r\n }\r\n\r\n .heldeco-streaming-widget .hero::after {\r\n content: \"1991 \u2192 2026\";\r\n position: absolute;\r\n right: -3vw;\r\n top: 9vh;\r\n font-size: clamp(70px, 13vw, 190px);\r\n line-height: .8;\r\n font-weight: 1000;\r\n letter-spacing: -.09em;\r\n color: rgba(255,255,255,.045);\r\n z-index: -1;\r\n white-space: nowrap;\r\n }\r\n\r\n .heldeco-streaming-widget .hero-grid {\r\n width: 100%;\r\n max-width: 1420px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: minmax(0, 620px) minmax(0, 760px);\r\n gap: clamp(34px, 5vw, 72px);\r\n align-items: center;\r\n }\r\n\r\n .heldeco-streaming-widget .hero-content {\r\n max-width: 620px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .heldeco-streaming-widget .hero-video {\r\n position: relative;\r\n z-index: 2;\r\n border-radius: 28px;\r\n overflow: hidden;\r\n background: #000;\r\n border: 1px solid rgba(0,159,227,.32);\r\n box-shadow:\r\n 0 34px 100px rgba(0,0,0,.58),\r\n 0 0 70px rgba(0,159,227,.20);\r\n transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;\r\n }\r\n\r\n .heldeco-streaming-widget .hero-video:hover {\r\n transform: translateY(-8px) scale(1.015);\r\n border-color: rgba(0,159,227,.58);\r\n box-shadow:\r\n 0 44px 130px rgba(0,0,0,.68),\r\n 0 0 95px rgba(0,159,227,.32);\r\n }\r\n\r\n .heldeco-streaming-widget .hero-video iframe {\r\n display: block;\r\n width: 100%;\r\n aspect-ratio: 16 \/ 9;\r\n border: 0;\r\n }\r\n\r\n .heldeco-streaming-widget main { padding: 0 clamp(18px, 4vw, 56px) 90px; }\r\n .heldeco-streaming-widget .section { max-width: var(--max); margin: 0 auto 62px; }\r\n .heldeco-streaming-widget .section-title {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 20px;\r\n margin-bottom: 20px;\r\n }\r\n .heldeco-streaming-widget .section-title h2 {\r\n margin: 0;\r\n font-size: clamp(28px, 4vw, 56px);\r\n line-height: .95;\r\n letter-spacing: -.045em;\r\n }\r\n .heldeco-streaming-widget .section-title p { margin: 0; color: var(--muted); max-width: 460px; line-height: 1.5; }\r\n\r\n .heldeco-streaming-widget .feature {\r\n position: relative;\r\n min-height: 410px;\r\n border-radius: 28px;\r\n overflow: hidden;\r\n background: linear-gradient(135deg, rgba(0,159,227,.22), rgba(255,255,255,.04));\r\n border: 1px solid rgba(255,255,255,.12);\r\n box-shadow: 0 30px 90px rgba(0,0,0,.45);\r\n padding: clamp(28px, 5vw, 60px);\r\n display: flex;\r\n align-items: flex-end;\r\n }\r\n .heldeco-streaming-widget .feature::before {\r\n content: \"2026\";\r\n position: absolute;\r\n right: -18px;\r\n top: -10px;\r\n font-size: clamp(110px, 21vw, 300px);\r\n font-weight: 1000;\r\n letter-spacing: -.11em;\r\n color: rgba(255,255,255,.075);\r\n line-height: .8;\r\n }\r\n .heldeco-streaming-widget .feature-copy { position: relative; max-width: 780px; }\r\n .heldeco-streaming-widget .tag {\r\n display: inline-block;\r\n padding: 7px 10px;\r\n border-radius: 5px;\r\n background: var(--heldeco-blue);\r\n font-size: 12px;\r\n font-weight: 900;\r\n letter-spacing: .08em;\r\n text-transform: uppercase;\r\n margin-bottom: 14px;\r\n }\r\n .heldeco-streaming-widget .feature h3 { margin: 0 0 14px; font-size: clamp(32px, 5vw, 78px); line-height: .9; letter-spacing: -.055em; }\r\n .heldeco-streaming-widget .feature p { margin: 0; font-size: clamp(17px, 2vw, 23px); line-height: 1.42; color: #e8eef5; }\r\n\r\n .heldeco-streaming-widget .row::-webkit-scrollbar { height: 7px; }\r\n .heldeco-streaming-widget .row::-webkit-scrollbar-thumb { background: rgba(255,255,255,.18); border-radius: 99px; }\r\n\r\n .heldeco-streaming-widget .row {\r\n display: grid;\r\n grid-auto-flow: column;\r\n grid-auto-columns: minmax(260px, 360px);\r\n gap: 16px;\r\n overflow-x: auto;\r\n overflow-y: hidden;\r\n padding: 10px 4px 28px;\r\n scroll-snap-type: x proximity;\r\n scrollbar-width: thin;\r\n scrollbar-color: rgba(255,255,255,.25) transparent;\r\n }\r\n\r\n \/* ---- Row scroll controls: wraps a .row, shows fade edges and\r\n prev\/next arrows only in the direction there is more to scroll ---- *\/\r\n .heldeco-streaming-widget .row-wrapper {\r\n position: relative;\r\n }\r\n .heldeco-streaming-widget .row-fade {\r\n position: absolute;\r\n top: 0;\r\n bottom: 28px;\r\n width: clamp(28px, 6vw, 84px);\r\n z-index: 3;\r\n pointer-events: none;\r\n opacity: 1;\r\n transition: opacity .25s ease;\r\n }\r\n .heldeco-streaming-widget .row-fade-left { left: 0; background: linear-gradient(90deg, var(--bg), transparent); }\r\n .heldeco-streaming-widget .row-fade-right { right: 0; background: linear-gradient(270deg, var(--bg), transparent); }\r\n .heldeco-streaming-widget .row-wrapper.at-start .row-fade-left,\r\n .heldeco-streaming-widget .row-wrapper.at-end .row-fade-right,\r\n .heldeco-streaming-widget .row-wrapper.no-scroll .row-fade-left,\r\n .heldeco-streaming-widget .row-wrapper.no-scroll .row-fade-right {\r\n opacity: 0;\r\n }\r\n\r\n .heldeco-streaming-widget .row-arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-58%);\r\n z-index: 4;\r\n width: 44px;\r\n height: 44px;\r\n display: grid;\r\n place-items: center;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,.18);\r\n background: rgba(5,7,10,.78);\r\n backdrop-filter: blur(6px);\r\n -webkit-backdrop-filter: blur(6px);\r\n color: #fff;\r\n font-size: 22px;\r\n line-height: 1;\r\n cursor: pointer;\r\n opacity: .92;\r\n transition: opacity .25s ease, transform .25s ease, background .2s ease, border-color .2s ease;\r\n }\r\n .heldeco-streaming-widget .row-arrow:hover { background: var(--heldeco-blue); border-color: var(--heldeco-blue); }\r\n .heldeco-streaming-widget .row-arrow-left { left: 2px; }\r\n .heldeco-streaming-widget .row-arrow-right { right: 2px; }\r\n .heldeco-streaming-widget .row-arrow:disabled {\r\n opacity: 0;\r\n pointer-events: none;\r\n transform: translateY(-58%) scale(.7);\r\n }\r\n \/* Touch devices scroll natively with a finger; keep the arrows for\r\n precise pointers\/keyboards and fold them away on touch so they\r\n don't sit on top of content that's already swipeable. *\/\r\n @media (hover: none) and (pointer: coarse) {\r\n .heldeco-streaming-widget .row-arrow { display: none; }\r\n .heldeco-streaming-widget .row-fade { width: clamp(18px, 5vw, 36px); }\r\n }\r\n @media (max-width: 640px) {\r\n .heldeco-streaming-widget .row-arrow { width: 38px; height: 38px; font-size: 19px; }\r\n }\r\n.heldeco-streaming-widget .episode {\r\n position: relative;\r\n min-height: 250px;\r\n padding: 22px;\r\n border-radius: 18px;\r\n overflow: hidden;\r\n background:\r\n linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),\r\n var(--panel);\r\n border: 1px solid rgba(255,255,255,.1);\r\n scroll-snap-align: start;\r\n transition: transform .34s ease, box-shadow .34s ease, border-color .34s ease, min-height .34s ease;\r\n box-shadow: 0 18px 44px rgba(0,0,0,.32);\r\n cursor: pointer;\r\n }\r\n .heldeco-streaming-widget .episode:hover {\r\n transform: translateY(-10px) scale(1.055);\r\n border-color: rgba(0,159,227,.72);\r\n box-shadow: 0 34px 90px rgba(0,0,0,.62), 0 0 44px rgba(0,159,227,.22);\r\n z-index: 10;\r\n }\r\n .heldeco-streaming-widget .episode::before {\r\n content: attr(data-year);\r\n position: absolute;\r\n right: -8px;\r\n top: 12px;\r\n font-size: 118px;\r\n line-height: .75;\r\n font-weight: 1000;\r\n letter-spacing: -.1em;\r\n color: rgba(255,255,255,.07);\r\n }\r\n .heldeco-streaming-widget .episode::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: auto 0 0 0;\r\n height: 5px;\r\n background: linear-gradient(90deg, var(--heldeco-blue), transparent);\r\n opacity: .9;\r\n }\r\n .heldeco-streaming-widget .year {\r\n position: relative;\r\n z-index: 1;\r\n font-size: 12px;\r\n color: var(--muted);\r\n letter-spacing: .1em;\r\n text-transform: uppercase;\r\n font-weight: 900;\r\n margin-bottom: 58px;\r\n }\r\n .heldeco-streaming-widget .episode h3 {\r\n position: relative;\r\n z-index: 1;\r\n margin: 0;\r\n font-size: 17px;\r\n line-height: 1.28;\r\n letter-spacing: -.015em;\r\n font-weight: 800;\r\n }\r\n\r\n \/* Hover-to-expand only where hover is a real, precise input (mouse\/trackpad).\r\n Touch devices get the full text laid out normally, since there is no\r\n hover state to reveal it and truncating would hide content permanently. *\/\r\n @media (hover: hover) and (pointer: fine) {\r\n .heldeco-streaming-widget .episode h3 {\r\n max-height: 68px;\r\n overflow: hidden;\r\n transition: max-height .42s ease, color .3s ease;\r\n }\r\n .heldeco-streaming-widget .episode:hover h3 {\r\n max-height: 360px;\r\n color: #fff;\r\n }\r\n }\r\n\r\n .heldeco-streaming-widget .chapter-line {\r\n max-width: var(--max);\r\n margin: 42px auto 22px;\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n color: #fff;\r\n }\r\n .heldeco-streaming-widget .chapter-line span {\r\n color: var(--heldeco-blue);\r\n font-weight: 1000;\r\n letter-spacing: .1em;\r\n font-size: 12px;\r\n text-transform: uppercase;\r\n }\r\n .heldeco-streaming-widget .chapter-line::after { content: \"\"; height: 1px; flex: 1; background: var(--line); }\r\n\r\n .heldeco-streaming-widget .timeline-deck {\r\n max-width: var(--max);\r\n margin: 20px auto 0;\r\n display: grid;\r\n grid-template-columns: repeat(12, 1fr);\r\n gap: 16px;\r\n }\r\n .heldeco-streaming-widget .poster {\r\n grid-column: span 4;\r\n min-height: 320px;\r\n border-radius: 22px;\r\n background: linear-gradient(135deg, rgba(0,159,227,.16), rgba(255,255,255,.04));\r\n border: 1px solid rgba(255,255,255,.1);\r\n padding: 24px;\r\n position: relative;\r\n overflow: hidden;\r\n transition: .24s ease;\r\n }\r\n .heldeco-streaming-widget .poster.big { grid-column: span 8; }\r\n .heldeco-streaming-widget .poster:hover { transform: translateY(-6px); border-color: rgba(0,159,227,.5); }\r\n .heldeco-streaming-widget .poster .poster-year {\r\n position: absolute;\r\n right: -12px;\r\n bottom: -20px;\r\n font-size: clamp(95px, 14vw, 190px);\r\n font-weight: 1000;\r\n letter-spacing: -.11em;\r\n color: rgba(255,255,255,.06);\r\n line-height: .78;\r\n }\r\n .heldeco-streaming-widget .poster .kicker { font-size: 12px; color: var(--muted); text-transform: uppercase; font-weight: 900; letter-spacing: .1em; margin-bottom: 18px; }\r\n .heldeco-streaming-widget .poster h3 { margin: 0; max-width: 650px; font-size: clamp(22px, 2.5vw, 42px); line-height: 1.05; letter-spacing: -.04em; position: relative; z-index: 1; }\r\n .heldeco-streaming-widget .poster.compact h3 { font-size: clamp(16px, 1.55vw, 27px); line-height: 1.14; letter-spacing: -.025em; }\r\n .heldeco-streaming-widget .poster.big.compact { min-height: 420px; }\r\n\r\n .heldeco-streaming-widget .finale {\r\n max-width: var(--max);\r\n margin: 72px auto 0;\r\n padding: clamp(30px, 6vw, 80px);\r\n border-radius: 32px;\r\n background: linear-gradient(135deg, rgba(0,159,227,.18), rgba(255,255,255,.05) 42%, rgba(0,159,227,.10));\r\n border: 1px solid rgba(255,255,255,.12);\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .heldeco-streaming-widget .finale::before { content: \"HELDECO\"; position: absolute; inset: auto -20px -35px auto; font-size: clamp(80px, 14vw, 210px); font-weight: 1000; letter-spacing: -.12em; color: rgba(255,255,255,.045); }\r\n .heldeco-streaming-widget .finale h2 { margin: 0; font-size: clamp(38px, 7vw, 100px); letter-spacing: -.07em; line-height: .88; text-transform: uppercase; }\r\n .heldeco-streaming-widget .finale p { margin: 22px auto 0; color: #dce5ef; max-width: 700px; font-size: 19px; line-height: 1.45; }\r\n.heldeco-streaming-widget .video-break {\r\n max-width: var(--max);\r\n margin: 56px auto 68px;\r\n display: grid;\r\n grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);\r\n gap: 18px;\r\n align-items: stretch;\r\n }\r\n .heldeco-streaming-widget .video-break.reverse { grid-template-columns: minmax(320px, .9fr) minmax(0, 1.1fr); }\r\n .heldeco-streaming-widget .video-break.reverse .video-copy { order: 2; }\r\n .heldeco-streaming-widget .video-break.reverse .video-placeholder { order: 1; }\r\n .heldeco-streaming-widget .video-copy, .video-placeholder {\r\n border-radius: 24px;\r\n border: 1px solid rgba(255,255,255,.12);\r\n background: linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.025));\r\n min-height: 300px;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n .heldeco-streaming-widget .video-copy {\r\n padding: clamp(26px, 4vw, 48px);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n }\r\n .heldeco-streaming-widget .video-copy::before {\r\n content: attr(data-label);\r\n position: absolute;\r\n right: -14px;\r\n top: 14px;\r\n font-size: clamp(74px, 10vw, 150px);\r\n font-weight: 1000;\r\n letter-spacing: -.1em;\r\n color: rgba(255,255,255,.045);\r\n line-height: .8;\r\n }\r\n .heldeco-streaming-widget .video-copy .mini-tag {\r\n width: fit-content;\r\n padding: 7px 10px;\r\n border-radius: 5px;\r\n background: rgba(0,159,227,.24);\r\n border: 1px solid rgba(0,159,227,.42);\r\n color: #dff5ff;\r\n font-size: 12px;\r\n font-weight: 900;\r\n letter-spacing: .09em;\r\n text-transform: uppercase;\r\n margin-bottom: 16px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n .heldeco-streaming-widget .video-copy h3 {\r\n margin: 0;\r\n font-size: clamp(28px, 4vw, 58px);\r\n line-height: .94;\r\n letter-spacing: -.055em;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n .heldeco-streaming-widget .video-copy p {\r\n margin: 14px 0 0;\r\n color: var(--muted);\r\n font-size: 15px;\r\n line-height: 1.45;\r\n max-width: 500px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n .heldeco-streaming-widget .video-placeholder {\r\n display: grid;\r\n place-items: center;\r\n background:\r\n radial-gradient(circle at 30% 20%, rgba(0,159,227,.28), transparent 34%),\r\n linear-gradient(135deg, rgba(8,12,19,.94), rgba(18,24,35,.98));\r\n }\r\n .heldeco-streaming-widget .video-placeholder::before {\r\n content: \"\u25b6\";\r\n width: 82px;\r\n height: 82px;\r\n border-radius: 50%;\r\n display: grid;\r\n place-items: center;\r\n padding-left: 5px;\r\n background: rgba(255,255,255,.92);\r\n color: #05070a;\r\n font-size: 31px;\r\n box-shadow: 0 0 44px rgba(0,159,227,.35);\r\n }\r\n .heldeco-streaming-widget .video-placeholder::after {\r\n content: \"DER ORF BERICHTET\";\r\n position: absolute;\r\n left: 22px;\r\n bottom: 20px;\r\n color: rgba(255,255,255,.54);\r\n font-weight: 900;\r\n letter-spacing: .16em;\r\n font-size: 12px;\r\n }\r\n\r\n \/* A real <video> element sitting in one of these slots: fill the\r\n rounded container responsively and drop the decorative\r\n play-button \/ label pseudo-elements meant for empty placeholders. *\/\r\n .heldeco-streaming-widget .video-placeholder.video-native {\r\n background: #000;\r\n display: block;\r\n padding: 0;\r\n }\r\n .heldeco-streaming-widget .video-placeholder.video-native::before,\r\n .heldeco-streaming-widget .video-placeholder.video-native::after {\r\n content: none;\r\n }\r\n .heldeco-streaming-widget .video-native video {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n min-height: inherit;\r\n object-fit: cover;\r\n }\r\n\r\n \/* ===== Wide tablet (\u22641180px): posters keep two columns instead of\r\n jumping straight to a single column, so mid-size screens still\r\n use the width well. ===== *\/\r\n @media (max-width: 1180px) {\r\n .heldeco-streaming-widget .timeline-deck { grid-template-columns: repeat(6, 1fr); }\r\n .heldeco-streaming-widget .poster { grid-column: span 3; }\r\n .heldeco-streaming-widget .poster.big { grid-column: span 6; }\r\n }\r\n\r\n \/* ===== Tablet and below (\u2264980px): stack the hero, video breaks\r\n collapse a little early on purpose so the copy never gets\r\n squeezed thinner than the video next to it. ===== *\/\r\n @media (max-width: 980px) {\r\n .heldeco-streaming-widget .hero-grid { grid-template-columns: 1fr; }\r\n .heldeco-streaming-widget .hero-video { order: -1; }\r\n .heldeco-streaming-widget .hero { min-height: 0; padding-top: clamp(36px, 9vw, 64px); }\r\n }\r\n\r\n \/* ===== Small tablet (\u2264900px) ===== *\/\r\n @media (max-width: 900px) {\r\n .heldeco-streaming-widget .section-title { align-items: flex-start; flex-direction: column; }\r\n .heldeco-streaming-widget .section-title p { max-width: 100%; }\r\n .heldeco-streaming-widget .timeline-deck { grid-template-columns: 1fr; }\r\n .heldeco-streaming-widget .poster, .heldeco-streaming-widget .poster.big { grid-column: auto; }\r\n .heldeco-streaming-widget .row { grid-auto-columns: minmax(245px, 82vw); }\r\n .heldeco-streaming-widget .video-break,\r\n .heldeco-streaming-widget .video-break.reverse { grid-template-columns: 1fr; }\r\n .heldeco-streaming-widget .video-break.reverse .video-copy,\r\n .heldeco-streaming-widget .video-break.reverse .video-placeholder { order: initial; }\r\n .heldeco-streaming-widget .video-copy,\r\n .heldeco-streaming-widget .video-placeholder { min-height: 220px; }\r\n }\r\n\r\n \/* ===== Phones (\u2264640px): tighten spacing, simplify decoration,\r\n make touch targets full-width and comfortable. ===== *\/\r\n @media (max-width: 640px) {\r\n .heldeco-streaming-widget .hero { padding-left: 18px; padding-right: 18px; }\r\n .heldeco-streaming-widget .hero::after { display: none; }\r\n .heldeco-streaming-widget .hero-actions { flex-direction: column; align-items: stretch; }\r\n .heldeco-streaming-widget .btn { justify-content: center; padding: 16px 20px; }\r\n .heldeco-streaming-widget .hero-video { border-radius: 18px; }\r\n .heldeco-streaming-widget main { padding-left: 14px; padding-right: 14px; }\r\n .heldeco-streaming-widget .feature { min-height: 0; align-items: flex-start; }\r\n .heldeco-streaming-widget .feature::before { font-size: clamp(72px, 30vw, 140px); top: -6px; }\r\n .heldeco-streaming-widget .episode::before { font-size: 84px; }\r\n .heldeco-streaming-widget .poster .poster-year { font-size: clamp(64px, 22vw, 120px); }\r\n .heldeco-streaming-widget .finale { padding: 32px 22px; }\r\n .heldeco-streaming-widget .finale::before { font-size: clamp(56px, 26vw, 120px); }\r\n .heldeco-streaming-widget .video-copy::before { font-size: clamp(56px, 22vw, 100px); }\r\n .heldeco-streaming-widget .chapter-line { margin: 32px auto 16px; }\r\n }\r\n\r\n \/* ===== Small phones (\u2264380px): guard against the display type\r\n scale outrunning very narrow viewports. ===== *\/\r\n @media (max-width: 380px) {\r\n .heldeco-streaming-widget h1 { font-size: 40px; }\r\n .heldeco-streaming-widget .finale h2 { font-size: 34px; }\r\n .heldeco-streaming-widget .feature h3 { font-size: 28px; }\r\n .heldeco-streaming-widget .video-copy h3 { font-size: 24px; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"heldeco-streaming-widget\">\r\n\r\n <section class=\"hero\" id=\"top\">\r\n <div class=\"hero-grid\">\r\n <div class=\"hero-content\">\r\n <div class=\"eyebrow\"><span><\/span> Company history<\/div>\r\n <h1>GROSS.<br><span class=\"blue\">SINCE 1991.<\/span><\/h1>\r\n <p class=\"lead\">From a small locksmith's shop to a specialist in large-dimension precision.<\/p>\r\n <div class=\"hero-actions\">\r\n <a class=\"btn btn-primary\" href=\"#y2026\">\u25b6 Start story<\/a>\r\n <a class=\"btn btn-secondary\" href=\"#alle-folgen\">+ All episodes<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-video\">\r\n <iframe\r\n src=\"https:\/\/www.youtube.com\/embed\/MAwlE809OvM?rel=0&modestbranding=1\"\r\n title=\"HELDECO Trailer\"\r\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n allowfullscreen>\r\n <\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<main>\r\n<section class=\"section\" id=\"y2026\">\r\n <div class=\"section-title\">\r\n <h2>Current episode<\/h2>\r\n <\/div>\r\n <article class=\"feature\">\r\n <div class=\"feature-copy\">\r\n <div class=\"tag\">New episode<\/div>\r\n <h3>Investment in the future<\/h3>\r\n <p>With the acquisition of the state-of-the-art machining centre PMW-25, Heldeco is specifically expanding its manufacturing capabilities. The new system enables precise and efficient machining of large, complex components, reduces lead times and opens up new market opportunities \u2013 including in the energy sector. This sustainably strengthens Heldeco's technological leadership and competitiveness.<\/p>\r\n <\/div>\r\n <\/article>\r\n <\/section>\r\n\r\n <div class=\"chapter-line\" id=\"alle-folgen\"><span>Season 2020s<\/span><\/div>\r\n <section class=\"section\">\r\n <div class=\"row-wrapper\">\r\n <div class=\"row\">\r\n <article class=\"episode\" id=\"y2024\" data-year=\"2024\"><div class=\"year\">Episode 2024<\/div><h3>Expansion of production area by 600 m\u00b2, purchase of a turning-milling centre with a max. machining length of 7m and 2m diameter, new acquisition of a milling machine for apprentice training and a lathe for machining small components<\/h3><\/article>\r\n <article class=\"episode\" id=\"y2021\" data-year=\"2021\"><div class=\"year\">Episode 2021<\/div><h3>Switching lighting to LED technology, switching from LPG heating to district heating<\/h3><\/article>\r\n <article class=\"episode\" id=\"y2020\" data-year=\"2020\"><div class=\"year\">Episode 2020<\/div><h3>For the first time in the company's history, there are over 10 apprentices in training simultaneously.<\/h3><\/article>\r\n <\/div>\r\n <div class=\"row-fade row-fade-left\" aria-hidden=\"true\"><\/div>\r\n <div class=\"row-fade row-fade-right\" aria-hidden=\"true\"><\/div>\r\n <button type=\"button\" class=\"row-arrow row-arrow-left\" aria-label=\"Zur\u00fcck scrollen\">‹<\/button>\r\n <button type=\"button\" class=\"row-arrow row-arrow-right\" aria-label=\"Weiter scrollen\">›<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"video-break\">\r\n <div class=\"video-copy\" data-label=\"TRAILER\">\r\n <div class=\"mini-tag\">Chapter video<\/div>\r\n <h3>Machines. People. Bespoke.<\/h3>\r\n <p><\/p>\r\n <\/div>\r\n <div class=\"video-placeholder video-native\" aria-label=\"HELDECO Video\">\r\n <video controls playsinline preload=\"metadata\">\r\n <source src=\"https:\/\/heldeco.at\/wp-content\/uploads\/2026\/06\/DIE-ZUKUNFTSMACHER-HELDECO-1.mp4\" type=\"video\/mp4\">\r\n Your browser does not support HTML5 video.\r\n <\/video>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"chapter-line\"><span>Industry 4.0 Series<\/span><\/div>\r\n <section class=\"section\">\r\n <div class=\"row-wrapper\">\r\n <div class=\"row\">\r\n <article class=\"episode\" id=\"y2019\" data-year=\"2019\"><div class=\"year\">Episode 2019<\/div><h3>Implementation of a loop cabin, purchase of a new block saw, implementation of a new data processing system (data turntable - Industry 4.0)<\/h3><\/article>\r\n <article class=\"episode\" id=\"y2018\" data-year=\"2018\"><div class=\"year\">Episode 2018<\/div><h3>Purchase of an additional 3D measuring machine for small parts, purchase and commissioning of a WFL CNC machining centre<\/h3><\/article>\r\n <article class=\"episode\" id=\"y2017\" data-year=\"2017\"><div class=\"year\">Episode 2017<\/div><h3>Purchase of a new CNC machining centre<\/h3><\/article>\r\n <article class=\"episode\" id=\"y2016\" data-year=\"2016\"><div class=\"year\">Episode 2016<\/div><h3>Office construction measuring 270 m\u00b2, certification to EN9100:2009 for aerospace and defence, PRIMUS 2016 - Winner in the \"Quietly Great\" category, ALC 2016 - Winner in the Styrian state ranking and in the Austrian ranking \"Medium-sized Businesses\"<\/h3><\/article>\r\n <\/div>\r\n <div class=\"row-fade row-fade-left\" aria-hidden=\"true\"><\/div>\r\n <div class=\"row-fade row-fade-right\" aria-hidden=\"true\"><\/div>\r\n <button type=\"button\" class=\"row-arrow row-arrow-left\" aria-label=\"Zur\u00fcck scrollen\">‹<\/button>\r\n <button type=\"button\" class=\"row-arrow row-arrow-right\" aria-label=\"Weiter scrollen\">›<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"chapter-line\"><span>Growth spurt episode<\/span><\/div>\r\n <section class=\"timeline-deck\">\r\n <article class=\"poster\" id=\"y2015\"><div class=\"kicker\">Episode 2015<\/div><h3>Purchase of a new CNC machining centre from Deckel Maho<\/h3><div class=\"poster-year\">2015<\/div><\/article>\r\n <article class=\"poster big\" id=\"y2014\"><div class=\"kicker\">Episode 2014<\/div><h3>Purchase of a new WFL complete machining centre for CNC milling, turning, drilling and grinding, Purchase of a 5-axis CNC milling machine for apprentice training<\/h3><div class=\"poster-year\">2014<\/div><\/article>\r\n <article class=\"poster big compact\" id=\"y2013\"><div class=\"kicker\">Episode 2013<\/div><h3>Purchase of a new milling, turning and drilling machine, purchase of a new lathe for small-batch parts, purchase of a new block saw, construction of an additional production hall of 1,000 m\u00b2 \u2013 a total of 4,500 m\u00b2 of production space is now available.<\/h3><div class=\"poster-year\">2013<\/div><\/article>\r\n <article class=\"poster compact\" id=\"y2012\"><div class=\"kicker\">Episode 2012<\/div><h3>Construction of a new warehouse (800 m\u00b2) - Hall 4, conversion of existing warehouse space in Hall 3 to production space, investment in a new 3D measuring machine, construction investment in a new tool magazine with a state-of-the-art tool dispensing system.<\/h3><div class=\"poster-year\">2012<\/div><\/article>\r\n <article class=\"poster\" id=\"y2011\"><div class=\"kicker\">Episode 2011<\/div><h3>Purchase of a new 8 m milling centre and a small parts lathe, completion of the air-conditioned measuring room in Hall 3<\/h3><div class=\"poster-year\">2011<\/div><\/article>\r\n <\/section>\r\n\r\n <section class=\"video-break reverse\">\r\n <div class=\"video-copy\" data-label=\"CLIP\">\r\n <div class=\"mini-tag\">Chapter video<\/div>\r\n <h3>When history becomes visible.<\/h3>\r\n <p> Schon vor Jahrzehnten agierte HELDECO innovativ \u2013 wie dieses Video beweist <\/p>\r\n<\/div>\r\n <div class=\"video-placeholder video-native\" aria-label=\"HELDECO Video\">\r\n <video controls playsinline preload=\"metadata\">\r\n <source src=\"\/wp-content\/uploads\/2026\/07\/damals2_.mov\" type=\"video\/mp4\">\r\n Your browser does not support HTML5 video.\r\n <\/video>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"chapter-line\"><span>Stage expansion<\/span><\/div>\r\n <section class=\"section\">\r\n <div class=\"row-wrapper\">\r\n <div class=\"row\">\r\n <article class=\"episode\" id=\"y2009\" data-year=\"2009\"><div class=\"year\">Episode 2009<\/div><h3>Extension of Hall 3 (Warehouse), purchase of a vertical turning lathe \u00d83000 and a horizontal turning lathe \u00d81600 x 4000, 3,500 m\u00b2 production area<\/h3><\/article>\r\n <article class=\"episode\" id=\"y2006\" data-year=\"2006\"><div class=\"year\">Episode 2006<\/div><h3>Extension of Production Hall 2, new construction of the warehouse (Hall 3), purchase of a new 12m milling centre and a CNC shaping machine, 3,000 m\u00b2 of production space<\/h3><\/article>\r\n <article class=\"episode\" id=\"y2005\" data-year=\"2005\"><div class=\"year\">Episode 2005<\/div><h3>Office extension (100%), fa\u00e7ade and entrance design<\/h3><\/article>\r\n <article class=\"episode\" id=\"y2003\" data-year=\"2003\"><div class=\"year\">Episode 2003<\/div><h3>Construction of an additional production hall, purchase of a new machining centre<\/h3><\/article>\r\n <article class=\"episode\" id=\"y2001\" data-year=\"2001\"><div class=\"year\">Episode 2001<\/div><h3>Takeover of HELDECO by Helmut Dettenweitz Jr.<\/h3><\/article>\r\n <\/div>\r\n <div class=\"row-fade row-fade-left\" aria-hidden=\"true\"><\/div>\r\n <div class=\"row-fade row-fade-right\" aria-hidden=\"true\"><\/div>\r\n <button type=\"button\" class=\"row-arrow row-arrow-left\" aria-label=\"Zur\u00fcck scrollen\">‹<\/button>\r\n <button type=\"button\" class=\"row-arrow row-arrow-right\" aria-label=\"Weiter scrollen\">›<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"video-break\">\r\n <div class=\"video-copy\" data-label=\"BONUS\">\r\n <div class=\"mini-tag\">Chapter video<\/div>\r\n <h3>Momente f\u00fcr die Ewigkeit.<\/h3>\r\n <p>Aller Anfang ist schwer: Nach und nach entwickelte sich aus einem kleinen Betrieb ein international agierendes Unternehmen.<\/p>\r\n <\/div>\r\n <div class=\"video-placeholder video-native\" aria-label=\"HELDECO Video\">\r\n <video controls playsinline preload=\"metadata\">\r\n <source src=\"\/wp-content\/uploads\/2026\/07\/erste-aufnahmen.mp4\" type=\"video\/mp4\">\r\n Your browser does not support HTML5 video.\r\n <\/video>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"chapter-line\"><span>Season Origin<\/span><\/div>\r\n <section class=\"section\">\r\n <div class=\"row-wrapper\">\r\n <div class=\"row\">\r\n <article class=\"episode\" id=\"y1999\" data-year=\"1999\"><div class=\"year\">Episode 1999<\/div><h3>The Styrian State Coat of Arms as the \"Leading Company of the Region\"<\/h3><\/article>\r\n <article class=\"episode\" id=\"y1998\" data-year=\"1998\"><div class=\"year\">Episode 1998<\/div><h3>Expansion of production areas, installation of a new CAD\/CAM system<\/h3><\/article>\r\n <article class=\"episode\" id=\"y1996\" data-year=\"1996\"><div class=\"year\">Episode 1996<\/div><h3>ISO 9001:2000 certification by T\u00dcV Bayern<\/h3><\/article>\r\n <article class=\"episode\" id=\"y1993\" data-year=\"1993\"><div class=\"year\">Episode 1993<\/div><h3>Young Entrepreneur of the Year, Ministry of Economic Affairs Award<\/h3><\/article>\r\n <article class=\"episode\" id=\"y1991\" data-year=\"1991\"><div class=\"year\">Episode 1991<\/div><h3>Company founded by Helmut Dettenweitz Sr., Helmut Dettenweitz Jr., and four other shareholders<\/h3><\/article>\r\n <\/div>\r\n <div class=\"row-fade row-fade-left\" aria-hidden=\"true\"><\/div>\r\n <div class=\"row-fade row-fade-right\" aria-hidden=\"true\"><\/div>\r\n <button type=\"button\" class=\"row-arrow row-arrow-left\" aria-label=\"Zur\u00fcck scrollen\">‹<\/button>\r\n <button type=\"button\" class=\"row-arrow row-arrow-right\" aria-label=\"Weiter scrollen\">›<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"finale\">\r\n <h2>NEXT<br><span class=\"blue\">DIMENSION.<\/span><\/h2>\r\n <p>From its founding to the next major investment: HELDECO is growing step by step \u2013 and continues to think big.<\/p>\r\n <\/section>\r\n <\/main>\r\n<\/div>\r\n\r\n<script>\r\n (function () {\r\n function setupRow(wrapper) {\r\n var row = wrapper.querySelector('.row');\r\n var prevBtn = wrapper.querySelector('.row-arrow-left');\r\n var nextBtn = wrapper.querySelector('.row-arrow-right');\r\n if (!row) return;\r\n\r\n function update() {\r\n var max = row.scrollWidth - row.clientWidth;\r\n var fits = max <= 1;\r\n wrapper.classList.toggle('no-scroll', fits);\r\n wrapper.classList.toggle('at-start', row.scrollLeft <= 1);\r\n wrapper.classList.toggle('at-end', row.scrollLeft >= max - 1);\r\n if (prevBtn) prevBtn.disabled = fits || row.scrollLeft <= 1;\r\n if (nextBtn) nextBtn.disabled = fits || row.scrollLeft >= max - 1;\r\n }\r\n\r\n function scrollByCard(direction) {\r\n var amount = Math.max(row.clientWidth * 0.85, 240) * direction;\r\n row.scrollBy({ left: amount, behavior: 'smooth' });\r\n }\r\n\r\n if (prevBtn) prevBtn.addEventListener('click', function () { scrollByCard(-1); });\r\n if (nextBtn) nextBtn.addEventListener('click', function () { scrollByCard(1); });\r\n\r\n row.addEventListener('scroll', update, { passive: true });\r\n window.addEventListener('resize', update);\r\n update();\r\n }\r\n\r\n document.querySelectorAll('.row-wrapper').forEach(setupRow);\r\n })();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>HELDECO Firmengeschichte \u2013 Netflix Style Firmengeschichte GROSS.SEIT 1991. Vom kleinen Schlossereibetrieb zum Spezialisten f\u00fcr gro\u00dfdimensionale Pr\u00e4zision. \u25b6 Geschichte starten \uff0b Alle Folgen Aktuelle Folge Neue Episode Investition in die Zukunft Mit der Anschaffung des hochmodernen Bearbeitungszentrums PMW-25 erweitert Heldeco gezielt seine Fertigungskompetenzen. Die neue Anlage erm\u00f6glicht die pr\u00e4zise und effiziente Bearbeitung gro\u00dfer, komplexer Bauteile, verk\u00fcrzt […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":155,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-173","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/heldeco.at\/en\/wp-json\/wp\/v2\/pages\/173","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=173"}],"version-history":[{"count":68,"href":"https:\/\/heldeco.at\/en\/wp-json\/wp\/v2\/pages\/173\/revisions"}],"predecessor-version":[{"id":6686,"href":"https:\/\/heldeco.at\/en\/wp-json\/wp\/v2\/pages\/173\/revisions\/6686"}],"up":[{"embeddable":true,"href":"https:\/\/heldeco.at\/en\/wp-json\/wp\/v2\/pages\/155"}],"wp:attachment":[{"href":"https:\/\/heldeco.at\/en\/wp-json\/wp\/v2\/media?parent=173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}