{"id":8657,"date":"2026-09-17T10:51:59","date_gmt":"2026-09-17T07:51:59","guid":{"rendered":"https:\/\/axinar.com\/?page_id=8657"},"modified":"2026-09-17T10:51:59","modified_gmt":"2026-09-17T07:51:59","slug":"angebot-anfordern","status":"publish","type":"page","link":"https:\/\/axinar.com\/de\/angebot-anfordern","title":{"rendered":"Angebot anfordern"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8657\" class=\"elementor elementor-8657 elementor-6356\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fad91a e-flex e-con-boxed e-con e-parent\" data-id=\"5fad91a\" 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-bff4521 elementor-widget elementor-widget-html\" data-id=\"bff4521\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\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\n   AXINAR, Request a Quote Form\n   Elementor HTML Widget, paste this ABOVE the form HTML\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 *\/\n\n:root {\n  --ax-bg: #0d0e0f;\n  --ax-surface: #151616;\n  --ax-surface-2: #232425;\n  --ax-border: rgba(255,255,255,0.08);\n  --ax-border-hover: rgba(255,255,255,0.15);\n  --ax-red: #DD2B1C;\n  --ax-red-hover: #dd2b1c;\n  --ax-red-glow: rgba(221,43,28,0.15);\n  --ax-text: #ffffff;\n  --ax-text-soft: rgba(255,255,255,0.7);\n  --ax-text-dim: rgba(255,255,255,0.4);\n  --ax-font: 'Barlow', sans-serif;\n  --ax-font-cond: 'Barlow Condensed', sans-serif;\n}\n\n\/* \u2550\u2550\u2550 HERO \u2550\u2550\u2550 *\/\n.ax-quote-hero {\n  text-align: center;\n  padding: clamp(50px, 4.44vw, 92px) clamp(12px, 1.11vw, 23px) clamp(31px, 2.78vw, 57px);\n  max-width: 700px;\n  margin: 0 auto;\n}\n.ax-quote-hero-label {\n  font-family: var(--ax-font-cond);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: clamp(3px, 0.22vw, 5px);\n  text-transform: uppercase;\n  color: var(--ax-red);\n  margin-bottom: clamp(12px, 0.89vh, 18px);\n}\n.ax-quote-hero h1 {\n  font-family: var(--ax-font-cond);\n  font-size: clamp(36px, 7vw, 56px);\n  font-weight: 800;\n  line-height: 1.05;\n  letter-spacing: -1px;\n  color: var(--ax-text);\n  margin: 0 0 clamp(12px, 1.11vw, 23px);\n}\n.ax-quote-hero p {\n  font-family: var(--ax-font);\n  font-size: clamp(14px, 0.94vw, 18px);\n  line-height: 1.7;\n  color: var(--ax-text-soft);\n  max-width: 560px;\n  margin: 0 auto;\n}\n\n\/* \u2550\u2550\u2550 BREADCRUMB \u2550\u2550\u2550 *\/\n.ax-breadcrumb {\n  font-family: var(--ax-font);\n  font-size: 13px;\n  color: var(--ax-text-dim);\n  margin-bottom: clamp(15px, 1.33vh, 28px);\n}\n.ax-breadcrumb a {\n  color: var(--ax-text-dim);\n  text-decoration: none;\n  transition: color 0.3s;\n}\n.ax-breadcrumb a:hover {\n  color: var(--ax-red);\n}\n.ax-breadcrumb .current {\n  color: var(--ax-text-soft);\n}\n\n\/* \u2550\u2550\u2550 STEPPER \u2550\u2550\u2550 *\/\n.ax-stepper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0;\n  max-width: 600px;\n  margin: 0 auto clamp(25px, 2.22vw, 46px);\n  padding: 0 clamp(12px, 1.11vw, 23px);\n}\n.ax-step {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-shrink: 0;\n}\n.ax-step-num {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  border: 2px solid var(--ax-border);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: var(--ax-font-cond);\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--ax-text-dim);\n  transition: all 0.4s ease;\n  flex-shrink: 0;\n}\n.ax-step-label {\n  font-family: var(--ax-font);\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--ax-text-dim);\n  transition: color 0.4s ease;\n  white-space: nowrap;\n}\n.ax-step.active .ax-step-num {\n  border-color: var(--ax-red);\n  background: var(--ax-red);\n  color: #fff;\n  box-shadow: 0 0 20px var(--ax-red-glow);\n}\n.ax-step.active .ax-step-label {\n  color: var(--ax-text);\n}\n.ax-step.done .ax-step-num {\n  border-color: var(--ax-red);\n  background: transparent;\n  color: var(--ax-red);\n}\n.ax-step.done .ax-step-label {\n  color: var(--ax-text-soft);\n}\n.ax-step-line {\n  flex: 1;\n  height: 2px;\n  background: var(--ax-border);\n  margin: 0 clamp(12px, 0.89vw, 18px);\n  min-width: 30px;\n}\n\n@media (max-width: 600px) {\n  .ax-step-label { display: none; }\n  .ax-stepper { gap: 0; max-width: 280px; }\n  .ax-step-line { margin: 0 12px; }\n}\n\n\/* \u2550\u2550\u2550 PANELS \u2550\u2550\u2550 *\/\n.ax-quote-body {\n  max-width: 900px;\n  margin: 0 auto;\n  padding: 0 clamp(12px, 1.11vw, 23px) clamp(37px, 3.33vw, 69px);\n}\n.ax-panel {\n  display: none;\n}\n.ax-panel.active {\n  display: block;\n  animation: axFadeIn 0.4s ease;\n}\n@keyframes axFadeIn {\n  from { opacity: 0; transform: translateY(12px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u2550\u2550\u2550 PROGRESS BAR \u2550\u2550\u2550 *\/\n.ax-progress {\n  width: 100%;\n  height: 3px;\n  background: var(--ax-border);\n  border-radius: 2px;\n  margin-bottom: clamp(20px, 1.78vh, 37px);\n  overflow: hidden;\n}\n.ax-progress-fill {\n  height: 100%;\n  background: var(--ax-red);\n  border-radius: 2px;\n  transition: width 0.5s ease;\n}\n\n\/* \u2550\u2550\u2550 PANEL TEXT \u2550\u2550\u2550 *\/\n.ax-panel-title {\n  font-family: var(--ax-font);\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: var(--ax-red);\n  margin-bottom: 8px;\n}\n.ax-panel-h2 {\n  font-family: var(--ax-font-cond);\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 700;\n  color: var(--ax-text);\n  margin-bottom: 10px;\n}\n.ax-panel-sub {\n  font-family: var(--ax-font);\n  font-size: 15px;\n  line-height: 1.6;\n  color: var(--ax-text-dim);\n  margin-bottom: clamp(22px, 2.00vh, 41px);\n  max-width: 600px;\n}\n\n\/* \u2550\u2550\u2550 CATEGORY GROUPS \u2550\u2550\u2550 *\/\n.ax-cat-group {\n  margin-bottom: clamp(20px, 1.78vh, 37px);\n}\n.ax-cat-group-label {\n  font-family: var(--ax-font-cond);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: clamp(2px, 0.17vw, 4px);\n  text-transform: uppercase;\n  color: var(--ax-text-dim);\n  margin-bottom: 14px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--ax-border);\n}\n\n\/* \u2550\u2550\u2550 PRODUCT CARDS \u2550\u2550\u2550 *\/\n.ax-cards {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n  gap: 12px;\n}\n.ax-card {\n  position: relative;\n  background: var(--ax-surface);\n  border: 1px solid var(--ax-border);\n  border-radius: 10px;\n  padding: clamp(12px, 1.11vw, 23px) clamp(12px, 0.89vw, 18px) clamp(12px, 0.89vw, 18px);\n  text-align: center;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  user-select: none;\n  -webkit-user-select: none;\n}\n.ax-card:hover {\n  border-color: var(--ax-border-hover);\n  background: var(--ax-surface-2);\n  transform: translateY(-2px);\n}\n.ax-card.selected {\n  border-color: var(--ax-red);\n  background: rgba(221,43,28,0.06);\n  box-shadow: 0 0 24px var(--ax-red-glow);\n}\n\n\/* Card checkmark *\/\n.ax-card-check {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  border: 2px solid var(--ax-border);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s ease;\n}\n.ax-card-check svg {\n  width: 12px;\n  height: 12px;\n  fill: none;\n  stroke: transparent;\n  stroke-width: 2.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n.ax-card.selected .ax-card-check {\n  border-color: var(--ax-red);\n  background: var(--ax-red);\n}\n.ax-card.selected .ax-card-check svg {\n  stroke: #fff;\n}\n\n\/* Card icon *\/\n.ax-card-icon {\n  width: 36px;\n  height: 36px;\n  margin: 0 auto 10px;\n  display: block;\n  opacity: 0.8;\n  transition: opacity 0.3s;\n}\n.ax-card:hover .ax-card-icon,\n.ax-card.selected .ax-card-icon {\n  opacity: 1;\n}\n\n\/* Card text *\/\n.ax-card-name {\n  font-family: var(--ax-font-cond);\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--ax-text);\n  line-height: 1.3;\n  margin-bottom: 2px;\n}\n.ax-card-sub {\n  font-family: var(--ax-font);\n  font-size: 11px;\n  color: var(--ax-text-dim);\n}\n\n@media (max-width: 480px) {\n  .ax-cards {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n  .ax-card {\n    padding: 16px 10px 12px;\n  }\n  .ax-card-name {\n    font-size: 12px;\n  }\n}\n\n\/* \u2550\u2550\u2550 BUTTONS \u2550\u2550\u2550 *\/\n.ax-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-family: var(--ax-font-cond);\n  font-size: 15px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  padding: 14px clamp(17px, 1.56vw, 32px);\n  border-radius: 6px;\n  border: none;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  text-decoration: none;\n  line-height: 1;\n}\n.ax-btn svg {\n  width: 18px;\n  height: 18px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n.ax-btn-primary {\n  background: var(--ax-red);\n  color: #fff;\n}\n.ax-btn-primary:hover {\n  background: var(--ax-red-hover);\n  transform: translateY(-1px);\n  box-shadow: 0 6px 24px var(--ax-red-glow);\n}\n.ax-btn-outline {\n  background: transparent;\n  border: 1px solid var(--ax-border-hover);\n  color: var(--ax-text-soft);\n}\n.ax-btn-outline:hover {\n  border-color: var(--ax-text-soft);\n  color: var(--ax-text);\n}\n\n\/* \u2550\u2550\u2550 NAVIGATION BOTTOM \u2550\u2550\u2550 *\/\n.ax-nav-bottom {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: clamp(22px, 2.00vh, 41px);\n  padding-top: clamp(15px, 1.33vh, 28px);\n  border-top: 1px solid var(--ax-border);\n  gap: clamp(12px, 0.89vw, 18px);\n}\n@media (max-width: 480px) {\n  .ax-nav-bottom {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .ax-nav-bottom .ax-btn {\n    justify-content: center;\n  }\n}\n\n\/* \u2550\u2550\u2550 SELECTED SUMMARY (Step 2) \u2550\u2550\u2550 *\/\n.ax-selected-summary {\n  background: var(--ax-surface);\n  border: 1px solid var(--ax-border);\n  border-radius: 10px;\n  padding: clamp(12px, 1.11vw, 23px);\n  margin-bottom: clamp(17px, 1.56vh, 32px);\n}\n.ax-selected-summary-title {\n  font-family: var(--ax-font);\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--ax-text-dim);\n  margin-bottom: 12px;\n}\n.ax-selected-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.ax-tag {\n  display: inline-block;\n  font-family: var(--ax-font);\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--ax-text);\n  background: rgba(221,43,28,0.1);\n  border: 1px solid rgba(221,43,28,0.25);\n  border-radius: 20px;\n  padding: 6px 14px;\n}\n\n\/* \u2550\u2550\u2550 FORM \u2550\u2550\u2550 *\/\n.ax-form-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: clamp(12px, 1.11vw, 23px);\n}\n.ax-form-group {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.ax-form-group.full {\n  grid-column: 1 \/ -1;\n}\n.ax-form-label {\n  font-family: var(--ax-font);\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--ax-text-soft);\n}\n.ax-form-label span {\n  color: var(--ax-red);\n}\n.ax-input,\n.ax-textarea {\n  font-family: var(--ax-font);\n  font-size: 15px;\n  color: var(--ax-text) !important;\n  background: var(--ax-surface) !important;\n  border: 1px solid var(--ax-border) !important;\n  border-radius: 8px;\n  padding: 14px clamp(12px, 0.89vw, 18px);\n  outline: none;\n  transition: border-color 0.3s ease, box-shadow 0.3s ease;\n  width: 100%;\n  box-sizing: border-box;\n  -webkit-appearance: none;\n  appearance: none;\n}\n.ax-input::placeholder,\n.ax-textarea::placeholder {\n  color: var(--ax-text-dim) !important;\n}\n\/* Override browser\/theme autofill *\/\n.ax-input:-webkit-autofill,\n.ax-textarea:-webkit-autofill {\n  -webkit-text-fill-color: var(--ax-text) !important;\n  -webkit-box-shadow: 0 0 0 1000px var(--ax-surface) inset !important;\n  box-shadow: 0 0 0 1000px var(--ax-surface) inset !important;\n}\n.ax-input:focus,\n.ax-textarea:focus {\n  border-color: var(--ax-red);\n  box-shadow: 0 0 0 3px var(--ax-red-glow);\n}\n.ax-input.error {\n  border-color: #e95f53;\n  box-shadow: 0 0 0 3px rgba(233,95,83,0.15);\n}\n.ax-textarea {\n  resize: vertical;\n  min-height: 120px;\n}\n.ax-error-msg {\n  font-family: var(--ax-font);\n  font-size: 12px;\n  color: #e95f53;\n  display: none;\n}\n.ax-error-msg.visible {\n  display: block;\n}\n\n@media (max-width: 600px) {\n  .ax-form-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* \u2550\u2550\u2550 SELECTION BAR (sticky bottom) \u2550\u2550\u2550 *\/\n.ax-selection-bar {\n  position: fixed;\n  bottom: -80px;\n  left: 0;\n  right: 0;\n  z-index: 999;\n  background: var(--ax-surface);\n  border-top: 1px solid var(--ax-border);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  padding: 14px clamp(15px, 1.33vw, 28px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  transition: bottom 0.4s ease;\n  box-shadow: 0 -8px 30px rgba(13,14,15,0.4);\n}\n.ax-selection-bar.visible {\n  bottom: 0;\n}\n.ax-selection-bar-left {\n  font-family: var(--ax-font);\n  font-size: 14px;\n  color: var(--ax-text-soft);\n}\n.ax-selection-bar-left span {\n  font-weight: 700;\n  color: var(--ax-red);\n  font-size: clamp(14px, 1.06vw, 21px);\n}\n\n\/* \u2550\u2550\u2550 SUCCESS PANEL \u2550\u2550\u2550 *\/\n.ax-success {\n  text-align: center;\n  padding: clamp(37px, 3.33vw, 69px) clamp(12px, 1.11vw, 23px) clamp(50px, 4.44vw, 92px);\n}\n.ax-success-icon {\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  background: rgba(221,43,28,0.1);\n  border: 2px solid var(--ax-red);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto clamp(17px, 1.56vw, 32px);\n  animation: axSuccessPop 0.5s ease;\n}\n.ax-success-icon svg {\n  width: 36px;\n  height: 36px;\n  fill: none;\n  stroke: var(--ax-red);\n  stroke-width: 2.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n@keyframes axSuccessPop {\n  0% { transform: scale(0.5); opacity: 0; }\n  60% { transform: scale(1.1); }\n  100% { transform: scale(1); opacity: 1; }\n}\n.ax-success h2 {\n  font-family: var(--ax-font-cond);\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 700;\n  color: var(--ax-text);\n  margin: 0 0 clamp(12px, 0.89vw, 18px);\n  line-height: 1.2;\n}\n.ax-success p {\n  font-family: var(--ax-font);\n  font-size: clamp(14px, 0.94vw, 18px);\n  color: var(--ax-text-soft);\n  margin: 0 0 clamp(20px, 1.78vw, 37px);\n  line-height: 1.6;\n}\n\n\/* \u2550\u2550\u2550 HIDE CF7 TARGET \u2550\u2550\u2550 *\/\n#ax-cf7-target {\n  display: none;\n}\n\n\/* \u2550\u2550\u2550 PAGE-LEVEL: full-width dark background \u2550\u2550\u2550 *\/\n.elementor-widget-html {\n  background: transparent !important;\n}\n<\/style>\n\n\n<!-- HERO -->\n<div class=\"ax-quote-hero\">\n  <div class=\"ax-quote-hero-label\">AXINAR S.A.<\/div>\n      <nav class=\"ax-breadcrumb\" aria-label=\"Navigationspfad\">\n            <span>\n                <a href=\"\/en\/\"><span>Start<\/span><\/a>\n<\/span>\n            <span aria-hidden=\"true\">\u203a<\/span>\n            <span>\n                <span class=\"current\" aria-current=\"page\">Angebot anfordern<\/span>\n                <meta content=\"https:\/\/axinar.com\/en\/request-a-quote\">\n<\/span>\n        <\/nav>\n\n  <h1><span style=\"color:#fff\">ANFRAGE<\/span><br><span style=\"color:#fff\">EIN ANGEBOT<\/span><\/h1>\n  <p>W\u00e4hlen Sie die Produkte oder Leistungen, die Sie interessieren, und tragen Sie Ihre Daten ein. Wir melden uns innerhalb von 24 Stunden.<\/p>\n<\/div>\n\n<!-- STEPPER -->\n<div class=\"ax-stepper\">\n  <div class=\"ax-step active\" id=\"step-1\">\n    <div class=\"ax-step-num\">1<\/div>\n    <div class=\"ax-step-label\">Produktauswahl<\/div>\n  <\/div>\n  <div class=\"ax-step-line\"><\/div>\n  <div class=\"ax-step\" id=\"step-2\">\n    <div class=\"ax-step-num\">2<\/div>\n    <div class=\"ax-step-label\">Details & Informationen<\/div>\n  <\/div>\n  <div class=\"ax-step-line\"><\/div>\n  <div class=\"ax-step\" id=\"step-3\">\n    <div class=\"ax-step-num\">3<\/div>\n    <div class=\"ax-step-label\">Best\u00e4tigung<\/div>\n  <\/div>\n<\/div>\n\n<!-- BODY -->\n<div class=\"ax-quote-body\">\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PANEL 1 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"ax-panel active\" id=\"panel-1\">\n    <div class=\"ax-progress\"><div class=\"ax-progress-fill\" style=\"width:33%\"><\/div><\/div>\n    <div class=\"ax-panel-title\">Schritt 1 von 2<\/div>\n    <div class=\"ax-panel-h2\">Wof\u00fcr interessieren Sie sich?<\/div>\n    <div class=\"ax-panel-sub\">W\u00e4hlen Sie ein oder mehrere Produkte oder Leistungen. Sie k\u00f6nnen aus verschiedenen Kategorien w\u00e4hlen.<\/div>\n\n    <!-- ENERGY -->\n    <div class=\"ax-cat-group\">\n      <div class=\"ax-cat-group-label\">ENERGIE<\/div>\n      <div class=\"ax-cards\">\n        <div class=\"ax-card\" data-id=\"pv-ground\" data-name=\"Ground Mounting\" data-cat=\"PV MOUNTING SYSTEMS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"4\" y=\"22\" width=\"28\" height=\"10\" rx=\"1\"\/><line x1=\"18\" y1=\"22\" x2=\"18\" y2=\"32\"\/><line x1=\"8\" y1=\"32\" x2=\"28\" y2=\"32\"\/><rect x=\"6\" y=\"8\" width=\"24\" height=\"14\" rx=\"1\"\/><line x1=\"6\" y1=\"14\" x2=\"30\" y2=\"14\"\/><line x1=\"18\" y1=\"8\" x2=\"18\" y2=\"22\"\/><\/svg>\n          <div class=\"ax-card-name\">Freilandmontage<\/div>\n          <div class=\"ax-card-sub\">Freiland-Montagesysteme<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"pv-roof-pitched\" data-name=\"Pitched Roof Mounting\" data-cat=\"PV MOUNTING SYSTEMS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><polygon points=\"18,4 34,20 2,20\"\/><line x1=\"8\" y1=\"20\" x2=\"8\" y2=\"32\"\/><line x1=\"28\" y1=\"20\" x2=\"28\" y2=\"32\"\/><line x1=\"8\" y1=\"32\" x2=\"28\" y2=\"32\"\/><rect x=\"12\" y=\"12\" width=\"12\" height=\"8\"\/><\/svg>\n          <div class=\"ax-card-name\">Schr\u00e4gdachmontage<\/div>\n          <div class=\"ax-card-sub\">Schr\u00e4gdachsysteme<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"pv-roof-flat\" data-name=\"Flat Roof Mounting\" data-cat=\"PV MOUNTING SYSTEMS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"2\" y=\"18\" width=\"32\" height=\"4\"\/><rect x=\"6\" y=\"10\" width=\"24\" height=\"8\" rx=\"0.5\"\/><line x1=\"8\" y1=\"22\" x2=\"8\" y2=\"30\"\/><line x1=\"28\" y1=\"22\" x2=\"28\" y2=\"30\"\/><line x1=\"4\" y1=\"30\" x2=\"32\" y2=\"30\"\/><\/svg>\n          <div class=\"ax-card-name\">Flachdachmontage<\/div>\n          <div class=\"ax-card-sub\">Flachdachsysteme<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"pv-vertical\" data-name=\"Vertical Mounting\" data-cat=\"PV MOUNTING SYSTEMS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"8\" y=\"4\" width=\"20\" height=\"28\" rx=\"1\"\/><line x1=\"8\" y1=\"14\" x2=\"28\" y2=\"14\"\/><line x1=\"8\" y1=\"22\" x2=\"28\" y2=\"22\"\/><line x1=\"18\" y1=\"4\" x2=\"18\" y2=\"32\"\/><\/svg>\n          <div class=\"ax-card-name\">Vertikalmontage<\/div>\n          <div class=\"ax-card-sub\">Vertikal \/ bifazial<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"agropv\" data-name=\"Agrivoltaics\" data-cat=\"PV MOUNTING SYSTEMS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"4\" y=\"16\" width=\"28\" height=\"8\" rx=\"1\"\/><line x1=\"18\" y1=\"16\" x2=\"18\" y2=\"24\"\/><line x1=\"8\" y1=\"24\" x2=\"8\" y2=\"32\"\/><line x1=\"28\" y1=\"24\" x2=\"28\" y2=\"32\"\/><path d=\"M4 30 Q8 26 12 30 Q16 34 20 30 Q24 26 28 30\"\/><line x1=\"8\" y1=\"6\" x2=\"28\" y2=\"6\"\/><line x1=\"11\" y1=\"6\" x2=\"11\" y2=\"16\"\/><line x1=\"25\" y1=\"6\" x2=\"25\" y2=\"16\"\/><\/svg>\n          <div class=\"ax-card-name\">Agri-Photovoltaik<\/div>\n          <div class=\"ax-card-sub\">Agri-Photovoltaik-Systeme<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"eastwest\" data-name=\"East-West\" data-cat=\"PV MOUNTING SYSTEMS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><polyline points=\"4,22 12,10 20,22\"\/><polyline points=\"16,22 24,10 32,22\"\/><line x1=\"4\" y1=\"26\" x2=\"32\" y2=\"26\"\/><line x1=\"8\" y1=\"22\" x2=\"8\" y2=\"26\"\/><line x1=\"28\" y1=\"22\" x2=\"28\" y2=\"26\"\/><line x1=\"18\" y1=\"22\" x2=\"18\" y2=\"26\"\/><\/svg>\n          <div class=\"ax-card-name\">Ost-West<\/div>\n          <div class=\"ax-card-sub\">Doppelte Ausrichtung<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"carport\" data-name=\"Solar Carport\" data-cat=\"PV MOUNTING SYSTEMS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"2\" y=\"10\" width=\"32\" height=\"6\" rx=\"0.5\"\/><line x1=\"4\" y1=\"16\" x2=\"4\" y2=\"30\"\/><line x1=\"32\" y1=\"16\" x2=\"32\" y2=\"30\"\/><rect x=\"8\" y=\"20\" width=\"20\" height=\"10\" rx=\"2\"\/><circle cx=\"12\" cy=\"30\" r=\"2\"\/><circle cx=\"24\" cy=\"30\" r=\"2\"\/><\/svg>\n          <div class=\"ax-card-name\">Solar-Carport<\/div>\n          <div class=\"ax-card-sub\">Solar-Carport-Systeme<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- HEATING -->\n    <div class=\"ax-cat-group\">\n      <div class=\"ax-cat-group-label\">HEIZUNG<\/div>\n      <div class=\"ax-cards\">\n        <div class=\"ax-card\" data-id=\"wood-boiler\" data-name=\"Wood Boilers\" data-cat=\"BOILERS & HEATING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"8\" y=\"8\" width=\"20\" height=\"22\" rx=\"2\"\/><line x1=\"12\" y1=\"16\" x2=\"24\" y2=\"16\"\/><line x1=\"12\" y1=\"20\" x2=\"24\" y2=\"20\"\/><path d=\"M14 8 C14 4 18 2 18 6 C18 2 22 4 22 8\"\/><rect x=\"12\" y=\"26\" width=\"12\" height=\"4\" rx=\"1\"\/><\/svg>\n          <div class=\"ax-card-name\">Holzkessel<\/div>\n          <div class=\"ax-card-sub\">Serien PSK \/ BM \/ BM_e<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"pellet-boiler\" data-name=\"Pellet Boilers\" data-cat=\"BOILERS & HEATING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"6\" y=\"6\" width=\"24\" height=\"24\" rx=\"2\"\/><rect x=\"10\" y=\"10\" width=\"16\" height=\"10\" rx=\"1\"\/><circle cx=\"14\" cy=\"26\" r=\"2\"\/><circle cx=\"22\" cy=\"26\" r=\"2\"\/><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"24\"\/><\/svg>\n          <div class=\"ax-card-name\">Pelletkessel<\/div>\n          <div class=\"ax-card-sub\">Automatische Beschickung<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"solbox\" data-name=\"SolBox\" data-cat=\"SOLAR HEATING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"18\" cy=\"14\" r=\"6\"\/><line x1=\"18\" y1=\"2\" x2=\"18\" y2=\"6\"\/><line x1=\"18\" y1=\"22\" x2=\"18\" y2=\"26\"\/><line x1=\"6\" y1=\"14\" x2=\"10\" y2=\"14\"\/><line x1=\"26\" y1=\"14\" x2=\"30\" y2=\"14\"\/><rect x=\"10\" y=\"26\" width=\"16\" height=\"8\" rx=\"1\"\/><line x1=\"18\" y1=\"26\" x2=\"18\" y2=\"34\"\/><\/svg>\n          <div class=\"ax-card-name\">SolBox<\/div>\n          <div class=\"ax-card-sub\">Solare Warmwasserbereitung<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"pyrolino\" data-name=\"Pyrolino\" data-cat=\"HEATING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M18 4 C12 10 10 16 14 20 C14 16 16 14 18 12 C18 18 22 20 22 20 C26 16 24 10 18 4Z\"\/><rect x=\"8\" y=\"24\" width=\"20\" height=\"8\" rx=\"1\"\/><line x1=\"14\" y1=\"24\" x2=\"14\" y2=\"32\"\/><line x1=\"22\" y1=\"24\" x2=\"22\" y2=\"32\"\/><\/svg>\n          <div class=\"ax-card-name\">Pyrolino<\/div>\n          <div class=\"ax-card-sub\">Biomasse-Warmlufterzeuger<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- AGRICULTURAL -->\n    <div class=\"ax-cat-group\">\n      <div class=\"ax-cat-group-label\">LANDWIRTSCHAFT<\/div>\n      <div class=\"ax-cards\">\n        <div class=\"ax-card\" data-id=\"splitter\" data-name=\"Log Splitters\" data-cat=\"AGRICULTURAL ATTACHMENTS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><polygon points=\"18,4 28,20 8,20\"\/><rect x=\"10\" y=\"20\" width=\"16\" height=\"12\" rx=\"1\"\/><line x1=\"14\" y1=\"26\" x2=\"22\" y2=\"26\"\/><\/svg>\n          <div class=\"ax-card-name\">Holzspalter<\/div>\n          <div class=\"ax-card-sub\">Holzspalter<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"cones\" data-name=\"Splitting Cones\" data-cat=\"AGRICULTURAL ATTACHMENTS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><polygon points=\"18,6 30,30 6,30\"\/><line x1=\"18\" y1=\"6\" x2=\"18\" y2=\"30\"\/><line x1=\"12\" y1=\"18\" x2=\"24\" y2=\"18\"\/><\/svg>\n          <div class=\"ax-card-name\">Spaltkegel<\/div>\n          <div class=\"ax-card-sub\">Spaltkegel<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- METAL PROCESSING -->\n    <div class=\"ax-cat-group\">\n      <div class=\"ax-cat-group-label\">METALLBEARBEITUNG<\/div>\n      <div class=\"ax-cards\">\n        <div class=\"ax-card\" data-id=\"laser-cut\" data-name=\"Laser Cutting\" data-cat=\"PROCESSING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"18\" cy=\"10\" r=\"4\"\/><line x1=\"18\" y1=\"14\" x2=\"18\" y2=\"32\"\/><line x1=\"10\" y1=\"32\" x2=\"26\" y2=\"32\"\/><line x1=\"14\" y1=\"24\" x2=\"22\" y2=\"24\"\/><line x1=\"16\" y1=\"20\" x2=\"20\" y2=\"20\"\/><\/svg>\n          <div class=\"ax-card-name\">Laserschneiden<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"profile-cut\" data-name=\"Profile Cutting\" data-cat=\"PROCESSING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"4\" y=\"14\" width=\"28\" height=\"8\" rx=\"1\"\/><line x1=\"20\" y1=\"4\" x2=\"20\" y2=\"32\"\/><line x1=\"16\" y1=\"8\" x2=\"24\" y2=\"8\"\/><line x1=\"16\" y1=\"28\" x2=\"24\" y2=\"28\"\/><\/svg>\n          <div class=\"ax-card-name\">Profilzuschnitt<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"bending\" data-name=\"Press Brake\" data-cat=\"PROCESSING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><polyline points=\"4,10 18,10 28,24\"\/><line x1=\"4\" y1=\"10\" x2=\"4\" y2=\"28\"\/><line x1=\"4\" y1=\"28\" x2=\"28\" y2=\"28\"\/><\/svg>\n          <div class=\"ax-card-name\">Abkanten<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"rolling\" data-name=\"Plate Rolling\" data-cat=\"PROCESSING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><ellipse cx=\"18\" cy=\"12\" rx=\"14\" ry=\"5\"\/><ellipse cx=\"18\" cy=\"24\" rx=\"14\" ry=\"5\"\/><line x1=\"4\" y1=\"12\" x2=\"4\" y2=\"24\"\/><line x1=\"32\" y1=\"12\" x2=\"32\" y2=\"24\"\/><\/svg>\n          <div class=\"ax-card-name\">Rundbiegen<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"cnc-mill\" data-name=\"CNC Milling\" data-cat=\"PROCESSING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"6\" y=\"20\" width=\"24\" height=\"10\" rx=\"1\"\/><rect x=\"14\" y=\"6\" width=\"8\" height=\"14\"\/><line x1=\"10\" y1=\"6\" x2=\"26\" y2=\"6\"\/><line x1=\"18\" y1=\"2\" x2=\"18\" y2=\"6\"\/><\/svg>\n          <div class=\"ax-card-name\">CNC-Fr\u00e4sen<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"cnc-lathe\" data-name=\"CNC Turning\" data-cat=\"PROCESSING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><line x1=\"4\" y1=\"18\" x2=\"32\" y2=\"18\"\/><ellipse cx=\"10\" cy=\"18\" rx=\"6\" ry=\"10\"\/><rect x=\"16\" y=\"14\" width=\"16\" height=\"8\"\/><line x1=\"28\" y1=\"14\" x2=\"32\" y2=\"10\"\/><\/svg>\n          <div class=\"ax-card-name\">CNC-Drehen<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"deburring\" data-name=\"Deburring\" data-cat=\"PROCESSING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"4\" y=\"14\" width=\"28\" height=\"8\" rx=\"1\"\/><path d=\"M8 14 Q10 10 12 14\"\/><path d=\"M14 14 Q16 10 18 14\"\/><path d=\"M20 14 Q22 10 24 14\"\/><path d=\"M26 14 Q28 10 30 14\"\/><\/svg>\n          <div class=\"ax-card-name\">Entgraten<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- FINISHING -->\n    <div class=\"ax-cat-group\">\n      <div class=\"ax-cat-group-label\">FINISHING & SCHWEISSEN<\/div>\n      <div class=\"ax-cards\">\n        <div class=\"ax-card\" data-id=\"mig-tig\" data-name=\"MIG-TIG Welding\" data-cat=\"FINISHING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><line x1=\"4\" y1=\"20\" x2=\"32\" y2=\"20\"\/><path d=\"M10 20 Q12 16 14 20 Q16 24 18 20 Q20 16 22 20 Q24 24 26 20\"\/><line x1=\"18\" y1=\"8\" x2=\"18\" y2=\"16\"\/><circle cx=\"18\" cy=\"6\" r=\"3\"\/><\/svg>\n          <div class=\"ax-card-name\">MIG-WIG-Schwei\u00dfen<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"laser-weld\" data-name=\"Laser Welding\" data-cat=\"FINISHING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><line x1=\"4\" y1=\"20\" x2=\"32\" y2=\"20\"\/><line x1=\"18\" y1=\"6\" x2=\"18\" y2=\"20\"\/><line x1=\"12\" y1=\"10\" x2=\"18\" y2=\"20\"\/><line x1=\"24\" y1=\"10\" x2=\"18\" y2=\"20\"\/><circle cx=\"18\" cy=\"5\" r=\"2\"\/><\/svg>\n          <div class=\"ax-card-name\">Laserschwei\u00dfen<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"micro\" data-name=\"Secondary Operations\" data-cat=\"FINISHING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"18\" cy=\"18\" r=\"8\"\/><circle cx=\"18\" cy=\"18\" r=\"3\"\/><line x1=\"18\" y1=\"4\" x2=\"18\" y2=\"10\"\/><line x1=\"18\" y1=\"26\" x2=\"18\" y2=\"32\"\/><line x1=\"4\" y1=\"18\" x2=\"10\" y2=\"18\"\/><line x1=\"26\" y1=\"18\" x2=\"32\" y2=\"18\"\/><\/svg>\n          <div class=\"ax-card-name\">Nacharbeiten<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"powder-coat\" data-name=\"Powder Coating\" data-cat=\"FINISHING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"4\" y=\"20\" width=\"22\" height=\"12\" rx=\"1\"\/><path d=\"M26 14 L32 14\"\/><circle cx=\"30\" cy=\"10\" r=\"2\"\/><path d=\"M28 14 Q24 20 26 26\"\/><path d=\"M8 16 Q10 8 14 8 Q18 8 20 14\"\/><\/svg>\n          <div class=\"ax-card-name\">Pulverbeschichtung<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"galv\" data-name=\"Galvanizing\" data-cat=\"FINISHING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"6\" y=\"12\" width=\"24\" height=\"16\" rx=\"1\"\/><path d=\"M10 12 Q10 6 18 6 Q26 6 26 12\"\/><line x1=\"10\" y1=\"20\" x2=\"26\" y2=\"20\"\/><line x1=\"14\" y1=\"16\" x2=\"14\" y2=\"24\"\/><line x1=\"22\" y1=\"16\" x2=\"22\" y2=\"24\"\/><\/svg>\n          <div class=\"ax-card-name\">Verzinkung<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"rd\" data-name=\"Design & R&D\" data-cat=\"FINISHING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"18\" cy=\"18\" r=\"12\"\/><path d=\"M14 18 L18 14 L22 18\"\/><line x1=\"18\" y1=\"14\" x2=\"18\" y2=\"24\"\/><line x1=\"6\" y1=\"18\" x2=\"18\" y2=\"18\"\/><\/svg>\n          <div class=\"ax-card-name\">Konstruktion & R&D;<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ax-nav-bottom\">\n      <span style=\"font-size:12px;color:var(--text-dim)\">* Bitte mindestens ein Produkt ausw\u00e4hlen<\/span>\n      <button class=\"ax-btn ax-btn-primary\" onclick=\"goToStep2()\" id=\"btn-next-1\">\n        N\u00e4chster Schritt\n        <svg viewbox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12,5 19,12 12,19\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PANEL 2 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"ax-panel\" id=\"panel-2\">\n    <div class=\"ax-progress\"><div class=\"ax-progress-fill\" style=\"width:66%\"><\/div><\/div>\n    <div class=\"ax-panel-title\">Schritt 2 von 2<\/div>\n    <div class=\"ax-panel-h2\">Details & Informationen<\/div>\n    <div class=\"ax-panel-sub\">Tragen Sie Ihre Kontaktdaten ein und beschreiben Sie Ihren Bedarf.<\/div>\n\n    <div class=\"ax-selected-summary\">\n      <div class=\"ax-selected-summary-title\">Ausgew\u00e4hlte Produkte \/ Leistungen<\/div>\n      <div class=\"ax-selected-tags\" id=\"selected-tags\"><\/div>\n    <\/div>\n\n    <div class=\"ax-form-grid\">\n      <div class=\"ax-form-group\">\n        <label class=\"ax-form-label\">Vollst\u00e4ndiger Name <span>*<\/span><\/label>\n        <input class=\"ax-input\" id=\"f-name\" type=\"text\" placeholder=\"z. B. Max Mustermann\">\n        <div class=\"ax-error-msg\" id=\"err-name\">Pflichtfeld<\/div>\n      <\/div>\n      <div class=\"ax-form-group\">\n        <label class=\"ax-form-label\">Unternehmen<\/label>\n        <input class=\"ax-input\" id=\"f-company\" type=\"text\" placeholder=\"z. B. AXINAR S.A.\">\n      <\/div>\n      <div class=\"ax-form-group\">\n        <label class=\"ax-form-label\">Telefon <span>*<\/span><\/label>\n        <input class=\"ax-input\" id=\"f-phone\" type=\"tel\" placeholder=\"+30 210 000 0000\">\n        <div class=\"ax-error-msg\" id=\"err-phone\">Pflichtfeld<\/div>\n      <\/div>\n      <div class=\"ax-form-group\">\n        <label class=\"ax-form-label\">E-Mail <span>*<\/span><\/label>\n        <input class=\"ax-input\" id=\"f-email\" type=\"email\" placeholder=\"email@firma.de\">\n        <div class=\"ax-error-msg\" id=\"err-email\">Pflichtfeld<\/div>\n      <\/div>\n      <div class=\"ax-form-group full\">\n        <label class=\"ax-form-label\">St\u00fcckzahl \/ Abmessungen<\/label>\n        <input class=\"ax-input\" id=\"f-qty\" type=\"text\" placeholder=\"z. B. 500 St\u00fcck Blech 2000x1000 mm, St\u00e4rke 3 mm\">\n      <\/div>\n      <div class=\"ax-form-group full\">\n        <label class=\"ax-form-label\">Projektbeschreibung \/ Anmerkungen<\/label>\n        <textarea class=\"ax-textarea\" id=\"f-notes\" placeholder=\"Beschreiben Sie Ihr Projekt, besondere Anforderungen, gew\u00fcnschte Werkstoffe und \u00c4hnliches.\"><\/textarea>\n      <\/div>\n    <\/div>\n\n    <div class=\"ax-nav-bottom\">\n      <button class=\"ax-btn ax-btn-outline\" onclick=\"goToStep1()\">\n        <svg viewbox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12,19 5,12 12,5\"\/><\/svg>\n        Zur\u00fcck\n      <\/button>\n      <button class=\"ax-btn ax-btn-primary\" onclick=\"submitForm()\">\n        Anfrage senden\n        <svg viewbox=\"0 0 24 24\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22,2 15,22 11,13 2,9 22,2\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PANEL 3 (SUCCESS) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"ax-panel\" id=\"panel-3\">\n    <div class=\"ax-success\">\n      <div class=\"ax-success-icon\">\n        <svg viewbox=\"0 0 24 24\"><polyline points=\"20,6 9,17 4,12\"\/><\/svg>\n      <\/div>\n      <h2>Ihre Anfrage<br>wurde gesendet!<\/h2>\n      <p>Unser Team meldet sich innerhalb von 24 Arbeitsstunden.<\/p>\n      <div style=\"display:flex;gap:12px;justify-content:center;flex-wrap:wrap\">\n        <a href=\"\/en\/\" class=\"ax-btn ax-btn-outline\">\n          <svg viewbox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12,19 5,12 12,5\"\/><\/svg>\n          Start\n        <\/a>\n        <button class=\"ax-btn ax-btn-primary\" onclick=\"resetForm()\">Neue Anfrage<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- SELECTION BAR -->\n<div class=\"ax-selection-bar\" id=\"selectionBar\">\n  <div class=\"ax-selection-bar-left\">\n    <span id=\"sel-count\">0<\/span> ausgew\u00e4hlt\n  <\/div>\n  <div class=\"ax-selection-bar-right\">\n    <button class=\"ax-btn ax-btn-primary\" onclick=\"goToStep2()\">\n      Weiter\n      <svg viewbox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12,5 19,12 12,19\"\/><\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<div id=\"ax-cf7-target\"><\/div>\n\n<script>\nvar selected = {};\n\nfunction toggleCard(el) {\n  var id = el.dataset.id;\n  if (selected[id]) { delete selected[id]; el.classList.remove('selected'); }\n  else { selected[id] = { name: el.dataset.name, cat: el.dataset.cat }; el.classList.add('selected'); }\n  updateBar();\n}\n\nfunction updateBar() {\n  var count = Object.keys(selected).length;\n  document.getElementById('sel-count').textContent = count;\n  var bar = document.getElementById('selectionBar');\n  if (count > 0) bar.classList.add('visible');\n  else bar.classList.remove('visible');\n}\n\nfunction goToStep2() {\n  if (Object.keys(selected).length === 0) {\n    var grid = document.querySelector('#panel-1 .ax-cat-group');\n    grid.style.transition = 'transform .1s';\n    [0,1,2,3].forEach(function(i) {\n      setTimeout(function() { grid.style.transform = (i%2===0) ? 'translateX(6px)' : 'translateX(-6px)'; }, i*60);\n    });\n    setTimeout(function() { grid.style.transform = ''; }, 300);\n    return;\n  }\n  var tags = document.getElementById('selected-tags');\n  tags.innerHTML = '';\n  Object.values(selected).forEach(function(item) {\n    var t = document.createElement('div');\n    t.className = 'ax-tag';\n    t.textContent = item.name;\n    tags.appendChild(t);\n  });\n  showPanel(2);\n}\n\nfunction goToStep1() { showPanel(1); }\n\nfunction showPanel(n) {\n  document.querySelectorAll('.ax-panel').forEach(function(p) { p.classList.remove('active'); });\n  document.getElementById('panel-' + n).classList.add('active');\n  document.querySelectorAll('.ax-step').forEach(function(s, i) {\n    s.classList.remove('active', 'done');\n    if (i+1 < n) s.classList.add('done');\n    if (i+1 === n) s.classList.add('active');\n  });\n  if (n > 1) document.getElementById('selectionBar').classList.remove('visible');\n  window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n\nfunction validate() {\n  var ok = true;\n  ['name','phone','email'].forEach(function(f) {\n    var inp = document.getElementById('f-'+f);\n    var err = document.getElementById('err-'+f);\n    if (!inp.value.trim()) {\n      inp.classList.add('error'); err.classList.add('visible'); ok = false;\n    } else {\n      inp.classList.remove('error'); err.classList.remove('visible');\n    }\n  });\n  var em = document.getElementById('f-email');\n  if (em.value && !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(em.value)) {\n    em.classList.add('error');\n    document.getElementById('err-email').textContent = 'Invalid email';\n    document.getElementById('err-email').classList.add('visible');\n    ok = false;\n  }\n  return ok;\n}\n\nfunction submitForm() {\n  if (!validate()) return;\n  var products = Object.values(selected).map(function(i){ return i.name; }).join(', ');\n  var name    = document.getElementById('f-name').value;\n  var company = document.getElementById('f-company').value;\n  var phone   = document.getElementById('f-phone').value;\n  var email   = document.getElementById('f-email').value;\n  var qty     = document.getElementById('f-qty').value;\n  var notes   = document.getElementById('f-notes').value;\n\n  var body =\n    'QUOTE REQUEST, AXINAR.COM\\n\\n' +\n    'Products\/Services: ' + products + '\\n\\n' +\n    'Name: ' + name + '\\n' +\n    (company ? 'Company: ' + company + '\\n' : '') +\n    'Phone: ' + phone + '\\n' +\n    'Email: ' + email + '\\n' +\n    (qty ? '\\nQuantity\/Dimensions:\\n' + qty + '\\n' : '') +\n    (notes ? '\\nDescription\/Notes:\\n' + notes + '\\n' : '');\n\n  var subject = encodeURIComponent('Quote Request, ' + products.substring(0, 60));\n  var mailBody = encodeURIComponent(body);\n  window.location.href = 'mailto:info@axinar.com?subject=' + subject + '&body=' + mailBody;\n  setTimeout(function() { showPanel(3); }, 800);\n}\n\nfunction resetForm() {\n  selected = {};\n  document.querySelectorAll('.ax-card').forEach(function(c) { c.classList.remove('selected'); });\n  ['name','company','phone','email','qty','notes'].forEach(function(f) {\n    var el = document.getElementById('f-'+f);\n    if (el) el.value = '';\n  });\n  updateBar();\n  showPanel(1);\n}\n<\/script>\n\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 S.A. Start \u203a Angebot anfordern ANFRAGEEIN ANGEBOT W\u00e4hlen Sie die Produkte oder Leistungen, die Sie interessieren, und tragen Sie [&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":"Angebot anfordern f\u00fcr Metallbearbeitung | Axinar","rank_math_description":"Angebot anfordern f\u00fcr Photovoltaik-Montagesysteme, Biomassekessel oder OEM-Metallkonstruktionen. Der Vertrieb antwortet innerhalb von 24 Stunden.","footnotes":""},"class_list":["post-8657","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/axinar.com\/de\/wp-json\/wp\/v2\/pages\/8657","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=8657"}],"version-history":[{"count":1,"href":"https:\/\/axinar.com\/de\/wp-json\/wp\/v2\/pages\/8657\/revisions"}],"predecessor-version":[{"id":8658,"href":"https:\/\/axinar.com\/de\/wp-json\/wp\/v2\/pages\/8657\/revisions\/8658"}],"wp:attachment":[{"href":"https:\/\/axinar.com\/de\/wp-json\/wp\/v2\/media?parent=8657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}