body, html {font-family: "Cantarell", sans-serif;font-size: 1em;height: 100%;color: #333;line-height: 1.4em;}

h1,h2,h3, h4, h5, h6 {font-family: "Oxanium", sans-serif;color:#22376C;}
h1{font-size:2em;}
h2{font-size:1.8em;}
h3{font-size:1.6em;}
h4{font-size:1.4em;}
h5{font-size:1.2em;}
h6{font-size:1em;}

a {font-family:"Oxanium", sans-serif;text-decoration: none;color:#22376C;font-size: 1.1em;}
.w3-sidebar a{color:#fff;}
footer a{color:#fff;font-size:1em;}

.hc-dark{color:#22376C}

.bgimg {background-image: url('../images/home-background.jpg');min-height: 100%;background-position: center;background-size: cover;}
.w3-sidebar{background-color: #22376C;}
.w3-bar-block{background-color:#fff;color:#22376c;}
.hc-hover-dark{background-color:#22376C;color:#fff;}
hr{border:0;border-top:1px dotted #7DAED9;width: 100%; padding: 10px 0;}

.bv-input{padding:8px;display:block;border:1px solid #ccc;border-radius: 5px;width:100%; margin: 10px 0;}
.bv-button{background-color: #22376C;color:#fff;border:0;border-radius: 5px;padding:10px;margin-bottom:15px;cursor:pointer;}
.bv-button:hover{background-color: #7DAED9;color:#333;border:0;border-radius: 5px;padding:10px;margin-bottom:15px;cursor:pointer;}

footer{background-color: #337DC1;color:#fff;font-size: 0.9em;}
/* Create a Parallax Effect */
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-gekkie, .bgimg-edelhert, .bgimg-stationery {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgimg-1 {
  background-image: url("../pix/ping.jpg");
  min-height: 500px;
}

/* Third image (Contact) */
.bgimg-3 {
  background-image: url("../pix/ree.jpg");
  min-height: 400px;
}

.bgimg-4 {
  background-image: url("../pix/edelhert.jpg");
  min-height: 400px;
}




/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1439px) {
  .bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: scroll;
    min-height: 400px;    
  }
}

@media (min-width:678px){
    .nav-left{position: relative; padding-left:200px;}
}

/* cookie banner */

#cookie-banner {
 position: fixed;bottom: 0; left: 0; width: 100%;z-index:3;
            background: #333;
            color: white;
            text-align: center;
            padding: 15px;
            display: none;
        }
        #cookie-banner button {
            background: #f1c40f;
            border: none;
            padding: 10px 20px;
            cursor: pointer;
        }