@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:wght@300;400;700&display=swap');




body,
html {
  color: #414a4c;
  background-color: #fefefa;
  font-size:16px;
  line-height:1.8em;
  color:#333;
  font-family: 'Noto Serif', 'Times New Roman', Times,  serif;
}
.row.content  {
  max-width:680px;
  margin: 0 auto;
}
a {
  font-weight: bold;
  color: #017f7e;
}
a.diap {
  font-weight: bold;
  color: #fff;
}
.navbar a { 
  font-weight: normal;
  font-family: 'Roboto', sans-serif;
}
#oei { width: 80px; height: 80px; }
#oei { background: url("/images/dijkhorst-oei.jpg"); border-radius: 50%; background-size: 80px; }

.sans-serif {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
h3 {
  margin-top: 1.6em;
  margin-bottom:1em;
  border-bottom:1px solid #333;
}
.text-small {
  font-size:0.9em;
}
.text-grey {
  color: #666;
}
.bg-rood {
  background-color: #e8343f;
  color: white;
}
.bg-groen {
  background-color: #017f7e;
  color: white;
}
.bg-turqoise {
  background-color: #00afcc;
  color: white;
}
.bg-mosterdgeel {
  background-color: #d3d801;
}
.bg-red {
  background-color: #b20e0f;
  color: white;
}
.btn-color {
  background-color: #017f7e;
  color: white;
}
.text-groen {
  color: #017f7e;
}
.bg-image {
  background-image: url("../images/image001.jpg");
  /* mix-blend-mode: multiply;
  background-blend-mode: multiply; */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: scroll;

  /*background-color: #e8343f; */
}
/* hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-width: 1px;
  border-color: #017f7e;
} */
hr.blanco {
  color:white;
  border:0px;
}
.shadow {
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


.scroll {
    color: #fff;
    margin-top: 100px
}

#toTopBtn {
    position: fixed;
    bottom: 26px;
    right: 39px;
    z-index: 98;
    padding: 21px;
    background-color: hsla(5, 76%, 62%, .8)
}

.js .cd-top--fade-out {
    opacity: .5
}

.js .cd-top--is-visible {
    visibility: visible;
    opacity: 1
}

.js .cd-top {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s, visibility .3s, background-color .3s
}

.cd-top {
    position: fixed;
    bottom: 20px;
    bottom: var(--cd-back-to-top-margin);
    right: 20px;
    right: var(--cd-back-to-top-margin);
    display: inline-block;
    height: 40px;
    height: var(--cd-back-to-top-size);
    width: 40px;
    width: var(--cd-back-to-top-size);
    box-shadow: 0 0 10px rgba(0, 0, 0, .05) !important;
    background: url(https://res.cloudinary.com/dxfq3iotg/image/upload/v1571057658/cd-top-arrow.svg) no-repeat center 50%;
    background-color: hsla(5, 76%, 62%, .8);
    background-color: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.8)
}

.height {
    height: 3000px
}

button {
  width: 8em;
  margin-left: 1em;
  border: 0px;
  border-radius: 8px;
  background-color: hsla(5, 76%, 62%, .8);
  
}

button:hover {
  background-color: hsla(5, 76%, 62%, 1);
  color: white;

}