/* =========================================================
   AL-DAR GIFHORN – MODERNE SPEISENDARSTELLUNG
   ========================================================= */


/* ---------------------------------------------------------
   ACCORDION / KATEGORIEN
   --------------------------------------------------------- */

.well2__ins .accordion {
    margin-bottom: 0;
}

.well2__ins .accordion_header {
    position: relative;
    box-sizing: border-box;

    margin: 0 0 18px 0 !important;
    padding: 18px 58px 18px 22px !important;

    min-height: 62px;

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

    background: #ffffff !important;
    background-image: none !important;

    border: 1px solid #d8c7a5 !important;
    border-left: 4px solid #b49a67 !important;

    color: #2b2b2b !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.2px;

    text-align: center;

    cursor: pointer;

    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}


/* eventuell vorhandenes altes Symbol entfernen */

.well2__ins .accordion_header::before {
    content: none !important;
}


/* neues Plus-Symbol */

.well2__ins .accordion_header::after {
    content: "+";

    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);

    font-size: 25px;
    font-weight: 300;
    line-height: 1;

    color: #a88b55;
}


/* Hover */

.well2__ins .accordion_header:hover {
    background: #faf7f1 !important;
    border-color: #b49a67 !important;

    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.08);
}


/* geöffneter Bereich */

.well2__ins .accordion_header.ui-state-active {
    margin-bottom: 0 !important;

    background: #faf7f1 !important;

    border-color: #b49a67 !important;
    border-bottom-color: #e4ded3 !important;

    box-shadow: none;
}

.well2__ins .accordion_header.ui-state-active::after {
    content: "−";
}


/* ---------------------------------------------------------
   AUFGEKLAPPTE SPEISEN
   --------------------------------------------------------- */

.well2__ins .accordion_cnt {
    box-sizing: border-box;

    margin: 0 0 18px 0 !important;
    padding: 26px 28px 8px 28px !important;

    background: #ffffff;

    border: 1px solid #d8c7a5;
    border-top: 0;

    text-align: left;

    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.05);
}


/* Gerichtname */

.well2__ins .accordion_cnt h6 {
    margin: 0 0 5px 0 !important;

    font-size: 16px !important;
    line-height: 1.45 !important;

    text-align: left;
}

.well2__ins .accordion_cnt h6 .text-primary,
.well2__ins .accordion_cnt h6 .medium {
    color: #2b2b2b !important;
    font-weight: 600 !important;
}


/* Beschreibung */

.well2__ins .accordion_cnt p {
    margin: 0 0 24px 0 !important;

    color: #555555;

    font-size: 15px !important;
    line-height: 1.65 !important;

    text-align: left;
}


/* Preis */

.well2__ins .accordion_cnt p > .text-primary.medium {
    display: inline-block;

    margin-top: 5px;

    color: #9a7b42 !important;

    font-size: 16px !important;
    font-weight: 700 !important;
}


/* ---------------------------------------------------------
   SMARTPHONE
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .well2__ins .accordion_header {
        min-height: 56px;

        padding: 15px 48px 15px 16px !important;

        font-size: 14px !important;
    }

    .well2__ins .accordion_header::after {
        right: 16px;
    }

    .well2__ins .accordion_cnt {
        padding: 21px 20px 4px 20px !important;
    }

    .well2__ins .accordion_cnt h6 {
        font-size: 15px !important;
    }

    .well2__ins .accordion_cnt p {
        font-size: 14px !important;
    }
}

/* =========================================================
   FEINSCHLIFF – KOMPAKTERE DARSTELLUNG
   ========================================================= */


/* Kategorien etwas kompakter */

.well2__ins .accordion_header {
    min-height: 54px;
    padding: 14px 54px 14px 20px !important;
    margin-bottom: 14px !important;
}

.well2__ins .accordion_header.ui-state-active {
    margin-bottom: 0 !important;
}


/* Inhalt etwas kompakter */

.well2__ins .accordion_cnt {
    padding: 22px 26px 5px 26px !important;
    margin-bottom: 14px !important;
}


/* Gerichtname näher an Beschreibung */

.well2__ins .accordion_cnt h6 {
    margin-bottom: 3px !important;
}


/* Weniger Abstand zwischen den Gerichten */

.well2__ins .accordion_cnt p {
    margin-bottom: 18px !important;
}


/* Preise sauber rechts ausrichten */

.well2__ins .accordion_cnt p > .text-primary.medium {
    float: right;
    margin-top: 4px;
    margin-left: 20px;

    color: #9a7b42 !important;
    font-weight: 700 !important;
}


/* Float nach jedem Gericht sauber beenden */

.well2__ins .accordion_cnt p::after {
    content: "";
    display: block;
    clear: both;
}


/* Smartphone */

@media (max-width: 767px) {

    .well2__ins .accordion_header {
        min-height: 52px;
        padding: 13px 46px 13px 15px !important;
    }

    .well2__ins .accordion_cnt {
        padding: 19px 18px 3px 18px !important;
    }

    .well2__ins .accordion_cnt p {
        margin-bottom: 16px !important;
    }
}

/* =========================================================
   AL-DAR LOGO STATT ÜBERSCHRIFT "SPEISEN"
   ========================================================= */

main > section.well2.well2__ins:first-child
> .container > h3.speisen-logo {

    margin: 0 0 28px 0 !important;
    padding: 0 !important;

    line-height: 1 !important;
}


/* Logo */

main > section.well2.well2__ins:first-child
> .container > h3.speisen-logo img {

    display: block;

    width: 150px;
    height: auto;

    margin: 0 auto;

    border: 0;
}


/* Goldlinie unterhalb des Logos */

main > section.well2.well2__ins:first-child
> .container > h3.speisen-logo::after {

    content: "";

    display: block;

    width: 54px;
    height: 2px;

    margin: 20px auto 0;

    background: #b49a67;
}


/* Mobile */

@media (max-width: 767px) {

    main > section.well2.well2__ins:first-child
    > .container > h3.speisen-logo img {

        width: 125px;
    }

    main > section.well2.well2__ins:first-child
    > .container > h3.speisen-logo::after {

        width: 44px;
        margin-top: 16px;
    }
}