{"id":712,"date":"2026-04-17T13:14:49","date_gmt":"2026-04-17T11:14:49","guid":{"rendered":"https:\/\/vnx.at\/?page_id=712"},"modified":"2026-04-17T13:27:32","modified_gmt":"2026-04-17T11:27:32","slug":"elementor-712","status":"publish","type":"page","link":"https:\/\/vnx.at\/","title":{"rendered":"Demo-Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"712\" class=\"elementor elementor-712\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94d1c69 e-con-full e-flex e-con e-parent\" data-id=\"94d1c69\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-769934e elementor-widget elementor-widget-html\" data-id=\"769934e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Haidronic \u2013 Ihr Partner f\u00fcr IT-Architekturen<\/title>\n<style>\n  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n  :root{\n    --white:#fff;--black:#000;--gray1:#1d1d1f;--gray2:#424245;--gray3:#6e6e73;--gray4:#86868b;\n    --blue1:#0071e3;--blue2:#147ce5;--blue3:#2997ff;\n    --nav-h:52px;\n  }\n  html{scroll-behavior:smooth}\n  body{font-family:-apple-system,BlinkMacSystemFont,\"SF Pro Display\",\"Helvetica Neue\",Arial,sans-serif;background:#000;color:#f5f5f7;overflow-x:hidden}\n\n  \/* \u2500\u2500 NAV \u2500\u2500 *\/\n  nav{position:fixed;top:0;left:0;right:0;z-index:999;height:var(--nav-h);background:rgba(0,0,0,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;padding:0 22px;transition:background .3s}\n  nav.light{background:rgba(255,255,255,.82);border-bottom:1px solid rgba(0,0,0,.1)}\n  .nav-logo{font-size:13px;font-weight:600;letter-spacing:-.01em;color:#f5f5f7;text-decoration:none}\n  nav.light .nav-logo{color:#1d1d1f}\n  .nav-links{display:flex;gap:24px;list-style:none}\n  .nav-links a{font-size:12px;color:rgba(245,245,247,.8);text-decoration:none;transition:color .2s}\n  nav.light .nav-links a{color:rgba(0,0,0,.7)}\n  .nav-links a:hover{color:#f5f5f7}\n  nav.light .nav-links a:hover{color:#000}\n  .nav-cta{font-size:12px;color:var(--blue3);text-decoration:none}\n\n  \/* \u2500\u2500 HERO \u2500\u2500 *\/\n  #hero{position:relative;height:100vh;min-height:700px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}\n  .hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 120% 80% at 50% 0%,#1b3a6b 0%,#000 60%);z-index:0}\n  .hero-glow{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(41,151,255,.35) 0%,transparent 70%)}\n  .hero-orb{position:absolute;width:700px;height:700px;border-radius:50%;background:conic-gradient(from 180deg,#0a84ff22,#5e5ce622,#30d15822,#0a84ff22);filter:blur(80px);z-index:1;top:50%;left:50%;transform:translate(-50%,-55%);animation:orbSpin 20s linear infinite}\n  @keyframes orbSpin{to{transform:translate(-50%,-55%) rotate(360deg)}}\n  .hero-content{position:relative;z-index:2;padding:0 20px}\n  .hero-eyebrow{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue3);margin-bottom:20px;opacity:0;transform:translateY(20px);animation:fadeUp .8s .2s forwards}\n  .hero-title{font-size:clamp(48px,8vw,96px);font-weight:700;line-height:1.04;letter-spacing:-.025em;background:linear-gradient(180deg,#fff 60%,rgba(255,255,255,.5));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px;opacity:0;transform:translateY(30px);animation:fadeUp .9s .35s forwards}\n  .hero-sub{font-size:clamp(18px,2.5vw,26px);font-weight:400;color:rgba(245,245,247,.7);max-width:620px;line-height:1.5;margin-bottom:44px;opacity:0;transform:translateY(30px);animation:fadeUp .9s .5s forwards}\n  .hero-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;opacity:0;transform:translateY(30px);animation:fadeUp .9s .65s forwards}\n  .btn-primary{padding:14px 28px;border-radius:980px;background:var(--blue1);color:#fff;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,transform .15s}\n  .btn-primary:hover{background:var(--blue2);transform:scale(1.03)}\n  .btn-ghost{padding:14px 28px;border-radius:980px;border:1px solid rgba(255,255,255,.25);color:#f5f5f7;font-size:15px;font-weight:600;text-decoration:none;backdrop-filter:blur(12px);transition:border-color .2s,transform .15s}\n  .btn-ghost:hover{border-color:rgba(255,255,255,.6);transform:scale(1.03)}\n  @keyframes fadeUp{to{opacity:1;transform:translateY(0)}}\n  .hero-scroll{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5}\n  .scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.5),transparent);animation:scrollPulse 2s ease-in-out infinite}\n  @keyframes scrollPulse{0%,100%{opacity:.3}50%{opacity:1}}\n\n  \/* \u2500\u2500 SECTION BASE \u2500\u2500 *\/\n  section{position:relative;padding:120px 0;overflow:hidden}\n  .container{max-width:1200px;margin:0 auto;padding:0 40px}\n  .section-label{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue3);margin-bottom:16px}\n  .section-title{font-size:clamp(36px,5vw,56px);font-weight:700;letter-spacing:-.025em;line-height:1.07;margin-bottom:24px}\n  .section-body{font-size:19px;color:rgba(245,245,247,.7);line-height:1.6;max-width:680px}\n\n  \/* \u2500\u2500 SERVICES (DARK) \u2500\u2500 *\/\n  #services{background:#000}\n  .services-intro{text-align:center;margin-bottom:80px}\n  .services-intro .section-body{margin:0 auto}\n  .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}\n  @media(max-width:900px){.services-grid{grid-template-columns:1fr}}\n  .srv-card{background:#141414;padding:48px 40px;position:relative;overflow:hidden;cursor:default;transition:background .3s}\n  .srv-card:hover{background:#1c1c1e}\n  .srv-card::before{content:\"\";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(41,151,255,.12) 0%,transparent 60%);opacity:0;transition:opacity .4s}\n  .srv-card:hover::before{opacity:1}\n  .srv-icon{width:56px;height:56px;margin-bottom:28px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;background:linear-gradient(135deg,rgba(41,151,255,.2),rgba(94,92,230,.2))}\n  .srv-name{font-size:24px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}\n  .srv-desc{font-size:15px;color:rgba(245,245,247,.55);line-height:1.6}\n  .srv-link{display:inline-flex;align-items:center;gap:4px;margin-top:24px;font-size:15px;color:var(--blue3);text-decoration:none}\n  .srv-link::after{content:\"\u203a\";transition:transform .2s}\n  .srv-link:hover::after{transform:translateX(4px)}\n\n  \/* \u2500\u2500 FEATURE HIGHLIGHT (gradient section) \u2500\u2500 *\/\n  #cybersec{background:linear-gradient(180deg,#000 0%,#060d1a 40%,#000d1f 70%,#000 100%)}\n  .feature-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n  @media(max-width:800px){.feature-split{grid-template-columns:1fr;gap:48px}}\n  .feature-visual{position:relative;aspect-ratio:1;border-radius:24px;background:linear-gradient(135deg,#0a1628,#0d2040);border:1px solid rgba(41,151,255,.15);display:flex;align-items:center;justify-content:center;overflow:hidden}\n  .shield{width:140px;height:160px;position:relative;z-index:2}\n  .shield svg{width:100%;height:100%}\n  .radar{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}\n  .radar-ring{position:absolute;border-radius:50%;border:1px solid rgba(41,151,255,.15);animation:radarPulse 3s ease-out infinite}\n  .radar-ring:nth-child(1){width:80px;height:80px;animation-delay:0s}\n  .radar-ring:nth-child(2){width:160px;height:160px;animation-delay:.6s}\n  .radar-ring:nth-child(3){width:240px;height:240px;animation-delay:1.2s}\n  .radar-ring:nth-child(4){width:320px;height:320px;animation-delay:1.8s}\n  @keyframes radarPulse{0%{opacity:0;transform:scale(.8)}40%{opacity:.6}100%{opacity:0;transform:scale(1.05)}}\n  .stat-pills{display:flex;flex-direction:column;gap:12px;margin-top:40px}\n  .stat-pill{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 20px}\n  .pill-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}\n  .pill-dot.green{background:#30d158}\n  .pill-dot.blue{background:var(--blue3)}\n  .pill-dot.orange{background:#ff9f0a}\n  .pill-label{font-size:14px;font-weight:500}\n  .pill-val{margin-left:auto;font-size:14px;color:rgba(245,245,247,.5)}\n\n  \/* \u2500\u2500 DARK BAND (Modern Workplace) \u2500\u2500 *\/\n  #workplace{background:#000;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}\n  .marquee-track{overflow:hidden;margin-top:64px;padding:24px 0}\n  .marquee-inner{display:flex;gap:40px;animation:marquee 30s linear infinite;width:max-content}\n  .marquee-tag{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgba(245,245,247,.3);white-space:nowrap;padding:12px 28px;border:1px solid rgba(255,255,255,.08);border-radius:980px}\n  @keyframes marquee{to{transform:translateX(-50%)}}\n  .feature-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:64px}\n  @media(max-width:700px){.feature-chips{grid-template-columns:1fr}}\n  .chip{background:#111;padding:36px 32px;border-radius:0}\n  .chip:nth-child(1){border-radius:20px 0 0 0}\n  .chip:nth-child(2){border-radius:0 20px 0 0}\n  .chip:nth-child(3){border-radius:0 0 0 20px}\n  .chip:nth-child(4){border-radius:0 0 20px 0}\n  .chip-num{font-size:48px;font-weight:700;letter-spacing:-.04em;background:linear-gradient(90deg,var(--blue3),#5e5ce6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}\n  .chip-label{font-size:17px;font-weight:600;margin-top:8px}\n  .chip-desc{font-size:14px;color:rgba(245,245,247,.5);margin-top:6px;line-height:1.5}\n\n  \/* \u2500\u2500 NETWORK (gradient dark) \u2500\u2500 *\/\n  #network{background:linear-gradient(180deg,#000,#06100a,#000)}\n  .network-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.06);border-radius:20px;overflow:hidden;margin-top:72px}\n  @media(max-width:800px){.network-grid{grid-template-columns:1fr}}\n  .net-item{background:#0a0a0a;padding:40px 36px;transition:background .3s}\n  .net-item:hover{background:#101010}\n  .net-icon{font-size:32px;margin-bottom:20px}\n  .net-title{font-size:20px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}\n  .net-text{font-size:14px;color:rgba(245,245,247,.5);line-height:1.6}\n\n  \/* \u2500\u2500 TRAINING (light-ish) \u2500\u2500 *\/\n  #training{background:#f5f5f7}\n  #training .section-label{color:var(--blue1)}\n  #training .section-title{color:var(--gray1)}\n  #training .section-body{color:var(--gray2)}\n  .training-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px}\n  @media(max-width:800px){.training-cards{grid-template-columns:1fr}}\n  .t-card{background:#fff;border-radius:20px;padding:36px;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:transform .3s,box-shadow .3s}\n  .t-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,.12)}\n  .t-card-icon{font-size:36px;margin-bottom:20px}\n  .t-card-title{font-size:20px;font-weight:700;color:var(--gray1);letter-spacing:-.02em;margin-bottom:10px}\n  .t-card-desc{font-size:15px;color:var(--gray3);line-height:1.6}\n  .t-card-link{display:inline-flex;align-items:center;gap:4px;margin-top:20px;font-size:14px;font-weight:600;color:var(--blue1);text-decoration:none}\n  .t-card-link::after{content:\"\u203a\";transition:transform .2s}\n  .t-card-link:hover::after{transform:translateX(4px)}\n\n  \/* \u2500\u2500 CTA BANNER \u2500\u2500 *\/\n  #cta{background:#000;text-align:center}\n  .cta-inner{padding:120px 40px;background:radial-gradient(ellipse 100% 120% at 50% 100%,#0a2440 0%,transparent 70%),radial-gradient(ellipse 80% 60% at 50% 50%,rgba(41,151,255,.07) 0%,transparent 70%);border-top:1px solid rgba(255,255,255,.06)}\n  .cta-title{font-size:clamp(40px,6vw,72px);font-weight:700;letter-spacing:-.03em;line-height:1.06;background:linear-gradient(180deg,#fff 40%,rgba(255,255,255,.55));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px}\n  .cta-sub{font-size:19px;color:rgba(245,245,247,.6);margin-bottom:44px}\n\n  \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n  footer{background:#000;border-top:1px solid rgba(255,255,255,.1);padding:40px 0 60px}\n  .footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:40px}\n  @media(max-width:900px){.footer-grid{grid-template-columns:repeat(2,1fr)}}\n  .footer-col h4{font-size:13px;font-weight:600;letter-spacing:.01em;color:rgba(245,245,247,.4);margin-bottom:16px}\n  .footer-col a{display:block;font-size:13px;color:rgba(245,245,247,.6);text-decoration:none;margin-bottom:10px;transition:color .2s}\n  .footer-col a:hover{color:#f5f5f7}\n  .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.07);font-size:12px;color:rgba(245,245,247,.3)}\n\n  \/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\n  .reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.2,0,.2,1),transform .8s cubic-bezier(.2,0,.2,1)}\n  .reveal.visible{opacity:1;transform:translateY(0)}\n  .reveal-left{opacity:0;transform:translateX(-50px);transition:opacity .9s cubic-bezier(.2,0,.2,1),transform .9s cubic-bezier(.2,0,.2,1)}\n  .reveal-left.visible{opacity:1;transform:translateX(0)}\n  .reveal-right{opacity:0;transform:translateX(50px);transition:opacity .9s cubic-bezier(.2,0,.2,1),transform .9s cubic-bezier(.2,0,.2,1)}\n  .reveal-right.visible{opacity:1;transform:translateX(0)}\n  .delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}\n\n  \/* \u2500\u2500 PARALLAX \u2500\u2500 *\/\n  .parallax-bg{position:absolute;inset:-30%;z-index:0;will-change:transform}\n\n  \/* \u2500\u2500 MEGA LINE \u2500\u2500 *\/\n  .mega-line{font-size:clamp(56px,11vw,140px);font-weight:800;letter-spacing:-.04em;line-height:1;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;padding:40px 0;overflow:hidden;white-space:nowrap}\n<\/style>\n<\/head>\n<body>\n\n<!-- NAV -->\n<nav id=\"mainNav\">\n  <a href=\"#\" class=\"nav-logo\">Haidronic<\/a>\n  <ul class=\"nav-links\">\n    <li><a href=\"#services\">Leistungen<\/a><\/li>\n    <li><a href=\"#cybersec\">Cyberschutz<\/a><\/li>\n    <li><a href=\"#workplace\">Arbeitsplatz<\/a><\/li>\n    <li><a href=\"#network\">Netzwerk<\/a><\/li>\n    <li><a href=\"#training\">Schulung<\/a><\/li>\n    <li><a href=\"#cta\">Kontakt<\/a><\/li>\n  <\/ul>\n  <a href=\"tel:+43463481287\" class=\"nav-cta\">+43 463 481287<\/a>\n<\/nav>\n\n<!-- HERO -->\n<section id=\"hero\">\n  <div class=\"hero-bg\"><\/div>\n  <div class=\"hero-glow\"><\/div>\n  <div class=\"hero-orb\"><\/div>\n  <div class=\"hero-content\">\n    <p class=\"hero-eyebrow\">IT-Dienstleistungen seit 1999<\/p>\n    <h1 class=\"hero-title\">Technologie,<br>die bewegt.<\/h1>\n    <p class=\"hero-sub\">Transformation Ihres Unternehmens durch moderne IT-Architekturen. Ein talentiertes Team. Ergebnisse, die z\u00e4hlen.<\/p>\n    <div class=\"hero-btns\">\n      <a href=\"#services\" class=\"btn-primary\">Unsere Leistungen<\/a>\n      <a href=\"#cta\" class=\"btn-ghost\">Kontakt aufnehmen<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"hero-scroll\">\n    <div class=\"scroll-line\"><\/div>\n  <\/div>\n<\/section>\n\n<!-- MEGA MARQUEE LINE -->\n<div style=\"background:#000;overflow:hidden;border-top:1px solid rgba(255,255,255,.06)\">\n  <div class=\"mega-line\" id=\"megaLine\">Haidronic &nbsp; IT-Architekturen &nbsp; Cyberschutz &nbsp; Netzwerk &nbsp; Server &nbsp; Cloud<\/div>\n<\/div>\n\n<!-- SERVICES -->\n<section id=\"services\">\n  <div class=\"container\">\n    <div class=\"services-intro reveal\">\n      <p class=\"section-label\">Was wir bieten<\/p>\n      <h2 class=\"section-title\">Alles aus einer Hand.<\/h2>\n      <p class=\"section-body\">Von der Beratung \u00fcber die Implementierung bis zum laufenden Betrieb \u2013 Haidronic begleitet Ihr Unternehmen auf dem gesamten IT-Weg.<\/p>\n    <\/div>\n    <div class=\"services-grid\">\n      <div class=\"srv-card reveal delay-1\">\n        <div class=\"srv-icon\">\ud83d\udda5<\/div>\n        <div class=\"srv-name\">EDV-Dienstleistungen<\/div>\n        <div class=\"srv-desc\">IT-Beratung, Support und Wartungsdienste seit 1999. Ihre verl\u00e4ssliche Antwort auf alle IT-Anforderungen.<\/div>\n        <a href=\"#\" class=\"srv-link\">Mehr erfahren<\/a>\n      <\/div>\n      <div class=\"srv-card reveal delay-2\">\n        <div class=\"srv-icon\">\ud83d\udee1<\/div>\n        <div class=\"srv-name\">Cyberschutz<\/div>\n        <div class=\"srv-desc\">Fr\u00fcherkennung, proaktives Management und Notfallplanung \u2013 Ihr All-Inclusive-Sicherheitspaket, DSGVO-konform.<\/div>\n        <a href=\"#\" class=\"srv-link\">Mehr erfahren<\/a>\n      <\/div>\n      <div class=\"srv-card reveal delay-3\">\n        <div class=\"srv-icon\">\ud83c\udf10<\/div>\n        <div class=\"srv-name\">Netzwerk & Server<\/div>\n        <div class=\"srv-desc\">Effizientes Kabelmanagement, Firewalls, Verinselung und zuverl\u00e4ssige Serverwartung mit Notfall-Helpline.<\/div>\n        <a href=\"#\" class=\"srv-link\">Mehr erfahren<\/a>\n      <\/div>\n      <div class=\"srv-card reveal delay-1\">\n        <div class=\"srv-icon\">\u2601\ufe0f<\/div>\n        <div class=\"srv-name\">HybrIT Cloud<\/div>\n        <div class=\"srv-desc\">Flexible Cloud-L\u00f6sungen, die Ihre bestehende Infrastruktur erg\u00e4nzen und Wachstum erm\u00f6glichen.<\/div>\n        <a href=\"#\" class=\"srv-link\">Mehr erfahren<\/a>\n      <\/div>\n      <div class=\"srv-card reveal delay-2\">\n        <div class=\"srv-icon\">\ud83d\udcbc<\/div>\n        <div class=\"srv-name\">Moderner Arbeitsplatz<\/div>\n        <div class=\"srv-desc\">Gestaltung und Implementierung zukunftsf\u00e4higer Arbeitsumgebungen f\u00fcr mehr Produktivit\u00e4t und Flexibilit\u00e4t.<\/div>\n        <a href=\"#\" class=\"srv-link\">Mehr erfahren<\/a>\n      <\/div>\n      <div class=\"srv-card reveal delay-3\">\n        <div class=\"srv-icon\">\ud83c\udf93<\/div>\n        <div class=\"srv-name\">EDV-Schulungen<\/div>\n        <div class=\"srv-desc\">Kombinieren Sie Thema und Lernform nach Ihren Vorstellungen \u2013 von SaferInternet bis Einzelstunden.<\/div>\n        <a href=\"#\" class=\"srv-link\">Mehr erfahren<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CYBERSEC -->\n<section id=\"cybersec\">\n  <div class=\"container\">\n    <div class=\"feature-split\">\n      <div class=\"reveal-left\">\n        <p class=\"section-label\">Cyberschutz<\/p>\n        <h2 class=\"section-title\">Sicherheit,<br>die nicht schl\u00e4ft.<\/h2>\n        <p class=\"section-body\">Im Falle einer Schadsoftware-Attacke ist schnelles und effektives Handeln entscheidend. Unser Sicherheits-Paket sch\u00fctzt Sie rund um die Uhr.<\/p>\n        <div class=\"stat-pills\" style=\"margin-top:40px\">\n          <div class=\"stat-pill\">\n            <div class=\"pill-dot green\"><\/div>\n            <span class=\"pill-label\">Echtzeit-Fr\u00fcherkennung aktiv<\/span>\n            <span class=\"pill-val\">24\/7<\/span>\n          <\/div>\n          <div class=\"stat-pill\">\n            <div class=\"pill-dot blue\"><\/div>\n            <span class=\"pill-label\">DSGVO-Konformit\u00e4t sichergestellt<\/span>\n            <span class=\"pill-val\">100%<\/span>\n          <\/div>\n          <div class=\"stat-pill\">\n            <div class=\"pill-dot orange\"><\/div>\n            <span class=\"pill-label\">Notfall-Helpline verf\u00fcgbar<\/span>\n            <span class=\"pill-val\">Mo\u2013Fr<\/span>\n          <\/div>\n        <\/div>\n        <a href=\"#cta\" class=\"btn-primary\" style=\"display:inline-block;margin-top:36px\">Sicherheits-Paket anfragen<\/a>\n      <\/div>\n      <div class=\"reveal-right\">\n        <div class=\"feature-visual\">\n          <div class=\"radar\">\n            <div class=\"radar-ring\"><\/div>\n            <div class=\"radar-ring\"><\/div>\n            <div class=\"radar-ring\"><\/div>\n            <div class=\"radar-ring\"><\/div>\n          <\/div>\n          <div class=\"shield\" style=\"position:relative;z-index:2\">\n            <svg viewBox=\"0 0 140 160\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <defs>\n                <linearGradient id=\"sg\" x1=\"0\" y1=\"0\" x2=\"140\" y2=\"160\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0%\" stop-color=\"#2997ff\"\/>\n                  <stop offset=\"100%\" stop-color=\"#5e5ce6\"\/>\n                <\/linearGradient>\n              <\/defs>\n              <path d=\"M70 4L10 30V76C10 110.4 36 140.8 70 152C104 140.8 130 110.4 130 76V30L70 4Z\" fill=\"url(#sg)\" opacity=\".15\" stroke=\"url(#sg)\" stroke-width=\"1.5\"\/>\n              <path d=\"M70 18L22 40V78C22 107.2 43.2 133.2 70 143.2C96.8 133.2 118 107.2 118 78V40L70 18Z\" fill=\"url(#sg)\" opacity=\".25\"\/>\n              <path d=\"M56 78L64 86L86 64\" stroke=\"#2997ff\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- WORKPLACE -->\n<section id=\"workplace\">\n  <div class=\"container\">\n    <div style=\"text-align:center\" class=\"reveal\">\n      <p class=\"section-label\">Moderner Arbeitsplatz<\/p>\n      <h2 class=\"section-title\">Inspiration f\u00fcr bessere Arbeit.<\/h2>\n      <p class=\"section-body\" style=\"margin:0 auto\">Effiziente EDV-Bereitstellungen und Anwendungskonfigurationen f\u00fcr Ihr Unternehmen \u2013 gestaltet nach Ihren Vorstellungen.<\/p>\n    <\/div>\n    <div class=\"marquee-track\">\n      <div class=\"marquee-inner\">\n        <span class=\"marquee-tag\">Microsoft 365<\/span>\n        <span class=\"marquee-tag\">HybrIT Cloud<\/span>\n        <span class=\"marquee-tag\">Arbeitsplatz-Setup<\/span>\n        <span class=\"marquee-tag\">Remote Work<\/span>\n        <span class=\"marquee-tag\">IT-Infrastruktur<\/span>\n        <span class=\"marquee-tag\">Anwendungsmanagement<\/span>\n        <span class=\"marquee-tag\">Device Management<\/span>\n        <span class=\"marquee-tag\">Cloud-Migration<\/span>\n        <span class=\"marquee-tag\">Microsoft 365<\/span>\n        <span class=\"marquee-tag\">HybrIT Cloud<\/span>\n        <span class=\"marquee-tag\">Arbeitsplatz-Setup<\/span>\n        <span class=\"marquee-tag\">Remote Work<\/span>\n        <span class=\"marquee-tag\">IT-Infrastruktur<\/span>\n        <span class=\"marquee-tag\">Anwendungsmanagement<\/span>\n        <span class=\"marquee-tag\">Device Management<\/span>\n        <span class=\"marquee-tag\">Cloud-Migration<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"feature-chips reveal\">\n      <div class=\"chip\">\n        <div class=\"chip-num\">25+<\/div>\n        <div class=\"chip-label\">Jahre Erfahrung<\/div>\n        <div class=\"chip-desc\">Seit 1999 Ihr verl\u00e4sslicher IT-Partner in Klagenfurt<\/div>\n      <\/div>\n      <div class=\"chip\">\n        <div class=\"chip-num\">100%<\/div>\n        <div class=\"chip-label\">Ma\u00dfgeschneidert<\/div>\n        <div class=\"chip-desc\">Jede L\u00f6sung individuell auf Ihr Unternehmen zugeschnitten<\/div>\n      <\/div>\n      <div class=\"chip\">\n        <div class=\"chip-num\">\u221e<\/div>\n        <div class=\"chip-label\">Skalierbarkeit<\/div>\n        <div class=\"chip-desc\">L\u00f6sungen, die mit Ihrem Unternehmen wachsen<\/div>\n      <\/div>\n      <div class=\"chip\">\n        <div class=\"chip-num\">24\/7<\/div>\n        <div class=\"chip-label\">Monitoring<\/div>\n        <div class=\"chip-desc\">Proaktive \u00dcberwachung Ihrer gesamten IT-Infrastruktur<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- NETWORK -->\n<section id=\"network\">\n  <div class=\"container\">\n    <div style=\"text-align:center;max-width:640px;margin:0 auto 0\" class=\"reveal\">\n      <p class=\"section-label\">Netzwerk & Server<\/p>\n      <h2 class=\"section-title\">Infrastruktur,<br>auf die Sie vertrauen.<\/h2>\n      <p class=\"section-body\" style=\"margin:0 auto\">F\u00fcr mehr \u00dcbersicht und Sicherheit \u2013 mit optimalem Kabelmanagement, Firewalls und zuverl\u00e4ssigen Verf\u00fcgbarkeitsberichten.<\/p>\n    <\/div>\n    <div class=\"network-grid\">\n      <div class=\"net-item reveal delay-1\">\n        <div class=\"net-icon\">\ud83d\udd0c<\/div>\n        <div class=\"net-title\">Kabelmanagement<\/div>\n        <div class=\"net-text\">Strukturierte Verkabelung f\u00fcr \u00fcbersichtliche und skalierbare Netzwerkinfrastruktur.<\/div>\n      <\/div>\n      <div class=\"net-item reveal delay-2\">\n        <div class=\"net-icon\">\ud83d\udd25<\/div>\n        <div class=\"net-title\">Firewall & Sicherheit<\/div>\n        <div class=\"net-text\">Professionelle Konfiguration und Wartung von Firewalls sowie Netzwerkverinselung.<\/div>\n      <\/div>\n      <div class=\"net-item reveal delay-3\">\n        <div class=\"net-icon\">\ud83d\udcca<\/div>\n        <div class=\"net-title\">Monitoring<\/div>\n        <div class=\"net-text\">L\u00fcckenlose Verf\u00fcgbarkeitsberichte und proaktives MSP-Monitoring Ihrer Systeme.<\/div>\n      <\/div>\n      <div class=\"net-item reveal delay-1\">\n        <div class=\"net-icon\">\ud83d\udda7<\/div>\n        <div class=\"net-title\">Server-Wartung<\/div>\n        <div class=\"net-text\">Regelm\u00e4\u00dfige Wartung, Updates und Notfall-Helpline f\u00fcr Ihren Serverbetrieb.<\/div>\n      <\/div>\n      <div class=\"net-item reveal delay-2\">\n        <div class=\"net-icon\">\u26a1<\/div>\n        <div class=\"net-title\">Notfall-Helpline<\/div>\n        <div class=\"net-text\">Schnelle Reaktion im Ernstfall \u2013 damit Ihr Betrieb ohne lange Ausfallzeiten weiterl\u00e4uft.<\/div>\n      <\/div>\n      <div class=\"net-item reveal delay-3\">\n        <div class=\"net-icon\">\u2601\ufe0f<\/div>\n        <div class=\"net-title\">Cloud-Integration<\/div>\n        <div class=\"net-text\">Nahtlose Verbindung Ihrer On-Premise-Infrastruktur mit modernen Cloud-Diensten.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- TRAINING (LIGHT) -->\n<section id=\"training\">\n  <div class=\"container\">\n    <div class=\"reveal\">\n      <p class=\"section-label\">Schulungen<\/p>\n      <h2 class=\"section-title\" style=\"color:#1d1d1f\">Wissen, das sch\u00fctzt.<\/h2>\n      <p class=\"section-body\">Kombinieren Sie Thema und Lernform ganz nach Ihren Vorstellungen. Von SaferInternet-Workshops bis zu individuellen Einzelstunden.<\/p>\n    <\/div>\n    <div class=\"training-cards\">\n      <div class=\"t-card reveal delay-1\">\n        <div class=\"t-card-icon\">\ud83d\udd12<\/div>\n        <div class=\"t-card-title\">SaferInternet<\/div>\n        <div class=\"t-card-desc\">Sicheres Verhalten im Netz f\u00fcr Lehrende, Eltern und Jugendliche. Praxisnahe Workshops mit echtem Mehrwert.<\/div>\n        <a href=\"#\" class=\"t-card-link\">Mehr erfahren<\/a>\n      <\/div>\n      <div class=\"t-card reveal delay-2\">\n        <div class=\"t-card-icon\">\ud83e\udd1f<\/div>\n        <div class=\"t-card-title\">Geb\u00e4rdenkurs<\/div>\n        <div class=\"t-card-desc\">Grundlagen der \u00f6sterreichischen Zeichensprache \u2013 ein einzigartiges Angebot f\u00fcr mehr Inklusion und Kommunikation.<\/div>\n        <a href=\"#\" class=\"t-card-link\">Mehr erfahren<\/a>\n      <\/div>\n      <div class=\"t-card reveal delay-3\">\n        <div class=\"t-card-icon\">\ud83d\udcbb<\/div>\n        <div class=\"t-card-title\">Internetcaf\u00e9 & Einzelstunden<\/div>\n        <div class=\"t-card-desc\">PC-Einsteiger, Pr\u00e4sentationen, Internet-Grundlagen \u2013 individuell, flexibel, in Klagenfurt oder als fliegendes Klassenzimmer.<\/div>\n        <a href=\"#\" class=\"t-card-link\">Mehr erfahren<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- MEDIENKOFFER BANNER -->\n<div style=\"background:#1d1d1f;padding:100px 40px;text-align:center;overflow:hidden;position:relative\">\n  <div style=\"position:absolute;inset:0;background:radial-gradient(ellipse 80% 100% at 50% 50%,rgba(41,151,255,.08),transparent)\"><\/div>\n  <p class=\"section-label\" style=\"position:relative\">Sonderprodukt<\/p>\n  <h2 class=\"section-title\" style=\"position:relative;max-width:700px;margin:0 auto 20px;color:#f5f5f7\">Medienkoffer.<br>Transport & Laden in einem.<\/h2>\n  <p style=\"position:relative;font-size:19px;color:rgba(245,245,247,.6);max-width:520px;margin:0 auto 40px;line-height:1.6\">Individuelle Transport- und Ladestationen f\u00fcr Tablets \u2013 Fertigung nach Wunsch, fertig konfiguriert.<\/p>\n  <a href=\"#cta\" class=\"btn-primary\" style=\"position:relative\">Jetzt anfragen<\/a>\n<\/div>\n\n<!-- CTA -->\n<section id=\"cta\">\n  <div class=\"cta-inner\">\n    <p class=\"section-label\" style=\"display:block;text-align:center\">Gemeinsam durchstarten<\/p>\n    <h2 class=\"cta-title reveal\">Bereit f\u00fcr Ihre<br>IT-Transformation?<\/h2>\n    <p class=\"cta-sub reveal delay-1\">Sprechen Sie mit unserem Team \u2013 wir finden die passende L\u00f6sung f\u00fcr Ihr Unternehmen.<\/p>\n    <div class=\"hero-btns reveal delay-2\">\n      <a href=\"mailto:info@haidronic.at\" class=\"btn-primary\">info@haidronic.at<\/a>\n      <a href=\"tel:+43463481287\" class=\"btn-ghost\">+43 463 481287<\/a>\n    <\/div>\n    <p style=\"margin-top:24px;font-size:14px;color:rgba(245,245,247,.35)\">Mo\u2013Do 8:00\u201316:30 \u00b7 Fr 8:00\u201314:00 \u00b7 Feschnigstrasse 78, 9020 Klagenfurt<\/p>\n  <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n  <div class=\"container\">\n    <div class=\"footer-grid\">\n      <div class=\"footer-col\">\n        <h4>Leistungen<\/h4>\n        <a href=\"#\">EDV-Dienstleistungen<\/a>\n        <a href=\"#\">Moderner Arbeitsplatz<\/a>\n        <a href=\"#\">Netzwerk<\/a>\n        <a href=\"#\">Server<\/a>\n        <a href=\"#\">Cyberschutz<\/a>\n      <\/div>\n      <div class=\"footer-col\">\n        <h4>Schulungen<\/h4>\n        <a href=\"#\">SaferInternet<\/a>\n        <a href=\"#\">Geb\u00e4rdenkurs<\/a>\n        <a href=\"#\">Internetcaf\u00e9<\/a>\n        <a href=\"#\">Einzelstunden<\/a>\n        <a href=\"#\">Medienkoffer<\/a>\n      <\/div>\n      <div class=\"footer-col\">\n        <h4>Unternehmen<\/h4>\n        <a href=\"#\">Unternehmensprofil<\/a>\n        <a href=\"#\">Gesch\u00e4ftsbeziehungen<\/a>\n        <a href=\"#\">Karriere<\/a>\n        <a href=\"#\">Partner<\/a>\n      <\/div>\n      <div class=\"footer-col\">\n        <h4>Kontakt<\/h4>\n        <a href=\"mailto:info@haidronic.at\">info@haidronic.at<\/a>\n        <a href=\"tel:+43463481287\">+43 463 481287<\/a>\n        <a href=\"#\">Remote Support<\/a>\n        <a href=\"#\">Impressum<\/a>\n        <a href=\"#\">Datenschutz<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"footer-bottom\">\n      <span>\u00a9 2025 Haidronic GmbH \u00b7 D&B D-U-N-S\u00ae 300406965<\/span>\n      <span>Feschnigstrasse 78 \u00b7 9020 Klagenfurt<\/span>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<script>\n\/\/ \u2500\u2500 Scroll Reveal\nconst revealEls=document.querySelectorAll('.reveal,.reveal-left,.reveal-right');\nconst io=new IntersectionObserver(entries=>{entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('visible');io.unobserve(e.target)}})},{threshold:.12});\nrevealEls.forEach(el=>io.observe(el));\n\n\/\/ \u2500\u2500 Nav style on scroll\nconst nav=document.getElementById('mainNav');\nwindow.addEventListener('scroll',()=>{\n  const y=window.scrollY;\n  nav.classList.toggle('light',y>document.getElementById('hero').offsetHeight*.8);\n},{ passive:true });\n\n\/\/ \u2500\u2500 Parallax hero orb\nconst orb=document.querySelector('.hero-orb');\nwindow.addEventListener('scroll',()=>{\n  const y=window.scrollY;\n  if(orb) orb.style.transform=`translate(-50%,calc(-55% + ${y*.25}px)) rotate(${y*.03}deg)`;\n},{passive:true});\n\n\/\/ \u2500\u2500 Service card glow follow mouse\ndocument.querySelectorAll('.srv-card').forEach(card=>{\n  card.addEventListener('mousemove',e=>{\n    const r=card.getBoundingClientRect();\n    card.style.setProperty('--mx',((e.clientX-r.left)\/r.width*100)+'%');\n    card.style.setProperty('--my',((e.clientY-r.top)\/r.height*100)+'%');\n  });\n});\n\n\/\/ \u2500\u2500 Mega line slow scroll parallax\nconst mega=document.getElementById('megaLine');\nwindow.addEventListener('scroll',()=>{\n  if(!mega) return;\n  const rect=mega.parentElement.getBoundingClientRect();\n  const prog=Math.max(0,Math.min(1,1-rect.top\/window.innerHeight));\n  mega.style.transform=`translateX(${(prog-.5)*-80}px)`;\n},{passive:true});\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Haidronic \u2013 Ihr Partner f\u00fcr IT-Architekturen Haidronic Leistungen Cyberschutz Arbeitsplatz Netzwerk Schulung Kontakt +43 463 481287 IT-Dienstleistungen seit 1999 Technologie,die bewegt. Transformation Ihres Unternehmens durch moderne IT-Architekturen. Ein talentiertes Team. Ergebnisse, die z\u00e4hlen. Unsere Leistungen Kontakt aufnehmen Haidronic &nbsp; IT-Architekturen &nbsp; Cyberschutz &nbsp; Netzwerk &nbsp; Server &nbsp; Cloud Was wir bieten Alles aus einer Hand. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-712","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vnx.at\/index.php\/wp-json\/wp\/v2\/pages\/712","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vnx.at\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vnx.at\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vnx.at\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vnx.at\/index.php\/wp-json\/wp\/v2\/comments?post=712"}],"version-history":[{"count":7,"href":"https:\/\/vnx.at\/index.php\/wp-json\/wp\/v2\/pages\/712\/revisions"}],"predecessor-version":[{"id":722,"href":"https:\/\/vnx.at\/index.php\/wp-json\/wp\/v2\/pages\/712\/revisions\/722"}],"wp:attachment":[{"href":"https:\/\/vnx.at\/index.php\/wp-json\/wp\/v2\/media?parent=712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}