.bg-1 {
  position: relative;
  background-size: contain; /* Verkleinert das Bild, sodass es komplett sichtbar ist */
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;

  @include large-desktop {
    background-attachment: unset;
  }
}

.bg-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: inherit;
  opacity: 0.2; /* Setzt die Opazität, um das Bild blasser darzustellen */
  z-index: -1; /* Stellt sicher, dass der Inhalt vor dem Hintergrundbild liegt */
}


.bg-2 {
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  background-color: #185b63;
  @include large-desktop {
    background-attachment: unset;
  }
}