body {
 -webkit-text-size-adjust:100%;
 -webkit-tap-highlight-color:rgba(0,0,0,0);
 background-color:#0e1a07;
 color:#fff;
 font-family:'Raleway';
 font-size:19px;
 font-weight:var(--body-font-weight);
 line-height:var(--body-line-height);
 margin:0;
 text-align:var(--body-text-align)
}

p {
  font-size: 17px;
}

hr {
  color: white;
  opacity: 1;
}

.container-header {
  background-color:#0e2606;
  background-image:none;
}

.page-header {
  display: none;
}

.footer {
 background-color: #000;
 background-image: none;
 color: #fff;
 font-size: 14px;
 }

/* breedte titel website en footer */

body.wrapper-fluid .grid-child {
  max-width: 70em;
}

/* kolommen voor de gear-pagina */

* {
  box-sizing: border-box;
}

.column {
  float: left;
  width: 49%;
  padding: 10px;
  margin-bottom: 4px;
  height: 510px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}


/* indeling pagina-mobiel */

body.wrapper-fluid .site-grid {
  grid-gap:1em;
  grid-template-columns:[full-start]minmax(0,1fr)[main-start]repeat(4,minmax(0,25%))[main-end]minmax(0,1fr)[full-end]
}


/* kleur icons menu */

.fa, .fas, [class*=" icon-"], [class^="icon-"] {
    color: #ff940b;
}


iframe { 
  max-width: 100%; 
}

object {
  max-width: 100%;
  border: 1px solid orange;
}

.card-body {
 color:var(--card-color);
 background-color: #0e1a07; 
 -ms-flex:1 1 auto;
 flex:1 1 auto;
 padding: var(--card-spacer-y) var(--card-spacer-x);
}

.card {
  border: none;
  --card-spacer-y: 0;
  --card-spacer-x: 0;
}

/* kleur hover link */

a {
 color: #ee6921;
}

a:focus,
a:hover {
 color:#ee6921;
}

a:not(.btn):focus,
a:not(.btn):hover {
  color:#26b135;
}


/* audio player */

.avPlayerWrapper {
  display: block;
  padding: 0;
  margin: 0 auto;
  clear: both;
}

.avPlayerWrapper .avPlayerContainer .avPlayerBlock audio {
  background-color: #000;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 10px;
  box-sizing: border-box;
  border: solid 1px;
}

/* videoplayer */

.avVideo {
    border: solid 1px #999; 
}


/* css voor fotoboeken- op info-pagina */

.foto-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.foto-container img {
  width: 100%;
  max-width: 150px;
  height: auto;
}

@media (min-width: 768px) {
  .foto-container {
    flex-direction: row;
    justify-content: 
  }
}


/* css voor fotoalbum */

div.gallery img {
  width: 100%;
  max-height: 350px;
  border: solid 1px #fff;
  border-radius: 4%;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 4px 9px;
  float: left;
}


@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}



/* navbar vaste positie */


@media screen and (max-width: 992px) {
.position-sticky {
  position: sticky !important;
}

@media screen and (max-width: 992px) {  
.sticky-top {
 top:0;
}  
  
@supports (display: grid) {
    @media (min-width: 992px) {
        .site-grid {
            grid-template-areas:
              ". top-a top-a top-a top-a ."
              ". top-b top-b top-b top-b ."
              ". side-l comp comp side-r ."
              ". bot-a bot-a bot-b bot-b ."
              ". banner banner banner banner ."
        }
    }
}