header{
    background-color:  #e5eaff ;
    text-align: center;
    padding: 3em;
}
/* Algemene stijl */
body {
  font-family:  Arial, Helvetica, sans-serif;
  background-color: #f6f1ec;
  color: #111;
  line-height: 1.6;
}

h1, h2, h3, h4, h5 {
  font-weight: 700;
  text-transform: uppercase;
  color: #0b055a;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: xx-large;
}

.navbar {
  border-bottom: 3px solid #e5eaff;
  background-color: #0b055a;
}

.navbar-logo img {
  filter: brightness(0) invert(1);
}

.nav-link {
  color: #e5eaff !important;
  font-weight: 500;
  transition: color 0.3s;
}

.nav-link:hover,
.nav-link.active {
  color:#e5eaff !important;
}

/* Buttons */
.btn-primary {
  background-color: #021386;
  border: none;
  font-weight: 600;
  text-transform: uppercase;
}

.btn-primary:hover {
  background-color: #91a2ec;
}

/* Footer */
.main-footer {
  background-color: #0b055a;
  color: #eee;
  padding: 2em;
}

/* Kaarten in programma */
.card {
  border: none;
  border-radius: 0;
  box-shadow: #91a2ec;
  transition: transform 0.2s ease;
}

.card:hover {
  transform: translateY(-5px);
}

.card-img-top {
  border-radius: 0;
  height: 250px;
  object-fit: cover;
}

.card-title {
  color:#91a2ec;
  font-size: 1.25rem;
}

/* Formulier */
form label {
  font-weight: 600;
}

form input,
form textarea {
  border-radius: 0;
  border: 1px solid #ccc;
}

form input:focus,
form textarea:focus {
  border-color: #91a2ec;
  box-shadow: none;
}

/* Sfeerfoto's */
.sfeerfotos img {
  box-shadow: #91a2ec;
  transition: transform 0.3s;
}

.sfeerfotos img:hover {
  transform: scale(1.03);
}