{"id":8199,"date":"2025-08-28T20:08:31","date_gmt":"2025-08-28T18:08:31","guid":{"rendered":"https:\/\/aquamot.vazaweb.com\/dealers\/"},"modified":"2026-01-15T22:44:59","modified_gmt":"2026-01-15T21:44:59","slug":"dealers","status":"publish","type":"page","link":"https:\/\/aquamot.vazaweb.com\/en\/dealers\/","title":{"rendered":"Dealers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8199\" class=\"elementor elementor-8199 elementor-683\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c581de e-grid e-con-full e-con e-parent\" data-id=\"2c581de\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-dd9cb15 e-flex e-con-boxed e-con e-child\" data-id=\"dd9cb15\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e62cc62 elementor-widget elementor-widget-html\" data-id=\"e62cc62\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Hero Section -->\n<div id=\"hero\" class=\"hero\" role=\"region\" aria-label=\"Hero\">\n  <div class=\"hero-bg\" aria-hidden=\"true\"><\/div>\n\n  <!-- Framed Heading (centered) -->\n  <div class=\"hero-framee\" aria-label=\"Intro headline\">\n    <h1 class=\"hero-heading\">\n   \n      <span class=\"sube\">Dealer search<\/span>\n    <\/h1>\n\n    <!-- Overlapping ta g -->\n    <div class=\"hero-tag\">Find the right dealer near you\n\n<\/div>\n  <\/div>\n\n  <!-- Pager -->\n  <nav class=\"hero-pager\" aria-label=\"Background selector\">\n    <button class=\"is-active\" data-img=\"\/wp-content\/uploads\/2025\/08\/Gruppe-140.png\">01<\/button>\n<button data-img=\"\/wp-content\/uploads\/2025\/08\/Gruppe-140.png\">02<\/button>\n<button data-img=\"\/wp-content\/uploads\/2025\/08\/Gruppe-140.png\">03<\/button>\n<button data-img=\"\/wp-content\/uploads\/2025\/08\/Gruppe-140.png\">04<\/button>\n<button data-img=\"\/wp-content\/uploads\/2025\/08\/Gruppe-140.png\">05<\/button>\n  <\/nav>\n<\/div>\n\n<script>\n(function () {\n  const hero = document.getElementById('hero');\n  if (!hero) return;\n\n  \/\/ Use your existing .hero-bg as layer A, clone a layer B on top\n  const bgA = hero.querySelector('.hero-bg');\n  const bgB = bgA.cloneNode(false);\n  hero.insertBefore(bgB, bgA.nextSibling);\n\n  let active = bgA;\n  let hidden = bgB;\n  let swapId = 0; \/\/ cancels older swaps if user clicks quickly\n\n  const buttons = Array.from(hero.querySelectorAll('.hero-pager button'));\n  buttons.forEach(b => { const i = new Image(); i.src = b.dataset.img; });\n\n  function crossfade(url) {\n    const id = ++swapId;\n    const img = new Image();\n    img.src = url;\n    img.onload = () => {\n      if (id !== swapId) return; \/\/ user clicked again; abort this swap\n      \/\/ prepare hidden layer\n      hidden.style.backgroundImage = `url('${url}')`;\n      hidden.classList.add('is-visible');        \/\/ fade in next\n      active.classList.remove('is-visible');     \/\/ fade out current\n      \/\/ swap refs\n      [active, hidden] = [hidden, active];\n      \/\/ restart the subtle zoom animation each time\n      void active.offsetWidth; \/\/ reflow to reset animation\n    };\n  }\n\n  \/\/ Init with first button image\n  const firstURL = buttons[0].dataset.img;\n  bgA.style.backgroundImage = `url('${firstURL}')`;\n  bgA.classList.add('is-visible');\n  bgB.classList.remove('is-visible');\n\n  \/\/ Click handler + basic a11y state\n  buttons.forEach(btn => {\n    btn.addEventListener('click', () => {\n      buttons.forEach(b => {\n        b.classList.remove('is-active');\n        b.setAttribute('aria-selected', 'false');\n        b.tabIndex = -1;\n      });\n      btn.classList.add('is-active');\n      btn.setAttribute('aria-selected', 'true');\n      btn.tabIndex = 0;\n      crossfade(btn.dataset.img);\n    });\n    btn.setAttribute('role', 'tab');\n  });\n})();\n<\/script>\n\n\n<style>\n\n\n\/* HERO base *\/\n.hero{\n  position:relative; min-height:90vh; overflow:hidden;\n  display:grid; place-items:center; \/* centers the frame *\/\n  text-align:center;\n}\n\n\n\/* Background layer *\/\n.hero .hero-bg{\n  position:absolute; inset:0; z-index:0;\n  background-size:cover; background-position:center;\n  opacity:0;\n  transition: opacity var(--fade-ms, 700ms) ease;\n  will-change: opacity, transform;\n  pointer-events:none;\n  transform: scale(1.04);\n}\n\n.hero .hero-bg.is-visible{\n  opacity:1;\n  animation: hero-zoom var(--zoom-ms, 14s) ease-out forwards;\n}\n\n@keyframes hero-zoom {\n  from { transform: scale(1.06); }\n  to   { transform: scale(1.00); }\n}\n\n\/* Respect reduced motion *\/\n@media (prefers-reduced-motion: reduce){\n  .hero .hero-bg{ transition:none; animation:none; transform:none; }\n}\n\n\/* Remove the old fading rule (it causes the flicker) *\/\n.hero .hero-bg.is-fading{ opacity:1 !important; } \/* neutralized *\/\n\n\/* Framed heading block *\/\n.hero-framee{\n  position:relative; z-index:2;\n  display:inline-block;\n  padding:2.4vw 5vw;\n  border:2px solid rgba(255,255,255,.85);\n  border-radius:0px;\n   max-width:min(9000px, 90vw);\n}\n\n\/* H1 styles *\/\n.hero-heading{\n  margin:0;\n  font-family:'Outfit', sans-serif;\n  color:#fff;\n  font-weight:400;\n  line-height:1;\n  letter-spacing:.02em;\n  text-transform:uppercase;\n  font-size: clamp(50px, 3.5vw, 200px);\n}\n.hero-heading .emph{ font-weight:800; }\n.hero-heading .sube{ font-weight:400; }\n\n\/* Overlapping label (cleaner than negative margin) *\/\n.hero-tag{\n  position:absolute;\n  left:50%; bottom:0;\n  transform:translate(-50%, 50%); \/* centers and overlaps the bottom border *\/\n  background:#102442;\n  color:#fff;\n  font-family:'Outfit', sans-serif;\n  font-size: clamp(17px, 1vw, 100px);\n  font-weight:200;\n  padding: 0.5vw 2.6vw;\n  border-radius:0px;\n  white-space:nowrap;\n}\n\n\/* Pager (numbers with underline effect) *\/\n.hero .hero-pager {\n  position: absolute;\n  left: 50%;\n  bottom: 2.2vw;\n  transform: translateX(-50%);\n  display: flex;\n  gap: clamp(14px, 0.8vw, 200px);\n  z-index: 3;\n}\n\n.hero .hero-pager button {\n  position: relative;\n  background: none;\n  border: 0;\n  cursor: pointer;\n  font-family: 'Outfit', sans-serif;\n  font-weight: 100;\n  font-size: clamp(18px, 1vw, 200px);\n  color: #fff;\n  opacity: 1;\n  transition: all .3s ease;\n  padding: 0;\n \n}\n\n\/* underline line *\/\n.hero .hero-pager button::after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  bottom: 0px; \/* distance under number *\/\n  transform: translateX(-50%);\n  width: 2px;\n height: clamp(30px, 1.9vw, 200px);\n  background: #fff;\n  opacity: .5;\n  transition: all .3s ease;\n}\n\n\/* Hover & active states *\/\n.hero .hero-pager button:hover,\n.hero .hero-pager button.is-active {\n  font-weight: 700;\n  font-size: clamp(27px, 1.3vw, 200px);\n  opacity: 1;\npadding-bottom: clamp(43px, 2.7vw, 200px);\n \n}\n\n.hero .hero-pager button:hover::after,\n.hero .hero-pager button.is-active::after {\n    \/* grows longer *\/\n  width: 3px;       \/* thicker line *\/\n  opacity: 1;\n   height: clamp(48px, 3vw, 200px);\n}\n\n@media (max-width: 1420px) {\n   .hero-framee{\n\n  padding:4vw 6vw;\n}\n\n}\n\n@media (max-width: 1024px) {\n    \n.hero .hero-pager {\n  bottom: 29px;\n}\n}\n\n\n@media (max-width: 767px) {\n.hero{\n  position:relative; min-height:81vh; overflow:hidden;\n  display:grid; place-items:center; \/* centers the frame *\/\n  text-align:center;\n}\n\nh1.hero-heading .sube {\n   font-size:34px;\n   font-weight:400;\n   line-height: 0.9em;\n \n}\n\nh1.hero-heading {\n    line-height: 0.9em;\n}\n\n.hero-framee{\nmargin-top:-20vw;\n  padding:5vw 5vw 9vw 5vw;\n}\n\n.hero .hero-pager {\n  bottom: 32px;\n}\n\n}\n\n.hero-pager button {\n    display:none;\n}\n\n<\/style>\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<div class=\"elementor-element elementor-element-b9e70b2 e-grid about-ueberuns e-con-boxed e-con e-parent\" data-id=\"b9e70b2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-92ec67c e-con-full heading_besch e-flex e-con e-child\" data-id=\"92ec67c\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-dffd97e e-con-full e-flex e-con e-child\" data-id=\"dffd97e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc2ee5e elementor-widget elementor-widget-heading\" data-id=\"bc2ee5e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Find the right dealer near you<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90e071e e-con-full e-flex e-con e-child\" data-id=\"90e071e\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-51921cf e-con-full e-flex e-con e-child\" data-id=\"51921cf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aae40ed elementor-widget elementor-widget-text-editor\" data-id=\"aae40ed\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Are you looking for a specialist dealer near you? Together with our service partners, we have a widely distributed sales network. Our specialist dealers will help you find the right Aquamot motor for your boat and will provide you with competent and reliable support from consultation and processing to installation. Use our search function to find your personal Aquamot dealer near you.    <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a308bd9 e-flex e-con-boxed e-con e-parent\" data-id=\"a308bd9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db55b55 elementor-widget elementor-widget-html\" data-id=\"db55b55\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"haendler\" style=\"width: 100%; height:190vh; margin: 0; padding: 0; overflow: hidden;\">\r\n    <iframe src=\"https:\/\/aquamot-old.vazaweb.com\/\" style=\"width: 100%; height: 100%; border: none; display: block;\" title=\"Aquamot Old Website\" scrolling=\"no\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\">\r\n    <\/iframe>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c5f9f64 e-flex e-con-boxed e-con e-parent\" data-id=\"c5f9f64\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1b6e281 e-con-full e-flex e-con e-child\" data-id=\"1b6e281\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2c9965 elementor-widget elementor-widget-heading\" data-id=\"f2c9965\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Find a dealer or become a dealer<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63671f1 e-con-full e-flex e-con e-child\" data-id=\"63671f1\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-899b703 e-con-full e-flex e-con e-child\" data-id=\"899b703\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e78b8e1 elementor-widget elementor-widget-text-editor\" data-id=\"e78b8e1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Are you looking for a specific dealer? Or are you a dealer and would like to become an electric boat motor dealer? Then please send us an email to <a href=\"mailto:office@aquamot.com\">office@aquamot.com<\/a>. A sales representative will contact you immediately.   <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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>Dealer search Find the right dealer near you 01 02 03 04 05 Find the right dealer near you Are you looking for a specialist dealer near you? Together with our service partners, we have a widely distributed sales network. Our specialist dealers will help you find the right Aquamot motor for your boat and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8199","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aquamot.vazaweb.com\/en\/wp-json\/wp\/v2\/pages\/8199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aquamot.vazaweb.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aquamot.vazaweb.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aquamot.vazaweb.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aquamot.vazaweb.com\/en\/wp-json\/wp\/v2\/comments?post=8199"}],"version-history":[{"count":10,"href":"https:\/\/aquamot.vazaweb.com\/en\/wp-json\/wp\/v2\/pages\/8199\/revisions"}],"predecessor-version":[{"id":13307,"href":"https:\/\/aquamot.vazaweb.com\/en\/wp-json\/wp\/v2\/pages\/8199\/revisions\/13307"}],"wp:attachment":[{"href":"https:\/\/aquamot.vazaweb.com\/en\/wp-json\/wp\/v2\/media?parent=8199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}