/*  MICROTHEMER STYLES  */

/*= Full Code Editor CSS ====== */

/*
CONTENTS

– TYPOGRAPHY
– NAVIGATION
– BUTTONS
– FORMS
– MESSAGES
– TABLES
– HEADER
– FOOTER
– PRODUCTS
– PRODUCT DATABASE
– AWARDS
– VISITS
– NEWS
– ABOUT US
– CORONA
– MOBILE
– DIVINEA

*/




/* TYPOGRAPHY */


@media all {
    
     @font-face {
        font-family: "Tajawal";
        src: url("/wp-content/fonts/Tajawal-Regular.ttf") format("truetype"),
            url("/wp-content/fonts/Tajawal-Regular.woff") format("woff"),
            url("/wp-content/fonts/Tajawal-Regular.woff2") format("woff2");
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: "Tajawal";
        src: url("/wp-content/fonts/Tajawal-Medium.ttf") format("truetype"),
            url("/wp-content/fonts/Tajawal-Medium.woff") format("woff"),
            url("/wp-content/fonts/Tajawal-Medium.woff2") format("woff2");
        font-weight: 500;
        font-style: normal;
    }

    @font-face {
        font-family: "Overpass";
        src: url("/wp-content/fonts/Overpass-SemiBold.ttf") format("truetype"),
            url("/wp-content/fonts/Overpass-SemiBold.woff") format("woff"),
            url("/wp-content/fonts/Overpass-SemiBold.woff2") format("woff2");
        font-weight: 600;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Montserrat";
        src: url("/wp-content/fonts/Montserrat-Regular.ttf") format("truetype"),
            url("/wp-content/fonts/Montserrat-Regular.woff") format("woff"),
            url("/wp-content/fonts/Montserrat-Regular.woff2") format("woff2");
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: "Montserrat";
        src: url("/wp-content/fonts/Montserrat-Medium.ttf") format("truetype"),
            url("/wp-content/fonts/Montserrat-Medium.woff") format("woff"),
            url("/wp-content/fonts/Montserrat-Medium.woff2") format("woff2");
        font-weight: 500;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Montserrat";
        src: url("/wp-content/fonts/Montserrat-SemiBold.ttf") format("truetype"),
            url("/wp-content/fonts/Montserrat-SemiBold.woff") format("woff"),
            url("/wp-content/fonts/Montserrat-SemiBold.woff2") format("woff2");
        font-weight: 600;
        font-style: normal;
    }

    @font-face {
        font-family: "Montserrat";
        src: url("/wp-content/fonts/Montserrat-Bold.ttf") format("truetype"),
            url("/wp-content/fonts/Montserrat-Bold.woff") format("woff"),
            url("/wp-content/fonts/Montserrat-Bold.woff2") format("woff2");
        font-weight: 700;
        font-style: normal;
    }

    p,
    a,
    li {
        font-family: var(--ba-font-family) !important;
        font-weight: 400;
        color: black;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family:  var(--ba-font-family-header) !important;
        text-transform: uppercase;
        color: black;
        font-weight: 600;
        line-height: 1.8em;
        margin-top: 1.4em;
    }
    #post-59 .et_pb_section_1 {
    	
    }

    h1 {
        font-size: var(--ba-h1) !important;
        margin-top: 0px;
        line-height: 140%;
        text-align: center;
    }

    h1.et_pb_module_header,
    .et_pb_bg_layout_dark h1 {
        color: black !important;
    }

    /* deactivated since page titles do not overly hero images anymore
    .cb-dark-mode h1.et_pb_module_header {
        color: white !important;
    }
    */

    h2 {
        line-height: 125%;
        margin-bottom: var(--ba-h2);
    }

    .et_pb_text_inner h2 {
        font-size: var(--ba-h2);
        margin-top: 0;
    }

    .et_pb_text_inner h3 {
        font-size: var(--ba-h3);
    }

    .et_pb_text_inner p {
        font-size: var(--ba-standard);
        color: black;
    }

    .cb-h2-collection h2 {
        padding-bottom: 0;
        margin-top: 4rem;
        margin-bottom: 1;
    }

    .sub-menu .menu-item {
        padding: 0px;
    }

    blockquote {
        border-color: lightgray;
        font-style: italic;
    }

    blockquote p {
        padding-bottom: 2rem;
    }

}



/* NAVIGATION */

@media all {

    #main-header,
    .et-fixed-header#main-header {
        background-color: white;
    }

    .et_header_style_left .logo_container {
        top: 24px;
        height: 120%;
    }

    #logo {
        border: 0px solid white;
    }

    #top-menu-nav a {
        color: black;
        text-transform: uppercase;
        font-size: 1.0rem;
        font-family: var(--ba-font-family-nav);
        font-weight: 600;
    }

    .et-fixed-header #top-menu li a {
        font-size: 1.0rem !important;
    }

    #top-menu-nav a:hover {
        color: var(--ba-earth-light);
        background-color: unset;
    }

    #top-menu li.current-menu-item>a,
    #top-menu li.current-menu-ancestor>a {
        color: black;
        font-weight: 800;
    }

    .nav li ul {
        border-top-color: var(--ba-earth-light);
        background-color: white;
    }

    .wpml-ls-menu-item a {
        font-size: 1.1rem !important;
    }

    /* sub-menu years */

    #ba-subnavi-years {
        padding-top: 50px;
        display: flex;
        flex-wrap: wrap;

    }

    #ba-subnavi-years a {
        flex-basis: 3em;
        padding-top: 0.6em;
    }

    #ba-subnavi-years a,
    #menu-geschichte-de a,
    #menu-geschichte-en a,
    #menu-geschichte-it a,
    #menu-rebjahre-de a,
    #menu-rebjahre-en a,
    #menu-rebjahre-it a {
        font-size: var(--ba-standard);
        text-transform: uppercase;
        color: black;
        margin-right: var(--ba-big)
    }

    #ba-subnavi-years a:hover,
    #menu-geschichte-de a:hover,
    #menu-geschichte-en a:hover,
    #menu-geschichte-it a:hover,
    #menu-rebjahre-de a:hover,
    #menu-rebjahre-en a:hover,
    #menu-rebjahre-it a:hover {
        color: var(--ba-earth-light);

    }

    #ba-subnavi-years a.active,
    #menu-geschichte-de .current-menu-item a,
    #menu-geschichte-en .current-menu-item a,
    #menu-geschichte-it .current-menu-item a,
    #menu-rebjahre-de .current-menu-item a,
    #menu-rebjahre-en .current-menu-item a,
    #menu-rebjahre-it .current-menu-item a {
        border-bottom: 2px solid var(--ba-earth-light);
        font-weight: 800;
    }
    
    a.ba-subnavi-years-item {

    }
    
    /* no hamburger */
    #ba-history-menu .et_pb_menu__menu {
        display: flex;
    }
    #ba-history-menu .et_mobile_nav_menu {
        display: none;
    }
    #ba-history-menu .et_pb_menu__menu li {
        line-height: 2em;
    }
    @media (max-width: 1000px) {
        #ba-history-menu .et_pb_menu__menu li {
            flex-basis: 30%;
        }
    }
    @media (max-width: 630px) {
        #ba-history-menu .et_pb_menu__menu li {
            flex-basis: 45%;
        }
    }
}


/* BUTTONS */

.ba-button,
.et_pb_button {
    background-color: black;
    color: white;
    text-transform: uppercase;
    padding: 0.4rem 1.2rem;
    border: 0;
    margin: 0;
    font-size: var(--ba-standard);
    border-radius: 0;
}

.ba-button:hover,
.et_pb_button_module_wrapper .et_pb_button:hover {
    background-color: var(--ba-earth-light);
    cursor: pointer;
    padding: 0.4rem 2.2rem 0.4rem 1.2rem;
    border: 0;
    margin: 0;
}

.ba-button-light {
    background-color: var(--ba-gray-light);
}



/* square buttons */

.ba-square-button-row>div>div {
    position: relative;
    width: 100%;
}

.ba-square-button-row>div>div:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.ba-square-button-row .ba-square-button {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 1.8rem;
    padding: 1.8rem 2rem 2rem 2rem;
    text-align: left;
}

.ba-square-button-row .ba-square-button:after {
    display: block;
    font-size: 2.6rem;
    margin-left: -15px;
}

.ba-square-button-row .ba-square-button:hover {
    border: 0;
    font-size: 1.8rem;
    padding: 1.8rem 2rem 2rem 2rem;
}



/* MAILCHIMP EMBEDDED FORMS */

#mc_embed_signup {
    width: auto !important;
}

#mc-embedded-subscribe-form {
    font-family:  var(--ba-font-family) !important;
    font-size: var(--ba-standard);
}

#mc-embedded-subscribe-form .indicates-required {
    font-size: 0.9em !important;
    text-align: left !important;
}

#mc-embedded-subscribe-form label {
    text-transform: uppercase;
    font-weight: 700;
    display: block;
}

#mc-embedded-subscribe-form input {
    font-family:  var(--ba-font-family) !important;
    font-size: var(--ba-standard);
    border: 2px solid black !important;
    border-radius: 0 !important;
    display: block;
}

#mc-embedded-subscribe-form input[type=submit] {
    font-size: var(--ba-standard);
    text-transform: uppercase;
    font-weight: 500;
    padding: 0.4em 1em;
    margin-top: 0.8em;
    height: unset;
    border: 0 !important;
}

#mc-embedded-subscribe-form input[type=submit]:hover {
    background-color: var(--ba-earth-light);
}

#mc-embedded-subscribe-form input.mce_inline_error {
    border-color: #e80000 !important;
}

#mc-embedded-subscribe-form div.mce_inline_error {
    color: #e80000;
    font-size: 0.9em !important;
    font-weight: 500 !important;
    margin-bottom: 0 !important;
}

#mce-responses {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 96% !important;
    grid-template-columns: 1fr !important;
}

#a8e71-ext-1-251>span {}

#mce-error-response,
#mce-success-response {
    padding: 1em !important;
    margin: 0 !important;
    width: 100% !important;
}

#mce-success-response {
    background-color: #ceffe3 !important;
    color: #127a3f !important;
}

#mce-error-response {
    background-color: #ffd6d6 !important;
    color: #e80000 !important;
}

.ba-mailchimp-form .refferal_badge {
    display: none !important;
}



/* OTHER FORMS */

.nf-form-cont {
    font-family: Montserrat;
}

.nf-form-fields-required {
    display: none;
}

.nf-form-cont input {
    font-family: Montserrat;
}

select {
    font-size: var(--ba-standard);
    border-color: black;
}

form .nf-before-form-content {
    color: black;
    font-size: var(--ba-standard);
}

form .nf-field-label,
.yikes-mailchimp-field,
.yikes-mailchimp-field-required {
    color: black;
    text-transform: uppercase;
}

.yikes-easy-mc-form label {
    text-transform: uppercase;
}


.yikes-mailchimp-field-required span:after {
    content: "*";
    color: #e80000;
}

.yikes-mailchimp-container .yikes-easy-mc-form input[type=email],
.yikes-mailchimp-container .yikes-easy-mc-form input[type=number],
.yikes-mailchimp-container .yikes-easy-mc-form input[type=text],
.yikes-mailchimp-container .yikes-easy-mc-form input[type=url],
.yikes-mailchimp-container .yikes-easy-mc-form select,
.yikes-mailchimp-container .yikes-easy-mc-form button {
    color: black;
    border-color: black;
    background-color: white;
    font-size: var(--ba-standard);
}

.yikes-mailchimp-container .yikes-easy-mc-form button,
form .nf-form-content .nf-field input[type=submit] {
    color: white;
    background-color: black;
    border: 0;
    text-transform: uppercase;
    width: auto;
    padding: 0.5em 1em;
}

.yikes-mailchimp-container .yikes-easy-mc-form button:hover,
form .nf-form-content .nf-field input[type=submit]:hover {
    background-color: var(--ba-earth-light);
}

form .nf-form-content .list-select-wrap .nf-field-element>div,
form .nf-form-content input:not([type=button]),
form .nf-form-content textarea,
.yikes-easy-mc-form input[type=text].ba-form-field,
.yikes-easy-mc-form input[type=email].ba-form-field {
    border: 2px solid black;
    background-color: white;
    color: black;
    font-size: var(--ba-standard);
}

form .nf-form-content input:not([type=button]):focus,
form .nf-form-content textarea:focus {
    border-color: black;
    color: black;
}

form .nf-error .ninja-forms-field {
    border-width: 2px;
}

form label {
    color: black;
}

form .nf-form-content input[type=button] {
    font-size: var(--ba-standard);
    text-transform: uppercase;
    font-weight: 700;
    padding: 0.8rem 1.5rem;
    width: unset;
    height: unset;
}

form .nf-form-content input[type=button]:hover {
    background-color: var(--ba-earth-light);
    color: black;
}


/* newsletter subscription form messages */

.yikes-mailchimp-container .yikes-easy-mc-error-message,
.yikes-mailchimp-container .yikes-easy-mc-success-message {
    color: white;
    background-color: var(--ba-earth-light);
    padding: 1rem 1.6rem !important;
    margin-bottom: 2rem;
}

.yikes-mailchimp-container .yikes-easy-mc-error-message a {
    color: white;
    text-decoration: underline;
}

.yikes-mailchimp-container .yikes-easy-mc-error-message a:hover {
    color: black;
}

.yikes-mailchimp-container .yikes-easy-mc-success-message {
    color: white;
    background-color: var(--ba-leaf-medium-dark);
}

.yikes-mailchimp-container .yikes-easy-mc-success-message .yikes-easy-mc-success-message {
    padding: 0 !important;
    margin: 0 !important;
}


/* Tourist Form */


.nf-form-cont h2 {
    font-size: 1.8em;
    margin-bottom: 0;
}

.nf-repeater legend {
    font-size: 1.3em;
    color: black;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1em;
}
    
button.nf-add-fieldset {
    padding: 1em;
    text-transform: uppercase;
    background-color: var(--ba-earth-light) !important;
}

button.nf-add-fieldset:hover {
    background-color: black !important;
    color: white !important;
}


/* MESSAGES */

.ba-message {
    padding: 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.ba-message-neutral {
    background-color: var(--ba-stone-light);
}





/* TABLES */

.ba-table-price {
    text-align: right;
    padding-right: 10% !important;
}


/* HEADER */

.ba-lead-module {
    width: 80%;
    max-width: 770px;
    margin-left: auto;
    margin-right: auto;
}

.ba-lead-module p {
    text-align: center;
    font-weight: 500;
    font-size: 120%;
    line-height: 150%;
}

/* Hero elements */
.et_pb_fullwidth_header {
    height: clamp(200px, 60vh, 600px);
}

/* push page main title below image */
.header-content h1 {
    margin-top: 8em
}



/* overlay for bright images
.et_pb_fullwidth_header_overlay {
    background: linear-gradient(to bottom, rgba(254,247,242,0.4), rgba(229,131,95,0.1));
}
*/

/* overlay for dark images
.cb-dark-mode .et_pb_fullwidth_header_overlay {
    background: linear-gradient(to bottom, rgba(11,1,28,0.5), rgba(116,83,52,0.1));
}
 */



/* FOOTER */

footer .et_pb_module {
    margin-bottom: 0 !important;
}

footer h4 {
    color: white;
    margin-top: 0.2rem;
}

footer ul {
    background-color: black;
}

footer li {
    width: 100%;
}

footer .et-menu a,
footer .et_pb_text_inner p,
footer .et_pb_text_inner p a,
footer .et_pb_text_inner div {
    color: white;
    font-size: var(--ba-small)
}

footer .et-menu {
    text-transform: uppercase;
}

footer p {
    line-height: 1.2rem;
}

footer .et_pb_menu_4_tb_footer.et_pb_menu {
    background-color: unset;
}

footer #ba-footer-row-1>.et_pb_column:first-child {
    /* logo */
}


footer #ba-footer-row-1>.et_pb_column:first-child img {
    width: 80%;
    max-width: 160px;
    border: 0px solid white;
}

footer #ba-footer-row-2 li {
    width: unset;
}

footer #ba-eu-banner {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

footer #ba-eu-banner-text {
    text-transform: uppercase;
    padding-right: 1rem;
}

footer #ba-eu-banner-flag {
    line-height: 1rem;
}

footer #ba-eu-banner-flag img {
    max-width: 60px;
}

#ba-footer-row-3 {
    display: flex;
    align-items: center;
}

/* social icons */

footer .et_pb_social_media_follow {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 1em !important;
}

footer .et_pb_social_media_follow li {
    width: auto;
    margin-bottom: 0;
}

footer .et_pb_social_media_follow a {
    margin-right: 0;
}



/* HOME */

.ba-dark-section {
    background-color: var(--ba-stone-light);
}

.ba-dark-section .ba-button {
    background-color: white;
    border: 2px solid white;
}

.ba-dark-section .ba-button:hover {
    border: 2px solid white;
}

#ba-home-section-teasers .et_pb_column:first-child {
    margin-bottom: 6rem
}

@media (min-width: 780px) {

    #ba-home-section-teasers .et_pb_row {
        display: grid;
        column-gap: 5.5%;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, auto);
        grid-auto-flow: column;
    }

    #ba-home-section-teasers .et_pb_column {
        display: contents;
    }

    #ba-home-section-teasers .et_pb_text,
    #ba-home-section-teasers h2 {
        margin-bottom: 0;
    }

    #ba-home-section-teasers .et_pb_row:after {
        display: none;
    }

}


/* PRODUCTS */

.ba-product .et_pb_image_wrap {
    display: flex;
}

.ba-product img {
    width: auto;
    max-width: 400px;
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
}

.ba-lead p {
    font-weight: 700;
}

.ba-entry-page h2 {
    margin-top: 0;
}

.ba-teaser h4 {
    font-weight: 700;
    font-size: var(--ba-big);
    margin-top: 0;
    line-height: var(--ba-big);
}






/* PRODUCT DATABASE */

.ba-wine-specs {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.ba-wine-specs.hide {
    display: none;
}

.ba-wine-specs-col1,
.ba-wine-specs-col2 {
    width: 45%;
}

.ba-wine-specs-col2 {
    background-color: black;
    padding: 0rem 1.5rem;
    color: white;
}

.ba-wine-specs-col2 .ba-wine-specs-group {
    margin-bottom: 1.5rem;
}

.ba-wine-specs-col2 .ba-awards-table-row {
    display: flex;
    border: 0px;
    border-top: 1px solid white;
}

.ba-wine-specs-col2 .ba-product-awards .ba-awards-attribute {
    background-color: unset;
    color: white;
}

.ba-wine-specs-col2 .ba-product-awards .ba-awards-publication,
.ba-wine-specs-col2 .ba-product-awards .ba-awards-degustator {
    width: 40%;
}

.ba-wine-specs-col2 .ba-product-awards .ba-awards-rating {
    width: 20%;
    text-align: right;
}

.ba-wine-specs-col2 .ba-awards-rating {
    width: 10%;
}

.ba-wine-specs-group-title {
    font-family: var(--ba-font-family-header);
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 1.6rem;
    margin-bottom: 0.6rem;
}

.ba-wine-specs-label {
    font-family: var(--ba-font-family-header);
    font-weight: 600;
    margin-right: 1rem;
}

.ba-wine-specs-attribute {
    font-family: var(--ba-font-family-header);
}


/* AWARDS / RATINGS */

#ba-awards-filter {
    margin-bottom: 1.5rem;
}

#ba-awards-filter > .form-group,
#ba-awards-filter > input {
    display: inline;
    float: left;
    margin-left: 0rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

@media screen and (max-width: 1050px) {
    #ba-awards-filter input[type=submit] {
        clear: both;
    }
    #ba-awards-filter > .form-group {
        display: flex;
        flex-direction: column;
    }
}

#ba-awards-paging ul {
    padding: 0rem 0rem 1.5rem 0rem;
    flex-wrap: wrap;
}

.wpv_page_current span {
    color: white;
    background-color: var(--ba-earth-light);
}


.ba-awards-table {
    width: 100%;
    color: black;
}

.ba-awards-table-row {
    clear: both;
    border: 1px solid white;
}

.ba-awards-table-header-item,
.ba-awards-attribute,
.ba-awards-product,
.ba-awards-no-product,
.ba-awards-no-award {
    font-family: var(--ba-font-family-condensed);
    padding: 0.2rem 0.6rem;
}

.ba-awards-table-header-item,
.ba-awards-attribute {
    float: left;
    width: 20%;
}

.ba-awards-table-header {
    background-color: black;
    display: table; /* avoid collapsing */
    width: 100%;
}

.ba-awards-table-header-item {
    color: white;
    text-transform: uppercase;
}

.ba-awards-product {
    background-color: #eee;
}

.ba-awards-award,
.ba-awards-no-award {
    font-size: 1rem;
}

.ba-awards-no-product {
    border: 2px solid var(--ba-earth-light);
    margin-top: 4rem;
    margin-bottom: 3rem;
}

.ba-product-awards .ba-awards-attribute {
    width: 33%;
    color: black;
    background-color: #efefef;
}

#ba-awards-filter label,
#ba-awards-filter input,
#wpv_control_select_wpcf-wein,
#wpv_control_select_wpcf-jahrgang {
    font-family: var(--ba-font-family-condensed);
}

@media screen and (max-width: 800px) {
    .ba-awards-table-header-item:nth-of-type(1),
    .ba-awards-table-header-item:nth-of-type(2),
    .ba-awards-wine,
    .ba-awards-year {
        display: none;
    }
    
    .ba-awards-table-header-item,
    .ba-awards-attribute {
        width: calc(100% / 3);
    }
}

/* DISTRIBUTORS */

#ba-distributors-filter input,
#ba-distributors-filter select {
    margin-right: 0.5rem;
}

#ba-distributors-paging ul {
    margin: 2rem 0rem;
    padding: 0;
}

.ba-distributor {
    color: black;
}

.ba-distributor-country {
    font-size: var(--ba-big);
    margin-top: 2rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
}





/* VISITS */

.ba-offer-leaf-dark {
    background-color: var(--ba-leaf-dark) !important;
}

.ba-offer-leaf-medium-dark {
    background-color: var(--ba-leaf-medium-dark) !important;
}

.ba-offer-leaf-medium-light {
    background-color: var(--ba-leaf-medium-light) !important;
}

.ba-offer-leaf-light {
    background-color: var(--ba-leaf-light) !important;
}





/* NEWS */

#ba-news article {}

#ba-news h2 {
    font-size: var(--ba-big);
    line-height: 1.6rem;
    margin-bottom: 0;
}

#ba-news .post-content {}

#ba-news .more-link {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 1rem;
    color: black;
}

.wp-block-file {
    margin-top: 2rem;
    text-transform: uppercase;
}

.wp-block-file a {
    color: var(--ba-earth-light);
    font-weight: 700;
}

.wp-block-file__button {
    text-transform: capitalize;
    font-size: var(--ba-standard) !important;
}



/* ABOUT US */

.et_pb_accordion_item {
    margin-bottom: 0 !important;
}

.et_pb_toggle_title {
    margin: 0;
    font-size: var(--ba-big)
}





/* CORONA */

#ba-corona-alert {
    background-color: var(--ba-earth-light);
    padding: 0rem 4rem 2rem 4rem;
}

#ba-corona-alert h3 {
    padding-top: 2rem;
    color: white;
}

#ba-corona-alert p,
#ba-corona-alert a {
    color: white;
}

#ba-corona-alert a {
    text-decoration: underline;
}




/* COLORBOX */
/* z.B. newsletter subscription */

.ba-colorbox>div {
    background-color: var(--ba-earth-light);
    padding: 2rem;

}

.ba-colorbox h3 {
    color: white;
    margin-top: 0rem;
}

.ba-colorbox p {
    color: white;
}

.ba-colorbox .et_pb_button_module_wrapper .et_pb_button:hover {
    background-color: black;
}


/* MOBILE */

/* main breakpoint for header and footer */

@media all and (max-width: 1100px) {

    #top-menu-nav {
        display: none;
    }

    #et_mobile_nav_menu {
        display: block;
    }

    /* make mobile menu scrollable */
    .et_mobile_menu {
        overflow: scroll !important;
        max-height: 84vh;
        /*edit this to match your view height*/
    }

    /* close icon replaces burger */
    .mobile_nav.opened .mobile_menu_bar:before {
        content: '\4d';
    }

    .et_non_fixed_nav.et_transparent_nav #main-header,
    .et_non_fixed_nav.et_transparent_nav #top-header,
    .et_fixed_nav #main-header,
    .et_fixed_nav #top-header {
        position: fixed;
    }

    /* logo */
    .et_header_style_left .logo_container {
        height: 300%;
        top: -80px;
        width: unset;
    }

    #ba-footer-row-1 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #ba-footer-row-1>.et_pb_column {
        margin: 0 0 2rem 0;
        width: 100%;
        max-width: 90vw;
    }

    #ba-footer-row-1>.et_pb_column:first-child .et_pb_image_wrap {
        /* logo */
        display: block;
    }

    #ba-footer-row-1>.et_pb_column:first-child img {
        /* logo */
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 120px;
    }

    #ba-footer-row-1>.et_pb_column:last-child ul {
        /* social icons */
        justify-content: center;
    }


    #ba-footer-row-1 h4,
    #ba-footer-row-1 p {
        text-align: center;
    }


    /* legal */

    #ba-footer-row-2 {
        padding: 0;
    }

    #ba-footer-row-2 .et_pb_menu__menu {
        display: block;
    }

    #ba-footer-row-2 .et_mobile_nav_menu {
        display: none;
    }

    #ba-footer-row-2 .et_pb_menu__wrap {
        justify-content: center;
    }

    #ba-footer-row-2 ul {
        justify-content: center;
    }

    /* copyright & eu banner */

    #ba-footer-row-3 {
        flex-direction: column;
        align-items: center;
    }

    #ba-footer-row-3 p {
        text-align: center;
    }

    footer #ba-eu-banner {
        justify-content: center;
    }

}

.mobile_menu_bar:before {
    color: black;
}

#mobile_menu {
    border-color: var(--ba-earth-light);
    padding: 1rem 0rem;
}

#mobile_menu a {
    text-transform: uppercase;
    font-size: var(--ba-nav)
}

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {}

/*** my fix ***/
@media only screen and (min-width: 981px) {

    .et-fixed-header#main-header,
    .et-fixed-header#main-header .nav li ul {
        background-color: white !important;
    }
}


/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {


    h1 {
        font-size: var(--ba-h2) !important;
    }

    h2 {
        font-size: var(--ba-h3) !important;
    }

    .cb-h2-collection h2 {
        padding-bottom: 0;
        margin-top: 1rem;
        margin-bottom: 0rem;
    }

    .ba-lead-module {
        width: 100%;
    }

    .ba-lead-module p {
        font-size: var(--ba-standard);
        line-height: 130%;
    }


    /* product specs: single column layout on smaller screens */
    .ba-wine-specs {
        display: block;
    }

    .ba-wine-specs-col1,
    .ba-wine-specs-col2 {
        width: 100%;
    }

    .ba-wine-specs-col2 {
        margin-top: 2rem;
        padding-top: 0.1rem;
        padding-bottom: 1rem;
    }

    .cb-switch-columns-on-mobile {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 0;
    }

    .cb-switch-columns-on-mobile>div:first-child {
        margin-top: 30px;
    }

    .et_pb_text_2 p:nth-of-type(2) {}


}





/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

    h1 {
        font-size: var(--ba-h3) !important;
    }

    h2 {
        font-size: var(--ba-h4) !important;
    }
}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {}





/* foldable mobile menu */

@media all and (max-width: 1100px) {

    /* NESTING MOBILE MENU SETTINGS */
    #et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
        content: '\4d';
    }

    #top-menu .menu-item-has-children .menu-item-has-children>a:first-child::after,
    #et-secondary-nav .menu-item-has-children .menu-item-has-children>a:#post-8833 .et_pb_row_2-child::after {
        content: '5';
    }

    #main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
        position: relative;
    }

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
        position: absolute;
        background-color: white;
        z-index: 1;
        width: 36px;
        height: 36px;
        line-height: 36px;
        border-radius: 50%;
        top: 6px;
        right: 10px;
        cursor: pointer;
        text-align: center;
    }

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped {
        background-color: white;
    }

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
        font-family: "ETmodules" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 36px;
        font-size: 24px;
        text-transform: none;
        speak: none;
        content: '\33';
        background-color: white;
    }

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
        content: '\32';
    }

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle~ul.sub-menu {
        display: none !important;
        padding-left: 0;
    }

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped~ul.sub-menu {
        display: block !important;
        background-color: rgba(0, 0, 0, 0.03);
    }

    #main-header #mobile_menu.et_mobile_menu li li {
        padding-left: 0;
    }

    #main-header #mobile_menu.et_mobile_menu li a,
    #main-header #mobile_menu.et_mobile_menu li li a,
    #main-header #mobile_menu.et_mobile_menu li li li a {
        padding-left: 20px;
        padding-right: 20px;
    }

    #main-header #mobile_menu.et_mobile_menu .menu-item-has-children .sub-menu-toggle+a {
        padding-right: 20px;
    }

    #main-header #mobile_menu.et_mobile_menu .menu-item-has-children>a {
        background-color: transparent;
        font-weight: inherit;
    }

    #main-header #mobile_menu.et_mobile_menu li.current-menu-item>a {
        font-weight: bolder;
    }

    /* my adjustments to align text and toggle */

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
        /* top: 0; */
    }

    .et_mobile_menu li a {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}





/* DIVINEA */

/* workaround: hide link «go back to the list» */

app-divinea>#divinea-wrapper app-homepage#divinea .experience-detail-wrapper .right .back {
    display: none !important;
}

app-divinea>#divinea-wrapper,
app-divinea>#divinea-wrapper app-homepage#divinea *,
app-divinea>#divinea-wrapper app-homepage#divinea .h1,
app-divinea>#divinea-wrapper app-homepage#divinea .h2,
app-divinea>#divinea-wrapper app-homepage#divinea .h3,
app-divinea>#divinea-wrapper app-homepage#divinea .h4,
app-divinea>#divinea-wrapper app-homepage#divinea .h5,
app-divinea>#divinea-wrapper app-homepage#divinea .h6,
app-divinea>#divinea-wrapper app-homepage#divinea h1,
app-divinea>#divinea-wrapper app-homepage#divinea h2,
app-divinea>#divinea-wrapper app-homepage#divinea h3,
app-divinea>#divinea-wrapper app-homepage#divinea h4,
app-divinea>#divinea-wrapper app-homepage#divinea h5,
app-divinea>#divinea-wrapper app-homepage#divinea h6,
app-divinea>#divinea-wrapper app-homepage#divinea div,
app-divinea>#divinea-wrapper app-homepage#divinea p,
app-divinea>#divinea-wrapper app-homepage#divinea span {
    font-family: var(--ba-font-family) !important;
}

app-divinea>#divinea-wrapper app-homepage#divinea .experience-box.card>div.content>.title {
    font-family:  var(--ba-font-family) !important;
    font-weight: 600 !important;
    color: #000 !important;
}

app-divinea>#divinea-wrapper app-homepage#divinea .experience-detail-wrapper .left>.summary,
app-divinea>#divinea-wrapper app-homepage#divinea .experience-box>div.content>.title,
app-divinea>#divinea-wrapper app-homepage#divinea .experience-detail-wrapper .right>section {
    color: #000 !important;
}

.ng-fa-icon svg {
    color: #000 !important;
}

app-divinea>#divinea-wrapper app-homepage#divinea .switcher input:before,
app-divinea>#divinea-wrapper app-homepage#divinea .switcher input:after {
    font-family: var(--ba-font-family) !important;
}

app-divinea>#divinea-wrapper app-homepage#divinea .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
app-divinea>#divinea-wrapper app-homepage#divinea .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
    background-color: #000 !important;
}

app-divinea>#divinea-wrapper app-homepage#divinea .btn.btn-primary {
    background-color: #000 !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-family: var(--ba-font-family) !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
}

app-divinea>#divinea-wrapper app-homepage#divinea .switcher input+label {
    background: #000 !important;
    color: #fff !important;
}

app-divinea>#divinea-wrapper app-homepage#divinea .primary {
    color: #000 !important;
}

@media screen and (min-width: 768px) {

    app-divinea>#divinea-wrapper app-homepage#divinea .product-box .product>span.type,
    app-divinea>#divinea-wrapper app-homepage#divinea .product-box .product>span.name {
        height: 60px !important;
    }
}


/* POPUP PROOF OF CONCEPT */
#popup p {
    color: white;
}

/*= Variables ================= */

/** Variables >> Colors **/
:root {
	--ba-black: #000000 !important;
	--ba-gray-light: #ccc !important;
	--ba-earth-dark: #4d190c !important;
	--ba-earth-medium: #7b381e !important;
	--ba-earth-light: #c45a08 !important;
	--ba-stone-dark: #f5d4ac !important;
	--ba-stone-light: #eee4ce !important;
	--ba-leaf-dark: #122e24 !important;
	--ba-leaf-medium-dark: #2f4c41 !important;
	--ba-leaf-medium-light: #6f8475 !important;
	--ba-leaf-light: #A0A69E !important;
	--ba-navi-background: rgba(0, 0, 0, 1.0) !important;
}

/** Variables >> Fonts **/
:root {
	--ba-font-family: Montserrat, sans-serif !important;
	--ba-font-family-header: Montserrat, sans-serif !important;
	--ba-font-family-condensed: Montserrat, sans-serif !important;
	--ba-font-family-nav: Montserrat, sans-serif !important;
	--ba-standard: 1.2rem !important;
	--ba-big: 1.4rem !important;
	--ba-small: 0.8rem !important;
	--ba-h1: 3rem !important;
	--ba-h2: 2.4rem !important;
	--ba-h3: 2rem !important;
	--ba-h4: 1.8rem !important;
	--ba-nav: 1.1rem !important;
}


/*= WP Booking Calendar ======= */

/** WP Booking Calendar >> cb-booking-button **/
.cb-booking-button {
	font-family: Montserrat, sans-serif !important;
	color: #ffffff !important;
	line-height: 1.0 !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	background-color: black !important;
	padding: 0.3em 1em 0.3em 1em !important;
	border-width: 0 !important;
	border-style: none !important;
	border-radius: 0 !important;
}
.cb-booking-button:hover {
	background-color: #d97a54 !important;
}

/** WP Booking Calendar >> Divi Slider **/
.cb-booking-slider .et-pb-controllers a {
	border: 5px solid white !important;
}
.cb-booking-slider .et-pb-slider-arrows .et-pb-arrow-next, 
.cb-booking-slider .et-pb-slider-arrows .et-pb-arrow-prev {
	color: white !important;
}

/** WP Booking Calendar >> Calendar & Form **/
.wpbc_container_booking_form, 
.wpbc_container_booking_form input, 
.wpbc_container_booking_form select, 
.wpbc_container_booking_form textarea {
	font-family: Montserrat !important;
}
.wpbc_container_booking_form label {
	text-transform: uppercase !important;
	font-size: 0.9em !important;
}
.wpbc_container_booking_form .wpdev-list-item-label {
	text-transform: unset !important;
}
.wpbc_container_booking_form .wpdev-list-item-label a {
	color: black !important;
	font-weight: unset !important;
	text-decoration: underline !important;
}
.wpbc_container_booking_form a:hover {
	color: var(--ba-earth-light) !important;
}
.wpbc_container_booking_form input:not([type="checkbox"]):not([type="button"]), 
.wpbc_container_booking_form select, 
.wpbc_container_booking_form textarea {
	border: 2px solid black !important;
	border-radius: 0 !important;
}
.wpbc-cell-box {
	color: black !important;
}
.date_approved .wpbc-cell-box {
	background-color: rgba(196, 90, 9, 0.3) !important;
	border-color: var(--ba-earth-light) !important;
	color: var(--ba-earth-light) !important;
}
.datepick-inline .date_user_unavailable span {
	color: lightgray !important;
}
.datepick-inline .full_day_booking span, 
.datepick-inline .timespartly span {
	color: var(--ba-earth-light) !important;
}
.datepick-days-cell-over .wpbc-cell-box {
	background-color: rgba(111, 132, 117, 0.3) !important;
	border-color: rgb(111, 132, 117) !important;
}
.datepick-days-cell-over .wpbc-cell-box a {
	color: rgb(111, 132, 117) !important;
}
.datepick-days-cell-over .wpbc-cell-box:hover a {
	color: rgb(111, 132, 117) !important;
}
.datepick-current-day .wpbc-cell-box {
	border-color: rgb(111, 132, 117) !important;
	background-color: rgb(111, 132, 117) !important;
}
.datepick-current-day .wpbc-cell-box a {
	color: white !important;
}
.datepick-current-day .wpbc-cell-box a:hover {
	color: black !important;
}
.datepick-header span {
	font-size: 1.2em !important;
}
.calendar-links {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
}
.calendar-links .datepick-prev {
	justify-self: start !important;
}
.calendar-links .datepick-next {
	justify-self: end !important;
}
.calendar-links .datepick-prev a, 
.calendar-links .datepick-next a {
	color: white !important;
	background-color: black !important;
	line-height: 1em !important;
	padding: 0 0.6em 0.2em 0.6em !important;
	position: relative !important;
}
.calendar-links .datepick-prev a:hover, 
.calendar-links .datepick-next a:hover {
	color: white !important;
	background-color: var(--ba-earth-light) !important;
}
.datepick-inline {
	box-shadow: unset !important;
}

/** WP Booking Calendar >> Payment Page **/
.wpbc_after_booking_thank_you_section {
	margin: 0 !important;
}
.wpbc_ty__message {
	font-weight: 600 !important;
	width: 100% !important;
	padding: 1em !important;
	text-align: center !important;
	color: black !important;
}
.wpbc_after_booking_thank_you_section .wpbc_ty__container {
	box-shadow: unset !important;
	border: 0 !important;
	padding: 0 !important;
}
.wpbc_ty__content_text.wpbc_ty__content_costs {
	margin-top: 1.5em !important;
}
.wpbc_ty__content_text.wpbc_cols_2 {
	padding-top: 0 !important;
}
.wpbc_ty__message, 
.wpbc_ty__content_text.wpbc_ty__content_costs, 
.wpbc_ty__content_text.wpbc_ty__content_gateways {
	background-color: rgba(111, 132, 117, 0.3) !important;
}
.wpbc_ty__section_header h4 {
	margin-top: 0 !important;
}
.wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__content .wpbc_ty__content_text {
	border-top: 0 !important;
}
a.wpbc_button_gw_stripe {
	border-color: black !important;
	background-color: black !important;
	border-radius: 0 !important;
}
a.wpbc_button_gw_stripe:hover {
	color: white !important;
	background-color: var(--ba-earth-light) !important;
	border-color: var(--ba-earth-light) !important;
}


/*= Ninja Forms =============== */

/** Ninja Forms >> select.ninja-forms-field **/
select.ninja-forms-field {
	color: black !important;
	font-size: var(--ba-standard) !important;
	border: 2px solid black !important;
}

/** Ninja Forms >> Bestätigungsmeldung **/
.nf-response-msg {
	font-weight: 700 !important;
	background-color: #d4ffd1 !important;
	padding: 1em !important;
	margin-top: 2em !important;
	margin-bottom: 4em !important;
}


/*= Diverses ================== */

/** Diverses >> .ba-button **/
.ba-button {
	display: inline-block !important;
}

/** Diverses >> rcb-headline **/
.rcb-headline {
	font-family: Montserrat !important;
}