.availability-list {
width: 100%;
border-collapse: collapse;
}

.availability-list th, .availability-list td {
/* border: 1px solid #ddd;
padding: 10px; */
text-align: left;
vertical-align: baseline;
}

.availability-list .center { text-align: center; }

.availability-list th {
/* background-color: #f4f4f4; */
}

.quantity-field {
width: 90px !important;
color: #000 !important;
}

#loading-icon {
display: none;
text-align: center;
}

#loading-icon img {
display: block;
width: 50px; 
height: auto;
}

.error-message {
color: red;
display: none;
}

.order-success-message {
color: green;
margin-top: 10px;
display: none;
}

.placeholder {
color: #000; 
}

.cart-table td, .cart-table th {
text-align: left; 
}

.right_noborder { border-right: 1px solid hsla(0,0%,100%,.1019607843); }

/* Style für das Buchungsformular */
.form-row {
display: flex;
justify-content: space-between;
}

.left-column, .right-column {
width: 48%; /* Zwei Spalten, je 48% Breite */
}

.person-field {
margin-bottom: 10px;
}

button.remove-person {
margin-top: 10px;
}

.view-cart-btn { margin-left: 20px; }


#cart-empty {
height: 100px;
border-bottom: 2px #000 solid;
border-top: 2px #000 solid;
padding-top: 40px;
margin-bottom: 40px;
}

#booking-form .form-row {
display: flex;
gap: 20px;
flex-wrap: wrap;
}

#booking-form .form-group {
flex: 1;
min-width: calc(50% - 10px);
margin-bottom: 10px; 
}

@media (max-width: 767px) {
#booking-form .form-group { min-width: 100%; }
.left-column, .right-column { width: 100%; }
#booking-form .form-row { gap: 0; }
}

#booking-form .form-group.button-container { margin-top: -5px; }

#booking-form .form-group textarea {
width: 100%;
min-height: 100px;
}

#booking-form .form-field, #booking-form button {
width: 100%;
padding: 10px;
/* border: 1px solid #ccc; */
font-size: 16px;
}

#booking-form .submit-button { margin-top: 40px; height: 60px; }

#add-person { margin-top: 24px; }

.cart-table-wrapper {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}

.cart-table {
width: 100%;
border-collapse: collapse;
}

.cart-table td,
.cart-table th {
white-space: nowrap;
}
