:root {
    --gap: 12px;
    --bg-panel: #fff;
    --bg-row: #f9fafb;
    --border: #e5e7eb;
    --muted: #6b7280;
}

.grid-table-block { 
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  max-width: 100vw;
  width: 100vw;
  height: 100%;
  font-family: var(--font-zes-reg);
}
 
.grid-table-block.mt0 > .layout-s {
  padding-top: 0;
}

.grid-table-block.mb0 > .layout-s {
  padding-bottom: 0;
}

.rg {
  margin: 28px auto;
  max-width: 960px;
}

.rg-header {
  display: grid;
  gap: var(--gap);
  font-weight: 700;
  padding: 8px 12px;
  border-bottom: 2px solid #000;
  background: var(--bg-panel);
}

.rg-row {
  display: grid;
  gap: var(--gap);
  background: var(--bg-row);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 12px;
  margin-top: 10px;
  transition: background 0.2s ease;
}
.rg-row:hover {
  background: #eef2ff;
}

/* Desktop-Spalten pro Tabelle */
.rg[data-cols="2"] .rg-header,
.rg[data-cols="2"] .rg-row { grid-template-columns: repeat(2, minmax(140px, 1fr)); }

.rg[data-cols="3"] .rg-header,
.rg[data-cols="3"] .rg-row { grid-template-columns: repeat(3, minmax(140px, 1fr)); }

.rg[data-cols="5"] .rg-header,
.rg[data-cols="5"] .rg-row { grid-template-columns: repeat(5, minmax(120px, 1fr)); }

.cell {
/*   background: var(--bg-panel); */
  border-radius: 6px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  /* min-height: 50px; */
}
.value {
  font-weight: 400;
}
.label {
  font-size: 12px;
  color: var(--muted);
  margin-top: 4px;
}

/* Mobile: Header weg, Labels sichtbar, max 2 Spalten */
@media (max-width: 767px) {
  .rg-header { display: none; }
  .rg[data-cols] .rg-row { grid-template-columns: repeat(2, 1fr); }
  .rg .label { display: block; }
}

/* Sehr kleine Screens: 1 Spalte */
@media (max-width: 480px) {
  .rg[data-cols] .rg-row { grid-template-columns: 1fr; }
}

/* Desktop/Tablet: Labels aus */
@media (min-width: 768px) {
  .rg .label { display: none; }
}

.block-editor-block-list__block .grid-table-block {
  max-width: 100%;
  width: 100%; 
  padding-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 2rem;
  box-sizing: border-box;
}

.block-editor-block-list__block .grid-table-block .rg {
  margin: 28px auto;
  max-width: 960px;
}

.block-editor-block-list__block .grid-table-block .rg-header {
  display: grid;
  gap: var(--gap);
  font-weight: 700;
  padding: 8px 12px;
  border-bottom: 2px solid #000;
  background: var(--bg-panel);
}

.block-editor-block-list__block .grid-table-block .rg-row {
  display: grid;
  gap: var(--gap);
  background: var(--bg-row);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 12px;
  margin-top: 10px;
  transition: background 0.2s ease;
}

.block-editor-block-list__block .grid-table-block .rg-row:hover {
  background: #eef2ff;
}

/* Desktop-Spalten pro Tabelle */
.block-editor-block-list__block .grid-table-block .rg[data-cols="2"] .rg-header,
.block-editor-block-list__block .grid-table-block .rg[data-cols="2"] .rg-row { grid-template-columns: repeat(2, minmax(140px, 1fr)); }

.block-editor-block-list__block .grid-table-block .rg[data-cols="3"] .rg-header,
.block-editor-block-list__block .grid-table-block .rg[data-cols="3"] .rg-row { grid-template-columns: repeat(3, minmax(140px, 1fr)); }

.block-editor-block-list__block .grid-table-block .rg[data-cols="5"] .rg-header,
.block-editor-block-list__block .grid-table-block .rg[data-cols="5"] .rg-row { grid-template-columns: repeat(5, minmax(120px, 1fr)); }

.block-editor-block-list__block .grid-table-block .cell {
/*   background: var(--bg-panel); */
  border-radius: 6px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  /* min-height: 50px; */
}

.block-editor-block-list__block .grid-table-block .value {
  font-weight: 400;
}

.block-editor-block-list__block .grid-table-block .label {
  font-size: 12px;
  color: var(--muted);
  margin-top: 4px;
}