/*================================================
        Weinpreisliste
================================================*/

#weine .et_pb_code_inner h2 {
    background: var(--black);
    color: var(--white);
    padding: 10px 0;
    text-align: center;
    margin-bottom: 40px;
}

#pavillon .teaser h2 {
    text-align: center;
}

article.wein {
    margin-bottom: 40px;
}

article.wein div.flex_wrapper {
    display: flex;
    flex-wrap: wrap;
}

article.wein div.flex_wrapper div.preis {
    width: calc(100% * (1.5 / 8));
    font-size: 16px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

article.wein div.flex_wrapper div.preis span.price {
    font-size: 2em;
    font-weight: 500;
    padding-bottom: 20px;
}

article.wein div.flex_wrapper div.content {
    width: calc(100% * (4 / 8));
}

article.wein div.flex_wrapper div.warenkorb {
    width: calc(100% * (2.5 / 8));
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

article.wein a.weingut,
.et-db #et-boc .et-l article.wein a.weingut {
    color: var(--body);
    font-size: 1.2em;
    font-weight: 600;
    font-family: var(--primary_font);
}

article.wein div.additional_details {
    margin-top: 10px;
}

div.analysedaten span:not(:last-of-type)::after {
    content: '·';
    display: inline-block;
    margin: 0 5px;
}

article.wein div.alg-wc-wl-btn-wrapper {
    margin-left: calc(100% * (1.5 / 8));
}

article.wein .warenkorb form div.quantity {
    margin-right: 20px;
}

.woocommerce .quantity input.qty {
    background-color: unset;
    color: var(--black);
    border: 1px solid var(--black);
    line-height: 1em;
    padding: 12px;
    font-size: 18px;
}

article.wein .warenkorb form div.quantity,
article.wein .warenkorb form button {
    display: inline-block;
}

@media only screen and ( max-width: 980px ) {
    article.wein div.content > h3 {
        padding-bottom: 4px;
    }

    article.wein div.warenkorb form {
        display: flex;
        flex-wrap: wrap;
    }

    article.wein div.flex_wrapper div.preis,
    article.wein div.flex_wrapper div.preis div.quantity,
    .woocommerce article.wein .quantity {
        width: calc(100% * (2 / 8));
    }

    article.wein .warenkorb form div.quantity {
        margin-right: 0;
    }

    .woocommerce article.wein .quantity input.qty {
        max-width: 60px;
    }

    article.wein div.flex_wrapper div.preis span.price {
        font-size: 1.4em;
        padding-bottom: 12px;
    }

    article.wein div.flex_wrapper div.content {
        width: calc(100% * (6.0 / 8));
        padding-left: 10px;
    }

    article.wein button.single_add_to_cart_button.button {
        width: calc(100% * (6.0 / 8));
        transform: translateX(10px);
    }

    article.wein div.flex_wrapper div.warenkorb {
        flex: 0 0 100%;
        text-align: left;
        padding-top: 10px;
    }

    article.wein .wc-gzd-additional-info.tax-info {
        font-size: 10px;
    }

    article.wein div.additional_details {
        font-size: .8em;
    }

    div.analysedaten span:not(:last-of-type)::after {
        content: none;
        margin: 0;
    }

    article.wein div.flex_wrapper div.warenkorb {
        font-size: .9em;
    }

    article.wein div.flex_wrapper div.warenkorb,
    div.analysedaten span {
        line-height: 22px;
    }
}


/*================================================
    WooCommerce Buttons / Input
================================================*/

.et-db #et-boc .et-l .et_pb_button.btn-primary, .btn-primary,
.alg-wc-wl-toggle-btn,
.woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce input.button, .woocommerce input.button.alt,
.xoo-wsc-ft-buttons-cont a,
.woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a,
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.7em;
    padding: 8px 10px;
    border-radius: 0;
    box-shadow: unset;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-transform: unset;
    background: var(--white);
    color: var(--primary);
    border: 1px solid var(--primary);
}

@media only screen and ( max-width: 768px ) {
    .alg-wc-wl-toggle-btn,
    .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce input.button, .woocommerce input.button.alt,
    .xoo-wsc-ft-buttons-cont a,
    .woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a,
    .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
        font-size: 14px;
    }
}

.et-db #et-boc .et-l .et_pb_button.btn-primary::after, .et_pb_button.btn-primary::after, .btn-primary::after {
    content: none;
}

.et-db #et-boc .et-l .et_pb_button.btn-primary:hover, .et_pb_button.btn-primary:hover, .btn-primary:hover,
.xoo-wsc-ft-buttons-cont a:hover,
.woocommerce-page button.button:hover,
.woocommerce #content input.button.alt:hover,
.woocommerce #content input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button.alt.disabled:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button.alt:hover,
.woocommerce-page input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce input.button:hover {
    background: var(--primary);
    color: var(--white) !important;
    border: 1px solid var(--primary);
    padding: 8px 10px;
}

.woocommerce #content input.button.alt:after, .woocommerce #content input.button:after, .woocommerce #content input.button:before, .woocommerce #respond input#submit.alt:after, .woocommerce #respond input#submit:after, .woocommerce #respond input#submit:before, .woocommerce-page #content input.button.alt:after, .woocommerce-page #content input.button:after, .woocommerce-page #content input.button:before, .woocommerce-page #respond input#submit.alt:after, .woocommerce-page #respond input#submit:after, .woocommerce-page #respond input#submit:before, .woocommerce-page a.button.alt:after, .woocommerce-page a.button:after, .woocommerce-page a.button:before, .woocommerce-page button.button.alt:after, .woocommerce-page button.button:before, .woocommerce-page button.button:not(.button-confirm):after, .woocommerce-page input.button.alt:after, .woocommerce-page input.button:after, .woocommerce-page input.button:before, .woocommerce a.button.alt:after, .woocommerce a.button:after, .woocommerce a.button:before, .woocommerce button.button.alt:after, .woocommerce button.button:before, .woocommerce button.button:not(.button-confirm):after, .woocommerce input.button.alt:after, .woocommerce input.button:after, .woocommerce input.button:before {
    content: none;
}

@media only screen and ( max-width: 980px ) {
    .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce input.button, .woocommerce input.button.alt,
    .xoo-wsc-ft-buttons-cont a,
    .woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a,
    .xoo-wsc-ft-buttons-cont a:hover,
    .woocommerce-page button.button:hover,
    .woocommerce #content input.button.alt:hover,
    .woocommerce #content input.button:hover,
    .woocommerce #respond input#submit.alt:hover,
    .woocommerce #respond input#submit:hover,
    .woocommerce-page #content input.button.alt:hover,
    .woocommerce-page #respond input#submit.alt:hover,
    .woocommerce-page #respond input#submit:hover,
    .woocommerce-page a.button.alt:hover,
    .woocommerce-page a.button:hover,
    .woocommerce-page button.button.alt.disabled:hover,
    .woocommerce-page button.button.alt:hover,
    .woocommerce-page button.button:hover,
    .woocommerce-page input.button.alt:hover,
    .woocommerce-page input.button:hover,
    .woocommerce a.button.alt:hover,
    .woocommerce a.button:hover,
    .woocommerce button.button.alt.disabled:hover,
    .woocommerce button.button.alt:hover,
    .woocommerce input.button.alt:hover,
    .woocommerce input.button:hover {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 1em;
        padding: 8px 10px;
    }
}

.woocommerce #content input.button.alt:after, .woocommerce #content input.button:after, .woocommerce #content input.button:before, .woocommerce #respond input#submit.alt:after, .woocommerce #respond input#submit:after, .woocommerce #respond input#submit:before, .woocommerce-page #content input.button.alt:after, .woocommerce-page #content input.button:after, .woocommerce-page #content input.button:before, .woocommerce-page #respond input#submit.alt:after, .woocommerce-page #respond input#submit:after, .woocommerce-page #respond input#submit:before, .woocommerce-page a.button.alt:after, .woocommerce-page a.button:after, .woocommerce-page a.button:before, .woocommerce-page button.button.alt:after, .woocommerce-page button.button:after, .woocommerce-page button.button:before, .woocommerce-page input.button.alt:after, .woocommerce-page input.button:after, .woocommerce-page input.button:before, .woocommerce a.button.alt:after, .woocommerce a.button:after, .woocommerce a.button:before, .woocommerce button.button.alt:after, .woocommerce button.button:after, .woocommerce button.button:before, .woocommerce input.button.alt:after, .woocommerce input.button:after, .woocommerce input.button:before {
    content: unset;
}

/*================================================
    events
================================================*/

@media only screen and ( min-width: 981px ) {
    #veranstaltungen div.et_pb_code_inner {
        display: flex;
        flex-wrap: wrap;
    }

    #veranstaltungen article {
        width: calc(100% / 2 - (40px / 2));
        transition: 500ms;
    }

    #veranstaltungen article:hover {
        transition: 500ms;
        transform: translateY(-10px);
    }

    #veranstaltungen article:nth-child(odd) {
        margin-right: 40px;
    }
}

#veranstaltungen article {
    border: 1px solid var(--primary);
    padding: 20px;
}

@media only screen and ( max-width: 980px ) {
    .et_pb_code_inner article.event:first-of-type {
        margin-top: 20px;
    }
}

.et_pb_code_inner article.event:not(:last-of-type) {
    margin-bottom: 40px;
}