/******************PRODUKT BOX *****************************/
			
			
			.product-box-container {
			  margin-top:5px;
			  padding: 20px;
			  border-radius: 12px;
			  background-color: #fff;
			  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
			  transition: transform 0.3s ease, box-shadow 0.3s ease;
			}

			.product-box-container:hover {
			  transform: translateY(-5px);
			  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
			}

			.product-title {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: normal;
                max-height: 3em;
                /* Höhe für zwei Zeilen */
                line-height: 1.5em;
                /* Zeilenhöhe */
                font-size: calc(1.1rem + 0.3vw);
            }

            .product-link {
                padding: 5px;
                border-radius: 10px;
                background-color: #f0f0f0;
                white-space: nowrap;
                /* In einer Zeile halten */
                overflow: hidden;
                /* Überlauf verstecken */
                text-overflow: ellipsis;
                /* Abschneiden und ... hinzufügen */
                font-size: 13px;
                display: block;
                /* Ermöglicht die Anpassung an den Container */
				text-decoration:none;
				color:darkslategrey;
            }
			
			.product-image{
				max-height:100px;
				max-width: 100%;
				box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
			}
			
			.product-button {
				
				float: right;
				text-decoration: none;
			  display: inline-flex;
			  align-items: center;
			  padding: 12px 20px;
			  /*background-color: #f6f6f6;*/
				color: black;
			  font-size: 16px;
			  font-weight: 500;
			  text-align: center;
			  border: none;
			  border-radius: 30px; /* Runde Form */
			  cursor: pointer;
			  transition: background-color 0.3s ease, box-shadow 0.3s ease;
			}

			.product-button:hover {
			  background-color: lightgrey; /* Etwas dunklere Farbe beim Hover */
			  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
			}

			.product-button .arrow {
			  display: inline-block;
			  margin-left: 10px;
			  transition: transform 0.3s ease; /* Pfeil bewegt sich beim Hover */
			}

			.product-button:hover .arrow {
			  transform: translateX(5px); /* Pfeil bewegt sich leicht nach rechts */
			}

			.product-small-info{
				font-size: xx-small;
			}

            .delete-button {
                position: relative;
                /* top: 0px; */
                /* right: -20px; */
                background-color: transparent;
                /* cursor: pointer; */
                /* border-radius: 20px; */
                /* padding: 5px 10px; */
                /* border-style: solid; */
                /* border-width: thin; */
                /* border-color: red; */
                float: right;
                border-style: none;
            }
			
			
/************** LOADING ELEMENT *******************/
.loading-span {
                            display: inline-block;
                            width: 150px;
                            /* Breite des Ladebalkens */
                            height: 20px;
                            /* Höhe des Ladebalkens */
                            background: #f0f0f0;
                            border-radius: 5px;
                            position: relative;
                            overflow: hidden;
                        }

                        .loading-span::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            height: 100%;
                            width: 100%;
                            background: linear-gradient(90deg, rgba(240, 240, 240, 1) 25%, rgba(220, 220, 220, 1) 50%, rgba(240, 240, 240, 1) 75%);
                            animation: loading 1.5s infinite;
                        }

                        @keyframes loading {
                            0% {
                                left: -100%;
                            }

                            50% {
                                left: 100%;
                            }

                            100% {
                                left: -100%;
                            }
                        }