  <style>
    /* Abstand, weil Navbar fixed ist */
    body { padding-top: 6.5rem; }

	.card-img-fixed {
    height: 300px;        /* Höhe anpassen */
    object-fit: contain;  /* Bild bleibt im Seitenverhältnis */
    background-color: #f8f9fa; /* optional: grauer Hintergrund bei leeren Flächen */
	cursor:pointer;
  }
    .btn-youtube {
    background-color: #ff0000; /* YouTube Rot */
    color: #fff;
    font-weight: 600;
    border: none;
  }
  .btn-youtube:hover {
    background-color: #cc0000; /* dunkleres Rot */
    color: #fff;
  }
.thumb {
cursor: pointer;
border: 2px solid transparent;
border-radius: .5rem;
/* Fix: Zuschneiden statt Verzerren */
width: 96px;
height: 72px; /* 4:3 */
object-fit: contain; /* verhindert Verzerrung */
display: block;
}
.thumb.active,
.thumb:focus-visible {
border-color: var(--bs-primary);
outline: none;
}
.main-image {
border-radius: .75rem;
object-fit: contain; /* verhindert Verzerrung */
}
.stat-card {
  transition: transform 0.3s ease-in-out;
}

.stat-card:hover {
  transform: translateY(-5px);
}

.stat-card i {
  transition: transform 0.3s ease-in-out;
}

.stat-card:hover i {
  transform: scale(1.1);
}
.btn-geizhals {
    background-color: #005AA0; /* Geizhals-Blau */
    color: #fff;
	font-weight: 600;
    border: none;
}
.btn-geizhals:hover {
    background-color: #004080;
    color: #fff;
}
.btn-amazon {
  background-color: #ff9900; /* Amazon-Orange */
  color: #444;
  font-weight: 600;
  border: none;
}
.btn-amazon:hover {
  background-color: #e68a00; /* etwas dunkler beim Hover */
  color: #fff;
}


  </style>