h1 {
    font-size: 1.8rem;
    text-align: center;
  }
  
  h2 {
    margin-top: 64px;
    color: rgba(39, 167, 177, 1.0);
  }
  
  h3 {
    margin-top: 52px;
    margin-bottom: 42px;
  
  }
  
  h4 {
    margin: 0;
  }

  .kurse-details{
    color :#72143c;
  }
    
  .course-dates {
    display: grid;
  
    grid-template-columns: 1fr 1fr;
  
    align-items: center;
    row-gap: 32px;
  
    margin-bottom: 48px;
  }

  .course-container {
    display : contents;
  }
  
  .course-separator {
    background: rgb(237, 243, 243);
    height: 2px;
    width: 100%;
  
    grid-column: 1 / span 2;
  }
  
  .course-title {
    grid-column: 1 / span 2;
  }
  
  .course-date {
    text-align: center;
  }

  .course-content-container {
  display: flex;
  justify-content: space-between; /* espace entre les éléments */
  gap: 1rem; /* espace fixe entre les éléments */
  width: max-content;
}

/* Pour les écrans plus petits */
@media (max-width: 768px) {
  .course-content-container {
    flex-direction: column; /* passe en colonne */
    width: 380px;
    text-align: center;
  }
}
  
  .course-booking {
    justify-self: end;
  }
  
  @media only screen and (min-width: 600px) {
  .course-dates {
    /* grid-template-columns: 1fr 1fr 1.5fr 1fr; */
  
    margin-left: 12px;
    margin-right: 12px;
  }
  
  .course-separator {
    background: rgb(237, 243, 243);
    height: 2px;
    width: 100%;
  
    grid-column: 1 / span 4;
  }
  
  }