.nl-woo-next {float:right !important; margin-top: -130px; margin-right: -20px;}
.nl-woo-prev {margin-top: -250px; margin-left: -20px;}

/* Filter-Bar */
.nl-filter-bar { margin-bottom:28px; }
.nl-cat-btn { background:#ececec; border:none; border-radius:20px; margin-right:7px; margin-bottom:7px; padding:7px 18px; font-size:1rem; cursor:pointer; transition:.2s;}
.nl-cat-btn:hover, .nl-cat-btn.nl-cat-active { background:#0073aa; color:#fff;}

/* Grid */
.nl-list-container {display: flex; flex-wrap: wrap; gap: 24px;}
.nl-list-item {display: flex; flex-direction: column; align-items: center; width: 180px; margin-bottom: 16px;}
.nl-tile-trigger{all:unset; display:flex; flex-direction:column; align-items:center; cursor:pointer; background-color: transparent !important;}

/* Thumbs (11:16) */
.nl-item-image {
  width: 132px; height: 192px; aspect-ratio: 11/16;
  object-fit: cover; border-radius: 12px; background: transparent;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; margin-bottom: 10px; transition: box-shadow .2s;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05); overflow: hidden;
}
.nl-list-item:hover .nl-item-image { box-shadow: 0 2px 20px rgba(0,0,0,0.14); }
.nl-item-title { text-align: center; font-weight: 600; margin-bottom: 4px; }

/* Overlay (Backdrop + Panel rechts) */
#nl-popup { position: fixed; inset:0; z-index:20000; opacity:0; pointer-events:none; transition: opacity .12s; }
#nl-popup.show { opacity:1; pointer-events:auto; }
#nl-popup .nl-backdrop {
  position:absolute; inset:0;
  background: rgba(0,0,0,0.2);
  backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
}
.nl-popup-inner {
  position:absolute; top:0; right:-520px;
  width:520px; max-width:98vw; height:100%;
  padding:32px 24px 24px 24px;
  overflow-y:auto; background:#fff;
  box-shadow:-4px 0 16px rgba(0,0,0,0.13);
  transition:right .16s cubic-bezier(.68,-0.55,.27,1.55);
}
#nl-popup.show .nl-popup-inner { right:0; }

/* Close */
.nl-close { position:absolute; top:48px; right:22px; font-size:3rem; color:#888; cursor:pointer; z-index:10; font-weight:100; }

.nl-popup-content { margin-top:30px; }
.nl-entry h3 { margin-top:0; }

/* Woo-Slider */
.nl-woo-slider{position:relative}
.nl-woo-slider-title{margin-bottom:12px}
.nl-woo-slider-viewport{position:relative;overflow:hidden;width:100%}
.nl-woo-slider-track{display:flex;transition:transform .25s ease;will-change:transform}
.nl-woo-slide{flex:0 0 100%;padding:6px 2px;box-sizing:border-box}

/* >>> 6er Grid pro Slide (Desktop) <<< */
.nl-woo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px 16px}
.nl-woo-cell{display:flex;flex-direction:column;align-items:center}

/* Pfeile Offset links/rechts */
.nl-woo-prev,.nl-woo-next{
  position:absolute; top:50%; transform:translateY(-50%);
  background:#ececec; border:none; border-radius:50%; width:40px; height:40px; cursor:pointer;
  box-shadow:0 2px 10px rgba(0,0,0,.12); z-index:999; display:flex; align-items:center; justify-content:center;
}
.nl-woo-prev:hover,.nl-woo-next:hover{ background:#0073aa; color:#fff; }
.nl-woo-prev{ left:-18px; }
.nl-woo-next{ right:-18px; }

/* Responsive: Desktop 6, Tablet 3, Mobile 2 */
@media (max-width: 1200px){
  .nl-woo-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:768px){
  .nl-woo-grid{grid-template-columns:repeat(2,1fr);}
  .nl-woo-prev{ left:-10px; }
  .nl-woo-next{ right:-10px; }
}

/* Hilfen */
.nl-item-hidden{display:none!important}
@media (max-width:700px){
  .nl-list-container{gap:12px}
  .nl-list-item{width:44vw; min-width:140px;}
  .nl-popup-inner{width:98vw}
}