.lemontec_slidecontainer {
    width: 100%;
}

#lemontec_coupon_slider {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    border-radius: 10px;
    background: rgba(199, 230, 205, .5);
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

#lemontec_coupon_slider:hover {
    opacity: 1;
}

#lemontec_coupon_slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #107c24;
    border: 2px solid #fff;

    cursor: pointer;
}

#lemontec_coupon_slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #107c24;
    cursor: pointer;
    border: 2px solid #fff;
}

textarea[name="lemontec_coupon_greeting"] {
    border: 1px solid;
    -webkit-appearance: none;
    outline: none;
    border-radius: 10px;
    background-color: rgba(199, 230, 205, .5);
    border: 0;
    margin: 10px 0;
    font-family: inherit;
    padding: 15px;
}

.woocommerce-cart-form__cart-item.cart_item dt.variation-Text {
    display: none !important;
}

.woocommerce.single-product div.product form.cart .quantity {
    float: none;
    margin: 0;
    display: inline-block;
}

.woocommerce div.product form.cart {
    display: flex;
    flex-wrap: wrap;
}

.lemontec_textarea_container {
    width: 100%;
    margin-top: 30px;
}

.qyt_click_wrapper {
    border: 1px solid #107c24;
    border-radius: 3px;
    opacity: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 20px;
}

.qyt_click_wrapper .quantity .qty {
    text-align: end;
    -webkit-appearance: none;
    border: 0;
    background-color: transparent;
}

.qyt_click_wrapper .quantity .qty {
    text-align: end;
    -webkit-appearance: none;
    border: 0;
    background-color: transparent;
    width: 120px;
    text-align: center;
}

body.woocommerce .qyt_click_wrapper button {
    -webkit-appearance: none !important;
    border: 0 !important;
    background-color: transparent !important;
    font-family: inherit !important;
    color: #107c24 !important;
    font-weight: 700;
}
body.woocommerce .quantity .qty {
    width: 120px;
    -webkit-appearance: none;
    font-family: inherit;
}

body.woocommerce div.product p.price, body.woocommerce div.product span.price {
    color: #D1AA91;
    font-size: 25px;
    margin-bottom: 45px;
    font-weight: 700;
}

.woocommerce div.product form.cart .qyt_click_wrapper div.quantity {
    margin: 0 !important;
}


.woocommerce div.product form.cart .qyt_click_wrapper div.quantity input {
    border: 0 !important;
    font-weight: 700;
    width: 100px;
}

.product-type-lemontec_gutschein .delivery-info, .product-type-lemontec_gutschein .product-section .price-info{
    display: none;
}

.product-type-lemontec_gutschein .product-content .content-inner {
    position: relative;
    margin: 0;
    padding: 0;
}

.product-type-lemontec_gutschein .product-content .content-inner:after {
    display: none;
}

.product-type-lemontec_gutschein .product-section .product-holder {
    margin: 0;
}

.coupon-outer {
    background-color: #35393B12;
    position: relative;
    padding: 0;
    transition: 0s;
    
}

.page-template-template-gutscheinvorlage .decor-block.decor-right {
    transform: scale(1, -1);
    right: -100px;
    bottom: 0;
    top: unset;
}



.container.coupon-inner {
    background-color: #fff;
    border-radius: 3px;
    opacity: 1;
    padding-top: 0px;
    padding-bottom: 65px;
    position: relative;
    overflow: hidden;
}

.page-template-template-gutscheinvorlage main h3 {
    text-align: center;
    margin-bottom: 40px !important;
    margin-top: 20px;
}

.gutschein_vorlage img {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    transition: .3s ease;
    width: 100%;
    min-height: 310px;
    object-fit: cover;
}

.gutschein_vorlage:hover img {
    box-shadow: 0px 3px 6px #00000090;
}

.gutschein_vorlagen_wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-right: -15px;
    justify-content: center;
}

.gutschein_vorlage {
    width: calc(100% - 15px);
}

.return_back svg {
    margin-right: 15px;
    vertical-align: middle;
    stroke: #107C24;
}
.return_back {
    text-decoration: none;
    font-size: 14px;
    color: #1F3B35;
}

.return_back:hover {
    color: #107C24;
}

.product-type-lemontec_gutschein .woocommerce-product-gallery {
    pointer-events: none;
}

.woocommerce div.product.product-type-lemontec_gutschein div.images .woocommerce-product-gallery__trigger {
    display: none;
}

.gutscheinbild_detailseite {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
}

/*

.gutscheinbild_detailseite_wrapper::before {
    content: '';
    position: absolute;
    left: -200%;
    top: 0;
    background-color: rgba(199, 230, 205, .5);
    right: 20%;
    z-index: -1;
    top: -72px;
    bottom: -50%;
} */

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield !important;
}

@media all and (min-width: 480px) {
    .gutschein_vorlage {
        width: calc(50% - 15px);
    }

    .coupon-outer {
        padding: 50px 20px;
          
        
    }
}
 
@media all and (min-width: 768px) {
    .product-type-lemontec_gutschein .product-gallery {
        width: 280px;
    }

    .gutschein_vorlage {
        width: calc(20% - 15px);
    }
}

@media  all and (max-width: 480px) {
    .qyt_click_wrapper {
        width: 100%;
        margin-bottom: 15px;
        margin-right: 0;
    }
    
    .product-type-lemontec_gutschein button.single_add_to_cart_button.button.alt {
        width: 100%;
    }
}

.coupon-outer.review {
    margin: 0;
    background-color: transparent;
    display: none;
}

.gutschein_vorlage a:hover {
    opacity: 1;
}


.gutschein_vorlage a:hover img {
    filter: blur(2px) contrast(0.8)
}


.gutschein_vorlage a {
    position: relative;
    display: block;
}

.gutschein_vorlage_title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    color: #35393B;
    font-family: "kazimirtext",sans-serif;
    letter-spacing: 0px;
    line-height: 40px;
    font-weight: 300;
    font-size: 30px;
    text-transform: inherit;
    padding: 15px;
    box-sizing: border-box;
    color: #fff;
    hyphens: auto;
    opacity: 0;
    transition: .3s ease;
}

.gutschein_vorlage a:hover .gutschein_vorlage_title {
    opacity: 1;
}


.container.coupon-inner:hover .rotating_hand_coupon {
    transform: rotate(-30deg);
}
.rotating_hand_coupon {
    position: absolute;
    right: 0;
    top: 100px;
    transform: rotate(360deg);
    animation: roatinghand 10s infinite;
}

@keyframes roatinghand {
    0%   {transform: rotate(360deg);}
    25%  {transform: rotate(330deg);}
    50%  {transform: rotate(360deg);}
    75%  {transform: rotate(330deg);}
    100% {transform: rotate(360deg);}
  }
  

 .gutschein_vorlage .card-link img {
    width: 21px;
    height: 21px;
    /* transform: rotate(315deg); */
    /* transition: 0.3s ease-in-out; */
    box-shadow: none;
    filter: blur(0) !important;
    min-height: unset;
}

.gutschein_vorlage_title .btn-square {
    margin-top: 25px;
}

.close_coupon_outer {
    padding-bottom: 40px;
    padding-top: 20px;
    text-align: right;
}

.close_coupon_outer img {
    cursor: pointer;
}

.close_coupon_outer img:hover {
    opacity: 0.7;
}

.coupon-wrapper {
    position: fixed;
    left: 0;
    right: 0;
    top: 50%;
    bottom: auto;
    /* background-color: #fff; */
    /* width: 100%; */
    /* height: 100%; */
    z-index: 10000000000;
    transform: translateY(-50%);
    max-height: calc(100vh - 50px);
    display: none;
}

.coupon-outer::before {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background: #35393B;
    opacity: .8;
    z-index: 0;
    top: -20vh;
}

@media all and (max-width: 768px) {
    .close_coupon_outer {
        padding-bottom: 0;
    }

    .coupon-wrapper {
        left: 20px;
        right: 20px;
        left: 0;
        right: 0;
        padding: 20px;
        box-sizing: border-box;
        /* top: auto;
        bottom: 0;
        transform: translate(0); */
    }

    .coupon-outer::before {
       height: 120vh;
    }

    .container.coupon-inner {
        border-radius: 3px 3px;
    }

    .rotating_hand_coupon {
        display: none;
    }

    .gutschein_vorlagen_wrapper .slick-list {
        padding:0 10% 0 0 !important;
    }

    .gutschein_vorlage {
        margin: 0 5px;
    }

    /*.gutschein_vorlage_title {
        opacity: 1;
    }

    .gutschein_vorlage a img {
        filter: blur(2px) contrast(0.8);
    }*/
}

#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
    list-style: none;
    padding: 30px;
}

.woocommerce ul#shipping_method li {
    padding: 0;
}

.woocommerce-checkout .wp-block-container li {
    list-style: none;
    padding: 0;
}