/* Intro-Textbereich auf der Startseite */
.tu-intro {
  max-width: 1200px;
  margin: 0 auto;
  padding: 3rem 1.5rem;
  text-align: center;
}

.tu-intro-lead {
  font-size: clamp(1rem, 1.8vw, 1.15rem);
  line-height: 1.8;
  color: var(--bs-body-color);
  opacity: 0.85;
  margin-bottom: 2rem;
}

.tu-intro-cta {
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  font-weight: 600;
  color: #002F5D;
  margin-bottom: 2rem;
}

[data-bs-theme="dark"] .tu-intro-cta {
  color: #89BA15;
}

.tu-intro-services {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 0.4rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.tu-intro-services li {
  background: rgba(var(--bs-body-bg-rgb), 1);
  border: 1px solid rgba(0,47,93,0.15);
  border-radius: 2rem;
  padding: 0.4rem 1rem;
  font-size: 0.88rem;
  color: var(--bs-body-color);
  transition: all 0.2s ease;
}

[data-bs-theme="dark"] .tu-intro-services li {
  border-color: rgba(137,186,21,0.25);
}

.tu-intro-services li:hover {
  background: #002F5D;
  color: #fff;
  border-color: #002F5D;
  transform: translateY(-2px);
}

[data-bs-theme="dark"] .tu-intro-services li:hover {
  background: #89BA15;
  color: #002F5D;
  border-color: #89BA15;
}

@media (min-width: 769px) {  .tu-intro-lead {    font-size: 1.25rem;    line-height: 1.9;  }  .tu-intro {    padding: 3rem 1rem;  }}
@media (max-width: 768px) {
  .tu-intro {
    padding: 2rem 1rem;
  }
  .tu-intro-services li {
    font-size: 0.8rem;
    padding: 0.35rem 0.8rem;
  }
}