.amazon-product-card {
  display: flex;
  width: 90%; /* 90% der Breite des Containers */
  margin: 20px auto;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background-color: #fff;
}

.product-details {
  width: 60%; /* 60% der Gesamtbreite für Text-Details */
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0; /* Setzt die Margin auf null, um Überschreibungen zu vermeiden */
}

.product-title {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 5px; /* Minimiert den Abstand zum nächsten Element */
  color: #202020;
}

.product-description {
  font-size: 14px;
  color: #202020;
  margin: 0px !important; /* Verwendet !important, um die übergeordnete Margin zu überschreiben */
  line-height: 1.1; /* Verringert den Zeilenabstand um 25 % */
  /*height: 50px; /+ Fixierte Höhe für die Beschreibung */
  /*overflow: hidden;*/
}

.buy-button {
  background-color: #ffa41c;
  color: #000;
  border: none;
  padding: 10px 15px;
  font-size: 16px;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  width: 100%;
  margin-top: 10px; /* Reduziert den Abstand nach unten */
}

.buy-button:hover {
  background-color: #ff8f00;
}

.product-image-link {
  padding: 10px 15px;*/
  width: 40%; /* 40% der Gesamtbreite für das Bild */
  display: flex;
  justify-content: center; /* Horizontale Zentrierung */
  align-items: center; /* Vertikale Zentrierung */
  text-decoration: none; /* Entfernt Unterstreichung vom Link */
}

.product-image {
  height: 160px;
  width: auto; 
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-image img {
  width: 100%;
  height: auto; /* Bildhöhe automatisch anpassen */
  max-height: 100%; /* Maximale Höhe auf 100% setzen */
  object-fit: cover; /* Bild skalieren, ohne Verzerrung */
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

#hinw_affil_links {
 font-size: 90%;
 text-align: center;
 background-color:#E0D7B5;
 padding: 1px 10px;
 margin: 0 10px;
}

@media (prefers-color-scheme: dark) {                   /* Bei Dark Mode Farben anpassen */
  body {
    background-color: black;
    color: white;
  }
  div#Seite {
    background: #000033 url(img/bg_navi_dark.jpg) repeat-y;
    border: 2px ridge #454545;

    @media screen and (max-width: 659px) {              /* Wenn wegen schmalem Display keine Menüleiste verwendet wird */
      background: #000033;                              /* Menüspaltenfarbe löschen */
    }
  }

  #hinw_affil_links {
    background-color:#1C3775;
    color:white;
  }
}  




/* Bei schmalen Displays [bis 559px]: Größeres Bild bei Amazon-Produktkarte  */
@media screen and (max-width: 579px) {                             
  .amazon-product-card {
    width: 100%; /* 90% der Breite des Containers */
  }
  .product-image-link {
  padding: 10px 5px 10px 0px;
  }
}