.page {
  width: 134mm;
  height: 196mm;
  overflow: hidden;
  padding: 0mm;
  /* border: 1px solid red; */
}
.pagewidth {
  width: 134mm;
}
@media print {
  body {
    margin: 0px;
    padding: 0px;
  }
}

.ui {
  display: none;
}
body footer {
  display: none;
}


/* .overlay can display something next to and partially over an a5 page, 
 * but will wrap under it if the screen is too small 
 * Not printed
 */
.overlay_container {
  position: relative;
}
.overlay {
  display: none;
}

@media screen {
  .page_container {
    border: 1px solid black; 
    padding: 7mm;
    margin: 10mm;
    width: 148mm;
    height: 210mm;
    box-sizing: border-box;
    -webkit-box-shadow: 5px 5px 3px 0px rgba(74,74,74,1);
    -moz-box-shadow: 5px 5px 3px 0px rgba(74,74,74,1);
    box-shadow: 5px 5px 3px 0px rgba(74,74,74,1);
    float: left;
  }
  .page_container.padding_top_min5 {
    padding-top: 2mm;
  }
  .ui {
    display: block;
    clear: left;
  }
  body footer {
    display: flex;
  }
  
  .overlay {
    display: block;
    position: absolute; 
    right: 0;
    top: 0;
    opacity: 0.85;
    z-index: 100;
  }
}
@media only screen and (max-width: 1719px) and (min-width: 1599px) {
  .uitgelicht-raw {
    width: 300px;
  }
}
@media only screen and (max-width: 1598px) and (min-width: 1518px) {
  .uitgelicht-raw {
    width: 220px;
  }
}
@media only screen and (max-width: 1517px) and (min-width: 1329px) {
  .overlay {
    position: static;
    opacity: 1;
  }
  .uitgelicht-raw {
    clear: both;
    width: 100%;
    margin-left: 0px;
  }
}

/* at 1329, there is no room for a second page side-by-side, which means there IS room for our overlays again.
 */
@media only screen and (max-width: 1070px) and (min-width: 951px) {
  .uitgelicht-raw {
    width: 300px;
  }
}
@media only screen and (max-width: 950px) and (min-width: 871px) {
  .uitgelicht-raw {
    width: 220px;
  }
}
@media only screen and (max-width: 870px) {
  .overlay {
    position: static;
    opacity: 1;
  }
  .uitgelicht-raw {
    clear: both;
    width: 100%;
    margin-left: 0px;
  }
}





.page {
  page-break-after: always;
  page-break-inside: avoid;
  page-break-before: always;
}

@page  
{ 
  margin: 6.5mm;
  size: a5 portrait;   /* auto is the initial value */ 
}