.frame-type-ncn_bookingwidget #d21-quickbook {
    max-width: none;
    font-size: 1rem;
}
.frame-type-ncn_bookingwidget .d21-btn.d21-primary {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff;
}
.frame-type-ncn_bookingwidget .d21-input-icon {
    display: none;
}
.frame-type-ncn_bookingwidget .d21-input {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    height: 60px;
    line-height: 56px;
    color: var(--primary);
}
.frame-type-ncn_bookingwidget .d21-btn {
    height: 60px;
    line-height: 60px;
}
.section-border .frame-type-ncn_bookingwidget{
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    padding-bottom: 3rem;
}
.section-border #d21-quickbook #d21-arrival-input .d21-calendar {
    top: inherit;
    bottom: 100%;
}
.section-border .d21-occupancy-select {
    top: inherit;
    bottom: 100%;
}

.frame-type-ncn_bookingwidget #d21-quickbook #d21-selected-day-price {
    position: absolute;
    top: 100%;
    right: 0;

}
.frame-type-ncn_bookingwidget #d21-quickbook #d21-selected-day-price > div .d21-bigger {
    font-size: 1em !important;
    font-weight: 800;
}
.frame-type-ncn_bookingwidget #d21-quickbook #d21-selected-day-price .d21-avail {
    background-color: var(--primary);
    padding: 0.5rem 1rem;
    height: auto;
}
#d21-hotelname-city-list, .d21-calendar-control, .d21-occupancy-select {
    font-size: 0.85rem;
}
#d21-quickbook-view {
    opacity: 0;
    transform: translateY(20px); /* Optional: leichtes Heben für einen sanfteren Effekt */
    animation: fadeInUp 1s ease-out forwards;
}



@media (max-width: 767px) {
    .section-border .frame-type-ncn_bookingwidget{
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 1;
        padding-bottom: 0rem;
    }
}