.pkMenuUnder{
background:#ffffff;
border-bottom:1px solid #eee;
box-shadow:0 2px 10px rgba(0,0,0,.05);
font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.pkMenuUnderInner{
display:flex;
align-items:center;
gap:10px;
padding:12px 14px;
max-width:1200px;
margin:0 auto;
}
.pkMenuLine{
display:flex;
align-items:center;
gap:8px;
overflow-x:auto;
white-space:nowrap;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
flex:1;
}
.pkMenuLine::-webkit-scrollbar{display:none;}
.pkMenuLine a{
display:inline-block;
padding:10px 14px;
border:1px solid #eaeaea;
border-radius:999px;
background:#fff;
color:#222;
text-decoration:none;
font-weight:700;
font-size:13px;
transition:all .15s ease;
}
.pkMenuLine a:hover{
border-color:#ff8c00;
color:#ff8c00;
transform:translateY(-1px);
}
.pkMenuLine a.isActive{
background:#fff3e6;
border-color:#ff8c00;
color:#ff6a00;
}
.pkMenuRight{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
}
.pkMini{
padding:10px 14px;
border:1px solid #eaeaea;
border-radius:999px;
background:#fff;
color:#222;
text-decoration:none;
font-weight:700;
font-size:13px;
}
.pkMini:hover{
border-color:#ff8c00;
color:#ff8c00;
}
@media(max-width:720px){
.pkMenuUnderInner{padding:10px}
.pkMenuRight{display:none;}
}
HOME REISEN mit HAUSTÜRABHOLUNGANGEBOTE % SILVESTER ANGEBOTE INDIKATIONEN KURHOTELS WELLNESSHOTELS LINIEN BUSSE
(function(){
const links=document.querySelectorAll('.pkMenuLine a');
const url=location.href;
let best=null,bestLen=0;
links.forEach(a=>{
const href=a.getAttribute('href');
if(url.indexOf(href)!==-1 && href.length>bestLen){
best=a; bestLen=href.length;
}
});
if(best) best.classList.add('isActive');
})();
