/* ----------------------------------------- */
/* ----- rotterdam_layout.css 20250926 ----- */
/* ----------------------------------------- */

/* ----- GRID ---------------------------------------------------------------------------- ----- */
.grid {
  display: grid;
  grid-template-columns: repeat(16, [col] 1fr);
  grid-template-rows: repeat(20, [row] auto);
  grid-column-gap: 0px; /* grid-column-gap: 0.5em; */
  grid-row-gap: 0px; /* 0.5em;*/
}
.grid__item {
  text-align: center; 
  border: 0px solid #a9c5e7;  /* border: 1px solid #a9c5e7; */
  /*padding: .5em;*/
  font-size: 12px;
}

/* ----- header frame ----- */
.grid__item_item100 {grid-column: col 1/span 16;grid-row:row 1 /span 2;}
/* ---- banner frame ----- */
.grid__item_item300 {grid-column: col 1/span 16;grid-row:row 3 /span 1;}
/* ----- tagline frame ----- */
.grid__item_item400 {grid-column: col 1/span 16;grid-row:row 4 /span 1;}
/* ----- navbar frame ----- */
.grid__item_item500 {grid-column: col 1/span 16;grid-row:row 5 /span 1;}
/* ----- menu ----- */
.grid__item_item502 {grid-column: col 2/span 1;grid-row:row 5;}
/* ----- message box ----- */
.grid__item_item503 {grid-column: col 3/span 9;grid-row:row 5;}
/* ----- (-----)  ----- */
/* .grid__item_item504 {grid-column: col 4/span 1;grid-row:row 5;} */
/* ----- info button ----- */
.grid__item_item505 {grid-column: col 12/span 1;grid-row:row 5;}
/* ----- stop button ----- */
.grid__item_item506 {grid-column: col 13/span 1;grid-row:row 5;}
/* ----- solve button ----- */
.grid__item_item507 {grid-column: col 14/span 1;grid-row:row 5;}
/* ----- back button ----- */
.grid__item_item508 {grid-column: col 16/span 1;grid-row:row 5;}
/* ----- exp BUTTON ----- */
/* .grid__item_item509 {grid-column: col 15/span 1;grid-row:row 5;} */
/* ----- empty / blanco / exp bar ----- */
.grid__item_item600 {grid-column: col 1/span 16;grid-row:row 6;}

/* ---- pics regel --------------------------------------------- ----- */
.grid__item_item701 {grid-column: col 2 /span 2;grid-row: row 7 /span 2;}
.grid__item_item702 {grid-column: col 4 /span 2;grid-row: row 7 /span 2;}
.grid__item_item703 {grid-column: col 6 /span 2;grid-row: row 7 /span 2;}
/* ---- pics regel --------------------------------------------- ----- */
.grid__item_item801 {grid-column: col 2 /span 2;grid-row: row 9 /span 2;}
.grid__item_item802 {grid-column: col 4 /span 2;grid-row: row 9 /span 2;}
.grid__item_item803 {grid-column: col 6 /span 2;grid-row: row 9 /span 2;}
/* ---- pics regel --------------------------------------------- ----- */
.grid__item_item901 {grid-column: col 2 /span 2;grid-row: row 11 /span 2;}
.grid__item_item902 {grid-column: col 4 /span 2;grid-row: row 11 /span 2;}
.grid__item_item903 {grid-column: col 6 /span 2;grid-row: row 11 /span 2;}
/* ----- textgridcel ------------------------------------------- ----- */
.grid__item_item704 {grid-column: col 9 /span 6;grid-row: row 7 /span 6;}
/* ----- acrosticgridcel ----------------------------------------- ----- */
.grid__item_item1004 {grid-column: col 9 /span 6;grid-row: row 12/span 1;}
/* ----- bottom line --------------------------------------------- ----- */
.grid__item_item1601 {grid-column: col 1 /span 16;grid-row: row 16 /span 1;}