{"id":5171,"date":"2026-08-25T06:46:42","date_gmt":"2026-08-25T06:46:42","guid":{"rendered":"https:\/\/www.stehr-spezialmaschinen.de\/interactive-dealer-map\/"},"modified":"2026-09-30T11:12:01","modified_gmt":"2026-09-30T11:12:01","slug":"interactive-dealer-map","status":"publish","type":"page","link":"https:\/\/www.stehr.com\/en\/interactive-dealer-map\/","title":{"rendered":"Interactive Dealer Map"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5171\" class=\"elementor elementor-5171 elementor-3975\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07c5284 e-grid e-con-full e-con e-parent\" data-id=\"07c5284\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34a8f95 elementor-widget elementor-widget-html\" data-id=\"34a8f95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Leaflet CSS & JS -->\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" \/>\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n\n<!-- FontAwesome & Flag Icons -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/flag-icon-css\/3.5.0\/css\/flag-icon.min.css\">\n\n<style>\n    \/* ==========================================================================\n       1. SCOPED CSS VARIABLES & BENTO WRAPPER\n       ========================================================================== *\/\n    #stehr-map-bento-wrapper {\n        --bento-primary: #0078bb;\n        --bento-primary-dark: #005a8c;\n        --bento-primary-light: #e9f5fb;\n        --stehr-success: #16a34a; \n        --stehr-success-light: #dcfce7;\n        --stehr-danger: #ef4444; \n        --stehr-danger-light: #fee2e2;\n        --bento-text-main: #0f172a;\n        --bento-text-muted: #475569;\n        --bento-bg-card: #ffffff;\n        --bento-bg-body: #f8fafc;\n        --bento-border: #e2e8f0;\n        \n        --bento-radius-lg: 24px;\n        --bento-radius-md: 16px;\n        --bento-radius-sm: 12px;\n        \n        --bento-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.05);\n        --bento-shadow-hover: 0 16px 35px -8px rgba(0, 120, 187, 0.2);\n        --bento-transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n\n        box-sizing: border-box;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important; \n        width: 100%;\n        max-width: 1200px;\n        margin: 40px auto;\n        color: var(--bento-text-muted);\n        line-height: 1.6;\n        \n        \/* The entire module as one large Bento card *\/\n        background: var(--bento-bg-card);\n        border: 1px solid var(--bento-border);\n        border-radius: var(--bento-radius-lg);\n        box-shadow: var(--bento-shadow);\n        overflow: hidden; \n        display: flex;\n        flex-direction: column;\n        height: 750px;\n    }\n\n    #stehr-map-bento-wrapper * {\n        box-sizing: border-box;\n    }\n\n    .flag-icon {\n        border-radius: 2px;\n        margin-right: 6px;\n        box-shadow: 0 1px 3px rgba(0,0,0,0.1);\n    }\n\n    \/* ==========================================================================\n       2. APP HEADER (Top Bar) & RESET BUTTON\n       ========================================================================== *\/\n    #stehr-map-bento-wrapper .stehr-app-header {\n        background: linear-gradient(135deg, var(--bento-primary), var(--bento-primary-dark));\n        color: #ffffff;\n        padding: 20px 30px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        z-index: 1000;\n        flex-wrap: wrap;\n        gap: 15px;\n    }\n\n    .stehr-app-title {\n        font-size: 1.5rem;\n        font-weight: 800;\n        margin: 0;\n        letter-spacing: -0.02em;\n        display: flex;\n        align-items: center;\n        gap: 12px;\n    }\n\n    .stehr-map-controls {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        flex-wrap: wrap;\n    }\n\n    \/* Reset Button *\/\n    .stehr-map-reset-btn {\n        background-color: rgba(255, 255, 255, 0.1);\n        color: #ffffff;\n        border: 2px solid rgba(255, 255, 255, 0.2);\n        border-radius: var(--bento-radius-sm);\n        padding: 10px 16px;\n        font-size: 0.95rem;\n        font-weight: 600;\n        cursor: pointer;\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        transition: var(--bento-transition);\n        backdrop-filter: blur(4px);\n    }\n\n    .stehr-map-reset-btn:hover {\n        background-color: #ffffff;\n        color: var(--bento-primary-dark);\n        border-color: #ffffff;\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n    }\n\n    .stehr-map-controls label {\n        font-weight: 600;\n        font-size: 0.95rem;\n        color: rgba(255,255,255,0.9);\n        margin: 0 0 0 10px;\n    }\n\n    .stehr-map-custom-select {\n        position: relative;\n        width: 260px;\n    }\n    \n    .stehr-map-select-trigger {\n        width: 100%;\n        padding: 10px 16px;\n        border: 2px solid rgba(255,255,255,0.2);\n        border-radius: var(--bento-radius-sm);\n        font-size: 0.95rem;\n        font-weight: 600;\n        background-color: rgba(255,255,255,0.1);\n        color: #ffffff;\n        cursor: pointer;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        transition: var(--bento-transition);\n        user-select: none;\n        backdrop-filter: blur(4px);\n    }\n    \n    .stehr-map-select-trigger:hover, \n    .stehr-map-select-trigger.active {\n        background-color: #ffffff;\n        color: var(--bento-primary-dark);\n        border-color: #ffffff;\n    }\n\n    .stehr-map-arrow {\n        font-size: 0.8rem;\n        transition: transform 0.3s ease;\n    }\n    \n    .stehr-map-select-trigger.active .stehr-map-arrow {\n        transform: rotate(180deg);\n    }\n    \n    .stehr-map-options-container {\n        position: absolute;\n        background-color: #ffffff;\n        top: calc(100% + 8px);\n        left: 0;\n        width: 100%;\n        z-index: 1001;\n        border: 1px solid var(--bento-border);\n        border-radius: var(--bento-radius-sm);\n        max-height: 400px;\n        overflow-y: auto;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n        padding: 8px 0;\n        display: none;\n    }\n    \n    .stehr-map-option {\n        padding: 10px 16px;\n        cursor: pointer;\n        color: var(--bento-text-main);\n        font-size: 0.95rem;\n        font-weight: 500;\n        transition: background-color 0.2s;\n        display: flex;\n        align-items: center;\n    }\n    \n    .stehr-map-option:hover {\n        background-color: var(--bento-primary-light);\n        color: var(--bento-primary-dark);\n    }\n\n    \/* ==========================================================================\n       3. MAIN LAYOUT (Map + Sidebar)\n       ========================================================================== *\/\n    #stehr-map-bento-wrapper .stehr-main-container {\n        display: flex;\n        flex: 1;\n        position: relative;\n        overflow: hidden;\n        width: 100%;\n    }\n\n    #stehr-map {\n        flex: 1;\n        height: 100%;\n        z-index: 1;\n        background-color: #e5e7eb;\n    }\n\n    #stehr-map-bento-wrapper .stehr-sidebar {\n        width: 380px;\n        background: var(--bento-bg-body);\n        border-left: 1px solid var(--bento-border);\n        display: flex;\n        flex-direction: column;\n        z-index: 2;\n        box-shadow: -4px 0 15px rgba(0,0,0,0.03);\n    }\n\n    #stehr-map-bento-wrapper .sidebar-header {\n        padding: 20px 24px;\n        background-color: #ffffff;\n        border-bottom: 1px solid var(--bento-border);\n    }\n\n    #stehr-map-bento-wrapper .sidebar-header h3 {\n        font-size: 1.1rem;\n        font-weight: 800;\n        color: var(--bento-text-main);\n        margin: 0;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n    }\n\n    #stehr-map-bento-wrapper .dealer-list {\n        overflow-y: auto;\n        flex: 1;\n        padding: 20px;\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n    }\n\n    \/* ==========================================================================\n       4. DEALER CARDS (in the Sidebar)\n       ========================================================================== *\/\n    #stehr-map-bento-wrapper .sidebar-dealer-card {\n        background: #ffffff;\n        border: 1px solid var(--bento-border);\n        border-radius: var(--bento-radius-md);\n        padding: 16px;\n        transition: var(--bento-transition);\n        cursor: pointer;\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n    }\n\n    #stehr-map-bento-wrapper .sidebar-dealer-card:hover {\n        transform: translateY(-2px);\n        box-shadow: var(--bento-shadow-hover);\n    }\n\n    .card-active { border-left: 4px solid var(--stehr-success); }\n    .card-active:hover { border-color: var(--stehr-success); }\n\n    .card-seeking { border-left: 4px solid var(--stehr-danger); }\n    .card-seeking:hover { border-color: var(--stehr-danger); }\n\n    .card-none { border-left: 4px solid #cbd5e1; opacity: 0.8; }\n\n    .sidebar-country-row {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        border-bottom: 1px solid var(--bento-border);\n        padding-bottom: 8px;\n    }\n\n    .sidebar-country-name {\n        font-weight: 800;\n        font-size: 1rem;\n        color: var(--bento-text-main);\n        display: flex;\n        align-items: center;\n    }\n\n    \/* Status Badges *\/\n    .sidebar-status {\n        font-size: 0.7rem;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        padding: 4px 10px;\n        border-radius: 50px;\n    }\n    \n    .status-badge-active { background-color: var(--stehr-success-light); color: var(--stehr-success); }\n    .status-badge-seeking { background-color: var(--stehr-danger-light); color: var(--stehr-danger); }\n    .status-badge-none { background-color: #f1f5f9; color: #64748b; }\n\n    .sidebar-dealer-details {\n        font-size: 0.9rem;\n        color: var(--bento-text-muted);\n        line-height: 1.5;\n        white-space: pre-line;\n    }\n    \n    .sidebar-dealer-details strong {\n        color: var(--bento-text-main);\n        display: block;\n        font-size: 1rem;\n        margin-bottom: 4px;\n    }\n\n    .sidebar-dealer-details a {\n        color: var(--bento-primary);\n        text-decoration: none;\n    }\n\n    .sidebar-dealer-details a:hover {\n        text-decoration: underline;\n    }\n\n    \/* CTA at the end of the sidebar *\/\n    #stehr-map-bento-wrapper .sidebar-cta {\n        background-color: #ffffff;\n        border-top: 1px solid var(--bento-border);\n        padding: 20px 24px;\n        text-align: center;\n    }\n    \n    #stehr-map-bento-wrapper .sidebar-cta p {\n        margin: 0 0 12px 0;\n        font-size: 0.9rem;\n        color: var(--bento-text-muted);\n        font-weight: 600;\n    }\n    \n    #stehr-map-bento-wrapper .sidebar-cta a {\n        display: block;\n        background-color: var(--bento-primary);\n        color: #ffffff;\n        padding: 12px 20px;\n        border-radius: var(--bento-radius-sm);\n        text-decoration: none;\n        font-weight: 700;\n        font-size: 0.95rem;\n        transition: var(--bento-transition);\n    }\n\n    #stehr-map-bento-wrapper .sidebar-cta a:hover {\n        background-color: var(--bento-primary-dark);\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(0, 120, 187, 0.25);\n    }\n\n    \/* ==========================================================================\n       5. LEAFLET POPUP OVERRIDES (BENTO STYLE)\n       ========================================================================== *\/\n    .leaflet-popup-content-wrapper {\n        border-radius: var(--bento-radius-md) !important;\n        padding: 0 !important;\n        box-shadow: var(--bento-shadow-hover) !important;\n        overflow: hidden;\n    }\n    \n    .leaflet-popup-content {\n        margin: 0 !important;\n        width: 280px !important;\n    }\n    \n    .stehr-popup-header {\n        background: var(--bento-bg-body);\n        padding: 12px 16px;\n        border-bottom: 1px solid var(--bento-border);\n        font-weight: 800;\n        font-size: 1rem;\n        color: var(--bento-primary-dark);\n        display: flex;\n        align-items: center;\n    }\n    \n    .stehr-popup-body {\n        padding: 16px;\n        font-size: 0.9rem;\n        color: var(--bento-text-muted);\n        line-height: 1.5;\n        white-space: pre-line;\n    }\n    \n    .stehr-popup-body strong {\n        color: var(--bento-text-main);\n        display: block;\n        font-size: 1.05rem;\n        margin-bottom: 4px;\n    }\n\n    \/* Blue Ghost Button in Map Popup *\/\n    .stehr-popup-btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 6px;\n        background-color: #ffffff; \n        color: var(--bento-primary) !important; \n        border: 2px solid var(--bento-primary); \n        padding: 8px 16px;\n        font-size: 0.85rem;\n        font-weight: 700;\n        text-decoration: none !important;\n        border-radius: 6px;\n        transition: var(--bento-transition);\n        margin-top: 12px;\n        width: 100%;\n    }\n    \n    .stehr-popup-btn:hover {\n        background-color: var(--bento-primary); \n        color: #ffffff !important; \n    }\n\n    .leaflet-container a.leaflet-popup-close-button {\n        color: var(--bento-text-muted);\n        padding: 8px 8px 0 0;\n        width: 24px;\n        height: 24px;\n        font-weight: bold;\n    }\n\n    \/* ==========================================================================\n       6. RESPONSIVE DESIGN\n       ========================================================================== *\/\n    @media (max-width: 768px) {\n        #stehr-map-bento-wrapper {\n            height: 900px;\n            border-radius: var(--bento-radius-md);\n        }\n        #stehr-map-bento-wrapper .stehr-main-container {\n            flex-direction: column;\n        }\n        #stehr-map-bento-wrapper .stehr-sidebar {\n            width: 100%;\n            height: 50%;\n            border-left: none;\n            border-top: 1px solid var(--bento-border);\n        }\n        #stehr-map-bento-wrapper .stehr-app-header {\n            flex-direction: column;\n            align-items: flex-start;\n        }\n        .stehr-map-custom-select {\n            width: 100%;\n        }\n        .stehr-map-controls {\n            width: 100%;\n        }\n    }\n<\/style>\n\n<div id=\"stehr-map-bento-wrapper\">\n    \n    <div class=\"stehr-app-header\">\n        <h2 class=\"stehr-app-title\"><i class=\"fa-solid fa-map-location-dot\"><\/i> Stehr Dealer Network<\/h2>\n        \n        <div class=\"stehr-map-controls\">\n            <!-- Reset Button -->\n            <button class=\"stehr-map-reset-btn\" onclick=\"resetStehrMap()\" title=\"Reset view\">\n                <i class=\"fa-solid fa-rotate-left\"><\/i> Reset View\n            <\/button>\n            \n            <label>Country:<\/label>\n            <!-- Custom HTML Dropdown -->\n            <div class=\"stehr-map-custom-select\" id=\"stehr-map-dropdown\">\n                <div class=\"stehr-map-select-trigger\" onclick=\"toggleMapDropdown()\">\n                    <span id=\"stehr-map-selected-text\"><i class=\"fa-solid fa-globe flag-icon\" style=\"color:var(--bento-primary); font-size: 1rem;\"><\/i> Show all countries<\/span>\n                    <i class=\"fa-solid fa-chevron-down stehr-map-arrow\"><\/i>\n                <\/div>\n                \n                <div class=\"stehr-map-options-container\" id=\"stehr-map-options-list\">\n                    <div class=\"stehr-map-option\" onclick=\"focusCountry('all', 'Show all countries')\"><i class=\"fa-solid fa-globe flag-icon\" style=\"color:var(--bento-primary); font-size: 1rem;\"><\/i> Show all countries<\/div>\n                    <!-- JS fills this list automatically -->\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"stehr-main-container\">\n        <!-- The Map -->\n        <div id=\"stehr-map\"><\/div>\n        \n        <!-- The Sidebar -->\n        <div class=\"stehr-sidebar\">\n            <div class=\"sidebar-header\">\n                <h3>Directory (<span id=\"count\">0<\/span>)<\/h3>\n            <\/div>\n            <div class=\"dealer-list\" id=\"dealerList\">\n                <!-- JS fills the dealer cards here -->\n            <\/div>\n            <div class=\"sidebar-cta\">\n                <p>Would you like to become a Stehr dealer?<\/p>\n                <a href=\"mailto:info@stehr.com\"><i class=\"fa-solid fa-envelope\"><\/i> Apply now<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    \n    \/\/ 1. Dealer Data\n    const dealers = [\n        { country: \"Australia\", iso: \"au\", coords: [-25.2744, 133.7751], name: \"Emquip (NZ) Limited\", info: \"\", status: \"active\", url: \"#\" },\n        { country: \"Austria\", iso: \"at\", coords: [47.5162, 14.5501], name: \"No dealer\", info: \"We are currently looking for a distribution partner for this region.\", status: \"seeking\", url: \"\" },\n        { country: \"Belarus\", iso: \"by\", coords: [53.7098, 27.9534], name: \"Senkun\", info: \"\", status: \"active\", url: \"http:\/\/www.senkun.ru\" },\n        { country: \"Belgium\", iso: \"be\", coords: [50.5039, 4.4699], name: \"Verhaeghe Products\", info: \"\", status: \"active\", url: \"http:\/\/www.products.verhaegheproducts.be\/nl_NL\/\" },\n        { country: \"Bulgaria\", iso: \"bg\", coords: [42.7339, 25.4858], name: \"IngConsult Ltd.\", info: \"\", status: \"active\", url: \"#\" },\n        { country: \"Colombia\", iso: \"co\", coords: [4.5709, -74.2973], name: \"Fiza\", info: \"\", status: \"active\", url: \"http:\/\/www.fiza.co\" },\n        { country: \"Costa Rica\", iso: \"cr\", coords: [9.7489, -83.7534], name: \"CRAISA\", info: \"\", status: \"active\", url: \"http:\/\/www.craisa.com\/\" },\n        { country: \"Denmark\", iso: \"dk\", coords: [56.2639, 9.5018], name: \"Lesanco ApS\", info: \"\", status: \"active\", url: \"http:\/\/www.lesanco.dk\/\" },\n        { country: \"Estonia, Lithuania, Latvia\", iso: \"ee\", coords: [56.8796, 24.6032], name: \"Sinkai EU\", info: \"Distribution for the Baltics\", status: \"active\", url: \"https:\/\/www.sinkai.eu\/\" },\n        { country: \"Finland\", iso: \"fi\", coords: [61.9241, 25.7482], name: \"No dealer\", info: \"We are currently looking for a distribution partner for this region.\", status: \"seeking\", url: \"\" },\n        { country: \"France\", iso: \"fr\", coords: [46.2276, 2.2137], name: \"Stehr France\", info: \"\", status: \"active\", url: \"http:\/\/www.stehr-france.fr\" },\n        { country: \"Georgia\", iso: \"ge\", coords: [42.3154, 43.3569], name: \"No dealer\", info: \"We are currently looking for a distribution partner for this region.\", status: \"seeking\", url: \"\" },\n        { country: \"Hungary\", iso: \"hu\", coords: [47.1625, 19.5033], name: \"Tendix\", info: \"\", status: \"active\", url: \"https:\/\/www.tendix.hu\/\" },\n        { country: \"India\", iso: \"in\", coords: [20.5937, 78.9629], name: \"Allen Buildwell\", info: \"\", status: \"active\", url: \"http:\/\/www.allenbuildwell.com\" },\n        { country: \"Italy\", iso: \"it\", coords: [41.8719, 12.5674], name: \"No dealer\", info: \"We are currently looking for a distribution partner for this region.\", status: \"seeking\", url: \"\" },\n        { country: \"Japan\", iso: \"jp\", coords: [36.2048, 138.2529], name: \"No dealer\", info: \"We are currently looking for a distribution partner for this region.\", status: \"seeking\", url: \"\" },\n        { country: \"Kazakhstan\", iso: \"kz\", coords: [48.0196, 66.9237], name: \"No dealer\", info: \"\", status: \"none\", url: \"\" },\n        { country: \"Kenya\", iso: \"ke\", coords: [-1.2921, 36.8219], name: \"Feil Biz\", info: \"\", status: \"active\", url: \"http:\/\/www.feil.biz\" },\n        { country: \"Netherlands\", iso: \"nl\", coords: [52.1326, 5.2913], name: \"No dealer\", info: \"\", status: \"none\", url: \"\" },\n        { country: \"New Zealand\", iso: \"nz\", coords: [-40.9006, 174.8860], name: \"Emquip (NZ) Limited\", info: \"\", status: \"active\", url: \"#\" },\n        { country: \"Norway\", iso: \"no\", coords: [60.4720, 8.4689], name: \"Arstec\", info: \"\", status: \"active\", url: \"http:\/\/www.arstec.no\" },\n        { country: \"Poland\", iso: \"pl\", coords: [53.3486, 18.4252], name: \"Agro Sie\u0107 Sp. z o.o.\", info: \"Magazynowa 2, 86-200 Che\u0142mno\\nPhone: +48 664-144-575\\nmaszyny@agro-siec.pl\", status: \"active\", url: \"#\" },\n        { country: \"Portugal\", iso: \"pt\", coords: [39.3999, -8.2245], name: \"Perta\", info: \"\", status: \"active\", url: \"http:\/\/www.perta.pt\" },\n        { country: \"Russia\", iso: \"ru\", coords: [61.5240, 105.3188], name: \"Senkun\", info: \"\", status: \"active\", url: \"http:\/\/senkun.ru\" },\n        { country: \"Serbia\", iso: \"rs\", coords: [44.0165, 21.0059], name: \"Uniwab\", info: \"\", status: \"active\", url: \"http:\/\/www.uniwab.rs\" },\n        { country: \"Slovakia\", iso: \"sk\", coords: [48.6690, 19.6990], name: \"S2 Sro\", info: \"\", status: \"active\", url: \"http:\/\/www.s2sro.sk\" },\n        { country: \"Spain\", iso: \"es\", coords: [40.4637, -3.7492], name: \"No dealer\", info: \"We are currently looking for a distribution partner for this region.\", status: \"seeking\", url: \"\" },\n        { country: \"Sweden\", iso: \"se\", coords: [60.1282, 18.6435], name: \"No dealer\", info: \"\", status: \"none\", url: \"\" },\n        { country: \"Switzerland\", iso: \"ch\", coords: [46.8182, 8.2275], name: \"ARAG Bau AG\", info: \"Contact: Marziano Blum\\nmarziano.blum@arag-group.ch\\nPhone: +41 58 710 00 16\", status: \"active\", url: \"http:\/\/www.arag-bau.ch\" },\n        { country: \"Thailand\", iso: \"th\", coords: [15.8700, 100.9925], name: \"Siam ITM\", info: \"\", status: \"active\", url: \"http:\/\/www.siam-itm.co.th\" },\n        { country: \"Turkey\", iso: \"tr\", coords: [38.9637, 35.2433], name: \"No dealer\", info: \"\", status: \"none\", url: \"\" },\n        { country: \"USA\", iso: \"us\", coords: [33.7126, -84.1052], name: \"Protective Liner Systems, Inc.\", info: \"Ron Lyons, Operations Manager\\nLithonia, GA 30058\\nPhone: 770-482-5201\\nronlyons@protectivelinersystems.com\", status: \"active\", url: \"#\" },\n        { country: \"Uganda\", iso: \"ug\", coords: [1.3733, 32.2903], name: \"Feil Biz\", info: \"\", status: \"active\", url: \"http:\/\/www.feil.biz\" },\n        { country: \"Ukraine\", iso: \"ua\", coords: [48.3794, 31.1656], name: \"No dealer\", info: \"\", status: \"none\", url: \"\" },\n        { country: \"United Kingdom\", iso: \"gb\", coords: [55.3781, -3.4360], name: \"Reeds Ltd.\", info: \"\", status: \"active\", url: \"http:\/\/www.reedsltd.co.uk\" }\n    ];\n\n    \/\/ 2. Initialize Map\n    const map = L.map('stehr-map', {zoomControl: false}).setView([30, 10], 2);\n    L.control.zoom({position: 'topright'}).addTo(map);\n\n    L.tileLayer('https:\/\/tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n        maxZoom: 19,\n        attribution: '&copy; OpenStreetMap'\n    }).addTo(map);\n\n    \/\/ Sort alphabetically by English names\n    dealers.sort((a, b) => a.country.localeCompare(b.country, 'en'));\n\n    const listContainer = document.getElementById('dealerList');\n    const customDropdownList = document.getElementById('stehr-map-options-list');\n    document.getElementById('count').textContent = dealers.length;\n    const markers = {};\n\n    \/\/ 3. Populate Dropdown and Sidebar\n    dealers.forEach((item, index) => {\n        \n        \/\/ --- Custom Dropdown Option ---\n        const opt = document.createElement('div');\n        opt.className = 'stehr-map-option';\n        opt.innerHTML = `<span class=\"flag-icon flag-icon-${item.iso}\"><\/span> ${item.country}`;\n        opt.onclick = () => focusCountry(index, opt.innerHTML);\n        customDropdownList.appendChild(opt);\n\n        \/\/ --- Map Marker ---\n        let markerColor = item.status === 'active' ? '#16a34a' : (item.status === 'seeking' ? '#ef4444' : '#cbd5e1');\n        const customIcon = L.divIcon({\n            className: 'custom-pin',\n            html: `<div style=\"background-color: ${markerColor}; width: 16px; height: 16px; border-radius: 50%; border: 2px solid white; box-shadow: 0 2px 5px rgba(0,0,0,0.5);\"><\/div>`,\n            iconSize: [16, 16],\n            iconAnchor: [8, 8]\n        });\n\n        const marker = L.marker(item.coords, { icon: customIcon }).addTo(map);\n        \n        \/\/ Popup Design\n        let btnHtml = '';\n        if(item.status === 'active' && item.url) {\n            btnHtml = `<a href=\"${item.url}\" target=\"_blank\" class=\"stehr-popup-btn\"><i class=\"fa-solid fa-globe\"><\/i> Visit Website<\/a>`;\n        }\n\n        marker.bindPopup(`\n            <div class=\"stehr-popup-header\"><span class=\"flag-icon flag-icon-${item.iso}\"><\/span> ${item.country}<\/div>\n            <div class=\"stehr-popup-body\">\n                <strong>${item.name}<\/strong>\n                ${item.info}\n                ${btnHtml}\n            <\/div>\n        `);\n        markers[index] = marker;\n\n        \/\/ --- Sidebar Card ---\n        const card = document.createElement('div');\n        card.className = `sidebar-dealer-card card-${item.status}`;\n        card.id = `card-${index}`;\n        \n        let badgeText = item.status === 'active' ? \"Active\" : (item.status === 'seeking' ? \"Wanted\" : \"-\");\n        let badgeClass = `status-badge-${item.status}`;\n\n        \/\/ Auto-format email links\n        let formattedInfo = item.info.replace(\/([a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\\.[a-zA-Z0-9._-]+)\/g, '<a href=\"mailto:$1\">$1<\/a>');\n\n        card.innerHTML = `\n            <div class=\"sidebar-country-row\">\n                <div class=\"sidebar-country-name\"><span class=\"flag-icon flag-icon-${item.iso}\"><\/span> ${item.country}<\/div>\n                <div class=\"sidebar-status ${badgeClass}\">${badgeText}<\/div>\n            <\/div>\n            <div class=\"sidebar-dealer-details\">\n                <strong>${item.name}<\/strong>\n                ${formattedInfo}\n            <\/div>\n        `;\n        \n        card.onclick = () => { \n            focusCountry(index, `<span class=\"flag-icon flag-icon-${item.iso}\"><\/span> ${item.country}`); \n        };\n        listContainer.appendChild(card);\n    });\n\n    \/\/ 4. Global Functions\n    window.toggleMapDropdown = function() {\n        var dropdown = document.getElementById(\"stehr-map-options-list\");\n        var trigger = document.querySelector(\".stehr-map-select-trigger\");\n        \n        if (dropdown.style.display === \"block\") {\n            dropdown.style.display = \"none\";\n            trigger.classList.remove(\"active\");\n        } else {\n            dropdown.style.display = \"block\";\n            trigger.classList.add(\"active\");\n        }\n    };\n\n    window.focusCountry = function(index, displayText) {\n        \/\/ Change text in dropdown\n        document.getElementById(\"stehr-map-selected-text\").innerHTML = displayText;\n        document.getElementById(\"stehr-map-options-list\").style.display = \"none\";\n        document.querySelector(\".stehr-map-select-trigger\").classList.remove(\"active\");\n\n        if (index === 'all') {\n            window.resetStehrMap();\n            return;\n        }\n\n        const item = dealers[index];\n        const marker = markers[index];\n        \n        let zoom = 6;\n        if(item.country === \"USA\" || item.country === \"Russia\" || item.country === \"Australia\") zoom = 4;\n        \n        map.setView(item.coords, zoom);\n        marker.openPopup();\n\n        document.querySelectorAll('.sidebar-dealer-card').forEach(c => c.style.backgroundColor = '');\n        const activeCard = document.getElementById(`card-${index}`);\n        if (activeCard) {\n            activeCard.style.backgroundColor = 'var(--bento-primary-light)';\n            activeCard.scrollIntoView({ behavior: 'smooth', block: 'center' });\n        }\n    };\n\n    \/\/ Reset Function\n    window.resetStehrMap = function() {\n        \/\/ Reset dropdown\n        document.getElementById(\"stehr-map-selected-text\").innerHTML = '<i class=\"fa-solid fa-globe flag-icon\" style=\"color:var(--bento-primary); font-size: 1rem;\"><\/i> Show all countries';\n        \n        \/\/ Reset map to default view\n        map.setView([30, 10], 2);\n        \n        \/\/ Close popups\n        map.closePopup();\n        \n        \/\/ Remove highlighting from cards\n        document.querySelectorAll('.sidebar-dealer-card').forEach(c => c.style.backgroundColor = '');\n        \n        \/\/ Scroll list smoothly to top\n        const listContainer = document.getElementById('dealerList');\n        if(listContainer) {\n            listContainer.scrollTo({ top: 0, behavior: 'smooth' });\n        }\n    };\n\n    \/\/ Close dropdown when clicking outside\n    document.addEventListener(\"click\", function(event) {\n        var dropdown = document.getElementById(\"stehr-map-dropdown\");\n        if (dropdown && !dropdown.contains(event.target)) {\n            var optionsList = document.getElementById(\"stehr-map-options-list\");\n            var trigger = document.querySelector(\".stehr-map-select-trigger\");\n            if (optionsList && trigger) {\n                optionsList.style.display = \"none\";\n                trigger.classList.remove(\"active\");\n            }\n        }\n    });\n});\n<\/script>\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>Stehr Dealer Network Reset View Country: Show all countries Show all countries Directory (0) Would you like to become a Stehr dealer? Apply now<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5171","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.3 - aioseo.com -->\n\t<meta name=\"description\" content=\"Here, all Stehr construction machinery dealers and sales partners are listed, along with the countries where dealers are being sought, displayed on an interactive world map.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.stehr.com\/en\/interactive-dealer-map\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.3\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Stehr Baumaschinen GmbH -\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Interactive Dealer Map - Stehr Baumaschinen GmbH\" \/>\n\t\t<meta property=\"og:description\" content=\"Here, all Stehr construction machinery dealers and sales partners are listed, along with the countries where dealers are being sought, displayed on an interactive world map.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.stehr.com\/en\/interactive-dealer-map\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-08-25T06:46:42+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-09-30T11:12:01+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/stehrbaumaschinengmbh\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Interactive Dealer Map - Stehr Baumaschinen GmbH\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Here, all Stehr construction machinery dealers and sales partners are listed, along with the countries where dealers are being sought, displayed on an interactive world map.\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.stehr.com\\\/en\\\/interactive-dealer-map\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.stehr.com\\\/en\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.stehr.com\\\/en\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.stehr.com\\\/en\\\/interactive-dealer-map\\\/#listItem\",\"name\":\"Interactive Dealer Map\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.stehr.com\\\/en\\\/interactive-dealer-map\\\/#listItem\",\"position\":2,\"name\":\"Interactive Dealer Map\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.stehr.com\\\/en\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.stehr.com\\\/en\\\/#organization\",\"name\":\"Stehr Baumaschinen GmbH Stehr Baumaschinen GmbH\",\"url\":\"https:\\\/\\\/www.stehr.com\\\/en\\\/\",\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/stehrbaumaschinengmbh\",\"https:\\\/\\\/www.instagram.com\\\/stehr_baumaschinen_gmbh\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@stehrbaumaschinen\",\"https:\\\/\\\/www.youtube.com\\\/@stehrbaumaschinen\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.stehr.com\\\/en\\\/interactive-dealer-map\\\/#webpage\",\"url\":\"https:\\\/\\\/www.stehr.com\\\/en\\\/interactive-dealer-map\\\/\",\"name\":\"Interactive Dealer Map - Stehr Baumaschinen GmbH\",\"description\":\"Here, all Stehr construction machinery dealers and sales partners are listed, along with the countries where dealers are being sought, displayed on an interactive world map.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.stehr.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.stehr.com\\\/en\\\/interactive-dealer-map\\\/#breadcrumblist\"},\"datePublished\":\"2026-08-25T06:46:42+00:00\",\"dateModified\":\"2026-09-30T11:12:01+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.stehr.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.stehr.com\\\/en\\\/\",\"name\":\"Stehr Baumaschinen GmbH\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.stehr.com\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Interactive Dealer Map - Stehr Baumaschinen GmbH","description":"Here, all Stehr construction machinery dealers and sales partners are listed, along with the countries where dealers are being sought, displayed on an interactive world map.","canonical_url":"https:\/\/www.stehr.com\/en\/interactive-dealer-map\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/www.stehr.com\/en\/interactive-dealer-map\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.stehr.com\/en\/#listItem","position":1,"name":"Home","item":"https:\/\/www.stehr.com\/en\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.stehr.com\/en\/interactive-dealer-map\/#listItem","name":"Interactive Dealer Map"}},{"@type":"ListItem","@id":"https:\/\/www.stehr.com\/en\/interactive-dealer-map\/#listItem","position":2,"name":"Interactive Dealer Map","previousItem":{"@type":"ListItem","@id":"https:\/\/www.stehr.com\/en\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/www.stehr.com\/en\/#organization","name":"Stehr Baumaschinen GmbH Stehr Baumaschinen GmbH","url":"https:\/\/www.stehr.com\/en\/","sameAs":["https:\/\/www.facebook.com\/stehrbaumaschinengmbh","https:\/\/www.instagram.com\/stehr_baumaschinen_gmbh\/","https:\/\/www.tiktok.com\/@stehrbaumaschinen","https:\/\/www.youtube.com\/@stehrbaumaschinen"]},{"@type":"WebPage","@id":"https:\/\/www.stehr.com\/en\/interactive-dealer-map\/#webpage","url":"https:\/\/www.stehr.com\/en\/interactive-dealer-map\/","name":"Interactive Dealer Map - Stehr Baumaschinen GmbH","description":"Here, all Stehr construction machinery dealers and sales partners are listed, along with the countries where dealers are being sought, displayed on an interactive world map.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.stehr.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/www.stehr.com\/en\/interactive-dealer-map\/#breadcrumblist"},"datePublished":"2026-08-25T06:46:42+00:00","dateModified":"2026-09-30T11:12:01+00:00"},{"@type":"WebSite","@id":"https:\/\/www.stehr.com\/en\/#website","url":"https:\/\/www.stehr.com\/en\/","name":"Stehr Baumaschinen GmbH","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.stehr.com\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Stehr Baumaschinen GmbH -","og:type":"article","og:title":"Interactive Dealer Map - Stehr Baumaschinen GmbH","og:description":"Here, all Stehr construction machinery dealers and sales partners are listed, along with the countries where dealers are being sought, displayed on an interactive world map.","og:url":"https:\/\/www.stehr.com\/en\/interactive-dealer-map\/","article:published_time":"2026-08-25T06:46:42+00:00","article:modified_time":"2026-09-30T11:12:01+00:00","article:publisher":"https:\/\/www.facebook.com\/stehrbaumaschinengmbh","twitter:card":"summary_large_image","twitter:title":"Interactive Dealer Map - Stehr Baumaschinen GmbH","twitter:description":"Here, all Stehr construction machinery dealers and sales partners are listed, along with the countries where dealers are being sought, displayed on an interactive world map."},"aioseo_meta_data":{"post_id":"5171","title":null,"description":"Here, all Stehr construction machinery dealers and sales partners are listed, along with the countries where dealers are being sought, displayed on an interactive world map.","keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-09-02 10:59:11","updated":"2026-09-30 12:08:59","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.stehr.com\/en\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tInteractive Dealer Map\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.stehr.com\/en\/"},{"label":"Interactive Dealer Map","link":"https:\/\/www.stehr.com\/en\/interactive-dealer-map\/"}],"_links":{"self":[{"href":"https:\/\/www.stehr.com\/en\/wp-json\/wp\/v2\/pages\/5171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stehr.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.stehr.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.stehr.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stehr.com\/en\/wp-json\/wp\/v2\/comments?post=5171"}],"version-history":[{"count":0,"href":"https:\/\/www.stehr.com\/en\/wp-json\/wp\/v2\/pages\/5171\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.stehr.com\/en\/wp-json\/wp\/v2\/media?parent=5171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}