<!-- AGROMETER / KOBLINGER - CUSTOM MENU NAVIGATION -->
<div id="agm-menu-navigator">
<header class="agm-nav-header">
<div class="agm-nav-eyebrow"><span></span> AGROMETER · KOBLINGER & FITTINGS</div>
<h2>Find den rigtige kobling</h2>
<p>Vælg produktområde og gå direkte til den del, du mangler.</p>
</header>
<div class="agm-nav-tools">
<label class="agm-nav-search">
<span>Søg i menuen</span>
<input id="agm-nav-search" type="search" placeholder="Fx kugle, bæger, bøjning eller pakning" autocomplete="off" />
</label>
</div>
<div id="agm-nav-grid" class="agm-nav-grid"></div>
<div id="agm-nav-message" class="agm-nav-message" hidden="hidden">Ingen menupunkter matcher din søgning.</div>
</div>
<style type="text/css">
/* <![CDATA[ */
#agm-menu-navigator{--y:#f4c400;--dark:#181a1b;--text:#171717;--muted:#687078;--line:#e4e6e8;width:100%;max-width:1240px;margin:34px auto 48px;padding:0 16px;box-sizing:border-box;color:var(--text);font-family:Arial,Helvetica,sans-serif}
#agm-menu-navigator,#agm-menu-navigator *{box-sizing:border-box}
.agm-nav-header{padding:30px 34px 32px;background:var(--dark);color:#fff;border-left:6px solid var(--y);border-radius:16px}
.agm-nav-eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:var(--y);font-size:10px;font-weight:800;letter-spacing:1.35px;text-transform:uppercase}
.agm-nav-eyebrow span{width:8px;height:8px;background:var(--y);border-radius:50%}
.agm-nav-header h2{margin:0;color:#fff;font-size:clamp(30px,4vw,52px);font-weight:800;line-height:1.02;letter-spacing:-1.2px}
.agm-nav-header p{max-width:720px;margin:15px 0 0;color:#c9ccce;font-size:14px;line-height:1.65}
.agm-nav-tools{display:flex;justify-content:flex-end;padding:22px 0 18px}
.agm-nav-search{display:block;width:min(100%,440px)}
.agm-nav-search>span{display:block;margin-bottom:7px;color:#50565b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}
.agm-nav-search input{width:100%;min-height:46px;padding:0 14px;background:#fff;border:1px solid #cfd3d6;border-radius:7px;color:#171717;font:inherit;font-size:14px;outline:none}
.agm-nav-search input:focus{border-color:#a88700;box-shadow:0 0 0 3px rgba(244,196,0,.18)}
.agm-nav-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.agm-nav-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:12px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.agm-nav-card:hover{transform:translateY(-2px);border-color:#d2d4d5;box-shadow:0 8px 24px rgba(0,0,0,.07)}
.agm-nav-card-head{display:block;padding:21px 22px 17px;color:#171717!important;text-decoration:none!important;border-bottom:1px solid #eeeeec}
.agm-nav-card-kicker{display:block;margin-bottom:7px;color:#887000;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.agm-nav-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;color:#171717;font-size:18px;font-weight:800;line-height:1.2}
.agm-nav-card-description{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.agm-nav-links{display:flex;flex-direction:column;padding:8px 10px 10px}
.agm-nav-link{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:42px;padding:8px 11px;border-radius:6px;color:#353a3e!important;font-size:12px;font-weight:600;line-height:1.35;text-decoration:none!important}
.agm-nav-link:hover{background:#f4f4f1;color:#000!important}
.agm-arrow{flex:none;color:#b28e00}
.agm-nav-empty{padding:14px 22px 18px;color:#777d82;font-size:12px;line-height:1.5}
.agm-nav-message{margin-top:16px;padding:18px;background:#f7f7f5;border:1px solid #e4e6e8;border-radius:8px;color:#565c61;font-size:13px}
body.agm-custom-menu-active .content-left-pane,body.agm-custom-menu-active .page-left-pane{display:none!important}
body.agm-custom-menu-active .content-main,body.agm-custom-menu-active .content-mainTop,body.agm-custom-menu-active .content-mainBottom{width:100%!important;max-width:none!important}
@media screen and (max-width:1000px){.agm-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:650px){#agm-menu-navigator{margin-top:24px;padding:0 10px}.agm-nav-header{padding:25px 22px 27px;border-radius:12px}.agm-nav-grid{grid-template-columns:1fr}.agm-nav-tools{padding-top:17px}.agm-nav-search{width:100%}}
/* ]]> */
</style>
<script type="text/javascript">
// <![CDATA[
(function(){
"use strict";
var root=document.getElementById("agm-menu-navigator");
if(!root||root.getAttribute("data-initialized")==="1"){return;}
root.setAttribute("data-initialized","1");
var NAVIGATION=[
{
title:"Kugledel (S1 - Han-del)",
aliases:["Kugledel (S1 - Han-del)","Kugledel (S1 - han-del)"],
description:"Han-dele, gevind, slangestudse og flanger.",
children:[
["Sort kugle S1 (han)"],
["Rustfri kugle S1 (han)"],
["Kugle m. udvendig gevind","Kugle m. udvendigt gevind"],
["Kugle m. slangestuds"],
["Kugle m. MZ-Flange","Kugle med MZ-Flange","Kugle med MZ-flange"]
]
},
{
title:"Bægerdel (S3 - Hun-del)",
aliases:["Bægerdel (S3 - Hun-del)","Bægerdel (S3 - hun-del)"],
description:"Hun-dele, gevind, slangestudse og flanger.",
children:[]
},
{
title:"Pakninger og tætningsdele",
aliases:["Pakninger og tætningsdele"],
description:"Gummiringe, tætninger og sliddele.",
children:[]
},
{
title:"Tilbehør og reservedele",
aliases:["Tilbehør og reservedele"],
description:"Lukkeringe, blinddele og øvrige reservedele.",
children:[]
},
{
title:"Bøjninger",
aliases:["Bøjninger"],
description:"Bøjninger i flere vinkler og dimensioner.",
children:[
["45 gr. bøjning S11","45° bøjning S11"],
["90 gr. bøjning S11","90° bøjning S11"]
]
},
{
title:"Reduktioner og overgange",
aliases:["Reduktioner og overgange"],
description:"Reduktioner mellem størrelser og koblingstyper.",
children:[]
}
];
var grid=document.getElementById("agm-nav-grid");
var search=document.getElementById("agm-nav-search");
var message=document.getElementById("agm-nav-message");
function normalize(value){
return String(value||"").replace(/\u00a0/g," ").replace(/\s+/g," ").replace(/^\s+|\s+$/g,"").toLowerCase();
}
function collectLinks(){
var map={};
var selectors=[".content-left-pane a",".page-left-pane a",".product-menu a",".page-menu a"];
var nodes=document.querySelectorAll(selectors.join(","));
if(!nodes.length){nodes=document.querySelectorAll("a");}
for(var i=0;i<nodes.length;i=i+1){
var text=normalize(nodes[i].textContent);
var href=nodes[i].getAttribute("href");
if(text&&href&&href!=="#"&&!map[text]){map[text]=href;}
}
return map;
}
var linkMap=collectLinks();
function hrefFor(aliases){
for(var i=0;i<(aliases||[]).length;i=i+1){
var key=normalize(aliases[i]);
if(linkMap[key]){return linkMap[key];}
}
return "";
}
function esc(value){
return String(value==null?"":value)
.replace(/&/g,"&")
.replace(/</g,"<")
.replace(/>/g,">")
.replace(/"/g,""");
}
function renderCard(item,index){
var mainHref=hrefFor(item.aliases);
var childHtml="";
var foundChildren=0;
for(var i=0;i<item.children.length;i=i+1){
var aliases=item.children[i];
var href=hrefFor(aliases);
if(!href){continue;}
foundChildren=foundChildren+1;
childHtml+='<a class="agm-nav-link" href="'+esc(href)+'"><span>'+esc(aliases[0])+'</span><span class="agm-arrow" aria-hidden="true">→</span></a>';
}
var headOpen=mainHref?'<a class="agm-nav-card-head" href="'+esc(mainHref)+'">':'<div class="agm-nav-card-head">';
var headClose=mainHref?"</a>":"</div>";
var fallback=(!foundChildren&&mainHref)?'<div class="agm-nav-empty">Åbn produktområdet for at se alle varianter.</div>':"";
return '<article class="agm-nav-card" data-search="'+esc(normalize(item.title+" "+item.description+" "+item.children.map(function(x){return x[0];}).join(" ")))+'">'+
headOpen+
'<span class="agm-nav-card-kicker">'+String(index+1).padStart(2,"0")+' / BAUER KOBLINGER</span>'+
'<span class="agm-nav-card-title"><span>'+esc(item.title)+'</span>'+(mainHref?'<span class="agm-arrow" aria-hidden="true">↗</span>':"")+'</span>'+
'<p class="agm-nav-card-description">'+esc(item.description)+'</p>'+
headClose+
(childHtml?'<div class="agm-nav-links">'+childHtml+'</div>':fallback)+
'</article>';
}
function render(){
var html="";
var resolved=0;
for(var i=0;i<NAVIGATION.length;i=i+1){
if(hrefFor(NAVIGATION[i].aliases)){resolved=resolved+1;}
html+=renderCard(NAVIGATION[i],i);
}
grid.innerHTML=html;
if(resolved>0){document.body.classList.add("agm-custom-menu-active");}
}
function filterCards(){
var q=normalize(search?search.value:"");
var cards=grid.querySelectorAll(".agm-nav-card");
var visible=0;
for(var i=0;i<cards.length;i=i+1){
var show=!q||(cards[i].getAttribute("data-search")||"").indexOf(q)!==-1;
cards[i].style.display=show?"":"none";
if(show){visible=visible+1;}
}
if(message){message.hidden=visible!==0;}
}
render();
if(search){search.addEventListener("input",filterCards);}
})();
// ]]>
</script>