.card .btn{ margin-top:18px !important; }

/* Desktop: Hero höher, weniger Höhe, Bild leicht nach oben */
@media (min-width: 1024px){
  .hero{ min-height:60vh; place-items:start center; padding-top:6vh; }
  .bg img{ object-position:50% 30%; }
  .wrap{ margin-top:12px; } /* Pakete näher an den Hero */
}
html{scroll-behavior:smooth}

.card { display:block; text-decoration:none; color:inherit; }
.card:hover { transform: translateY(-2px); }