/* ruimte bij scrollen */
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box; /* betere beheer ruimte */
}

.afbeelding1 {
  position: relative;
  text-align: center;
  bottom: 5px;
  color: white;
  height: 110vh; /* zet de achtergrond afbeelding goed zonder dat die groot is */
  background-image: url(../images/ruimteachtergrond.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

  /* transparante vak */
  .top-left {
    width: 330px;
    height: 170px;
    font-size: large; 

    padding: 10px; 
    background-color: rgba(25, 30, 40, 0.7); /* transparante kleur */
    position: absolute;
    top: 50%; 
    left: 70%;
    transform: translate(-15%, -50%);
    z-index: 1;
    border-radius: 15px;
  }
  .book-now-container {
    background-color: rgb(255, 0, 0); /* Oranje achtergrond voor de box */
    padding: 10px 10px; /* Ruimte binnen de box */
    display: inline-block; /* Zorgt ervoor dat de box slechts zo groot is als de tekst */
    border-radius: 15px; /* Maakt de randen van de box wat ronder */
    text-align: center;
    max-width: 100%;
    margin-left: 160px;  /* tekst en oranje vak naar rechts */
    margin-top: 11px; /* zet de tekst en oranje vak iets naar beneden*/
}
  .book-now {
    font-size: 20px; /* Grotere lettergrootte" */
    font-weight: bold; /* Maak het vetgedrukt */
    color:  white; /* Maak het opvallen met een opvallende kleur */
    margin-top: 0;
    line-height: 1,5;
    display: inline-block;
}