.elementor-114 .elementor-element.elementor-element-f18460b{--display:flex;}/* Start custom CSS for container, class: .elementor-element-f18460b *//* =========================================================
   CAFÉBAR – ESSEN & TRINKEN
   KOMPLETTE BEREINIGTE VERSION
   ========================================================= */


/* =========================================================
   1. HERO
   ========================================================= */

.cb-menu-hero {
    background: #2f2f2f;
    padding: 72px 40px 76px;
}

.cb-menu-hero-inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.cb-menu-eyebrow {
    display: block;
    margin-bottom: 14px;

    font-family: "Lato", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;

    color: #d4af6a;
}

.cb-menu-hero h1 {
    margin: 0 0 18px;

    font-family: "Lora", Georgia, serif;
    font-size: clamp(38px, 5vw, 62px);
    font-weight: 400;
    line-height: 1.12;

    color: #fffdf9;
}

.cb-menu-hero p {
    max-width: 650px;
    margin: 0;

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

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



/* =========================================================
   2. EINLEITUNG
   ========================================================= */

.cb-menu-intro {
    background: #fffdf9;
    padding: 65px 40px 40px;
}

.cb-menu-intro-inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.cb-menu-kicker {
    display: block;
    margin-bottom: 10px;

    font-family: "Lato", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;

    color: #b9964f;
}

.cb-menu-intro h2 {
    margin: 0 0 16px;

    font-family: "Lora", Georgia, serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 1.25;

    color: #2f2f2f;
}

.cb-menu-intro p {
    max-width: 720px;
    margin: 0;

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

    color: #666;
}



/* =========================================================
   3. ABHOLEN / VORBESTELLEN CTA
   ========================================================= */

.cb-order-cta-small {
    width: min(1120px, calc(100% - 48px));
    margin: 35px auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;

    padding: 28px 32px;

    border: 1px solid rgba(185,150,79,.25);
    border-radius: 14px;

    background: #f7f1e7;
}

.cb-order-cta-small > div > span {
    display: block;
    margin-bottom: 6px;

    color: #a65f46;

    font-family: "Lato", Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .16em;
}

.cb-order-cta-small h3 {
    margin: 0 0 6px;

    color: #2f2f2f;

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

.cb-order-cta-small p {
    margin: 0;

    color: #5f5f5f;

    font-family: "Lato", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6;
}

.cb-order-cta-small > a {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    padding: 13px 19px;

    border-radius: 6px;

    background: #a65f46;
    color: #fff !important;

    font-family: "Lato", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;

    transition: background-color .2s ease;
}

.cb-order-cta-small > a:hover {
    background: #8f4f3a;
}



/* =========================================================
   4. GASTRONOVI – KATEGORIE-RASTER
   ========================================================= */

.sc-1spy1b4-0 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 34px 24px !important;

    width: 100% !important;
    max-width: 1050px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;

    align-items: start !important;
}



/* =========================================================
   5. GASTRONOVI – EINZELNE KATEGORIE
   ========================================================= */

.sc-1umalcf-0 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}



/* =========================================================
   6. GASTRONOVI – BILDFLÄCHE ENTFERNEN
      UND ALS ICON-FLÄCHE VERWENDEN
   ========================================================= */

.sc-1umalcf-0.iQdJCO .sc-1mj1orz-0,
.sc-1umalcf-0.fpIyUs .sc-1mj1orz-0 {
    width: 100% !important;
    height: 140px !important;
    padding-top: 0 !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background-image: none !important;
    background: transparent !important;

    border-radius: 0 !important;
}



/* =========================================================
   7. FONT AWESOME – GRUNDSTIL
   ========================================================= */

.sc-1umalcf-0.iQdJCO .sc-1mj1orz-0::before,
.sc-1umalcf-0.fpIyUs .sc-1mj1orz-0::before {
    content: "";

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 92px !important;
    height: 92px !important;

    box-sizing: border-box !important;

    font-family: "Font Awesome 5 Free" !important;
    font-style: normal !important;
    font-weight: 900 !important;
    font-size: 46px !important;
    line-height: 1 !important;

    color: #a65f46 !important;

    background: #f7f1e7 !important;
    border: 1px solid rgba(185,150,79,.32) !important;
    border-radius: 50% !important;

    transition:
        transform .22s ease,
        background-color .22s ease,
        border-color .22s ease !important;
}

.sc-1umalcf-0.iQdJCO:hover .sc-1mj1orz-0::before,
.sc-1umalcf-0.fpIyUs:hover .sc-1mj1orz-0::before {
    transform: translateY(-3px);

    background: #fffdf9 !important;
    border-color: #d4af6a !important;
}

/* =========================================================
   SPEISEN
   ========================================================= */

/* Suppen und Vorspeisen – Löffel */
[data-cb-category="suppe"] .sc-1mj1orz-0::before {
    content: "\f2e5" !important;
}

/* Salate – Blatt */
[data-cb-category="salat"] .sc-1mj1orz-0::before {
    content: "\f06c" !important;
}

/* Flammkuchen – Pizza */
[data-cb-category="flammkuchen"] .sc-1mj1orz-0::before {
    content: "\f818" !important;
}

/* Pinsa – Brot */
[data-cb-category="pinsa"] .sc-1mj1orz-0::before {
    content: "\f7e5" !important;
}

/* Pasta – Besteck */
[data-cb-category="pasta"] .sc-1mj1orz-0::before {
    content: "\f2e7" !important;
}

/* Dessert – Kuchen */
[data-cb-category="dessert"] .sc-1mj1orz-0::before {
    content: "\f563" !important;
}
/* =========================================================
   9. GETRÄNKE – 6 FONT AWESOME ICONS
   ========================================================= */


/* 1 – Wasser / Softs
   Tropfen */
.sc-1umalcf-0.fpIyUs:nth-child(
    1 of .sc-1umalcf-0.fpIyUs
) .sc-1mj1orz-0::before {
    content: "\f043";
}


/* 2 – Biere
   Bierkrug */
.sc-1umalcf-0.fpIyUs:nth-child(
    2 of .sc-1umalcf-0.fpIyUs
) .sc-1mj1orz-0::before {
    content: "\f0fc";
}


/* 3 – Wein und Sekt
   Weinglas */
.sc-1umalcf-0.fpIyUs:nth-child(
    3 of .sc-1umalcf-0.fpIyUs
) .sc-1mj1orz-0::before {
    content: "\f5ce";
}


/* 4 – Kaffee, Tee und Schokolade
   heiße Tasse */
.sc-1umalcf-0.fpIyUs:nth-child(
    4 of .sc-1umalcf-0.fpIyUs
) .sc-1mj1orz-0::before {
    content: "\f7b6";
}


/* 5 – Longdrinks und Cocktails
   Cocktailglas */
.sc-1umalcf-0.fpIyUs:nth-child(
    5 of .sc-1umalcf-0.fpIyUs
) .sc-1mj1orz-0::before {
    content: "\f561";
}


/* 6 – Spirituosen
   Whiskyglas */
.sc-1umalcf-0.fpIyUs:nth-child(
    6 of .sc-1umalcf-0.fpIyUs
) .sc-1mj1orz-0::before {
    content: "\f7a0";
}



/* =========================================================
   10. GASTRONOVI – KATEGORIE-BUTTONS
   ========================================================= */

.sc-1umalcf-0 > button {
    width: 100% !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 11px 16px !important;

    background: #a65f46 !important;
    color: #fffdf9 !important;

    border: 0 !important;
    border-radius: 0 0 8px 8px !important;

    font-family: "Lora", Georgia, serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;

    text-align: center !important;

    cursor: pointer !important;

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

.sc-1umalcf-0 > button:hover {
    background: #8f4f3a !important;
}



/* =========================================================
   11. SPEISEN – BESCHREIBUNGEN
   ========================================================= */

.sc-1umalcf-0.iQdJCO > span {
    display: block !important;

    margin-top: 10px !important;
    padding: 0 !important;

    font-family: "Lato", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    color: #555 !important;
}



/* =========================================================
   12. GETRÄNKE – BESCHREIBUNGEN AUSBLENDEN
   ========================================================= */

.sc-1umalcf-0.fpIyUs > span {
    display: none !important;
}



/* =========================================================
   13. GASTRONOVI – ÜBERSCHRIFTEN
   ========================================================= */

h2.sc-22o7gi-0 {
    margin-bottom: 8px !important;

    font-family: "Lora", Georgia, serif !important;
    font-size: 34px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;

    color: #2f2f2f !important;
}

h3.sc-22o7gi-0 {
    margin-top: 0 !important;
    margin-bottom: 24px !important;

    font-family: "Lato", Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;

    color: #a65f46 !important;
}


/* kleine goldene Linie unter Speisen / Getränke */

h3.sc-22o7gi-0::after {
    content: "";

    display: block;

    width: 60px;
    height: 1px;

    margin: 14px auto 0;

    background: #d4af6a;
}



/* =========================================================
   14. TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .sc-1spy1b4-0 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        max-width: 720px !important;

        gap: 30px 24px !important;
    }

    .sc-1umalcf-0.iQdJCO .sc-1mj1orz-0,
    .sc-1umalcf-0.fpIyUs .sc-1mj1orz-0 {
        height: 120px !important;
    }

    .sc-1umalcf-0.iQdJCO .sc-1mj1orz-0::before,
    .sc-1umalcf-0.fpIyUs .sc-1mj1orz-0::before {
        width: 82px !important;
        height: 82px !important;

        font-size: 40px !important;
    }

    h2.sc-22o7gi-0 {
        font-size: 30px !important;
    }
}



/* =========================================================
   15. SMARTPHONE
   ========================================================= */

@media (max-width: 767px) {

    .cb-menu-hero {
        padding: 52px 24px 56px;
    }

    .cb-menu-hero h1 {
        font-size: 38px;
    }

    .cb-menu-hero p {
        font-size: 16px;
    }

    .cb-menu-intro {
        padding: 45px 24px 28px;
    }

    .cb-menu-intro h2 {
        font-size: 29px;
    }


    .cb-order-cta-small {
        align-items: stretch;
        flex-direction: column;

        padding: 24px;
    }

    .cb-order-cta-small > a {
        width: 100%;
        justify-content: center;
    }


    .sc-1spy1b4-0 {
        grid-template-columns: 1fr !important;

        max-width: 390px !important;

        padding-left: 18px !important;
        padding-right: 18px !important;

        gap: 26px !important;
    }

    .sc-1umalcf-0.iQdJCO .sc-1mj1orz-0,
    .sc-1umalcf-0.fpIyUs .sc-1mj1orz-0 {
        height: 105px !important;
    }

    .sc-1umalcf-0.iQdJCO .sc-1mj1orz-0::before,
    .sc-1umalcf-0.fpIyUs .sc-1mj1orz-0::before {
        width: 76px !important;
        height: 76px !important;

        font-size: 36px !important;
    }

    .sc-1umalcf-0 > button {
        min-height: 46px !important;

        padding: 10px 14px !important;

        font-size: 15px !important;
    }

    .sc-1umalcf-0.iQdJCO > span {
        font-size: 13px !important;
    }

    h2.sc-22o7gi-0 {
        font-size: 28px !important;
    }

    h3.sc-22o7gi-0 {
        font-size: 19px !important;
        margin-bottom: 20px !important;
    }
}
/* =========================================================
   GASTRONOVI – ZURÜCK ZUR ÜBERSICHT
   ========================================================= */

.sc-165rgvz-1 a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    width: auto !important;
    padding: 10px 16px !important;

    font-family: "Lato", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    color: #a65f46 !important;
    background: #fffdf9 !important;

    border: 1px solid #d4af6a !important;
    border-radius: 6px !important;

    text-decoration: none !important;

    transition:
        background-color .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease !important;
}

.sc-165rgvz-1 a:hover {
    color: #fffdf9 !important;
    background: #a65f46 !important;
    border-color: #a65f46 !important;
    transform: translateY(-1px);
}
/* =========================================================
   GASTRONOVI – DETAILANSICHT FINAL
   ========================================================= */

/* Gesamte Gastronovi-Karte begrenzen */
.sc-165rgvz-1 {
    width: min(1100px, calc(100% - 48px)) !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}


/* =========================================================
   NUR DIE HAUPT-UNTERÜBERSCHRIFT
   z.B. "Speisen", "Getränke", "Tageskarte"
   ========================================================= */

.sc-165rgvz-1 > h3.sc-22o7gi-0 {
    margin-top: 0 !important;
    margin-bottom: 24px !important;

    font-family: "Lato", Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;

    color: #a65f46 !important;
    text-align: center !important;
}

.sc-165rgvz-1 > h3.sc-22o7gi-0::after {
    content: "" !important;
    display: block !important;

    width: 60px !important;
    height: 1px !important;

    margin: 14px auto 0 !important;

    background: #d4af6a !important;
}


/* =========================================================
   GERICHTSNAMEN
   ========================================================= */

.sc-1bt50l8-2 h3.sc-22o7gi-0 {
    margin: 0 !important;

    font-family: "Lato", Arial, sans-serif !important;

    /* Gastronovi-Farbe wieder verwenden */
    color: #29384d !important;
}

/* KEINE goldene Linie an einzelnen Gerichten */
.sc-1bt50l8-2 h3.sc-22o7gi-0::after {
    content: none !important;
    display: none !important;

    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}


/* =========================================================
   ZURÜCK-BUTTON
   ========================================================= */

.sc-165rgvz-1 > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    width: auto !important;

    margin-bottom: 28px !important;
    padding: 10px 16px !important;

    font-family: "Lato", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    color: #a65f46 !important;
    background: #fffdf9 !important;

    border: 1px solid #d4af6a !important;
    border-radius: 6px !important;

    text-decoration: none !important;

    transition:
        background-color .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease !important;
}

.sc-165rgvz-1 > a:hover {
    color: #fffdf9 !important;
    background: #a65f46 !important;
    border-color: #a65f46 !important;
    transform: translateY(-1px);
}/* End custom CSS */