@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&display=swap');

html, body {
    height: 100%; 
}

html {
  scroll-behavior: smooth;
}

body {
font-family: 'Poppins', sans-serif;
font-size: 20px;
color: #303030;
}

.banner {
background-color: #fab600;
height: 100%;
background-image: url("images/landschap-sourbrodt.jpg");
background-size:cover;
background-position: center;
color: #fff;
} 

.banner h1 {
text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
font-size: 40px;
}

.banner h3 {
margin-top: 20px;
}

.highlight {
background-color:#b67793;
padding: 2px 6px;
color: #fff;
}

.activiteiten a:hover {
color:#000000;
text-decoration: none;
}

.meer {
position: absolute;
bottom: 50px;
left: 50%;
}

.foto {
padding-top: 20px;


}

.foto img {
padding-top:50px;
display: block;
margin-left: auto;
margin-right: auto;
}

.activiteiten {
background-color: #fab600;
padding: 50px 0px;;
}


.info {
background-color: #f0f0f0;
margin: 0px;
padding: 50px 0px;
font-weight: 100;
margin-top: 50px;
}

.fullscreen {
    height: 100%;
padding-top: 105px;
   text-align: center;
}

.fullscreen img {
margin: auto;
}

a.anchor {
    display: block;
    position: relative;
    top: -120px;
    visibility: hidden;
}

a{
color: #303030;
}

a:hover {
color: #000000;
}


a:hover {
color: #b67793;
text-decoration: none;
}

.navbar {
background-color: #fff;
-webkit-box-shadow: 0px 0px 15px -5px #b67793;
    box-shadow: 0px 0px 15px -5px #000000;
    padding: 20px 100px;
}


.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 20px;
    padding-left: 20px;
}

.navbar-collapse{
}

.navbar-toggler-icon {
background-image: url("images/bars-solid.svg");
}


h1 {
font-size: 55px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 25px;
}
h4 {
font-size: 23px;
}

h5 {
font-size: 16px;
font-weight: 600;
}

.contact {
padding-top: 75px;
padding-bottom: 75px;
}

.marge {
margin-top: 200px;
}

.footer {
background-color: #b67793;
padding-top: 50px;
padding-bottom: 50px;
}
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer p{
color: #FFFFFF;
}
.footer p{
font-size: 18px;
}
.footer a{
color: #FFFFFF;
}

.footer h5 {
margin-top: 15px;
}

.design{
background-color: #b67793;
font-size: 16px;
color: #FFFFFF;
text-align: center;
padding-top: 5px;
padding-bottom: 15px;
}

.design a{
color: #FFFFFF;
}






/* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

.fullscreen {
    height: auto;
padding-top: 52px;
   text-align: center;
}

a.anchor {
    top: -52px;
}

.navbar {
background-color: #fff;
-webkit-box-shadow: 0px 0px 15px -5px #b67793;
    box-shadow: 0px 0px 15px -5px #000000;
    padding: 0px 10px 0px 20px;
}

.navbar-brand {
width: 130px;
}

.banner {
padding: 50px 20px;
}

.banner img {
width: 200px;
height: auto;
}

.meer {
display: none;
}



    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {




    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    }

.venobox {
    transform: scale(1);
    display: block;
    transition: transform .3s ease-in-out;
}

.venobox:hover {
    transform: scale(1.05);
}