body{
    background-color: #E0E8E9;
}

.navbar {
    background-color: #AFB4B6 !important;
    height: 86px;
    min-height: 86px; /* Ensures that the height is fixed */
}
.navbar a{
    font-family: 'Jeju Hallasan', cursive;
}

.navbar .navbar-nav {
    display: flex;
    justify-content: center;
    width: 60%;
  }


  .navbar .navbar-icon {
    display: flex;
    justify-content: right;
    width: 60%;
    height: 32;
    width: 34;
  }

  .navbar .navbar-icon .bi {
    margin: 0 10px; /* Optional: Adds spacing between the links */
  }

  .footer-section {
    background-color: #AFB4B6;
    padding: 20px;
    color: white;
    text-align: center;
  }

  .content-section, .content-left {
    background-color: #E0E8E9;
    padding: 30px;
    height: 100%; /* Ensure both sections fill the height of their parent */
    width: 100%;
  }

  

  .Nieuws {
    position: relative;
    height: 500px; /* Same as image height */
    overflow: hidden; /* Hide anything that goes outside of this box */
  }
  
  .overlay {
    background-color: rgba(0, 0, 0, 0.5); /* Dark overlay with 50% opacity */
  }
  
  .text-overlay {
    bottom: 0; /* Position the text overlay at the bottom */
    left: 0; /* Align text to the left */
  }
  
  .text-overlay h1 {
    font-size: 1.5rem; /* Adjust size as needed */
  }
  
  .text-overlay p {
    font-size: 0.875rem; /* Adjust size as needed */
  }