/* ââ ENGEL · SHOP KATEGORIEN · Manufaktur-Stil âââââââââââ */
.nb-kat {
background: #F4EFE6;
padding: clamp(56px,8vw,100px) 0 clamp(64px,9vw,110px);
}
.nb-kat__kopf {
padding: 0 clamp(28px,6vw,80px);
margin-bottom: clamp(36px,5vw,56px);
display: flex;
align-items: baseline;
gap: 24px;
}
.nb-kat__label {
font-family: 'Jost', sans-serif;
font-size: .52rem;
font-weight: 500;
letter-spacing: .32em;
text-transform: uppercase;
color: #96591F;
display: flex;
align-items: center;
gap: 14px;
}
.nb-kat__label::before {
content: '';
width: 20px; height: 1px;
background: #96591F;
}
.nb-kat__headline {
font-family: 'DM Serif Display', Georgia, serif;
font-size: clamp(1.6rem, 3vw, 2.8rem);
font-weight: 400;
color: #18160F;
line-height: 1;
}
.nb-kat__headline em {
font-style: italic;
color: #2B4832;
}
/* ââ GRID: 4 oben, 3 unten â wie Buchseiten ââââââââââââââ */
.nb-kat__grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 2px;
background: #18160F;
}
/* Kachel */
.nb-kat__item {
position: relative;
overflow: hidden;
text-decoration: none;
display: block;
aspect-ratio: 4/3;
background: #F4EFE6;
cursor: pointer;
}
/* Bild */
.nb-kat__item img { z-index: 0;
position: absolute; inset: 0;
width: 100%; height: 100%;
object-fit: contain;
object-position: center;
filter: none;
transition: transform 9s cubic-bezier(.25,.46,.45,.94),
filter .6s ease;
}
.nb-kat__item:hover img {
transform: scale(1.06);
filter: brightness(.95);
}
/* Overlay Gradient */
.nb-kat__item::before {
content: '';
position: absolute; inset: 0; z-index: 1;
background: linear-gradient(
to top,
rgba(18,14,8,.0) 0%,
rgba(18,14,8,.0) 45%,
rgba(18,14,8,.0) 100%
);
transition: opacity .5s ease;
}
.nb-kat__item:hover::before {
opacity: 1.4;
}
/* Feine obere Linie beim Hover */
.nb-kat__item::after {
content: '';
position: absolute; top: 0; left: 0; right: 0; z-index: 2;
height: 2px;
background: #96591F;
transform: scaleX(0);
transform-origin: left;
transition: transform .5s cubic-bezier(.25,.46,.45,.94);
}
.nb-kat__item:hover::after {
transform: scaleX(1);
}
/* Text */
.nb-kat__info { display: none;
position: absolute;
bottom: 0; left: 0; right: 0;
z-index: 3;
padding: 28px 24px;
}
.nb-kat__name {
font-family: 'DM Serif Display', Georgia, serif;
font-size: clamp(1rem, 1.8vw, 1.5rem);
font-weight: 400;
color: rgba(244,239,230,.88);
line-height: 1.1;
margin-bottom: 6px;
transition: color .3s ease;
}
.nb-kat__item:hover .nb-kat__name {
color: #F4EFE6;
}
.nb-kat__sub {
font-family: 'Jost', sans-serif;
font-size: .5rem;
font-weight: 300;
letter-spacing: .18em;
text-transform: uppercase;
color: rgba(244,239,230,.0);
transition: color .4s ease .1s;
display: block;
}
.nb-kat__item:hover .nb-kat__sub {
color: rgba(150,89,31,.8);
}
/* Zweite Reihe: 4 Kacheln */
.nb-kat__grid--unten {
grid-template-columns: repeat(5, 1fr);
margin-top: 2px;
}
.nb-kat__grid--unten .nb-kat__item {
aspect-ratio: 16/9;
}
/* ââ RESPONSIVE ââââââââââââââââââââââââââââââââââââââââââ */
@media (max-width: 900px) {
.nb-kat__grid { grid-template-columns: repeat(3, 1fr); }
.nb-kat__item { aspect-ratio: 1; }
.nb-kat__grid--unten .nb-kat__item { aspect-ratio: 1; }
}
@media (max-width: 580px) {
.nb-kat__grid { grid-template-columns: 1fr 1fr; gap: 1px; }
.nb-kat__item { aspect-ratio: 4/5; }
.nb-kat__info { display: none; padding: 18px 16px; }
.nb-kat__name { font-size: .95rem; }
}
(function() {
var params = new URLSearchParams(window.location.search);
var activeCat = params.get('product_cat');
if (!activeCat) return;
// 5 Haupt-Kategorien; Geschenkideen umfasst auch kunst-leinwaende & accessoires
var categories = [
{ slugs: ['edelbraende'], name: 'Edelbrände', img: 'https://www.naturbrennerei.de/wp-content/uploads/2026/05/sortiment-edelbraende.svg' },
{ slugs: ['gin'], name: 'Gin', img: 'https://www.naturbrennerei.de/wp-content/uploads/2026/05/sortiment-gin.svg' },
{ slugs: ['aperitif-likoer-sparkling'], name: 'Aperitif & Sparkling', img: 'https://www.naturbrennerei.de/wp-content/uploads/2026/05/sortiment-aperitif.svg' },
{ slugs: ['geschenkideen','kunst-leinwaende','accessoires'], name: 'Geschenkideen', img: 'https://www.naturbrennerei.de/wp-content/uploads/2026/05/sortiment-geschenke-v2.png' },
{ slugs: ['cocktail-barpakete'], name: 'Cocktail & Barpakete', img: 'https://www.naturbrennerei.de/wp-content/uploads/2026/05/sortiment-cocktail.svg' },
];
var nbKat = document.querySelector('.nb-kat');
if (!nbKat) return;
// Avada-Header-Unterkante ermitteln (transparent/absolute positioned)
var headerEl = document.querySelector('.fusion-header-wrapper') || document.querySelector('header');
var headerBottom = headerEl ? Math.ceil(headerEl.getBoundingClientRect().bottom) + 12 : 140;
nbKat.innerHTML =
'' +
'.nb-kat-nav { display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:0 clamp(16px,4vw,60px); }' +
'.nb-kat-nav__label { font-family:Jost,sans-serif; font-size:.48rem; font-weight:500; letter-spacing:.3em; text-transform:uppercase; color:#96591f; display:flex; align-items:center; gap:10px; white-space:nowrap; flex-shrink:0; }' +
'.nb-kat-nav__label::before { content:""; width:16px; height:1px; background:#96591f; }' +
'.nb-kat-nav__list { display:flex; gap:5px; flex-wrap:wrap; list-style:none; margin:0; padding:0; }' +
'.nb-kat-nav__item a { display:flex; align-items:center; gap:7px; padding:6px 12px; border-radius:3px; text-decoration:none; font-family:Jost,sans-serif; font-size:.5rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:#3a3228; border:1px solid #ddd5c8; background:#fff; transition:all .2s ease; white-space:nowrap; }' +
'.nb-kat-nav__item a img { width:26px; height:26px; object-fit:contain; background:#f4efe6; border-radius:2px; flex-shrink:0; }' +
'.nb-kat-nav__item a:hover { background:#f4efe6; border-color:#96591f; color:#96591f; }' +
'.nb-kat-nav__item.is-active a { background:#18160f; color:#f4efe6; border-color:#18160f; }' +
'.nb-kat-nav__item.is-active a img { filter:brightness(0) invert(1); opacity:.7; }' +
'' +
'
' +
cat.name + '';
list.appendChild(li);
});
})();
Sortiment
Was uns ausmacht.
Edelbrände
Destillate mit Charakter
Gin
Botanicals & Handwerk
Aperitif, Likör & Sparkling
Für den goldenen Moment
Geschenkideen
Mit Sorgfalt gewählt
Cocktail & Barpakete
Für Feste & Anlässe
Sortiment
';
nbKat.style.paddingTop = headerBottom + 'px';
nbKat.style.paddingBottom = '18px';
nbKat.style.background = '#f4efe6';
nbKat.style.borderBottom = '1px solid #e0d8cc';
var list = nbKat.querySelector('.nb-kat-nav__list');
categories.forEach(function(cat) {
var isActive = cat.slugs.indexOf(activeCat) !== -1;
var li = document.createElement('li');
li.className = 'nb-kat-nav__item' + (isActive ? ' is-active' : '');
li.innerHTML = '' +
'Vertrauen
17 internationale Auszeichnungen
Bio-zertifiziert · Handwerklich destilliert · Von unabhängigen Jurys bestätigt