{"id":8692,"date":"2026-09-17T11:11:03","date_gmt":"2026-09-17T08:11:03","guid":{"rendered":"https:\/\/axinar.com\/?page_id=8692"},"modified":"2026-09-17T11:14:24","modified_gmt":"2026-09-17T08:14:24","slug":"startseite","status":"publish","type":"page","link":"https:\/\/axinar.com\/de","title":{"rendered":"Startseite"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8692\" class=\"elementor elementor-8692 elementor-476\">\n\t\t\t\t<div class=\"elementor-element elementor-element-623fff8 e-flex e-con-boxed e-con e-parent\" data-id=\"623fff8\" 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-d64b611 elementor-widget elementor-widget-html\" data-id=\"d64b611\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ====== AXINAR HERO SECTION v2 ====== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Mono:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/hero-poster.webp\">\n\n<section class=\"axn-hero\" aria-label=\"Axinar, Metallbearbeitung\">\n  <video class=\"axn-hero-video\" muted loop playsinline preload=\"none\" poster=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/hero-poster.webp\" data-ax-lazy=\"1\">\n    <source src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/06\/HERO-AXINAR-2026.mp4\" type=\"video\/mp4\">\n  <\/video>\n  <div class=\"axn-hero-overlay\"><\/div>\n  <div class=\"axn-hero-content\">\n    <h1 class=\"axn-hero-title\">\n      <span class=\"axn-sr-only\">Axinar, Metallbearbeitungsindustrie in Thessaloniki<\/span>\n    <\/h1>\n    <p class=\"axn-hero-tagline\" lang=\"en\">\n      <span class=\"axn-line1\">Welcher Stahl kann<\/span>\n      <span class=\"axn-line2\">Sie tr\u00e4umen. Wir beweisen es.<\/span>\n    <\/p>\n  <\/div>\n  <div class=\"axn-scroll-prompt\">\n    <span>Mehr entdecken<\/span>\n    <div style=\"margin-top:10px; display:flex; justify-content:center;\">\n      <svg width=\"24\" height=\"40\" viewbox=\"0 0 24 40\" fill=\"none\" aria-hidden=\"true\">\n        <rect x=\"1\" y=\"1\" width=\"22\" height=\"38\" rx=\"11\" stroke=\"white\" stroke-width=\"1.5\"\/>\n        <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"white\">\n          <animate attributename=\"cy\" values=\"12;26;12\" dur=\"2s\" repeatcount=\"indefinite\"\/>\n          <animate attributename=\"opacity\" values=\"1;0.3;1\" dur=\"2s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n      <\/svg>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ====== HERO BASE ====== *\/\n.axn-hero {\n  position: relative;\n  height: 70vh;\n  display: flex;\n  align-items: center;\n  padding: 0;\n  padding-left: clamp(20px, 15vw, 250px);\n  overflow: hidden;\n  background: #0D0E0F;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  box-sizing: border-box;\n}\n.axn-hero-video {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  min-width: 100%;\n  min-height: 100%;\n  width: auto;\n  height: auto;\n  transform: translate(-50%, -50%);\n  object-fit: cover;\n  max-height: 70vh;\n  z-index: 0;\n}\n.axn-hero-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(13,14,15,0.6) 0%, rgba(13,14,15,0.25) 50%, rgba(13,14,15,0.15) 100%);\n  z-index: 1;\n}\n\n\/* ====== HERO CONTENT ====== *\/\n.axn-hero-content {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n.axn-hero-title, .axn-hero-tagline {\n  font-family: 'IBM Plex Mono', monospace;\n  font-weight: 700;\n  color: #fff;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\/* SR-only H1 text for SEO, visible to Google, hidden visually *\/\n.axn-sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0,0,0,0);\n  white-space: nowrap;\n  border: 0;\n}\n.axn-line1 {\n  font-size: clamp(26px, 3.6vw, 46px);\n  line-height: 1;\n  color: #FFFFFF;\n  letter-spacing: -0.5px;\n}\n.axn-line2 {\n  font-size: clamp(18px, 2.4vw, 32px);\n  line-height: 1;\n  margin-left: clamp(25px, 2.22vw, 46px);\n  margin-top: 0;\n  color: #FFFFFF;\n  font-weight: 400;\n  letter-spacing: 1px;\n}\n\n\/* ====== FADE-IN ANIMATIONS ====== *\/\n.axn-fade-up {\n  opacity: 0;\n  transform: translateY(30px);\n  animation: axnFadeUp 0.8s ease-out forwards;\n}\n.axn-delay-1 { animation-delay: 0.25s; }\n.axn-delay-2 { animation-delay: 0.5s; }\n\n@keyframes axnFadeUp {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* ====== GLITCH ENTRANCE ====== *\/\n.axn-line1 {\n  animation: axnGlitch1 15s ease-out infinite;\n  opacity: 0;\n}\n.axn-line2 {\n  animation: axnGlitch2 15s ease-out 0.25s infinite;\n  opacity: 0;\n}\n\n@keyframes axnGlitch1 {\n  0%    { opacity: 0; transform: translateX(-4px); filter: blur(6px); }\n  1%    { opacity: 1; transform: translateX(6px);  filter: blur(0); }\n  1.5%  { opacity: 0.4; transform: translateX(-3px); }\n  2%    { opacity: 1; transform: translateX(2px); }\n  2.5%  { opacity: 0.6; transform: translateX(-1px); filter: blur(1px); }\n  3.5%  { opacity: 1; transform: translateX(0); filter: blur(0); }\n  7%    { opacity: 1; transform: translateX(0); filter: blur(0); }\n  7.3%  { opacity: 0.7; transform: translateX(3px); }\n  7.6%  { opacity: 1; transform: translateX(0); }\n  99%   { opacity: 1; transform: translateX(0); filter: blur(0); }\n  100%  { opacity: 0; transform: translateX(-4px); filter: blur(6px); }\n}\n\n@keyframes axnGlitch2 {\n  0%    { opacity: 0; transform: translateX(4px); filter: blur(6px); }\n  1%    { opacity: 1; transform: translateX(-5px); filter: blur(0); }\n  1.8%  { opacity: 0.3; transform: translateX(3px); }\n  2.2%  { opacity: 1; transform: translateX(-2px); }\n  3%    { opacity: 0.7; transform: translateX(1px); filter: blur(1px); }\n  4%    { opacity: 1; transform: translateX(0); filter: blur(0); }\n  99%   { opacity: 1; transform: translateX(0); filter: blur(0); }\n  100%  { opacity: 0; transform: translateX(4px); filter: blur(6px); }\n}\n\n\/* ====== SCROLL PROMPT ====== *\/\n.axn-scroll-prompt {\n  position: absolute;\n  bottom: 30px;\n  right: 40px;\n  text-align: center;\n  color: #fff;\n  font-family: 'Barlow', sans-serif;\n  font-size: 13px;\n  letter-spacing: 1px;\n  z-index: 2;\n  opacity: 0;\n  animation: axnFadeUp 0.8s ease-out 1s forwards;\n}\n\n\/* ====== RESPONSIVE ====== *\/\n@media (max-width: 1024px) {\n  .axn-hero {\n    min-height: 65vh;\n    padding: 0;\n    padding-left: clamp(30px, 6vw, 80px);\n    padding-bottom: clamp(100px, 15vw, 180px);\n  }\n}\n@media (max-width: 767px) {\n  .axn-hero {\n    min-height: 60vh;\n    padding: 0;\n    padding-left: 24px;\n    padding-right: 24px;\n    padding-bottom: 80px;\n    align-items: flex-end;\n  }\n  .axn-line1 { font-size: clamp(28px, 8vw, 40px); }\n  .axn-line2 { font-size: clamp(16px, 5vw, 24px); margin-left: 10px; }\n  .axn-scroll-prompt { display: none; }\n}\n@media (max-width: 480px) {\n  .axn-hero {\n    min-height: 55vh;\n    padding-left: 16px;\n    padding-right: 16px;\n    padding-bottom: 60px;\n  }\n  .axn-line1 { font-size: clamp(26px, 8vw, 34px); }\n  .axn-line2 { font-size: clamp(14px, 4.5vw, 20px); margin-left: 6px; }\n}\n\n\/* ====== FIX ELEMENTOR CONTAINER, full bleed ====== *\/\n[data-widget_type=\"html.default\"] > .elementor-widget-container,\n.elementor-element:has(.axn-hero) > .elementor-widget-container {\n  padding: 0 !important;\n  margin: 0 !important;\n  min-height: 0 !important;\n  overflow: visible !important;\n  max-width: none !important;\n}\n.elementor-section:has(.axn-hero),\n.elementor-container:has(.axn-hero),\n.elementor-column:has(.axn-hero),\n.elementor-widget:has(.axn-hero) {\n  padding: 0 !important;\n  margin: 0 !important;\n  max-width: 100% !important;\n  width: 100% !important;\n}\n.e-con:has(.axn-hero) {\n  --padding-top: 0px !important;\n  --padding-bottom: 0px !important;\n  --padding-left: 0px !important;\n  --padding-right: 0px !important;\n  padding: 0 !important;\n  max-width: 100% !important;\n}\n<\/style>\n\n<!-- ====== VIDEO TRACKING (uses existing PYS dataLayer) ====== -->\n<script>\n(function() {\n  var video = document.querySelector('.axn-hero-video');\n  if (!video) return;\n\n  function tryPlay() {\n    var p = video.play();\n    if (p !== undefined) {\n      p.catch(function() {\n        video.muted = true;\n        video.play().catch(function() {});\n      });\n    }\n  }\n\n  if (video.readyState >= 2) {\n    tryPlay();\n  } else {\n    video.addEventListener('canplay', tryPlay, { once: true });\n  }\n\n  setTimeout(function() {\n    if (video.paused) tryPlay();\n  }, 2000);\n\n  document.addEventListener('visibilitychange', function() {\n    if (!document.hidden && video.paused) tryPlay();\n  });\n\n  \/* GA4 video tracking, uses PYS gtag already loaded *\/\n  if (typeof gtag !== 'function') return;\n\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        gtag('event', 'video_view', {\n          event_category: 'Hero Video',\n          event_label: 'HERO-AXINAR-2026.mp4'\n        });\n        observer.disconnect();\n      }\n    });\n  }, { threshold: 0.5 });\n  observer.observe(video);\n\n  var milestones = { 25: false, 50: false, 75: false, 100: false };\n  video.addEventListener('timeupdate', function() {\n    if (!video.duration) return;\n    var pct = Math.floor((video.currentTime \/ video.duration) * 100);\n    [25, 50, 75, 100].forEach(function(m) {\n      if (!milestones[m] && pct >= m) {\n        milestones[m] = true;\n        gtag('event', 'video_progress', {\n          event_category: 'Hero Video',\n          event_label: 'HERO-AXINAR-2026.mp4',\n          value: m\n        });\n      }\n    });\n  });\n\n  var lastFired = 0;\n  video.addEventListener('timeupdate', function() {\n    var elapsed = Math.floor(video.currentTime);\n    if (elapsed > 0 && elapsed % 30 === 0 && elapsed !== lastFired) {\n      lastFired = elapsed;\n      gtag('event', 'video_time_watched', {\n        event_category: 'Hero Video',\n        event_label: 'HERO-AXINAR-2026.mp4',\n        value: elapsed\n      });\n    }\n  });\n})();\n<\/script>\n\n<!-- ====== AXINAR STATS SECTION v2 ====== -->\n<style>\n.ax-stats {\n  background: #151616;\n  padding: clamp(37px, 3.33vw, 69px) 0;\n  width: 100%;\n}\n.ax-stats-inner {\n  max-width: 1100px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0;\n}\n.ax-stat-item {\n  text-align: center;\n  padding: clamp(25px, 2.22vw, 46px) clamp(12px, 1.11vw, 23px);\n  border-right: 1px solid rgba(255,255,255,0.1);\n}\n.ax-stat-item:last-child {\n  border-right: none;\n}\n\n.ax-stat-number {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(40px, 4vw, 56px);\n  font-weight: 700;\n  color: #DD2B1C;\n  line-height: 1;\n  margin-bottom: 12px;\n}\n.ax-stat-number .ax-stat-suffix {\n  font-size: clamp(28px, 2.5vw, 38px);\n  font-weight: 400;\n}\n\n.ax-stat-label {\n  font-family: 'Barlow', sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(255,255,255,0.5);\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  line-height: 1.4;\n}\n\n\/* ====== RESPONSIVE ====== *\/\n@media (max-width: 767px) {\n  .ax-stats { padding: 40px 20px; }\n  .ax-stats-inner {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 0;\n  }\n  .ax-stat-item {\n    padding: 28px 16px;\n  }\n  .ax-stat-item:nth-child(2) { border-right: none; }\n  .ax-stat-item:nth-child(1),\n  .ax-stat-item:nth-child(2) {\n    border-bottom: 1px solid rgba(255,255,255,0.1);\n  }\n  .ax-stat-number { font-size: 44px; }\n  .ax-stat-label { font-size: 13px; letter-spacing: 1.5px; }\n}\n@media (max-width: 480px) {\n  .ax-stats { padding: 30px 16px; }\n  .ax-stat-item { padding: 22px 12px; }\n  .ax-stat-number { font-size: 38px; }\n  .ax-stat-number .ax-stat-suffix { font-size: 24px; }\n  .ax-stat-label { font-size: 12px; letter-spacing: 1px; }\n}\n<\/style>\n\n<section class=\"ax-stats\" aria-label=\"Axinar in Zahlen\">\n  <div class=\"ax-stats-inner\">\n    <div class=\"ax-stat-item\">\n      <div class=\"ax-stat-number\">\n        <span class=\"ax-stat-counter\" data-target-auto=\"founding-year\" data-founded=\"2010\">0<\/span>\n      <\/div>\n      <div class=\"ax-stat-label\">Jahre<br>Wachstum<\/div>\n    <\/div>\n    <div class=\"ax-stat-item\">\n      <div class=\"ax-stat-number\">\n        <span class=\"ax-stat-counter\" data-target=\"24\">0<\/span>\n      <\/div>\n      <div class=\"ax-stat-label\">Export<br>L\u00e4nder<\/div>\n    <\/div>\n    <div class=\"ax-stat-item\">\n      <div class=\"ax-stat-number\">\n        <span class=\"ax-stat-counter\" data-target=\"4\">0<\/span>\n      <\/div>\n      <div class=\"ax-stat-label\">Kontinente<br>Erreicht<\/div>\n    <\/div>\n    <div class=\"ax-stat-item\">\n      <div class=\"ax-stat-number\">\n        <span class=\"ax-stat-counter\" data-target=\"160\">0<\/span>\n        <span class=\"ax-stat-suffix\">+<\/span>\n      <\/div>\n      <div class=\"ax-stat-label\">Zufriedene<br>Unternehmen<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  \/* Auto-calculate years since founding *\/\n  var autoYear = document.querySelector('[data-target-auto=\"founding-year\"]');\n  if (autoYear) {\n    var founded = parseInt(autoYear.getAttribute('data-founded'));\n    autoYear.setAttribute('data-target', new Date().getFullYear() - founded);\n  }\n\n  var counters = document.querySelectorAll('.ax-stat-counter');\n  var animated = false;\n\n  function animateCounters() {\n    counters.forEach(function(counter) {\n      var target = parseInt(counter.getAttribute('data-target'));\n      var duration = 2000;\n      var startTime = null;\n\n      function easeOutCubic(t) {\n        return 1 - Math.pow(1 - t, 3);\n      }\n\n      function step(timestamp) {\n        if (!startTime) startTime = timestamp;\n        var progress = Math.min((timestamp - startTime) \/ duration, 1);\n        var easedProgress = easeOutCubic(progress);\n        counter.textContent = Math.floor(easedProgress * target);\n        if (progress < 1) {\n          requestAnimationFrame(step);\n        } else {\n          counter.textContent = target;\n        }\n      }\n\n      requestAnimationFrame(step);\n    });\n  }\n\n  var section = document.querySelector('.ax-stats');\n  if ('IntersectionObserver' in window) {\n    var observer = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting && !animated) {\n          animated = true;\n          animateCounters();\n          observer.unobserve(section);\n        }\n      });\n    }, { threshold: 0.3 });\n    observer.observe(section);\n  } else {\n    animateCounters();\n  }\n})();\n<\/script>\n\n<style>\n\/* ====== AXINAR INDUSTRIES SECTION v2 ====== *\/\n.ax-industries {\n  background: #151616;\n  padding: clamp(50px, 4.44vw, 92px) 0 0 0;\n  width: 100%;\n}\n\n.ax-ind-header {\n  max-width: 1200px;\n  margin: 0 auto clamp(25px, 2.22vw, 46px) auto;\n  padding: 0 clamp(25px, 2.22vw, 46px);\n}\n.ax-ind-tag {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: clamp(2px, 0.17vw, 4px);\n  text-transform: uppercase;\n  color: #DD2B1C;\n  margin-bottom: 14px;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n.ax-ind-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(33px, 2.47vw, 48px);\n  font-weight: 300;\n  color: #FFFFFF;\n  text-transform: uppercase;\n  line-height: 1.1;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease 0.15s, transform 0.6s ease 0.15s;\n}\n.ax-ind-title strong {\n  font-weight: 600;\n}\n.ax-ind-header.ax-visible .ax-ind-tag,\n.ax-ind-header.ax-visible .ax-ind-title {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* --- Accordion Strips (Desktop) --- *\/\n.ax-ind-strips {\n  display: flex;\n  width: 100%;\n  height: 520px;\n  overflow: hidden;\n}\n\na.ax-ind-strip {\n  text-decoration: none;\n  color: inherit;\n}\n.ax-ind-strip {\n  flex: 1;\n  position: relative;\n  cursor: pointer;\n  overflow: hidden;\n  transition: flex 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n  display: block;\n}\n.ax-ind-strip:hover,\n.ax-ind-strip.active {\n  flex: 3;\n}\n\n\/* Background image *\/\n.ax-ind-strip-bg {\n  position: absolute;\n  inset: 0;\n  background-size: cover;\n  background-position: center;\n  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ax-ind-strip:hover .ax-ind-strip-bg {\n  transform: scale(1.05);\n}\n\n\/* Dark overlay *\/\n.ax-ind-strip::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(13,14,15,0.85) 0%, rgba(13,14,15,0.4) 40%, rgba(13,14,15,0.3) 100%);\n  z-index: 1;\n  transition: background 0.4s ease;\n}\n.ax-ind-strip:hover::before {\n  background: linear-gradient(to top, rgba(13,14,15,0.8) 0%, rgba(13,14,15,0.2) 50%, rgba(13,14,15,0.15) 100%);\n}\n\n\/* Separator line *\/\n.ax-ind-strip::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 1px;\n  height: 100%;\n  background: rgba(255,255,255,0.08);\n  z-index: 2;\n}\n.ax-ind-strip:last-child::after {\n  display: none;\n}\n\n\/* Content *\/\n.ax-ind-strip-content {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: clamp(22px, 1.94vw, 40px) clamp(17px, 1.56vw, 32px);\n  z-index: 3;\n}\n\n\/* Title *\/\n.ax-ind-strip-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(17px, 1.29vw, 25px);\n  font-weight: 600;\n  color: #FFFFFF;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  line-height: 1.2;\n  margin-bottom: 0;\n  transition: margin-bottom 0.4s ease;\n}\n.ax-ind-strip:hover .ax-ind-strip-title {\n  margin-bottom: 14px;\n}\n\n\/* Description *\/\n.ax-ind-strip-desc {\n  font-family: 'Barlow', sans-serif;\n  font-size: 14px;\n  font-weight: 300;\n  color: rgba(255,255,255,0.7);\n  line-height: 1.6;\n  max-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease 0.1s;\n}\n.ax-ind-strip:hover .ax-ind-strip-desc {\n  max-height: 120px;\n  opacity: 1;\n}\n\n\/* CTA link *\/\n.ax-ind-strip-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: #DD2B1C;\n  text-decoration: none;\n  margin-top: 14px;\n  opacity: 0;\n  transform: translateY(10px);\n  transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s;\n}\n.ax-ind-strip:hover .ax-ind-strip-cta {\n  opacity: 1;\n  transform: translateY(0);\n}\n.ax-ind-strip-cta svg {\n  width: 16px;\n  height: 16px;\n  stroke: #DD2B1C;\n  fill: none;\n  stroke-width: 2;\n  transition: transform 0.3s ease;\n}\n.ax-ind-strip:hover .ax-ind-strip-cta svg {\n  transform: translateX(4px);\n}\n\n\/* Red top accent *\/\n.ax-ind-strip-accent {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 3px;\n  background: #DD2B1C;\n  z-index: 3;\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ax-ind-strip:hover .ax-ind-strip-accent {\n  transform: scaleX(1);\n}\n\n\/* --- Mobile Arrows (hidden on desktop) --- *\/\n.ax-ind-mobile-nav {\n  display: none;\n}\n\n\/* --- Mobile Dots --- *\/\n.ax-ind-dots {\n  display: none;\n}\n\n\/* ====== RESPONSIVE ====== *\/\n@media (max-width: 1024px) {\n  .ax-ind-strips { height: 460px; }\n  .ax-ind-strip-title { font-size: 18px; }\n  .ax-ind-strip-content { padding: 25px 20px; }\n}\n\n@media (max-width: 767px) {\n  .ax-industries { padding: 50px 0 0 0; }\n  .ax-ind-header { padding: 0 20px; margin-bottom: 24px; }\n  .ax-ind-title { font-size: 28px; }\n\n  \/* Carousel mode *\/\n  .ax-ind-strips {\n    position: relative;\n    height: 380px;\n    flex-direction: row;\n    overflow: hidden;\n  }\n  .ax-ind-strip {\n    position: absolute;\n    inset: 0;\n    flex: none;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.5s ease, transform 0.5s ease;\n    transform: translateX(30px);\n  }\n  .ax-ind-strip.active {\n    opacity: 1;\n    pointer-events: auto;\n    transform: translateX(0);\n    flex: none;\n  }\n  .ax-ind-strip::after { display: none; }\n\n  \/* Always show content on mobile active *\/\n  .ax-ind-strip.active .ax-ind-strip-title { margin-bottom: 14px; }\n  .ax-ind-strip.active .ax-ind-strip-desc { max-height: 120px; opacity: 1; }\n  .ax-ind-strip.active .ax-ind-strip-cta { opacity: 1; transform: translateY(0); }\n  .ax-ind-strip.active .ax-ind-strip-accent { transform: scaleX(1); }\n  .ax-ind-strip.active::before {\n    background: linear-gradient(to top, rgba(13,14,15,0.95) 0%, rgba(13,14,15,0.7) 35%, rgba(13,14,15,0.3) 60%, rgba(13,14,15,0.15) 100%);\n  }\n\n  .ax-ind-strip-title { font-size: 24px; font-weight: 700; text-shadow: 0 2px 6px rgba(13,14,15,0.8); }\n  .ax-ind-strip-desc { text-shadow: 0 1px 4px rgba(13,14,15,0.6); }\n  .ax-ind-strip-content { padding: 28px 24px; }\n\n  \/* Arrows *\/\n  .ax-ind-mobile-nav {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 20px;\n    padding: 20px 0 30px 0;\n  }\n  .ax-ind-arrow {\n    width: 28px;\n    height: 28px;\n    border: none;\n    background: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    padding: 0;\n  }\n  .ax-ind-arrow svg {\n    width: 24px;\n    height: 24px;\n    stroke: #DD2B1C;\n    fill: none;\n    stroke-width: 2.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: stroke 0.3s ease;\n  }\n  .ax-ind-arrow:hover svg,\n  .ax-ind-arrow:active svg {\n    stroke: #FFFFFF;\n  }\n\n  \/* Dots as small arrows *\/\n  .ax-ind-dots {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 6px;\n  }\n  .ax-ind-dot {\n    width: 20px;\n    height: 3px;\n    border-radius: 2px;\n    background: rgba(255,255,255,0.2);\n    cursor: pointer;\n    transition: all 0.3s ease;\n  }\n  .ax-ind-dot.active {\n    background: #DD2B1C;\n    width: 32px;\n  }\n}\n<\/style>\n\n<section class=\"ax-industries\" aria-label=\"Branchen, die wir beliefern\">\n\n  <div class=\"ax-ind-header\">\n    <div class=\"ax-ind-tag\">Branchen<\/div>\n    <h2 class=\"ax-ind-title\">L\u00f6sungen f\u00fcr <strong>jede Branche<\/strong><\/h2>\n  <\/div>\n\n  <div class=\"ax-ind-strips\">\n\n    <a href=\"https:\/\/axinar.com\/en\/solar-panel-mounts\" class=\"ax-ind-strip active\" data-index=\"0\">\n      <div class=\"ax-ind-strip-accent\"><\/div>\n      <div class=\"ax-ind-strip-bg\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/Fotovoltaika.webp')\"><\/div>\n      <div class=\"ax-ind-strip-content\">\n        <h3 class=\"ax-ind-strip-title\">Photovoltaik<\/h3>\n        <p class=\"ax-ind-strip-desc\">Montagestrukturen und Metallkonstruktionen f\u00fcr Solarparks auf jedem Gel\u00e4nde.<\/p>\n        <span class=\"ax-ind-strip-cta\">Das Montageprogramm ansehen <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span>\n      <\/div>\n    <\/a>\n\n    <a href=\"https:\/\/axinar.com\/de\/lohnfertigung-metall\" class=\"ax-ind-strip\" data-index=\"1\">\n      <div class=\"ax-ind-strip-accent\"><\/div>\n      <div class=\"ax-ind-strip-bg\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/OEM-Kataskeyastis.webp')\"><\/div>\n      <div class=\"ax-ind-strip-content\">\n        <h3 class=\"ax-ind-strip-title\">OEM \/ Lohnfertigung<\/h3>\n        <p class=\"ax-ind-strip-desc\">Fertigung von Bauteilen und Baugruppen f\u00fcr andere Hersteller, mit vollst\u00e4ndiger technischer Unterst\u00fctzung.<\/p>\n        <span class=\"ax-ind-strip-cta\">Mehr zur Lohnfertigung <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span>\n      <\/div>\n    <\/a>\n\n    <a href=\"https:\/\/axinar.com\/en\/c\/agricultural-implements\" class=\"ax-ind-strip\" data-index=\"2\">\n      <div class=\"ax-ind-strip-accent\"><\/div>\n      <div class=\"ax-ind-strip-bg\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/OEM-Parts.webp')\"><\/div>\n      <div class=\"ax-ind-strip-content\">\n        <h3 class=\"ax-ind-strip-title\">Landwirtschaft<\/h3>\n        <p class=\"ax-ind-strip-desc\">Besonders widerstandsf\u00e4hige Ger\u00e4te und Bauteile f\u00fcr Landmaschinen.<\/p>\n        <span class=\"ax-ind-strip-cta\">Landtechnik entdecken <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span>\n      <\/div>\n    <\/a>\n\n    <a href=\"https:\/\/axinar.com\/en\/c\/biomass-boilers\" class=\"ax-ind-strip\" data-index=\"3\">\n      <div class=\"ax-ind-strip-accent\"><\/div>\n      <div class=\"ax-ind-strip-bg\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2025\/12\/axinar-viomaza-ksylina-pellets-stoiba-xyla-dasos.webp')\"><\/div>\n      <div class=\"ax-ind-strip-content\">\n        <h3 class=\"ax-ind-strip-title\">Biomasse &amp; Heizung<\/h3>\n        <p class=\"ax-ind-strip-desc\">Heizl\u00f6sungen mit Biomasse und Pellets f\u00fcr Wohngeb\u00e4ude und Industrie.<\/p>\n        <span class=\"ax-ind-strip-cta\">Heizl\u00f6sungen ansehen <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span>\n      <\/div>\n    <\/a>\n\n    <a href=\"https:\/\/axinar.com\/de\/lohnfertigung-metall\" class=\"ax-ind-strip\" data-index=\"4\">\n      <div class=\"ax-ind-strip-accent\"><\/div>\n      <div class=\"ax-ind-strip-bg\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/Metallikes-Kataskeyes.webp')\"><\/div>\n      <div class=\"ax-ind-strip-content\">\n        <h3 class=\"ax-ind-strip-title\">Industrielle Konstruktionen<\/h3>\n        <p class=\"ax-ind-strip-desc\">Aufz\u00fcge, Metallkonstruktionen und industrielle Sonderl\u00f6sungen auf Bestellung.<\/p>\n        <span class=\"ax-ind-strip-cta\">Unsere Konstruktionen ansehen <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span>\n      <\/div>\n    <\/a>\n\n  <\/div>\n\n  <!-- Mobile Navigation -->\n  <div class=\"ax-ind-mobile-nav\">\n    <button class=\"ax-ind-arrow ax-ind-prev\" aria-label=\"Zur\u00fcck\">\n      <svg viewbox=\"0 0 20 20\"><path d=\"M13 4l-6 6 6 6\"\/><\/svg>\n    <\/button>\n    <div class=\"ax-ind-dots\">\n      <div class=\"ax-ind-dot active\" data-index=\"0\"><\/div>\n      <div class=\"ax-ind-dot\" data-index=\"1\"><\/div>\n      <div class=\"ax-ind-dot\" data-index=\"2\"><\/div>\n      <div class=\"ax-ind-dot\" data-index=\"3\"><\/div>\n      <div class=\"ax-ind-dot\" data-index=\"4\"><\/div>\n    <\/div>\n    <button class=\"ax-ind-arrow ax-ind-next\" aria-label=\"Weiter\">\n      <svg viewbox=\"0 0 20 20\"><path d=\"M7 4l6 6-6 6\"\/><\/svg>\n    <\/button>\n  <\/div>\n\n<\/section>\n\n<script>\n(function() {\n  \/\/ Header fade-in on scroll\n  var header = document.querySelector('.ax-ind-header');\n  if ('IntersectionObserver' in window) {\n    var headerObs = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('ax-visible');\n          headerObs.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.3 });\n    headerObs.observe(header);\n  } else {\n    header.classList.add('ax-visible');\n  }\n\n  \/\/ Mobile carousel\n  var strips = document.querySelectorAll('.ax-ind-strip');\n  var dots = document.querySelectorAll('.ax-ind-dot');\n  var prevBtn = document.querySelector('.ax-ind-prev');\n  var nextBtn = document.querySelector('.ax-ind-next');\n  var currentIndex = 0;\n  var total = strips.length;\n\n  function goTo(index) {\n    if (index < 0) index = total - 1;\n    if (index >= total) index = 0;\n    strips.forEach(function(s) { s.classList.remove('active'); });\n    dots.forEach(function(d) { d.classList.remove('active'); });\n    strips[index].classList.add('active');\n    dots[index].classList.add('active');\n    currentIndex = index;\n  }\n\n  strips.forEach(function(strip, i) {\n    strip.addEventListener('mouseenter', function() {\n      if (window.innerWidth > 767) {\n        goTo(i);\n      }\n    });\n  });\n\n  prevBtn.addEventListener('click', function() { goTo(currentIndex - 1); });\n  nextBtn.addEventListener('click', function() { goTo(currentIndex + 1); });\n\n  dots.forEach(function(dot, i) {\n    dot.addEventListener('click', function() { goTo(i); });\n  });\n\n  var touchStartX = 0;\n  var container = document.querySelector('.ax-ind-strips');\n  container.addEventListener('touchstart', function(e) {\n    touchStartX = e.touches[0].clientX;\n  }, { passive: true });\n  container.addEventListener('touchend', function(e) {\n    var diff = touchStartX - e.changedTouches[0].clientX;\n    if (Math.abs(diff) > 50) {\n      if (diff > 0) goTo(currentIndex + 1);\n      else goTo(currentIndex - 1);\n    }\n  }, { passive: true });\n})();\n<\/script>\n\n<style>\n.ax-logos {\n  background: #151616;\n  padding: clamp(43px, 3.89vw, 81px) 0;\n  width: 100%;\n  overflow: hidden;\n}\n.ax-logos-header {\n  text-align: center;\n  margin-bottom: clamp(31px, 2.78vh, 57px);\n}\n.ax-logos-tag {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: clamp(2px, 0.17vw, 4px);\n  text-transform: uppercase;\n  color: #DD2B1C;\n  margin-bottom: 14px;\n}\n.ax-logos-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(25px, 1.88vw, 37px);\n  font-weight: 300;\n  color: #FFFFFF;\n  text-transform: uppercase;\n  line-height: 1.2;\n}\n.ax-logos-title strong { font-weight: 600; }\n\n.ax-logos-track-wrap {\n  position: relative;\n}\n.ax-logos-track-wrap::before,\n.ax-logos-track-wrap::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 120px;\n  z-index: 2;\n  pointer-events: none;\n}\n.ax-logos-track-wrap::before {\n  left: 0;\n  background: linear-gradient(to right, #151616 0%, transparent 100%);\n}\n.ax-logos-track-wrap::after {\n  right: 0;\n  background: linear-gradient(to left, #151616 0%, transparent 100%);\n}\n\n.ax-logos-track {\n  display: flex;\n  align-items: center;\n  gap: clamp(43px, 3.89vw, 81px);\n  animation: ax-scroll-left 45s linear infinite;\n  width: max-content;\n}\n.ax-logos-track:hover {\n  animation-play-state: paused;\n}\n\n@keyframes ax-scroll-left {\n  0% { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}\n\n.ax-logo-item {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 55px;\n  opacity: 0.45;\n  transition: opacity 0.4s ease;\n}\n.ax-logo-item:hover { opacity: 0.9; }\n.ax-logo-item img {\n  max-height: 55px;\n  max-width: 160px;\n  width: auto;\n  object-fit: contain;\n}\n\n@media (max-width: 767px) {\n  .ax-logos { padding: 50px 0; }\n  .ax-logos-title { font-size: 24px; }\n  .ax-logos-header { margin-bottom: 35px; }\n  .ax-logos-track { gap: 45px; animation-duration: 30s; }\n  .ax-logos-track-wrap::before,\n  .ax-logos-track-wrap::after { width: 50px; }\n  .ax-logo-item { height: 40px; }\n  .ax-logo-item img { max-height: 40px; max-width: 120px; }\n}\n@media (max-width: 480px) {\n  .ax-logos { padding: 36px 0; }\n  .ax-logos-title { font-size: 20px; }\n  .ax-logos-header { margin-bottom: 24px; }\n  .ax-logos-track { gap: 36px; }\n  .ax-logo-item { height: 32px; }\n  .ax-logo-item img { max-height: 32px; max-width: 100px; }\n}\n<\/style>\n\n<section class=\"ax-logos\" aria-label=\"Partner, die uns vertrauen\">\n  <div class=\"ax-logos-header\">\n    <div class=\"ax-logos-tag\">Sie vertrauen uns<\/div>\n    <h2 class=\"ax-logos-title\"><strong>Partner<\/strong><\/h2>\n  <\/div>\n\n  <div class=\"ax-logos-track-wrap\">\n    <div class=\"ax-logos-track\">\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/kleeman-logo.webp\" alt=\"Kleemann\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/xometry-logo.webp\" alt=\"Xometry\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/salvagini-logo.webp\" alt=\"Salvagnini\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/alumil-solar-logo.webp\" alt=\"Alumil Solar\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/okofen-logo.webp\" alt=\"\u00d6koFEN\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/ekme-logo.webp\" alt=\"EKME\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/agroma-logo.webp\" alt=\"Agroma\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/vigor-logo.webp\" alt=\"Vigor\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/kinvent-logo.webp\" alt=\"Kinvent\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/ginox-logo.webp\" alt=\"Ginox\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/tysilio-logo.webp\" alt=\"Tysilio\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/clockword-logo.webp\" alt=\"Clockwork\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/nikoplex-logo.webp\" alt=\"Nikoplex\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/easypell-logo.webp\" alt=\"Easypell\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/mrc-logo.webp\" alt=\"MRC\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/csb-logo.webp\" alt=\"CSB\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><a href=\"https:\/\/www.airblock.gr\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/06\/airblock-logo-bw-v2.webp\" alt=\"Airblock\"><\/a><\/div>\n      <!-- Duplicate for seamless loop -->\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/kleeman-logo.webp\" alt=\"Kleemann\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/xometry-logo.webp\" alt=\"Xometry\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/salvagini-logo.webp\" alt=\"Salvagnini\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/alumil-solar-logo.webp\" alt=\"Alumil Solar\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/okofen-logo.webp\" alt=\"\u00d6koFEN\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/ekme-logo.webp\" alt=\"EKME\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/agroma-logo.webp\" alt=\"Agroma\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/vigor-logo.webp\" alt=\"Vigor\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/kinvent-logo.webp\" alt=\"Kinvent\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/ginox-logo.webp\" alt=\"Ginox\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/tysilio-logo.webp\" alt=\"Tysilio\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/clockword-logo.webp\" alt=\"Clockwork\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/nikoplex-logo.webp\" alt=\"Nikoplex\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/easypell-logo.webp\" alt=\"Easypell\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/mrc-logo.webp\" alt=\"MRC\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/csb-logo.webp\" alt=\"CSB\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><a href=\"https:\/\/www.airblock.gr\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/06\/airblock-logo-bw-v2.webp\" alt=\"Airblock\"><\/a><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     AXINAR CAPABILITIES, Desktop: Sticky Image + Rows \/ Mobile: Accordion\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n\/* Fix: Force overflow visible on ALL Elementor ancestors so sticky works *\/\n.elementor-section,\n.elementor-container,\n.elementor-column,\n.elementor-widget-wrap,\n.elementor-element,\n.elementor-widget,\n.elementor-widget-container,\n.e-con,\n.e-con-inner {\n  overflow: visible !important;\n}\n\n\/* ====== AXINAR CAPABILITIES SECTION ====== *\/\n.ax-capabilities {\n  display: flex;\n  width: 100%;\n  overflow: visible !important;\n  position: relative;\n}\n\/* Force overflow:visible on all ancestors so sticky works inside WP *\/\n.ax-capabilities,\n.ax-capabilities *:not(.ax-cap-images):not(.ax-cap-img) {\n  overflow-anchor: none;\n}\n\n\/* --- Left: Image Panel (STICKY) --- *\/\n.ax-cap-images {\n  flex: 0 0 50%;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n  height: 100vh;\n  overflow: hidden;\n  background: #151616;\n  align-self: flex-start;\n}\n.ax-cap-img {\n  position: absolute;\n  inset: 0;\n  background-size: cover;\n  background-position: center;\n  opacity: 0;\n  transform: scale(1.06);\n  transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);\n  will-change: opacity, transform;\n}\n.ax-cap-img.active {\n  opacity: 1;\n  transform: scale(1.0);\n}\n\n\/* Caption overlay *\/\n.ax-cap-img-label {\n  position: absolute;\n  bottom: 30px;\n  left: 30px;\n  z-index: 3;\n  opacity: 0;\n  transform: translateY(10px);\n  transition: opacity 0.5s ease 0.2s, transform 0.5s ease 0.2s;\n}\n.ax-cap-img.active .ax-cap-img-label {\n  opacity: 1;\n  transform: translateY(0);\n}\n.ax-cap-img-label span {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: #FFFFFF;\n  background: rgba(13,14,15,0.5);\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  padding: 8px clamp(12px, 0.89vw, 18px);\n  border-left: 3px solid #DD2B1C;\n}\n\n\/* Dark gradient overlay *\/\n.ax-cap-images::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(13,14,15,0.35) 0%, transparent 40%);\n  z-index: 2;\n  pointer-events: none;\n}\n\n\/* --- Right: Content Panel (SCROLLABLE) --- *\/\n.ax-cap-content {\n  flex: 0 0 50%;\n  padding: clamp(40px, 3.61vw, 75px) clamp(40px, 3.61vw, 75px) clamp(40px, 3.61vw, 75px) clamp(31px, 2.78vw, 57px);\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  background: #151616;\n}\n\n.ax-cap-tag {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: clamp(2px, 0.17vw, 4px);\n  text-transform: uppercase;\n  color: #DD2B1C;\n  margin-bottom: 14px;\n}\n\n.ax-cap-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(33px, 2.47vw, 48px);\n  font-weight: 300;\n  color: #FFFFFF;\n  text-transform: uppercase;\n  line-height: 1.1;\n  margin-bottom: clamp(24px, 2.11vh, 44px);\n}\n.ax-cap-title strong {\n  font-weight: 600;\n}\n\n\/* --- Capability Rows --- *\/\na.ax-cap-row {\n  text-decoration: none;\n  color: inherit;\n}\n.ax-cap-row {\n  display: flex;\n  align-items: center;\n  gap: clamp(12px, 1.00vw, 21px);\n  padding: clamp(12px, 1.00vw, 21px) 0 clamp(12px, 1.00vw, 21px) 0;\n  border-bottom: 1px solid rgba(255,255,255,0.08);\n  cursor: pointer;\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  flex-wrap: wrap;\n}\n.ax-cap-row:first-of-type {\n  border-top: 1px solid rgba(255,255,255,0.08);\n}\n\n\/* Active bar left (desktop only) *\/\n.ax-cap-row::before {\n  content: '';\n  position: absolute;\n  left: -50px;\n  top: 0;\n  bottom: 0;\n  width: 3px;\n  background: #DD2B1C;\n  transform: scaleY(0);\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  transform-origin: center;\n}\n.ax-cap-row.active::before {\n  transform: scaleY(1);\n}\n\n.ax-cap-row:hover,\n.ax-cap-row.active {\n  padding-left: 10px;\n}\n\n\/* 3D Icon Container *\/\n.ax-cap-icon {\n  flex-shrink: 0;\n  width: 56px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 12px;\n  background: rgba(255,255,255,0.06);\n  border: 1px solid rgba(255,255,255,0.08);\n  box-shadow: 0 2px 8px rgba(13,14,15,0.2), inset 0 1px 0 rgba(255,255,255,0.04);\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n  perspective: 300px;\n  transition: all 0.4s ease;\n}\n.ax-cap-row:hover .ax-cap-icon,\n.ax-cap-row.active .ax-cap-icon {\n  background: rgba(221,43,28,0.1);\n  border-color: rgba(221,43,28,0.25);\n  box-shadow: 0 4px 14px rgba(221,43,28,0.15), inset 0 1px 0 rgba(255,255,255,0.06);\n  transform: scale(1.05);\n}\n.ax-cap-icon img {\n  width: 42px;\n  height: 42px;\n  object-fit: contain;\n  transition: all 0.4s ease;\n}\n.ax-cap-row:hover .ax-cap-icon img,\n.ax-cap-row.active .ax-cap-icon img {\n  transform: rotateY(15deg) rotateX(-5deg) scale(1.1);\n}\n\n\/* Text *\/\n.ax-cap-info { flex: 1; }\n.ax-cap-info h4 {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(14px, 1.06vw, 21px);\n  font-weight: 500;\n  text-transform: uppercase;\n  letter-spacing: 1.2px;\n  color: #FFFFFF;\n  margin-bottom: 3px;\n  transition: color 0.35s ease;\n}\n.ax-cap-row:hover .ax-cap-info h4,\n.ax-cap-row.active .ax-cap-info h4 {\n  color: #DD2B1C;\n}\n.ax-cap-info p {\n  font-family: 'Barlow', sans-serif;\n  font-size: 13px;\n  color: rgba(255,255,255,0.4);\n  font-weight: 300;\n  line-height: 1.5;\n  transition: color 0.35s ease;\n}\n.ax-cap-row:hover .ax-cap-info p,\n.ax-cap-row.active .ax-cap-info p {\n  color: rgba(255,255,255,0.65);\n}\n\n\/* Arrow *\/\n.ax-cap-arrow {\n  margin-left: auto;\n  opacity: 0;\n  transform: translateX(-10px);\n  transition: all 0.35s ease;\n  flex-shrink: 0;\n}\n.ax-cap-row:hover .ax-cap-arrow,\n.ax-cap-row.active .ax-cap-arrow {\n  opacity: 1;\n  transform: translateX(0);\n}\n.ax-cap-arrow svg {\n  width: 20px;\n  height: 20px;\n  stroke: #DD2B1C;\n  fill: none;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\/* --- Mobile Accordion Image (hidden on desktop) --- *\/\n.ax-cap-row-img {\n  display: none;\n}\n\n\/* Hide mobile overlay on desktop *\/\n.ax-cap-row::after {\n  display: none;\n}\n\/* Hide mobile arrow on desktop *\/\n.ax-cap-info::after {\n  display: none;\n}\n\n\/* ====== RESPONSIVE ====== *\/\n@media (max-width: 1024px) {\n  .ax-cap-content { padding: 45px 35px 45px 30px; }\n  .ax-cap-title { font-size: 34px; }\n  .ax-cap-row::before { left: -30px; }\n  .ax-cap-icon { width: 50px; height: 50px; }\n}\n\n@media (max-width: 767px) {\n  .ax-capabilities { flex-direction: column; }\n\n  \/* Hide desktop image panel *\/\n  .ax-cap-images { display: none; }\n\n  .ax-cap-content {\n    flex: none;\n    padding: 40px 20px;\n  }\n  .ax-cap-title { font-size: 28px; margin-bottom: 20px; }\n\n  \/* Hide accordion elements *\/\n  .ax-cap-row::before { display: none; }\n  .ax-cap-arrow { display: none; }\n  .ax-cap-row-img { display: none !important; }\n  .ax-cap-info p { display: none; }\n\n  \/* Grid 2 columns with photo cards *\/\n  .ax-cap-mobile-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n\n  .ax-cap-row {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0;\n    padding: 0 !important;\n    border: none !important;\n    border-radius: 10px;\n    overflow: hidden;\n    position: relative;\n    height: 160px;\n    background-size: cover;\n    background-position: center;\n    background-color: #232425;\n    flex-wrap: nowrap;\n  }\n  .ax-cap-row:first-of-type { border-top: none !important; }\n  .ax-cap-row:hover, .ax-cap-row.active { padding-left: 0 !important; }\n\n  \/* Dark gradient overlay - mobile only *\/\n  .ax-cap-row::after {\n    display: block;\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to top, rgba(13,14,15,0.95) 0%, rgba(13,14,15,0.6) 40%, rgba(13,14,15,0.3) 100%);\n    z-index: 1;\n    border-radius: 10px;\n  }\n\n  \/* Icon positioned *\/\n  .ax-cap-icon {\n    position: absolute;\n    bottom: 44px;\n    left: 12px;\n    z-index: 2;\n    width: 34px;\n    height: 34px;\n    border-radius: 8px;\n    background: rgba(221,43,28,0.25);\n    border: 1px solid rgba(221,43,28,0.5);\n    box-shadow: 0 2px 8px rgba(13,14,15,0.4);\n    backdrop-filter: none;\n  }\n  .ax-cap-icon img { width: 24px; height: 24px; filter: brightness(1.2); }\n\n  \/* Title at bottom *\/\n  .ax-cap-info {\n    position: absolute;\n    bottom: 12px;\n    left: 12px;\n    right: 12px;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n  }\n  .ax-cap-info h4 {\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing: 0.8px;\n    color: #fff;\n    text-shadow: 0 2px 6px rgba(13,14,15,0.8);\n    line-height: 1.2;\n    flex: 1;\n  }\n  \/* Mobile arrow CTA - visible on mobile *\/\n  .ax-cap-info::after {\n    content: '';\n    display: block;\n    width: 22px;\n    height: 22px;\n    flex-shrink: 0;\n    background: rgba(221,43,28,0.6);\n    border-radius: 50%;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 20 20' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5l5 5-5 5'\/%3E%3C\/svg%3E\");\n    background-size: 14px;\n    background-repeat: no-repeat;\n    background-position: center;\n  }\n\n  \/* Last card (odd) spans full width *\/\n  .ax-cap-mobile-grid .ax-cap-row:last-child:nth-child(odd) {\n    grid-column: 1 \/ -1;\n    height: 120px;\n  }\n\n  \/* Mobile group headers *\/\n  .ax-cap-group-header {\n    grid-column: 1 \/ -1;\n    padding: 0 0 4px 0;\n  }\n  .ax-cap-group-header:not(:first-child) {\n    margin-top: 16px;\n  }\n  .ax-cap-group-tag {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    color: #DD2B1C;\n    margin-bottom: 4px;\n  }\n  .ax-cap-group-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 20px;\n    font-weight: 700;\n    color: #fff;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n}\n\n@media (max-width: 480px) {\n  .ax-cap-content { padding: 32px 16px; }\n  .ax-cap-title { font-size: 24px; }\n  .ax-cap-mobile-grid { gap: 8px; }\n  .ax-cap-row { height: 140px; }\n  .ax-cap-icon { width: 30px; height: 30px; bottom: 40px; left: 10px; }\n  .ax-cap-icon img { width: 20px; height: 20px; }\n  .ax-cap-info { bottom: 10px; left: 10px; right: 10px; }\n  .ax-cap-info h4 { font-size: 13px; font-weight: 600; }\n  .ax-cap-group-title { font-size: 18px; }\n  .ax-cap-group-tag { font-size: 10px; }\n}\n<\/style>\n\n<section class=\"ax-capabilities\" aria-label=\"M\u00f6glichkeiten der Metallbearbeitung\">\n\n  <!-- LEFT: Images (STICKY, Desktop only) -->\n  <div class=\"ax-cap-images\">\n    <div class=\"ax-cap-img active\" data-index=\"0\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2025\/12\/laser-cut-3.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Laserschneiden<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"1\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Strantza.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Abkantpresse<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"2\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kylindros.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Rundbiegen<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"3\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2025\/05\/axinar-cnc-michaniki-kainotomia.webp')\">\n      <div class=\"ax-cap-img-label\"><span>CNC-Fr\u00e4sen<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"4\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos.webp')\">\n      <div class=\"ax-cap-img-label\"><span>CNC-Drehen<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"5\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/deburring.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Entgraten<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"6\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/MIG-TIG.webp')\">\n      <div class=\"ax-cap-img-label\"><span>MIG-\/WIG-Schwei\u00dfen<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"7\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/Sygkollisi-Laser-main.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Laserschwei\u00dfen<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"8\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/Mikrokatergasies.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Nacharbeiten<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"9\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/ilektrostatiki-vafi.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Pulverbeschichtung<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"10\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Galvanismos-scaled.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Verzinkung<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"11\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi-Profil-Metallon.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Profilzuschnitt<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"12\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Cards_AssemblyModeling.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Konstruktion &amp; R&amp;D<\/span><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- RIGHT: Content (SCROLLS) -->\n  <div class=\"ax-cap-content\">\n    <div class=\"ax-cap-tag\">M\u00f6glichkeiten<\/div>\n    <h2 class=\"ax-cap-title\">Vom Rohmaterial<br>to <strong>fertiges Produkt<\/strong><\/h2>\n\n    <!-- 0. Laser Cutting -->\n    <a href=\"https:\/\/axinar.com\/de\/metallbearbeitung\/laserschneiden\" class=\"ax-cap-row active\" data-index=\"0\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2025\/12\/laser-cut-3.webp\">\n      <div class=\"ax-cap-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi_Laser_3D_Red.webp\" alt=\"Laserschneiden\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi_Laser_3D_Red-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi_Laser_3D_Red-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi_Laser_3D_Red-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi_Laser_3D_Red-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi_Laser_3D_Red.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Laserschneiden<\/h4>\n        <p>Blechzuschnitt bis 40 mm \u00b7 Stahl, Edelstahl, Aluminium \u00b7 Genauigkeit \u00b10,1 mm<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Mehr ansehen <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 1. Press Brake -->\n    <a href=\"https:\/\/axinar.com\/de\/metallbearbeitung\/abkanten\" class=\"ax-cap-row\" data-index=\"1\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Strantza.webp\">\n      <div class=\"ax-cap-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Strantzarisma-3D-Red-1.webp\" alt=\"Abkantpresse\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Strantzarisma-3D-Red-1-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Strantzarisma-3D-Red-1-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Strantzarisma-3D-Red-1-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Strantzarisma-3D-Red-1-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Strantzarisma-3D-Red-1.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Abkantpresse<\/h4>\n        <p>Blechbiegen bis 3000 mm \u00b7 komplexe Profile \u00b7 gleichbleibende Wiederholgenauigkeit<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Mehr ansehen <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 2. Roll Bending -->\n    <a href=\"https:\/\/axinar.com\/de\/metallbearbeitung\/rundbiegen\" class=\"ax-cap-row\" data-index=\"2\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kylindros.webp\">\n      <div class=\"ax-cap-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kylindors-3D-Red-1.webp\" alt=\"Rundbiegen\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kylindors-3D-Red-1-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kylindors-3D-Red-1-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kylindors-3D-Red-1-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kylindors-3D-Red-1-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kylindors-3D-Red-1.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Rundbiegen<\/h4>\n        <p>Rundbiegen von Blech zu zylindrischen &amp; konische Formen \u00b7 L\u00e4nge bis 2200 mm<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Mehr ansehen <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 3. CNC Milling -->\n    <a href=\"https:\/\/axinar.com\/de\/metallbearbeitung\/cnc-fraesen\" class=\"ax-cap-row\" data-index=\"3\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2025\/05\/axinar-cnc-michaniki-kainotomia.webp\">\n      <div class=\"ax-cap-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Freza-3D-Red-1.webp\" alt=\"CNC-Fr\u00e4sen\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Freza-3D-Red-1-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Freza-3D-Red-1-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Freza-3D-Red-1-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Freza-3D-Red-1-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Freza-3D-Red-1.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>CNC-Fr\u00e4sen<\/h4>\n        <p>Pr\u00e4zisionsfr\u00e4sen \u00b7 Toleranzen \u00b10,05 mm \u00b7 Serienfertigung<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Mehr ansehen <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 4. CNC Turning -->\n    <a href=\"https:\/\/axinar.com\/de\/metallbearbeitung\/cnc-drehen\" class=\"ax-cap-row\" data-index=\"4\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos.webp\">\n      <div class=\"ax-cap-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos-3D-Red.webp\" alt=\"CNC-Drehen\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos-3D-Red-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos-3D-Red-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos-3D-Red-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos-3D-Red-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos-3D-Red-600x600.webp 600w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos-3D-Red-768x768.webp 768w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos-3D-Red-800x800.webp 800w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos-3D-Red.webp 1024w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>CNC-Drehen<\/h4>\n        <p>Pr\u00e4zisionsdrehen \u00b7 zylindrische Teile \u00b7 Toleranzen \u00b10,05 mm<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Mehr ansehen <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 5. Deburring -->\n    <a href=\"https:\/\/axinar.com\/de\/metallbearbeitung\/entgraten-finishing\" class=\"ax-cap-row\" data-index=\"5\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/deburring.webp\">\n      <div class=\"ax-cap-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Deburring-3D-Red-1.webp\" alt=\"Entgraten\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Deburring-3D-Red-1-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Deburring-3D-Red-1-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Deburring-3D-Red-1-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Deburring-3D-Red-1-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Deburring-3D-Red-1.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Entgraten<\/h4>\n        <p>Automatisches Entgraten \u00b7 saubere Kanten, bereit zum Beschichten oder Montieren<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Mehr ansehen <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 6. MIG \/ TIG Welding -->\n    <a href=\"https:\/\/axinar.com\/de\/metallbearbeitung\/mig-wig-schweissen\" class=\"ax-cap-row\" data-index=\"6\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/MIG-TIG.webp\">\n      <div class=\"ax-cap-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-MIG-TIG-3D-Red-1.webp\" alt=\"MIG\/WIG-Schwei\u00dfen\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-MIG-TIG-3D-Red-1-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-MIG-TIG-3D-Red-1-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-MIG-TIG-3D-Red-1-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-MIG-TIG-3D-Red-1-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-MIG-TIG-3D-Red-1.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>MIG-\/WIG-Schwei\u00dfen<\/h4>\n        <p>Stahl, Edelstahl, Aluminium \u00b7 12 Fronius-Pl\u00e4tze \u00b7 Pulstechnik<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Mehr ansehen <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 7. Laser Welding -->\n    <a href=\"https:\/\/axinar.com\/de\/metallbearbeitung\/laserschweissen\" class=\"ax-cap-row\" data-index=\"7\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/Sygkollisi-Laser-main.webp\">\n      <div class=\"ax-cap-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-Laser-4.webp\" alt=\"Laserschwei\u00dfen\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-Laser-4-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-Laser-4-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-Laser-4-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-Laser-4-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-Laser-4.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Laserschwei\u00dfen<\/h4>\n        <p>Faserlaser 3 kW \u00b7 minimaler Verzug \u00b7 saubere N\u00e4hte ohne Schleifen<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Mehr ansehen <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 8. Secondary Operations -->\n    <a href=\"https:\/\/axinar.com\/de\/metallbearbeitung\/nacharbeiten\" class=\"ax-cap-row\" data-index=\"8\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/Mikrokatergasies.webp\">\n      <div class=\"ax-cap-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Mikrokatergasies-3D-Red-1.webp\" alt=\"Nacharbeiten\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Mikrokatergasies-3D-Red-1-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Mikrokatergasies-3D-Red-1-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Mikrokatergasies-3D-Red-1-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Mikrokatergasies-3D-Red-1-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Mikrokatergasies-3D-Red-1.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Nacharbeiten<\/h4>\n        <p>Gewindeschneiden, Gewindeformen, Einpressen von Muttern \u00b7 Nacharbeiten<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Mehr ansehen <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 9. Powder Coating -->\n    <a href=\"https:\/\/axinar.com\/de\/metallbearbeitung\/pulverbeschichtung\" class=\"ax-cap-row\" data-index=\"9\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/ilektrostatiki-vafi.webp\">\n      <div class=\"ax-cap-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Ilektrostatiki-Vafi-3D-Red-1.webp\" alt=\"Pulverbeschichtung\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Ilektrostatiki-Vafi-3D-Red-1-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Ilektrostatiki-Vafi-3D-Red-1-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Ilektrostatiki-Vafi-3D-Red-1-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Ilektrostatiki-Vafi-3D-Red-1-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Ilektrostatiki-Vafi-3D-Red-1.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Pulverbeschichtung<\/h4>\n        <p>Pulverbeschichtung im Haus \u00b7 fertiges Produkt, versandbereit<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Mehr ansehen <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 10. Galvanizing -->\n    <a href=\"https:\/\/axinar.com\/de\/metallbearbeitung\/verzinkung\" class=\"ax-cap-row\" data-index=\"10\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Galvanismos-scaled.webp\">\n      <div class=\"ax-cap-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Galvanisma_3D_Red.webp\" alt=\"Verzinkung\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Galvanisma_3D_Red-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Galvanisma_3D_Red-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Galvanisma_3D_Red-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Galvanisma_3D_Red-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Galvanisma_3D_Red.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Feuerverzinkung &amp; Galvanische Verzinkung<\/h4>\n        <p>Feuerverzinken &amp; galvanische Verzinkung im Haus \u00b7 Korrosionsschutz<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Mehr ansehen <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 11. Profile Cutting -->\n    <a href=\"https:\/\/axinar.com\/de\/metallbearbeitung\/profilzuschnitt\" class=\"ax-cap-row\" data-index=\"11\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi-Profil-Metallon.webp\">\n      <div class=\"ax-cap-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi-Profil-3D-Red-1.webp\" alt=\"Profilzuschnitt\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi-Profil-3D-Red-1-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi-Profil-3D-Red-1-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi-Profil-3D-Red-1-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi-Profil-3D-Red-1-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi-Profil-3D-Red-1.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Profilzuschnitt<\/h4>\n        <p>Zuschnitt von Rohren und Profilen &amp; Vollmaterial \u00b7 hohe Wiederholgenauigkeit<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Mehr ansehen <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 12. Design & Development -->\n    <a href=\"https:\/\/axinar.com\/de\/metallbearbeitung\/konstruktion-entwicklung\" class=\"ax-cap-row\" data-index=\"12\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Cards_AssemblyModeling.webp\">\n      <div class=\"ax-cap-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/rd_design_icon-3D-Red-1.webp\" alt=\"Konstruktion und R&amp;D\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/rd_design_icon-3D-Red-1-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/rd_design_icon-3D-Red-1-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/rd_design_icon-3D-Red-1-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/rd_design_icon-3D-Red-1-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/rd_design_icon-3D-Red-1.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Konstruktion &amp; Entwicklung<\/h4>\n        <p>Von der Idee zum Produkt \u00b7 TopSolid CAD\/CAM \u00b7 AutoCAD \u00b7 DFM<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Mehr ansehen <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n  <\/div>\n\n<\/section>\n\n<script>\n(function() {\n  var isMobile = function() { return window.innerWidth <= 767; };\n\n  \/* Fix: force overflow visible on ALL ancestors so CSS sticky works *\/\n  function fixOverflow() {\n    if (isMobile()) return;\n    var section = document.querySelector('.ax-capabilities');\n    if (!section) return;\n    var el = section.parentElement;\n    while (el && el !== document.documentElement) {\n      el.style.setProperty('overflow', 'visible', 'important');\n      el.style.setProperty('overflow-x', 'visible', 'important');\n      el.style.setProperty('overflow-y', 'visible', 'important');\n      el = el.parentElement;\n    }\n    document.documentElement.style.setProperty('overflow-x', 'clip', 'important');\n    document.body.style.setProperty('overflow-x', 'clip', 'important');\n  }\n  fixOverflow();\n  setTimeout(fixOverflow, 500);\n  setTimeout(fixOverflow, 1500);\n  setTimeout(fixOverflow, 3000);\n\n  var rows = document.querySelectorAll('.ax-cap-row');\n  var images = document.querySelectorAll('.ax-cap-img');\n  var currentIndex = 0;\n\n  \/* Set background images from data-img on rows (used on mobile as card bg) *\/\n  rows.forEach(function(row) {\n    var imgUrl = row.getAttribute('data-img');\n    if (imgUrl && isMobile()) {\n      row.style.backgroundImage = \"url('\" + imgUrl + \"')\";\n    }\n    var panel = row.querySelector('.ax-cap-row-img-inner');\n    if (imgUrl && panel) {\n      panel.style.backgroundImage = \"url('\" + imgUrl + \"')\";\n    }\n  });\n\n  \/* Mobile: wrap rows in 2-column grid with category headers *\/\n  if (isMobile()) {\n    var content = document.querySelector('.ax-cap-content');\n    if (content) {\n      var gridWrap = document.createElement('div');\n      gridWrap.className = 'ax-cap-mobile-grid';\n\n      \/* Group 1: Cutting & Processing (indices 0,1,2,3,4,11) *\/\n      var group1Indices = [0,1,2,3,4,11];\n      \/* Group 2: Finishing & Welding (indices 6,7,8,9,10,5,12) *\/\n      var group2Indices = [6,7,8,9,10,5,12];\n\n      var rowsArray = Array.prototype.slice.call(content.querySelectorAll('.ax-cap-row'));\n\n      \/* Header 1 *\/\n      var h1 = document.createElement('div');\n      h1.className = 'ax-cap-group-header';\n      h1.innerHTML = '<div class=\"ax-cap-group-tag\">Services<\/div><div class=\"ax-cap-group-title\">Metal Cutting &amp; Processing<\/div>';\n      gridWrap.appendChild(h1);\n\n      group1Indices.forEach(function(idx) {\n        if (rowsArray[idx]) gridWrap.appendChild(rowsArray[idx]);\n      });\n\n      \/* Header 2 *\/\n      var h2 = document.createElement('div');\n      h2.className = 'ax-cap-group-header';\n      h2.innerHTML = '<div class=\"ax-cap-group-tag\">Services<\/div><div class=\"ax-cap-group-title\">Finishing &amp; Welding<\/div>';\n      gridWrap.appendChild(h2);\n\n      group2Indices.forEach(function(idx) {\n        if (rowsArray[idx]) gridWrap.appendChild(rowsArray[idx]);\n      });\n\n      content.appendChild(gridWrap);\n    }\n  }\n\n  \/* Desktop: hover changes image *\/\n  rows.forEach(function(row, i) {\n    row.addEventListener('mouseenter', function() {\n      if (isMobile()) return;\n      if (i === currentIndex) return;\n      rows.forEach(function(r) { r.classList.remove('active'); });\n      rows[i].classList.add('active');\n      images.forEach(function(img) {\n        img.classList.remove('active');\n        img.style.transform = 'scale(1.06)';\n      });\n      images[i].classList.add('active');\n      images[i].style.transform = 'scale(1.0)';\n      currentIndex = i;\n    });\n  });\n\n  \/* Mobile: direct navigation (no accordion) *\/\n  \/* Cards link directly to service pages on tap *\/\n\n})();\n<\/script>\n\n<section id=\"axn-cards-section\" aria-label=\"Axinar Produkte\" style=\"padding-top:80px; margin-bottom:80px;\">\n\n  <div class=\"axn-cards-header\">\n    <div class=\"axn-cards-tag\">Produkte<\/div>\n    <h2 class=\"axn-cards-title\">Was wir <strong>bauen<\/strong><\/h2>\n  <\/div>\n\n  <div id=\"axn-cards-wrapper\">\n    <div class=\"axn-cards\">\n      <a href=\"https:\/\/axinar.com\/en\/solar-panel-mounts\" class=\"axn-card\" style=\"background-image:url(&#039;https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/Fotovoltaika.webp&#039;);\">\n        <div class=\"axn-card-overlay\"><\/div>\n        <div class=\"axn-card-content\">\n          <h3>Montagesysteme f\u00fcr Solarparks<\/h3>\n          <p>Komplette Montagel\u00f6sungen f\u00fcr PV-Module, f\u00fcr jede Anlagenart und jedes Gel\u00e4nde.<\/p>\n          <span class=\"axn-card-link\">Das Montageprogramm ansehen &rarr;<\/span>\n        <\/div>\n      <\/a>\n      <a href=\"https:\/\/axinar.com\/en\/c\/biomass-boilers\" class=\"axn-card\" style=\"background-image:url(&#039;https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Levites-Viomazas.webp&#039;);\">\n        <div class=\"axn-card-overlay\"><\/div>\n        <div class=\"axn-card-content\">\n          <h3>Biomassekessel<\/h3>\n          <p>Heizsysteme mit hohem Wirkungsgrad, mit Pellets und Biomasse, f\u00fcr Wohngeb\u00e4ude und Industrie.<\/p>\n          <span class=\"axn-card-link\">Heizl\u00f6sungen ansehen &rarr;<\/span>\n        <\/div>\n      <\/a>\n      <a href=\"https:\/\/axinar.com\/en\/c\/solbox-en\" class=\"axn-card\" style=\"background-image:url(&#039;https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/SolBox-Archiki.webp&#039;);\">\n        <div class=\"axn-card-overlay\"><\/div>\n        <div class=\"axn-card-content\">\n          <h3>SolBox<\/h3>\n          <p>Komplettes Warmwassersystem mit Solarenergie, anschlussfertig &amp; betriebsbereit, ohne Kessel.<\/p>\n          <span class=\"axn-card-link\">SolBox ansehen &rarr;<\/span>\n        <\/div>\n      <\/a>\n      <a href=\"https:\/\/axinar.com\/de\/lohnfertigung-metall\" class=\"axn-card\" style=\"background-image:url(&#039;https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/oem-kataskeyes-1.webp&#039;);\">\n        <div class=\"axn-card-overlay\"><\/div>\n        <div class=\"axn-card-content\">\n          <h3>Metallkonstruktionen<\/h3>\n          <p>Vertikal integrierte Fertigung von Metallkonstruktionen nach Ma\u00df, von der Zeichnung bis zum fertigen Produkt.<\/p>\n          <span class=\"axn-card-link\">Mehr zur OEM-Fertigung &rarr;<\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n  <div class=\"axn-swipe-hint\">\n    Wischen <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\n  <\/div>\n\n<\/section>\n\n<style>\n.axn-cards-header {\n  width: min(80vw, 1300px);\n  margin: 0 auto;\n  padding: 0 0 clamp(25px, 2.22vw, 46px);\n}\n.axn-cards-tag {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: clamp(2px, 0.17vw, 4px);\n  text-transform: uppercase;\n  color: #DD2B1C;\n  margin-bottom: 14px;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n.axn-cards-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(33px, 2.47vw, 48px);\n  font-weight: 300;\n  color: #FFF;\n  text-transform: uppercase;\n  line-height: 1.1;\n  margin: 0;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease 0.15s, transform 0.6s ease 0.15s;\n}\n.axn-cards-title strong { font-weight: 600; }\n#axn-cards-section.ax-visible .axn-cards-tag,\n#axn-cards-section.ax-visible .axn-cards-title {\n  opacity: 1;\n  transform: translateY(0);\n}\n\/* Swipe hint hidden on desktop *\/\n.axn-swipe-hint { display: none; }\n\n.axn-cards {\n  display: flex;\n  height: 50vh;\n  width: 100%;\n  gap: 0;\n}\n.axn-card {\n  flex: 1;\n  position: relative;\n  background-size: cover;\n  background-position: center;\n  display: flex;\n  align-items: flex-end;\n  text-decoration: none;\n  overflow: hidden;\n  transition: flex 0.4s ease;\n  opacity: 0;\n  transform: translateY(30px);\n}\n#axn-cards-section.ax-visible .axn-card:nth-child(1) {\n  opacity: 1; transform: translateY(0);\n  transition: opacity 0.6s ease 0.2s, transform 0.6s ease 0.2s, flex 0.4s ease;\n}\n#axn-cards-section.ax-visible .axn-card:nth-child(2) {\n  opacity: 1; transform: translateY(0);\n  transition: opacity 0.6s ease 0.35s, transform 0.6s ease 0.35s, flex 0.4s ease;\n}\n#axn-cards-section.ax-visible .axn-card:nth-child(3) {\n  opacity: 1; transform: translateY(0);\n  transition: opacity 0.6s ease 0.5s, transform 0.6s ease 0.5s, flex 0.4s ease;\n}\n#axn-cards-section.ax-visible .axn-card:nth-child(4) {\n  opacity: 1; transform: translateY(0);\n  transition: opacity 0.6s ease 0.65s, transform 0.6s ease 0.65s, flex 0.4s ease;\n}\n.axn-card:hover { flex: 1.3; }\n.axn-card-overlay {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: linear-gradient(to top, rgba(13,14,15,0.8) 0%, rgba(13,14,15,0.2) 100%);\n  transition: background 0.3s ease;\n}\n.axn-card:hover .axn-card-overlay {\n  background: linear-gradient(to top, rgba(13,14,15,0.9) 0%, rgba(13,14,15,0.4) 100%);\n}\n.axn-card-content {\n  position: relative;\n  z-index: 2;\n  padding: clamp(19px, 1.67vw, 35px);\n  color: #fff;\n}\n.axn-card-content h3 {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-weight: 600;\n  font-size: clamp(19px, 1.41vw, 28px);\n  margin: 0 0 10px 0;\n  line-height: 1.2;\n  color: #fff;\n}\n.axn-card-content p {\n  font-family: 'Barlow', sans-serif;\n  font-size: 14px;\n  line-height: 1.5;\n  margin: 0 0 15px 0;\n  opacity: 0.85;\n  color: #fff;\n}\n.axn-card-link {\n  font-family: 'Barlow', sans-serif;\n  font-size: 13px;\n  color: #fff;\n  border: 1px solid #fff;\n  padding: 8px clamp(12px, 1.11vw, 23px);\n  border-radius: 20px;\n  display: inline-block;\n  transition: all 0.3s ease;\n}\n.axn-card:hover .axn-card-link {\n  background: #DD2B1C;\n  border-color: #DD2B1C;\n}\n\n@media (max-width: 1024px) {\n  .axn-cards { height: 45vh; }\n  .axn-card-content h3 { font-size: 20px; }\n}\n@media (max-width: 767px) {\n  .axn-cards-header { padding: 0 20px 30px; }\n  .axn-cards-title { font-size: 32px; }\n  #axn-cards-wrapper {\n    width: 100vw;\n    margin-left: calc(-50vw + 50%);\n    overflow-x: auto !important;\n    -webkit-overflow-scrolling: touch;\n  }\n  .axn-cards {\n    height: auto;\n    display: flex;\n    flex-wrap: nowrap;\n    width: 340vw;\n    overflow: visible;\n  }\n  .axn-card {\n    width: 85vw;\n    min-width: 85vw;\n    height: 50vh;\n    flex: none;\n    scroll-snap-align: start;\n  }\n  .axn-card:hover { flex: none; }\n  #axn-cards-wrapper::-webkit-scrollbar { display: none; }\n  #axn-cards-wrapper { scroll-snap-type: x mandatory; position: relative; }\n\n  \/* Right fade hint *\/\n  #axn-cards-wrapper::after {\n    content: '';\n    position: sticky;\n    right: 0;\n    top: 0;\n    width: 40px;\n    height: 100%;\n    background: linear-gradient(to left, rgba(13,14,15,0.9) 0%, transparent 100%);\n    pointer-events: none;\n    flex-shrink: 0;\n    z-index: 5;\n  }\n\n  \/* Swipe hint arrow *\/\n  .axn-swipe-hint {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    padding: 10px 20px 0;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 12px;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.35);\n    animation: axnSwipeHint 2s ease-in-out infinite;\n  }\n  .axn-swipe-hint svg {\n    width: 16px;\n    height: 16px;\n    stroke: #DD2B1C;\n    fill: none;\n    stroke-width: 2;\n  }\n  @keyframes axnSwipeHint {\n    0%, 100% { transform: translateX(0); opacity: 0.5; }\n    50% { transform: translateX(8px); opacity: 1; }\n  }\n}\n@media (max-width: 480px) {\n  .axn-cards-header { padding: 0 16px 24px; }\n  .axn-cards-title { font-size: 26px; }\n  .axn-card {\n    width: 90vw;\n    min-width: 90vw;\n    height: 45vh;\n  }\n  .axn-cards { width: 370vw; }\n  .axn-card-title { font-size: 18px; }\n}\n<\/style>\n\n<script>\n(function() {\n  var section = document.getElementById('axn-cards-section');\n  if ('IntersectionObserver' in window) {\n    var obs = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('ax-visible');\n          obs.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15 });\n    obs.observe(section);\n  } else {\n    section.classList.add('ax-visible');\n  }\n\n  function fixOverflow() {\n    if (window.innerWidth > 767) return;\n    var el = document.getElementById('axn-cards-wrapper');\n    if (!el) return;\n    var parent = el.parentElement;\n    while (parent && parent !== document.body) {\n      parent.style.overflow = 'visible';\n      parent.style.overflowX = 'visible';\n      parent = parent.parentElement;\n    }\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', fixOverflow);\n  } else {\n    fixOverflow();\n  }\n  window.addEventListener('resize', fixOverflow);\n})();\n<\/script>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     AXINAR HOMEPAGE, CSR (4 CARDS)\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n  .ax-csr {\n    background: #0D0E0F;\n    padding: clamp(56px, 5.00vw, 103px) 0;\n    width: 100%;\n  }\n  .ax-csr-inner {\n    width: min(80vw, 1300px);\n    margin: 0 auto;\n  }\n  .ax-csr-tag {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 13px;\n    font-weight: 500;\n    letter-spacing: clamp(2px, 0.17vw, 4px);\n    text-transform: uppercase;\n    color: #DD2B1C;\n    margin-bottom: 14px;\n  }\n  .ax-csr-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: clamp(33px, 2.47vw, 48px);\n    font-weight: 300;\n    color: #FFF;\n    text-transform: uppercase;\n    line-height: 1.1;\n    margin-bottom: clamp(31px, 2.78vh, 57px);\n  }\n  .ax-csr-title strong {\n    font-weight: 600;\n  }\n\n  \/* \u2500\u2500 4 CARDS GRID \u2500\u2500 *\/\n  .ax-csr-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: clamp(12px, 1.11vw, 23px);\n    margin-bottom: clamp(31px, 2.78vh, 57px);\n  }\n  .ax-csr-card {\n    background: #151616;\n    border: 1px solid rgba(255,255,255,0.06);\n    padding: clamp(22px, 2.00vw, 41px) clamp(17px, 1.56vw, 32px) clamp(20px, 1.78vw, 37px);\n    position: relative;\n    overflow: hidden;\n    transition: border-color 0.4s, transform 0.4s;\n  }\n  .ax-csr-card:hover {\n    border-color: rgba(255,255,255,0.12);\n    transform: translateY(-4px);\n  }\n  .ax-csr-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 3px;\n    height: 50px;\n    background: #DD2B1C;\n    transition: height 0.4s;\n  }\n  .ax-csr-card:hover::before {\n    height: 80px;\n  }\n\n  \/* icon *\/\n  .ax-csr-icon {\n    width: 52px;\n    height: 52px;\n    background: rgba(221,43,28,0.08);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: clamp(15px, 1.33vh, 28px);\n  }\n\n  \/* stat *\/\n  .ax-csr-stat {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: clamp(34px, 2.59vw, 51px);\n    font-weight: 700;\n    color: #DD2B1C;\n    line-height: 1;\n    margin-bottom: 6px;\n  }\n  .ax-csr-stat-sub {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 13px;\n    font-weight: 400;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.35);\n    margin-bottom: clamp(12px, 1.00vh, 21px);\n  }\n\n  \/* card title + text *\/\n  .ax-csr-card h3 {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: clamp(15px, 1.12vw, 22px);\n    font-weight: 600;\n    color: #FFF;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 12px;\n  }\n  .ax-csr-card p {\n    font-family: 'Barlow', sans-serif;\n    font-size: 13px;\n    font-weight: 300;\n    color: rgba(255,255,255,0.55);\n    line-height: 1.7;\n    margin: 0;\n  }\n\n  \/* \u2500\u2500 CTA LINK \u2500\u2500 *\/\n  .ax-csr-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 15px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: none !important;\n    text-decoration: none;\n    color: #FFF;\n    border: 1.5px solid rgba(255,255,255,0.25);\n    padding: 14px clamp(20px, 1.78vw, 37px);\n    transition: all 0.3s;\n  }\n  .ax-csr-link:hover {\n    background: #DD2B1C;\n    border-color: #DD2B1C;\n    color: #FFF;\n  }\n  .ax-csr-link svg {\n    width: 18px;\n    height: 18px;\n    stroke: currentColor;\n    fill: none;\n    stroke-width: 2;\n    transition: transform 0.3s;\n  }\n  .ax-csr-link:hover svg {\n    transform: translateX(4px);\n  }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 1024px) {\n    .ax-csr-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 16px;\n    }\n    .ax-csr-card {\n      padding: 32px 24px 28px;\n    }\n    .ax-csr-stat {\n      font-size: 40px;\n    }\n  }\n  @media (max-width: 768px) {\n    .ax-csr {\n      padding: 60px 0;\n    }\n    .ax-csr-inner {\n      width: 100%;\n      padding: 0 20px;\n    }\n    .ax-csr-title {\n      font-size: 32px;\n      margin-bottom: 24px;\n    }\n    .ax-csr-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 10px;\n    }\n    .ax-csr-card {\n      padding: 20px 16px 18px;\n    }\n    .ax-csr-card p {\n      display: none;\n    }\n    .ax-csr-card h3 {\n      font-size: 14px;\n      margin-bottom: 0;\n    }\n    .ax-csr-stat {\n      font-size: 36px;\n      margin-bottom: 4px;\n    }\n    .ax-csr-stat-sub {\n      font-size: 11px;\n      margin-bottom: 10px;\n    }\n    .ax-csr-icon {\n      width: 36px;\n      height: 36px;\n      margin-bottom: 12px;\n    }\n    .ax-csr-icon img {\n      width: 28px;\n      height: 28px;\n    }\n  }\n  @media (max-width: 480px) {\n    .ax-csr {\n      padding: 40px 0;\n    }\n    .ax-csr-inner {\n      padding: 0 16px;\n    }\n    .ax-csr-tag {\n      font-size: 11px;\n      letter-spacing: 2px;\n    }\n    .ax-csr-title {\n      font-size: 26px;\n      margin-bottom: 20px;\n    }\n    .ax-csr-grid {\n      gap: 8px;\n    }\n    .ax-csr-card {\n      padding: 16px 14px 14px;\n    }\n    .ax-csr-stat {\n      font-size: 32px;\n    }\n    .ax-csr-card h3 {\n      font-size: 13px;\n    }\n  }\n<\/style>\n\n<section class=\"ax-csr\" aria-label=\"Gesellschaftliche Verantwortung\">\n  <div class=\"ax-csr-inner\">\n\n    <div class=\"ax-csr-tag\">Verantwortungsvolle Industrie<\/div>\n    <h2 class=\"ax-csr-title\">Unternehmensverantwortung &amp;<br><strong>Soziales Engagement<\/strong><\/h2>\n\n    <div class=\"ax-csr-grid\">\n\n      <!-- CARD 1, CO\u2082 -->\n      <div class=\"ax-csr-card\">\n        <div class=\"ax-csr-icon\">\n          <img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Meiosi-Rypon.webp\" alt=\"Emissionsminderung\" width=\"42\" height=\"42\" style=\"object-fit:contain;\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Meiosi-Rypon-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Meiosi-Rypon-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Meiosi-Rypon-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Meiosi-Rypon-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Meiosi-Rypon.webp 500w\" sizes=\"auto, (max-width: 42px) 100vw, 42px\"\/>\n        <\/div>\n        <div class=\"ax-csr-stat\">84%<\/div>\n        <div class=\"ax-csr-stat-sub\">weniger CO\u2082 als im Netzmix<\/div>\n        <h3>Emissionsminderung<\/h3>\n        <p>Jedes Solar-Montagesystem, das wir bauen, tr\u00e4gt Module, die jahrzehntelang sauberen Strom erzeugen und je MW 350 bis 400 Tonnen CO\u2082 pro Jahr vermeiden.<\/p>\n      <\/div>\n\n      <!-- CARD 2, RECYCLING -->\n      <div class=\"ax-csr-card\">\n        <div class=\"ax-csr-icon\">\n          <img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Anakyklosi.webp\" alt=\"Recycling\" width=\"42\" height=\"42\" style=\"object-fit:contain;\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Anakyklosi-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Anakyklosi-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Anakyklosi-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Anakyklosi-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Anakyklosi.webp 500w\" sizes=\"auto, (max-width: 42px) 100vw, 42px\"\/>\n        <\/div>\n        <div class=\"ax-csr-stat\">100%<\/div>\n        <div class=\"ax-csr-stat-sub\">Recycling von Verschnitt<\/div>\n        <h3>Kreislaufwirtschaft<\/h3>\n        <p>Jeder Verschnitt aus Zuschnitt, Abkanten und CNC wird nach Legierung getrennt und recycelt, was bis zu 95 % Energie spart.<\/p>\n      <\/div>\n\n      <!-- CARD 3, ACADEMIC RESEARCH -->\n      <div class=\"ax-csr-card\">\n        <div class=\"ax-csr-icon\">\n          <img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Akadimaiki-Ereyna-1.webp\" alt=\"Akademische Forschung\" width=\"42\" height=\"42\" style=\"object-fit:contain;\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Akadimaiki-Ereyna-1-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Akadimaiki-Ereyna-1-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Akadimaiki-Ereyna-1-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Akadimaiki-Ereyna-1-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Akadimaiki-Ereyna-1.webp 500w\" sizes=\"auto, (max-width: 42px) 100vw, 42px\"\/>\n        <\/div>\n        <div class=\"ax-csr-stat\">6<\/div>\n        <div class=\"ax-csr-stat-sub\">Universit\u00e4ten \u00b7 Aristoteles-Universit\u00e4t &amp; TU Athen<\/div>\n        <h3>Akademische Forschung<\/h3>\n        <p>Wir stellen Formula-Student-, ASAT- und Robotikteams unsere Metallbearbeitung kostenlos zur Verf\u00fcgung, als Investition in die Ingenieure von morgen.<\/p>\n      <\/div>\n\n      <!-- CARD 4, COMMUNITY -->\n      <div class=\"ax-csr-card\">\n        <div class=\"ax-csr-icon\">\n          <img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Koinoniki-Prosfora.webp\" alt=\"Beitrag zur Gemeinschaft\" width=\"42\" height=\"42\" style=\"object-fit:contain;\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Koinoniki-Prosfora-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Koinoniki-Prosfora-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Koinoniki-Prosfora-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Koinoniki-Prosfora-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Koinoniki-Prosfora.webp 500w\" sizes=\"auto, (max-width: 42px) 100vw, 42px\"\/>\n        <\/div>\n        <h3>Beitrag zur Gemeinschaft<\/h3>\n        <p>Freiwillige Blutspenden, F\u00f6rderung \u00f6rtlicher Sport- und Kulturvereine und Mitwirkung an Programmen der technischen Bildung f\u00fcr Berufssch\u00fclerinnen und -sch\u00fcler: AXINAR w\u00e4chst gemeinsam mit seiner Region.<\/p>\n      <\/div>\n\n    <\/div>\n\n    <a href=\"https:\/\/axinar.com\/de\/unternehmensverantwortung\" class=\"ax-csr-link\">\n      Unsere Aktionen ansehen\n      <svg viewbox=\"0 0 18 18\"><path d=\"M4 9h10M10 5l4 4-4 4\"\/><\/svg>\n    <\/a>\n\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     AXINAR HOMEPAGE, CTA BANNER\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n.ax-cta {\n  position: relative;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  min-height: 320px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n.ax-cta-bg {\n  position: absolute;\n  inset: 0;\n  background: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/MIG-TIG.webp') center center \/ cover no-repeat;\n}\n.ax-cta-bg::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to right, rgba(13,14,15,0.85) 0%, rgba(13,14,15,0.65) 50%, rgba(13,14,15,0.5) 100%);\n}\n.ax-cta-inner {\n  position: relative;\n  z-index: 2;\n  max-width: 1200px;\n  margin: 0 auto;\n  width: 100%;\n  padding: clamp(37px, 3.33vw, 69px) clamp(25px, 2.22vw, 46px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: clamp(25px, 2.22vw, 46px);\n}\n\/* \u2500\u2500 FADE-IN \u2500\u2500 *\/\n.ax-cta-text {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(33px, 2.47vw, 48px);\n  font-weight: 300;\n  color: #FFFFFF;\n  text-transform: none !important;\n  line-height: 1.15;\n  max-width: 600px;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n.ax-cta-text strong {\n  font-weight: 600;\n}\n.ax-cta-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  letter-spacing: 2px;\n  text-transform: none !important;\n  text-decoration: none;\n  color: #FFFFFF;\n  background: transparent;\n  padding: clamp(12px, 1.00vw, 21px) clamp(24px, 2.11vw, 44px);\n  border: 2px solid #FFFFFF;\n  border-radius: 6px;\n  white-space: nowrap;\n  flex-shrink: 0;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease 0.2s, transform 0.6s ease 0.2s, background 0.35s ease, border-color 0.35s ease;\n}\n.ax-cta.ax-visible .ax-cta-text,\n.ax-cta.ax-visible .ax-cta-btn {\n  opacity: 1;\n  transform: translateY(0);\n}\n.ax-cta-btn:hover {\n  background: #DD2B1C;\n  border-color: #DD2B1C;\n  color: #FFFFFF;\n}\n.ax-cta-btn svg {\n  width: 18px;\n  height: 18px;\n  stroke: currentColor;\n  fill: none;\n  stroke-width: 2;\n  transition: transform 0.3s ease;\n}\n.ax-cta-btn:hover svg {\n  transform: translateX(4px);\n}\n@media (max-width: 767px) {\n  .ax-cta { min-height: 280px; }\n  .ax-cta-inner {\n    flex-direction: column;\n    align-items: center;\n    padding: 50px 24px;\n    text-align: center;\n    gap: 30px;\n  }\n  .ax-cta-text { font-size: 28px; max-width: 100%; text-align: center; width: 100%; }\n  .ax-cta-btn { padding: 16px 32px; font-size: 14px; justify-content: center; align-self: center; }\n}\n@media (max-width: 480px) {\n  .ax-cta { min-height: 240px; }\n  .ax-cta-inner { padding: 40px 16px; gap: 24px; }\n  .ax-cta-text { font-size: 24px; }\n  .ax-cta-btn { padding: 14px 28px; font-size: 13px; width: 100%; text-align: center; justify-content: center; }\n}\n<\/style>\n\n<section class=\"ax-cta\" aria-label=\"Angebot anfordern\">\n  <div class=\"ax-cta-bg\"><\/div>\n  <div class=\"ax-cta-inner\">\n    <h2 class=\"ax-cta-text\">Sie haben eine Idee?<br><strong>Sprechen&rsquo;Sprechen wir dar\u00fcber!<\/strong><\/h2>\n    <a href=\"https:\/\/axinar.com\/de\/angebot-anfordern\" class=\"ax-cta-btn\">\n      Angebot anfordern\n      <svg viewbox=\"0 0 18 18\"><path d=\"M4 9h10M10 5l4 4-4 4\"\/><\/svg>\n    <\/a>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  var cta = document.querySelector('.ax-cta');\n  if ('IntersectionObserver' in window) {\n    var obs = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('ax-visible');\n          obs.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.3 });\n    obs.observe(cta);\n  } else {\n    cta.classList.add('ax-visible');\n  }\n})();\n<\/script>\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>Axinar, Metallbearbeitungsindustrie in Thessaloniki Welcher Stahl kann Sie tr\u00e4umen. Wir beweisen es. Mehr entdecken 0 JahreWachstum 0 ExportL\u00e4nder 0 KontinenteErreicht [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"rank_math_title":"Metallbearbeitung, PV-Montagesysteme, Biomassekessel | Axinar","rank_math_description":"Axinar S.A. aus Thessaloniki: Metallbearbeitung nach Ma\u00df, Photovoltaik-Montagesysteme und Biomassekessel. Eigene Fertigung von der Zeichnung bis zum Produkt.","footnotes":""},"class_list":["post-8692","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/axinar.com\/de\/wp-json\/wp\/v2\/pages\/8692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/axinar.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/axinar.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/axinar.com\/de\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/axinar.com\/de\/wp-json\/wp\/v2\/comments?post=8692"}],"version-history":[{"count":1,"href":"https:\/\/axinar.com\/de\/wp-json\/wp\/v2\/pages\/8692\/revisions"}],"predecessor-version":[{"id":8693,"href":"https:\/\/axinar.com\/de\/wp-json\/wp\/v2\/pages\/8692\/revisions\/8693"}],"wp:attachment":[{"href":"https:\/\/axinar.com\/de\/wp-json\/wp\/v2\/media?parent=8692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}