

		.full-width-bar {
		  background-color: #0d73fc;
		  height: 300px;
		  width: 100%;
		  display: flex;
		  flex-direction: column; /* Stapelt Elemente untereinander */
		  justify-content: center; /* Zentriert vertikal */
		  align-items: center; /* Zentriert horizontal */
		  color: white; /* Weißer Text für Kontrast */
		  text-align: center;
		  gap: 10px; /* Abstand zwischen den Elementen */
			margin-top:100px;
		}

		.full-width-bar h2 {
		  margin: 0; /* Entfernt zusätzlichen Abstand */
		  font-size: 33px;
		}

		.full-width-bar p {
		  margin: 0; /* Entfernt zusätzlichen Abstand */
		  font-size: 19px;
			color: #ffffff;
		}

		.contact-info {
		  display: flex;
		  flex-wrap: wrap;
		  justify-content: center; /* Zentriert die Elemente */
		  gap: 20px; /* Abstand zwischen den Kontaktkarten */
		  padding: 20px;
		}

		.contact-item {
		  background: #e8f5ff;
		  padding: 15px;
		  border-left: 5px solid #0056a3;
		  border-radius: 8px;
		  width: 100%;
		  max-width: 300px; /* Maximale Breite für eine schöne Kartenoptik */
		  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Leichter Schatten für Tiefe */
		  box-sizing: border-box;
		  transition: transform 0.2s ease, box-shadow 0.2s ease;
		}

		.contact-item:hover {
		  transform: translateY(-5px); /* Leichtes Schweben bei Hover */
		  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
		}

		.contact-item h3 {
		  margin: 0 0 8px;
		  font-size: 18px;
		  color: #003e6b;
		  font-weight: 600;
		}

		.contact-item p {
		  margin: 0;
		  font-size: 14px;
		  color: #333;
		}

		.contact-item a {
		  color: #0056a3;
		  text-decoration: none;
		  font-weight: bold;
		}

		.contact-item a:hover {
		  text-decoration: underline;
		}

		/* Responsive Anpassungen */
		@media (min-width: 600px) {
		  .contact-item {
		    width: calc(50% - 20px); /* Zwei Spalten bei mittleren Bildschirmen */
		  }
		}

		@media (min-width: 992px) {
		  .contact-item {
		    width: calc(33.33% - 20px); /* Drei Spalten bei großen Bildschirmen */
		  }
		}

		.rating {
				display: flex;
				align-items: center;
				font-family: Arial, sans-serif;
				font-size: 16px;
		}
		.stars {
				display: flex;
				margin-right: 10px;
		}
		.stars span {
				color: #FFD700 !Important;  /* Goldene Sterne */
				font-size: 20px;
				margin-right: 2px;
		}
		.stars .empty {
				color: #CCCCCC !Important;; /* Graue Sterne für leere Bewertung */
		}
		.rating-value {
				font-weight: bold;
		}

		.promo-primary {
		    position: relative;
		    color: white;
		    text-align: left;
		    padding: 50px 0;
		}

		.align-container {
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		    height: 300px;
		    gap: 20px;
		}

		.align-item {
		    flex: 1;
		}

		.button-container {
		    display: flex;
		    flex-wrap: wrap;
		    justify-content: flex-end;
		    gap: 15px;
		    max-width: 500px;
		}

		.btn {
		    flex: 1 1 calc(33.33% - 10px); /* Drei Buttons nebeneinander */
		    background-color: #0d73fc;
		    color: white;
		    padding: 10px 15px;
		    border-radius: 5px;
		    text-align: center;
		    text-decoration: none;
		    font-weight: bold;
		    transition: background-color 0.3s ease;
		}

		.btn:hover {
		    background-color: #094ea6;
		}

		.title {
		    margin: 0;
		    font-size: 2.5rem;
		    line-height: 1.2;
		}

		/* Media Query für Mobilgeräte */
		@media (max-width: 768px) {
		    .align-container {
		        flex-direction: column;
		        align-items: center;
		        height: auto;
		    }

		    .button-container {
		        justify-content: center;
		        max-width: 100%;
		        padding: 0 10px; /* Padding für Mobilgeräte */
		    }

		    .btn {
		        flex: 1 1 100%; /* Buttons nehmen volle Breite ein */
		        max-width: 300px; /* Maximale Breite begrenzen */
		        box-sizing: border-box; /* Sorgt dafür, dass Padding berücksichtigt wird */
		    }

		    .title {
		        font-size: 2rem;
		        text-align: center;
		    }
		}

		@media (max-width: 768px) {
		    .button-container {
		        display: none;
		    }
		}
