/* Mondi Referenzen – Kachel-Grid + Lightbox (heller Portal-Look) */
.mondi-ref-grid-front{
  --mr-cols:3;
  --mr-surface:#FFFFFF;
  --mr-heading:#0F172A;
  --mr-text:#334155;
  --mr-muted:#64748B;
  --mr-border:#E2E8F0;
  --mr-teal:#5abcb9;
  --mr-teal-text:#0F766E;
  --mr-radius:14px;
  --mr-shadow:0 1px 3px rgba(15,23,42,.05),0 1px 2px rgba(15,23,42,.04);
  --mr-shadow-lg:0 12px 32px rgba(15,23,42,.12);
  display:grid;
  grid-template-columns:repeat(var(--mr-cols),minmax(0,1fr));
  gap:22px;
  margin:0;
}
@media (max-width:980px){ .mondi-ref-grid-front{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:600px){ .mondi-ref-grid-front{grid-template-columns:1fr;gap:16px} }

.mondi-ref-card{
  background:var(--mr-surface);
  border:1px solid var(--mr-border);
  border-radius:var(--mr-radius);
  box-shadow:var(--mr-shadow);
  overflow:hidden;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
  outline:none;
}
.mondi-ref-card:hover,.mondi-ref-card:focus-visible{
  transform:translateY(-3px);
  box-shadow:var(--mr-shadow-lg);
  border-color:var(--mr-teal);
}
.mondi-ref-media{position:relative;aspect-ratio:4/3;background:#F1F5F9;overflow:hidden}
.mondi-ref-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.mondi-ref-card:hover .mondi-ref-media img{transform:scale(1.04)}
.mondi-ref-count{
  position:absolute;right:10px;bottom:10px;
  display:inline-flex;align-items:center;gap:5px;
  background:rgba(15,23,42,.72);color:#fff;
  font-size:12.5px;font-weight:600;line-height:1;
  padding:6px 9px;border-radius:999px;backdrop-filter:blur(3px);
}
.mondi-ref-body{padding:16px 18px 18px}
.mondi-ref-title{
  margin:0 0 4px;font-size:17px;line-height:1.3;font-weight:700;color:var(--mr-heading);
}
.mondi-ref-meta{font-size:13.5px;color:var(--mr-teal-text);font-weight:600;margin-bottom:6px}
.mondi-ref-text{margin:0;font-size:14.5px;line-height:1.55;color:var(--mr-text)}
.mondi-ref-empty{
  padding:28px 20px;text-align:center;color:var(--mr-muted,#64748B);
  border:1px dashed #CBD5E1;border-radius:14px;font-size:15px;
}

/* ---------- Lightbox ---------- */
.mondi-lb{
  position:fixed;inset:0;z-index:2147483000;
  background:rgba(15,23,42,.92);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:56px 16px 24px;
  opacity:0;pointer-events:none;transition:opacity .2s ease;
}
.mondi-lb.is-open{opacity:1;pointer-events:auto}
html.mondi-lb-lock,html.mondi-lb-lock body{overflow:hidden}
.mondi-lb-stage{position:relative;max-width:min(1200px,100%);max-height:calc(100vh - 140px);display:flex;align-items:center;justify-content:center}
.mondi-lb-img{max-width:100%;max-height:calc(100vh - 140px);object-fit:contain;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5);user-select:none}
.mondi-lb-cap{margin-top:14px;color:#E2E8F0;font-size:14.5px;text-align:center;max-width:800px}
.mondi-lb-cap strong{color:#fff;font-weight:700}
.mondi-lb-counter{color:#94A3B8;font-size:13px;margin-left:8px}
.mondi-lb-btn{
  position:absolute;top:50%;transform:translateY(-50%);
  width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;
  background:rgba(255,255,255,.12);color:#fff;
  display:flex;align-items:center;justify-content:center;
  transition:background .15s ease;
}
.mondi-lb-btn:hover{background:rgba(255,255,255,.24)}
.mondi-lb-btn svg{width:22px;height:22px}
.mondi-lb-prev{left:-60px}
.mondi-lb-next{right:-60px}
@media (max-width:1320px){ .mondi-lb-prev{left:8px} .mondi-lb-next{right:8px} }
.mondi-lb-close{
  position:fixed;top:14px;right:16px;
  width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;
  background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:1;
  display:flex;align-items:center;justify-content:center;
}
.mondi-lb-close:hover{background:rgba(255,255,255,.24)}
.mondi-lb[data-single="1"] .mondi-lb-btn,.mondi-lb[data-single="1"] .mondi-lb-counter{display:none}