Wo Sie unsere Produkte finden können

Wo Sie unsere Produkte finden

Entdecken Sie unsere Produkte bei unseren Vertriebspartnern.

Bevor Sie sich auf den Weg machen, empfehlen wir Ihnen, sich mit ihnen in Verbindung zu setzen, um die Verfügbarkeit zu überprüfen: Einige Ausstellungsräume sind nur nach Vereinbarung zugänglich.

Land

Dienstleistung

Modell

Händler werden geladen...

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"/>
<style>
*{margin:0;padding:0;box-sizing:border-box}
html,body,#map{width:100%;height:100%}
.custom-marker{background:none;border:none}
.leaflet-popup-content-wrapper{border-radius:16px;padding:0;box-shadow:0 4px 24px rgba(0,0,0,0.12);border:none}
.leaflet-popup-content{margin:0;width:220px!important}
.leaflet-popup-tip-container{display:none}
.leaflet-popup-close-button{top:8px!important;right:8px!important;color:#999!important;font-size:20px!important}
.popup-card{padding:16px;font-family:system-ui,-apple-system,sans-serif}
.popup-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.popup-logo{width:44px;height:44px;border-radius:50%;background:##PRIMARY##;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.popup-logo img{width:30px;height:30px;object-fit:contain}
.popup-logo-placeholder{color:#fff;font-size:14px;font-weight:600}
.popup-title{font-size:15px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:0.3px;line-height:1.2}
.popup-location{display:flex;align-items:center;gap:4px;color:##PRIMARY##;font-size:13px;font-weight:500;margin-bottom:12px}
.popup-location svg{width:14px;height:14px;flex-shrink:0}
.popup-products{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.popup-product{padding:5px 10px;font-size:10px;font-weight:600;text-transform:uppercase;background:##PRIMARY##;color:#fff;border-radius:4px}
.popup-btn{display:block;width:100%;padding:10px;text-align:center;background:##ACCENT##;color:#fff;font-size:13px;font-weight:600;text-decoration:none;border-radius:8px;cursor:pointer;border:none}
.popup-btn:hover{opacity:0.9}
</style>
</head>
<body>
<div id="map"></div>
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<script>
var map,markers=[],markersLayer,currentMarkers=##MARKERS##,accentColor="##ACCENT##",primaryColor="##PRIMARY##";
function init(){
map=L.map("map",{zoomControl:true}).setView([46.603354,1.888334],5);
L.tileLayer("https://tile.openstreetmap.org/{z}/{x}/{y}.png",{attribution:'© OpenStreetMap',maxZoom:19}).addTo(map);
markersLayer=L.layerGroup().addTo(map);
addMarkers(currentMarkers);
window.addEventListener("message",function(e){
if(e.data&&e.data.type==="updateMarkers"){addMarkers(e.data.markers)}
else if(e.data&&e.data.type==="focusMarker"){focusMarker(e.data.id)}
});
document.addEventListener("click",function(e){
if(e.target.classList.contains("popup-btn")){
var id=e.target.dataset.id;
parent.postMessage({type:"scrollToCard",id:id},"*");
}
});
}
function createIcon(){
var svg='<svg width="40" height="48" viewBox="0 0 40 48" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="20" cy="45" rx="8" ry="3" fill="rgba(0,0,0,0.2)"/><circle cx="20" cy="18" r="16" fill="'+accentColor+'" stroke="white" stroke-width="3"/><path d="M20 38L12 26h16l-8 12z" fill="'+accentColor+'"/></svg>';
return L.divIcon({
className:"custom-marker",
html:svg,
iconSize:[40,48],
iconAnchor:[20,45],
popupAnchor:[0,-32]
});
}
function getInitials(name){
if(!name)return"?";
var w=name.trim().split(" ");
return w.length>=2?(w[0][0]+w[1][0]).toUpperCase():name.substring(0,2).toUpperCase();
}
function createPopupContent(d){
var loc=[d.city,d.country].filter(Boolean).join(", ");
var logoHtml=d.logo?'<img src="'+d.logo+'" alt="">':'<span class="popup-logo-placeholder">'+getInitials(d.title)+'</span>';
var productsHtml="";
if(d.products&&d.products.length>0){
productsHtml='<div class="popup-products">'+d.products.map(function(p){return'<span class="popup-product">'+p+'</span>'}).join("")+'</div>';
}
return'<div class="popup-card"><div class="popup-header"><div class="popup-logo">'+logoHtml+'</div><div class="popup-title">'+d.title+'</div></div>'+(loc?'<div class="popup-location"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>'+loc+'</div>':"")+productsHtml+'<button class="popup-btn" data-id="'+d.id+'">Voir la fiche</button></div>';
}
function addMarkers(data){
markersLayer.clearLayers();
markers=[];
if(!data||data.length===0)return;
var bounds=[];
data.forEach(function(d){
if(!d.lat||!d.lng)return;
var m=L.marker([d.lat,d.lng],{icon:createIcon()});
m.did=d.id;
m.dd=d;
m.bindPopup(createPopupContent(d),{maxWidth:250,minWidth:220});
m.on("click",function(){parent.postMessage({type:"markerClick",id:d.id},"*")});
markersLayer.addLayer(m);
markers.push(m);
bounds.push([d.lat,d.lng]);
});
if(bounds.length>0){
map.fitBounds(bounds,{padding:[50,50]});
if(bounds.length===1)map.setZoom(10);
}
}
function focusMarker(id){
var m=markers.find(function(x){return x.did===id});
if(m){
var targetZoom=map.getZoom()<8?8:map.getZoom();
map.flyTo(m.getLatLng(),targetZoom,{duration:0.8});
setTimeout(function(){m.openPopup()},400);
}
}
init();
</script>
</body>
</html>

Möchten Sie Händler werden? Kontaktieren Sie uns direkt über das untenstehende Formular.

Formular für Wiederverkäufer

Dachzelte

Ultrakompakte Dachzelte

Familien-Dachzelte

Wo Sie unsere Produkte finden

Zuletzt angesehene Produkte

Sie haben noch kein Konto?