/* utilities.css
 *
 * Hier kannst du Utility-Klassen unterbringen, z. B. `.u-center`, `.u-hide-mobile`,
 * `.u-text-primary`, `.u-mt-40` etc. – kleine Helferklassen für schnelle Layoutanpassungen.
 *
 * Aktuell leer – vorgesehen für einfache, wiederverwendbare Utilities.
 */


@media (max-width: 767px) {
  .grid-cols-2-sm {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .bergkette-1 {
    background-size: 80% auto;
  }
}

.bergkette-1,
.bergkette-2 {
  background-repeat: no-repeat;
  background-size: 80% auto;
  background-position: right 10%;
}

.bergkette-1 {
  background-image: url('../images/pilatus-bergkette-primary-light.svg');
}

.bergkette-2 {
  background-image: url('../images/pilatus-bergkette-grey-light.svg');
}

@media (min-width: 768px) {

  .bergkette-1,
  .bergkette-2 {
    background-size: 55% auto;
  }
}