/* Algemene stijlen */
    body {
      margin: 2em 0.5em 0 2em;
      font-family: "Arial", sans-serif;
      font-size: 10pt;
      color: #313394;
      background-color: #a3c9de;
    }

    /* Typografie */
    h1, h2, h3 {
      font-family: "Arial", sans-serif;
      color: #313394;
      margin: 0;
    }

    h1 {
      font-size: 20pt;
      font-weight: bold;
      margin-bottom: 1em;
      margin-top: 0.5em;
    }

    h2 {
      font-size: 16pt;
      font-weight: bold;
      margin-top: 1.3em;
    }

    h3 {
      font-size: 13pt;
      font-weight: normal;
      margin-top: 0.6em;
      margin-bottom: 0.5em;
    }

    /* Tabel stijlen */
    table, td, tr {
      color: #313394;
      font-size: 10pt;
      font-family: "Arial", sans-serif;
    }

    td {
      padding: 0 1.5em 0 0;
      vertical-align: top;
    }

    /* Afbeeldingen */
    img {
      margin-bottom: 1em;
    }

    /* Lijsten */
    ul {
      margin-left: 2,5em;
      margin-top: 1,0em;
    }

    /* Links */
    a:link {
      color: #faf7f5c;
      text-decoration: none;
    }

    a:visited {
      color: #faf7f5;
      text-decoration: none;
    }

    a:hover {
      text-decoration: underline;
    }

    /* Speciale klassen */
    .btn-book-now {
      font-size: 105%;
    }

    .pl-header {
      color: #313394;
      margin: 0.2em 0;
      text-align: center;
    }

    .pl-cell {
      color: #313394;
      margin: 0.2em;
      vertical-align: top;
    }

    .three-column {
      font-size: 10pt;
      text-align: center;
    }

    .three-column-head {
      font-size: 14pt;
      text-align: center;
    }

    .three-column-subhead {
      font-size: 10pt;
      text-align: left;
    }

    .sub-heading {
      font-variant: small-caps;
      font-size: 12pt;
      height: 25px;
      margin-top: 25px;
    }

    /* Bootstrap overrides */
    .bg-light {
      background-color: #a3c9de !important;
    }

    .card, .modal-content {
      background-color: #a3c9de;
      border: 1px solid #313394;
    }

    .carousel-item img {
      border: 1px solid #313394;
    }
.btn-book-now {
    font-size: 200%; /* 5% groter dan de standaard grootte */
    padding: 0.525rem 1.05rem; /* 5% groter dan de standaard padding */
}
.nav-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #313394;
  color: #313394;
  text-decoration: none;
  border-radius: 5px;
  margin: 10px;
}

.nav-button:hover {
  background-color: #009dff;
}

.carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: #000;
}

.btn-custom {
    background-color: #007bff; /* Blauwe achtergrond */
    color: white; /* Witte tekst */
    border: none; /* Geen rand */
    padding: 8px 16px; /* Kleinere padding voor een kleinere knop */
    font-size: 14px; /* Kleinere tekst */
    border-radius: 4px; /* Optioneel: afgeronde hoeken */
}

.navbar .btn-custom {
    margin-left: 0; /* Zet de knop aan de linkerkant */
}