/* Globale Schriftarten */
body,
h1,
h2,
h3,
h4,
h5,
h6,
.btn {
  font-family: 'Montserrat', sans-serif;
  color: #001B2E;
}

p,
.text-body {
  font-family: 'Open Sans', sans-serif;
  color: #001B2E;
}

li p b, 
li p strong {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700; /* This uses the weight from your link */
  display: inline-block; /* Helps with alignment in some browsers */
}

/* Überschriften */
h1,
h2,
h3 {
  font-weight: 700;
}

h4,
h5,
h6 {
  font-weight: 600;
}

/* Make the Brand/Logo bold and use Montserrat */
.navbar-brand {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
}

/* Make the Nav Links bold (using Open Sans Bold) */
.navbar-nav .nav-link {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
}

/* Primärer Button */
.btn-primary-custom {
  background-color: #B59B67;
  /* Overridden by hero.css */
  border-color: #B59B67;
  /* Added from hero.css */
  color: #f8f8f7;
  border-radius: 5px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-primary-custom:hover {
  background-color: #598198;
  /* Overridden by hero.css */
  border-color: #90A9B8;
  /* Added from hero.css */
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Sekundärer Button */
.btn-secondary-custom  {
  background-color: #f8f8f7;
  color: #95B890;
  border-radius: 5px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-secondary-custom:hover {
  background-color: #f8f8f7;
  color: #598198;
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

body {
        background-color: #f8f9fa;
      }

      .rental-ad-container {
        position: relative; /* Needed for positioning the ad marker */
        overflow: hidden; /* Ensures the marker's rounded corners look clean */
        border: 1px solid #ddd;
        border-radius: 0.75rem; /* Softer corners */
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
      }
      .rental-ad-container:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0,0,0,0.15);
      }
      .ad-marker {
        position: absolute;
        top: 12px;
        left: 12px;
        background-color: rgba(31, 163, 42, 0.65);
        color: #fff;
        padding: 3px 10px;
        font-size: 0.7rem;
        font-weight: bold;
        border-radius: 5px;
        text-transform: uppercase;
        z-index: 10;
      }
      .card-title {
        font-size: 1.3rem;
      }
      .legal-text {
        font-size: 0.75rem;
        line-height: 1.2;
      }
.testimonial {
            background-color: #f8f9fa;
            border-radius: 10px;
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .testimonial img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            object-fit: cover;
            margin-bottom: 10px;
        }