
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-2 {
    max-width: none;
}


.woocommerce-page .page-content{
    padding-top: 100px;
    margin-bottom: 30px;
}
@media (max-width: 767px){
    .woocommerce-page .page-content{
        padding-top: 150px;
    }
}

/*
    Standard Elemente
*/

.woocommerce-info,
.woocommerce-message {
    border-top-color: var(--color-main);
}

.nice-select {
    border-radius: var(--button-corners);
    border-color: #ddd;
    width: 100%;
    margin-bottom: 20px;
}
.nice-select:hover {
    border-color: black;
}

select.woof_select{
    width: 100%;
}

/*
    WooCommerce Standard Buttons
*/
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: var(--color-main);
    color: #fff;
}

/*
    Woocommerce Standard Buttons on hover
*/
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
    background-color: var(--color-main);
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
    background-color: var(--color-heavy);
}


/*
    WooCommerce Archivseite
*/
.woocommerce-page .shop-archive-wrapper {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 20px;
}
@media (max-width: 767px){
    .woocommerce-page .shop-archive-wrapper {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

.woocommerce ul.products li.product .price {
    color: var(--color-main);
    display: block;
    font-weight: 400;
    margin-bottom: 0.5em;
    font-size: .857em;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    box-shadow: 2px 5px 15px #00000012;
    padding: 10px;
}

.woocommerce ul.products li.product .button {
    background: var(--color-main);
    color: white;
    width: 100%;
    border-radius: var(--button-corners);
}
.woocommerce ul.products li.product .button:hover {
    background: var(--color-heavy);
}

/*
    Mobil Filter auf Archivseiten
*/
.show-filters-link{
    display: none;
    color: var(--body-text-color);
    border: solid 1px #dddddd;
    width: 70%;
    margin: auto;
    text-align: center;
    width: auto;
    padding: 5px 25px;
    border-radius: 45px;
}
.show-filters-link svg{
    margin-right: 10px;
}
@media (max-width: 767px){
    .show-filters-link{
        display: block;
    }
    .shop-archive-filters-inner{
        display: none;
    }
}

/*
    HUSKY Filter
*/
.woocommerce-page .woof_reset_button_2{
    display: none;
}


@media (max-width: 767px){
    ul.woof_list_checkbox{
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }
    ul.woof_list_checkbox .woof_checkbox_label{
        margin: 0;
    }
}





/*
    WooCommerce Produkt Detailseite
*/
.woocommerce div.product .product_title {
    text-align: left;
    font-size: 33px;
    line-height: 1.3em;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: var(--color-main);
}

.woocommerce .quantity .qty {
    width: 3.631em;
    text-align: center;
    min-width: 100px;
    min-height: 50px;
    border-radius: var(--button-corners);
    padding: 6px 20px;
    margin-right: 10px;
    border: solid 1px #ddd;
}
.woocommerce div.product form.cart .button {
    min-width: 100px;
    min-height: 50px;
}

.single-product div.product span.price {
    font-size: 28px;
    display: block;
    margin-bottom: 20px;
}

.single-product .variations tbody tr:nth-child(even) {
    background-color: transparent;
}

.woocommerce .product .related.products  ul.products li.product span.price {
    display: none!important;
}



/*
    Cart Seite
*/
.woocommerce-checkout button.button,
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    padding: 14px 30px;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
    border: solid 1px black;
    border-radius: 4px;
}
.woocommerce ul#shipping_method .amount {
    font-weight: 300;
}




/*
    Chekcout
*/

.woocommerce form.checkout .form-row::after,
.woocommerce form.checkout .form-row::before,
.woocommerce-page form.checkout .form-row::after,
.woocommerce-page form.checkout .form-row::before {
    display: none;
}
.checkout .form-row{
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.checkout .form-row .woocommerce-input-wrapper{
    flex-grow: 1
}


.checkout p.form-row-first,
.checkout p.form-row-last{
    gap: 0;
    justify-content: flex-start;
}

#customer_details{
    margin-bottom: 30px;
}

.woocommerce-additional-fields__field-wrapper .form-row{
    display: block;
}
