/* Makes a fixed background wrapper
which the user cannot interact with */


/* Makes a fixed background wrapper
which the user cannot interact with */

div#container {
  background: url('https://de-internet-gids.nl/content/3-online/2018/no5/1-kevin-mom/kevin-mom.png') no-repeat !important;
	background-attachment: fixed;
}

.bg-branch-online, .bg-branch-online .bg-solid {
    background: transparent !important;
}

div.e-content p, div.noten p, h1.p-name, .author, div.noten a {
  color:white !important;
}

.article p a {
  color:#FFFF99;
  }

.article .pullquote {
  color:#FFFFFF;
  font-style:oblique;
  }


h1.p-name {
  /*color: #e78cdd !important;*/
}

div.magazine, .page-issue .number, span.dropcap, a.p-author {
    color: white !important;
}

div.lijn, footer {
  visibility: hidden;
}

div#sluit-lijn {
  background-color: transparent;
}


.iframe-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}

/* Make the iframe keep an aspect ratio, and
position it in the middle of its parent wrapper*/

.iframe-wrapper iframe {
  width: 100vw;
  height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}