.title-whishlist-container {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .yith-wcwl-add-to-wishlist {
        margin-top: 0;

        .yith-wcwl-icon-svg {
            margin: 0 !important;
            /* Linienstärke des Icons auf der Produktdetailseite ändern */
            stroke-width: 1px;

            &:hover {
                stroke: var(--gn-text-hover-color);
            }
        }

        .yith-wcwl-wishlistaddedbrowse {
            .feedback {
                height: 25px;
            }
            
            a {
                width: 24px;
                height: 24px;
                position: absolute;
                top: 0;
                right: 0;
            }
        }
    }
}

#yith-wcwl-popup-message {
    display: none !important;
}

.product-images,
.box-image {
    .image-tools.top.right {
        display: none;
    }
}


/* Herzicon im Header tauschen (Chat GPT Code) */
/* Grundzustand des Elements */
.wishlist-icon.icon-heart-o {
    position: relative;        /* wichtig für die Pseudo-Elemente */
    display: inline-block;
    width: 24px;
    height: 24px;
    color: #000;            /* Icon-Farbe steuerbar über color */
    /* kein background-color hier, damit das vorhandene ::after (Badge) nicht verdeckt wird */
}

/* Herz-Icon in ::before mit Mask (sichtbar über background-color) */
.wishlist-icon.icon-heart-o::before {
    content: "";
    position: absolute;
    inset: 0;                  /* top:0; right:0; bottom:0; left:0; */
    width: 100%;
    height: 100%;
    display: block;
    background-color: currentColor; /* füllt die Maske mit der Textfarbe */
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path d='M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path d='M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;

    z-index: 1; /* hinter dem Badge platzieren */
    pointer-events: none; /* damit Klicks auf das Icon weiter funktionieren */
}

/* Stelle sicher, dass das vorhandene Badge (dein ::after) oben liegt */
[data-icon-label]::after {
    z-index: 2 !important;
    position: absolute; /* falls nicht gesetzt; dein vorhandener Code hat das ja vermutlich */
}

/*----------------------------------------------------ab hier Änderungen an der Wishlist Page---------------------------------------------------------*/
.yith-wcwl-form {
    .wishlist-title {
        h2 {
            font-size: 28px;
            line-height: 36px;
            padding: 3rem 0;
            text-align: center;
        }
    }

    .wishlist_table.mobile li .item-wrapper {
        width: 100%;
        padding: 2rem;
    }

    .shop_table .product-name {
        padding-left: .5em;
    }

    .wishlist_table.mobile .product-remove {
        top: 20px;
        left: 80px;
        line-height: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        
        a {
            line-height: 22px !important;
        }
    }

    .wishlist_table.mobile li .additional-info-wrapper {
        width: 100%;
    }
}

@media only screen and (min-width: 550px) {
/*************** Tablet Viewport ***************/

    /*----------------------------------------------------ab hier Änderungen an der Wishlist Page---------------------------------------------------------*/
    .yith-wcwl-form {
            padding: 0 2rem;
    }

    td.wishlist-empty {
        color: var(--gn-text-color);
        font-size: 16px;
    }

    .wishlist-items-wrapper {
        td {
            padding: 1rem;
        }
    }
}



@media only screen and (min-width: 850px) {
/*************** Tablet Landscape Breakpoint ***************/

    .yith-wcwl-form {

        .wishlist-title {
            h2 {
                font-size: 36px;
                line-height: 42px;
                padding: 3rem 0;
            }
        }
    }

}



@media only screen and (min-width: 1110px) {
/*************** Desktop Breakpoint ***************/
  

}