

.prices-grid{
    display: grid; /* Grid aktivieren */
    grid-template-columns: 1fr;    
    row-gap: 5px;
    column-gap: 0rem; /* Abstand zwischen den Zellen */
    padding: 2rem; /* optional */
    margin-bottom: 40px;
}

.price-text-box{
    width: 60%;
    margin: 0 auto;
}

hr {
  border: none;
  border-top: 2px solid var(--header-bg-color); /* deine Beauty-Farbe */
  margin: 0 auto;
  width: 60%;
}

h1, h2, h3, h4{
    color: var(--dark-contrast-text-color);
}

h1{
    text-align: center;
}

.price-row{
    display: flex;
    justify-content: space-between;
    padding-right: 20px;
}

.index-booking-button{
    margin-top: 40px;
}


@media (max-width: 768px) {
.prices-grid {
  grid-template-columns: 1fr; /* 2 gleich große Spalten */
  row-gap: 5px;
  column-gap: 0rem; /* Abstand zwischen den Zellen */
  padding: 0rem; /* optional */
  margin-bottom: 40px;
}

.price-text-box{
    display: flex;
    flex-direction: column;
    width: 95%;
}

hr {
  width: 95%;
}

.price-row{
    margin-top: -12px;
}


}

@media (min-width: 769px) and (max-width: 1200px) {
    main {
        padding-top: 140px;
    }
}

@media (min-width: 1200px) {

    main {
        padding-top: 130px;
    }
}


