/* Optimiert am 26.05.2026, 12:11:27 von Web-Projekt-Auditor Pro */
.hero-home {
  min-height: var(--hero-min-height, clamp(780px, calc(52vw + 120px), 980px));
  background: #0d5b50;
}

.hero-home::before {
  background:
    linear-gradient(90deg, rgba(8, 45, 40, 0.88) 0%, rgba(8, 45, 40, 0.78) 18%, rgba(8, 45, 40, 0.46) 42%, rgba(8, 45, 40, 0.14) 66%, rgba(8, 45, 40, 0.04) 100%);
}

.hero-home::after {
  display: none;
}

.hero-home-copy {
  padding-top: calc(var(--header-h) + clamp(14px, 1.2vw, 22px));
  align-items: center;
}

.hero-copy {
  position: relative;
  gap: clamp(14px, 1.2vw, 18px);
  padding-bottom: clamp(36px, 4vw, 62px);
}

.hero-copy .eyebrow {
  min-height: 34px;
}

.hero-copy h1 {
  text-wrap: balance;
}

.hero-copy .hero-lead {
  margin-top: 2px;
  font-size: var(--hero-lead-size);
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.68;
}

.hero-copy .hero-actions {
  margin-top: 26px;
}

.hero-home .button-primary {
  background: var(--gold);
  color: #17322d;
}

.hero-home .button-primary:hover {
  background: var(--gold-strong);
}

.hero-home .button-secondary {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.18);
  color: var(--white);
}

.hero-home .button-secondary:hover {
  background: rgba(255, 255, 255, 0.22);
}

.hero-home .button-ghost {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.22);
  color: var(--white);
  backdrop-filter: blur(14px) saturate(135%);
  -webkit-backdrop-filter: blur(14px) saturate(135%);
}

@media (max-width: 760px) {
  .hero-copy .eyebrow {
    min-height: 30px;
  }

  .hero-copy .hero-lead {
    font-size: var(--hero-lead-size);
    line-height: 1.56;
  }

  .hero-copy .hero-actions {
    width: 100%;
  }

  .hero-copy .hero-actions .button {
    flex: 1 1 calc(50% - 6px);
    min-width: 0;
  }
}