.bookings-banner {
    width: 100%;
    background: linear-gradient(180deg, #FFF7B8 0%, #DED73A 100%); /* CI-Gelb */
    color: #000000;
    padding: 16px 0;
    text-align: center; /* Banner selbst bleibt zentriert */
    border-top: 4px solid #DED73A; /* CI-Gelb als Akzent */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.bookings-banner-content {
    font-size: 1.2rem;
    font-weight: 500;
    max-width: 1200px;
    margin: 0 auto; /* Zentriert den gesamten Block */
    padding: 0 10px;

    display: flex;
    align-items: center;        /* Icon + Text vertikal mittig */
    justify-content: center;    /* Block bleibt mittig */
    gap: 12px;

    text-align: left;           /* Text linksbündig */
}

.bookings-icon {
    font-size: 2.0rem;
    opacity: 0.9;
    flex-shrink: 0; /* Icon bleibt stabil links */
}

@media (max-width: 800px) {
    .bookings-banner-content {
        font-size: 1.05rem;
        padding: 0 15px;
        gap: 8px;
    }

    .bookings-icon {
        font-size: 1.3rem;
    }
}