body { 
  font-family: 'Helvetica Neu', Arial, sans-serif;
  color: #333333;
}

p {
  font-size: 1.1rem;
  color:#333333;
}

.navbar {
  background-color: #fff !important;
}

.ca-image-r {
  max-width: 100%;
  border-radius: 12px;
  float: right;
  transition: transform 0.6s;
}

.ca-image-r:hover {
  transform: scale(1.2); /* Vergrößert den Button um 10% */
  transition: transform 0.6s; /* Fügt eine sanfte Übergangsanimation hinzu */
}

.section-link a {
  text-decoration: none;
  color: #999999;
}

.section-link a:hover {
  text-decoration: none;
  color: #333333;
}

@media (min-width: 1040px) {
  .container-xl {
    max-width: 1040px;
  }

  .p-top-100 { 
    padding-top: 100px;
  }
}

@media (min-width: 768px) {
  .card-img {
    width: 100%; height: 480px; object-fit: cover;
  }
}

@media (max-width: 1040px) {
  .p-top-100 {
    padding-top: 100px;
  }
 
}

@media (max-width: 575px) {
  .ca-image-r {
    display: none; 
  }
}

.card-img-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end; /* verschiebt den Inhalt nach unten */
}

.card-img-overlay h5 {
  font-size: 1.8rem;
}

.card-img-overlay p {
  color: #fff;
}

.card-custom-ca {
  background-color: rgba(0, 0, 0, 0.7); /* Schwarzer Hintergrund mit 50% Transparenz */
  padding: 10px; 
  border-radius: 8px; 
}

.card-text a { 
  text-decoration: underline overline #999; 
  color: white;
}

.card-text a:hover { 
  text-decoration: underline overline #666; 
  color: #999;
}

.modal-body a {
  text-decoration: none;
  color: #333333;
}

.modal-body a:hover {
  text-decoration: none;
  color: #999999;
}