td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: #333333; /* fix: fehlende # */
}

body {
  scrollbar-arrow-color:#cfcab7;
  scrollbar-track-color:#eeece6;
  scrollbar-face-color:#eeece6;

  scrollbar-highlight-color:#cfcab7;
  scrollbar-shadow-color:#cfcab7;
  scrollbar-3dlight-color:#eeece6;
  scrollbar-darkshadow-color:#eeece6;
}

a:link { text-decoration:none; color:#393b25; }
a:active { text-decoration:none; color:#333333; }
a:visited { text-decoration:none; color:#333333; }
a:hover { text-decoration:underline; color:#333333; }

.Sales_select { font-family: Arial, Arial, Verdana; font-size:12px; color:#676767; }

/* ±âº» ÅؽºÆ® */
.D_Gary  { font-family: Arial, "µ¸¿ò"; font-size:9pt; color:#C2C4C6; }
.D_Red   { font-family: Arial, "µ¸¿ò"; font-size:9pt; color:#FF6600; }
.D_white { font-family: Arial, "µ¸¿ò"; font-size:9pt; color:#ffffff; }
.D_blue  { font-family: Arial, "µ¸¿ò"; font-size:9pt; color:#00CCFF; }
.Big_Brown { font-family: Arial, "µ¸¿ò"; font-size:12pt; color:#835529; font-weight:bold; }
.Big_Black { font-family: Arial, "µ¸¿ò"; font-size:9pt; color:#333333; font-weight:bold; }

/* ------------------------------------------------------------------
   B2B Gallery – Modal / Viewer
   - Fix: Dialog bekommt echte Höhe (80vh), damit viewport nicht 0px wird
   - Weißer Text
   - Saubere Überblendung
------------------------------------------------------------------- */

<style>
  /* Fallback-Visibility: geschlossen = display:none; offen = display:block */
  #b2bglrOv, #b2bglrSh { display: none; }
  #b2bglrOv.is-open, #b2bglrSh.is-open { display: block; }
</style>

/* Modal (Fenster) zentrieren – ohne sonstige Änderungen */
#b2bglrSh {
  position: fixed;          /* vom Viewport abhängig */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);  /* echte Zentrierung */
  margin: 0;                /* Sicherheit: kein Margin schiebt's weg */
  max-width: 95vw;          /* bleibt responsiv */
  max-height: 90vh;         /* nicht höher als der Bildschirm */
}


.b2bglr-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.75);
  z-index:9990;
  display:none;
  opacity:0;
  transition:opacity .2s ease;
}
.b2bglr-overlay.is-open{ display:block; opacity:1; }

.b2bglr-shell{
  position:fixed;
  inset:0;
  z-index:9991;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  pointer-events:none; /* nur Dialog klickbar */
}
.b2bglr-shell.is-open{ pointer-events:auto; }

.b2bglr-dialog{
  background:#242a31;
  border:1px solid #3b434d;
  border-radius:10px;
  width:min(96vw,1280px);
  max-width:1280px;
  height:80vh;          /* <— wichtig: echte Höhe */
  max-height:90vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.6);
  color:#fff;           /* Standard weiß */
}

.b2bglr-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  background:#2b333c;
  border-bottom:1px solid #3b434d;
}
.b2bglr-title{
  margin:0;
  font-size:14px;
  line-height:1.2;
  color:#fff;           /* weiß */
}
.b2bglr-actions{
  display:flex;
  align-items:center;
  gap:6px;
}
.b2bglr-btn{
  appearance:none;
  border:1px solid #46515e;
  background:#36404a;
  color:#fff;
  font:inherit;
  padding:6px 10px;
  border-radius:6px;
  cursor:pointer;
}
.b2bglr-btn:hover{ background:#3d4753; }
.b2bglr-btn:active{ background:#323a44; }

.b2bglr-close{
  appearance:none;
  width:26px; height:26px;
  border-radius:6px;
  border:1px solid #46515e;
  background:#36404a;
  color:#fff;
  cursor:pointer;
}
.b2bglr-close:hover{ background:#3d4753; }

.b2bglr-viewport{
  position:relative;
  background:#0f1317;
  flex:1;
  overflow:hidden;
  cursor:grab;
  min-height:60vh;      /* <— Fallback: niemals 0px */
}
.b2bglr-viewport.is-dragging{ cursor:grabbing; }

.b2bglr-img{
  position:absolute;
  top:80%; left:50%;
  transform:translate(-50%,-50%) translate(var(--dx,0px),var(--dy,0px)) scale(var(--z,1));
  transform-origin:center center;
  will-change:transform;
  max-width:none; /* wir steuern Größe per scale */
  user-select:none;
  -webkit-user-drag:none;
  display:block;
}

.b2bglr-caption{
  padding:10px 14px;
  border-top:1px solid #3b434d;
  background:#242a31;
  color:#e8edf3;        /* hell */
  font-size:12px;
  line-height:1.4;
}