.products-detail-section + .products-detail-tabs #description table {
    float: none;
}

.productgallery .product-box.common-cart-box .characteristic-icons img.energieeffizienzflagge {
    margin-bottom: 0px !important;
}

@media screen and (min-width: 768px) {
    .productgallery .product-box.common-cart-box .product-info.common-cart-info form .variants-block {
        height: 47px;
    }

    .productgallery .product-box.common-cart-box .product-info.common-cart-info form:not(:has(.variants-block)) {
        padding-top: calc(47px + 15px);
    }
}

.productgallery .product-box.common-cart-box .product-info.common-cart-info form input[type="submit"] {
    width: 100%;
}

.products-detail-section .product-image img {
    cursor:pointer;
}

.toast-container:has(.image-modal) {
    width: 1000px;
    top: 50%;
    margin-top: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 80%;
    height: 100%;
    max-width: 80%;
}

.toast-container:has(.image-modal) .toast-item-wrapper,
.toast-container:has(.image-modal) .toast-item-wrapper .toast-item,
.toast-container:has(.image-modal) .toast-item-wrapper .toast-item .toast-content,
.toast-container:has(.image-modal) .toast-item-wrapper .toast-item .toast-content .image-modal {
    height:100%;
}

.toast-container:has(.image-modal) .toast-item-wrapper .toast-item .toast-content .image-modal {
    position:relative;
}

.toast-container:has(.image-modal) .toast-item-wrapper .toast-item .toast-content .image-modal > img {
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.toast-container:has(.image-modal) .toast-item-wrapper .toast-item .toast-content .image-modal > i {
    cursor: pointer;
    position: absolute;
    font-size: 40px;
    width: 80px;
    height: 100%;
    display: flex;
    top: 0px;
    align-items: center;
    padding: 0px 20px;
    justify-content: center;
}

.toast-container:has(.image-modal) .toast-item-wrapper .toast-item .toast-content .image-modal > i:hover {
    color:#4dbcc2;
}

.toast-container:has(.image-modal) .toast-item-wrapper .toast-item .toast-content .image-modal > i[data-action="prev"] {
    left: 20px;
}

.toast-container:has(.image-modal) .toast-item-wrapper .toast-item .toast-content .image-modal > i[data-action="next"] {
    right:20px;
}