.bg-header {
	background-image: url('img/header.jpg');
	background-repeat: no-repeat; /* Verhindert, dass sich das Bild wiederholt */
	background-size: cover; /* Skaliert das Bild so, dass es den gesamten Bereich abdeckt, ohne das Seitenverhältnis zu verzerren */
	background-position: center center; /* Zentriert das Bild horizontal und vertikal */
	background-attachment: fixed; /* Lässt das Hintergrundbild beim Scrollen fixiert bleiben */
	height: 600px;
}

.bg-banner {
	background-color: rgba(162, 187, 163, 0.8);
	padding: 16px;
}

.pt-250 {
	padding-top: 250px;
}


.checklist {
  list-style: none; /* Entfernt die Standard-Bulletpoints */
  padding-left: 0;   /* Entfernt den Standard-Innenabstand, falls vorhanden */
}

.checklist li {
  position: relative; /* Wichtig für die Positionierung des Pseudo-Elements */
  padding-left: 25px; /* Platz für das Häkchen schaffen */
  margin-bottom: 8px; /* Abstand zwischen den Listenelementen */
}

.checklist li::before {
  content: "✔"; /* Das Häkchen-Zeichen */
  color: #a2bba3; /* Eine schöne grüne Farbe für das Häkchen */
  font-size: 1.2em; /* Größe des Häkchens anpassen */
  position: absolute; /* Absolute Positionierung relativ zum Listenelement */
  left: 0;            /* Linksbündig positionieren */
  top: 0;             /* Oben ausrichten */
  line-height: inherit; /* Zeilenhöhe des Textes übernehmen */
}

.mt-100 {
	margin-top: 100px;
}