.openBtn {
      background-color: transparent !important;
      color: black !important;
      border: none;
      /*padding: 10px 15px;*/
      font-size: 25px; 
      cursor: pointer;
    }

    .openBtn:hover {
      background: #bbb;
    }

    .overlay {
      height: 100%;
      width: 100%;
      display: none;
      position: fixed;
      z-index: 1000;
      /* Erhöht um sicherzustellen, dass es über anderen Elementen liegt */
      top: 0;
      left: 0;
      background-color: rgb(0, 0, 0);
      background-color: rgba(0, 0, 0, 0.9);
    }

    .overlay-content {
      position: relative;
      /* geändert von absolute zu relative für bessere Kontrolle */
      top: 10%;
      width: 80%;
      /* text-align: center; */
      margin: 0 auto;
      /* Zentriert das Element */
    }

    .overlay .closebtn {
      position: absolute;
      top: 5px;
      right: 35px;
      font-size: 40px;
      cursor: pointer;
      color: white;
    }

    .overlay .closebtn:hover {
      color: #ccc;
    }

    .overlay input[type="text"] {
      padding: 15px;
      font-size: 17px;
      border: none;
      width: 80%;
      background: white;
      margin-right: 5px;
      /* Small right margin for spacing */
    }

    .overlay button {
      width: 15%;
      padding: 15px;
      background: #ddd;
      font-size: 17px;
      border: none;
      cursor: pointer;
    }

    .overlay button:hover {
      background: #bbb;
    }

    #search-results {
      clear: both;
      /* Clears the float */
      text-align: left;
      color: black;
      /* Color changed to black for visibility */
      width: 100%;
      margin-top: 20px;
      /* Added space between search input and results */
      background-color: white;
      /* Background color for visibility */
    }

    .product {
      display: flex;
      align-items: center;
      background-color: white;
      color: black;
      padding: 5px;
      border-bottom: 2px solid #bbb;
    }

    .product-view {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .product-link {
      display: flex;
      align-items: center;
      width: 100%;
      text-decoration: none;
      color: inherit;
    }

    .product-link:hover {
      text-decoration: underline;
    }