.elementor-81 .elementor-element.elementor-element-f2620ee{--display:flex;}/* Start custom CSS for container, class: .elementor-element-f2620ee *//* =========================================
   CAFÉBAR – RESERVIEREN
   ========================================= */

.cb-reservation-page {
    width: 100%;
    overflow: hidden;
    background: #fffdf9;
}

.cb-reservation-page .cb-eyebrow {
    display: block;
    margin-bottom: 15px;

    font-family: "Lato", sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .18em;
    text-transform: uppercase;

    color: #b9964f;
}


/* HERO */

.cb-reservation-hero {
    background: #2f2f2f;
    color: #fffdf9;
}

.cb-reservation-hero-inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 105px 32px 100px;
}

.cb-reservation-hero h1 {
    max-width: 760px;
    margin: 0 0 22px;

    font-family: "Lora", Georgia, serif;
    font-size: clamp(48px, 6vw, 78px);
    font-weight: 400;
    line-height: 1.05;

    color: #fffdf9;
}

.cb-reservation-hero p {
    max-width: 620px;
    margin: 0 0 34px;

    font-family: "Lato", sans-serif;
    font-size: 17px;
    line-height: 1.75;

    color: rgba(255,253,249,.78);
}

.cb-reservation-hero-button,
.cb-reservation-events-button {
    display: inline-block;
    padding: 14px 24px;

    font-family: "Lato", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .04em;

    text-decoration: none !important;

    transition:
        transform .2s ease,
        background .2s ease,
        color .2s ease;
}

.cb-reservation-hero-button {
    background: #a65f46;
    color: #fff !important;
}

.cb-reservation-hero-button:hover {
    background: #b96d52;
    color: #fff !important;
    transform: translateY(-2px);
}


/* RESERVIERUNG */

.cb-reservation-booking {
    background: #fffdf9;
}

.cb-reservation-booking-inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 90px 32px 100px;
}

.cb-reservation-intro {
    max-width: 650px;
    margin-bottom: 30px;
}

.cb-reservation-intro h2,
.cb-reservation-info-heading h2,
.cb-reservation-events h2 {
    margin: 0 0 20px;

    font-family: "Lora", Georgia, serif;
    font-weight: 400;
    line-height: 1.15;

    color: #2f2f2f;
}

.cb-reservation-intro h2,
.cb-reservation-info-heading h2 {
    font-size: clamp(34px, 4vw, 48px);
}

.cb-reservation-intro p {
    margin: 0;

    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 1.75;

    color: #666;
}


/* PLATZHALTER GASTRONOVI */

.cb-reservation-widget {
    width: 100%;
}

.cb-reservation-placeholder {
    min-height: 280px;
    padding: 50px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    border: 1px solid rgba(47,47,47,.12);
    background: #f7f1e7;

    text-align: center;
}

.cb-reservation-placeholder span {
    margin-bottom: 10px;

    font-family: "Lora", Georgia, serif;
    font-size: 26px;

    color: #2f2f2f;
}

.cb-reservation-placeholder p {
    margin: 0;

    font-family: "Lato", sans-serif;
    font-size: 14px;

    color: #777;
}


/* GUT ZU WISSEN */

.cb-reservation-info {
    background: #f7f1e7;
}

.cb-reservation-info-inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 90px 32px 95px;
}

.cb-reservation-info-heading {
    max-width: 650px;
    margin-bottom: 55px;
}

.cb-reservation-info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 45px;
}

.cb-reservation-info-item {
    padding-top: 22px;
    border-top: 1px solid rgba(47,47,47,.18);
}

.cb-reservation-number {
    display: block;
    margin-bottom: 25px;

    font-family: "Lato", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .15em;

    color: #b9964f;
}

.cb-reservation-info-item h3 {
    margin: 0 0 12px;

    font-family: "Lora", Georgia, serif;
    font-size: 22px;
    font-weight: 400;

    color: #2f2f2f;
}

.cb-reservation-info-item p {
    margin: 0;

    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 1.7;

    color: #666;
}

.cb-reservation-info-item a {
    color: #a65f46 !important;
    text-decoration: none !important;
}


/* RAUM & GARTEN */

.cb-reservation-events {
    background: #a65f46;
}

.cb-reservation-events-inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 85px 32px;
}

.cb-reservation-events-content {
    max-width: 720px;
}

.cb-reservation-events .cb-eyebrow {
    color: #f1d39a;
}

.cb-reservation-events h2 {
    font-size: clamp(34px, 4vw, 50px);
    color: #fffdf9;
}

.cb-reservation-events p {
    max-width: 650px;
    margin: 0 0 30px;

    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 1.75;

    color: rgba(255,253,249,.82);
}

.cb-reservation-events-button {
    border: 1px solid rgba(255,255,255,.65);
    color: #fff !important;
}

.cb-reservation-events-button:hover {
    background: #fffdf9;
    color: #a65f46 !important;
    transform: translateY(-2px);
}


/* =========================================
   TABLET / MOBILE
   ========================================= */

@media (max-width: 800px) {

    .cb-reservation-hero-inner {
        padding: 75px 25px 72px;
    }

    .cb-reservation-booking-inner,
    .cb-reservation-info-inner {
        padding: 70px 25px;
    }

    .cb-reservation-events-inner {
        padding: 65px 25px;
    }

    .cb-reservation-info-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .cb-reservation-info-heading {
        margin-bottom: 40px;
    }

    .cb-reservation-placeholder {
        min-height: 220px;
        padding: 35px 20px;
    }
}


@media (max-width: 520px) {

    .cb-reservation-hero-inner {
        padding: 60px 20px;
    }

    .cb-reservation-hero h1 {
        font-size: 44px;
    }

    .cb-reservation-booking-inner,
    .cb-reservation-info-inner {
        padding: 58px 20px 62px;
    }

    .cb-reservation-events-inner {
        padding: 58px 20px;
    }

    .cb-reservation-hero p,
    .cb-reservation-events p {
        font-size: 15px;
    }

}
/* Reservieren – Seitentitel etwas nach rechts */
body.page-id-81 .entry-title {
    padding-left: 12px !important;
}/* End custom CSS */